*{
margin:0;
padding:0
}
html{
height:100%;
width:100%
}
body{
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/body-bg.gif) top repeat-x #f9f9f9;
font-family:Arial;
font-size:.75em;
line-height:1.5em;
color:#6a6969;
text-align:center;
min-width:1205px
}
body>.wrapper{
position:relative
}
img{
border:0;
vertical-align:top
}
a{
color:#b2b2b2;
text-decoration:underline;
}
a:hover{
text-decoration:none;
color:#6690fb
}
h1{
font-size:20px;
font-weight:400;
line-height:1.15;
margin-bottom:0
}
h2{
font-size:18px;
font-weight:400;
line-height:1.25;
margin-bottom:7px
}
h3{
font-size:16px;
font-weight:700;
line-height:1.25;
margin-bottom:7px
}
h4{
font-size:14px;
font-weight:700;
margin-bottom:7px
}
form{
display:inline
}
fieldset{
border:0
}
table{
border:0;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
font-size:100%
}
caption,td,th{
text-align:left;
font-weight:400
}
strong{
font-weight:700
}
address{
font-style:normal;
margin-bottom:5px
}
blockquote,q{
quotes:none
}
ol,ul{
list-style:none
}
.hidden{
display:block!important;
border:0!important;
margin:0!important;
padding:0!important;
font-size:0!important;
line-height:0!important;
width:0!important;
height:0!important;
overflow:hidden!important
}
.nobr{
white-space:nowrap!important
}
.a-center{
text-align:center!important
}
.a-right{
text-align:right!important
}
.v-middle{
vertical-align:middle
}
.f-left,.left{
float:left!important
}
.no-display{
display:none
}
.wrapper{
width:100%;
overflow:hidden
}
.top-tail2{
position:absolute;
right:0;
top:0;
width:50%;
height:776px;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/top-tail2.gif) top repeat-x
}
.page{
width:1024px;
margin:0 auto;
padding:0;
text-align:left;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/header-top-bg.png) top center no-repeat
}
.main{
margin:0;
padding:0 0 20px;
position:relative
}
.col-main{
float:left;
width:763px;
background:#fff;
padding:10px;
border-radius:4px
}
.col1-layout .col-main{
float:none;
width:auto;
padding:10px
}
.col2-set .col-1{
float:left;
width:49%
}
.col2-set .col-2{
float:right;
width:49%
}
button,input,select,textarea{
font:12px Arial,Helvetica,sans-serif;
vertical-align:middle;
color:#000
}
input.input-text,select,textarea{
background:#fcfcfc;
border:1px solid #d4d4d4
}
input.input-text,textarea{
padding:3px 2px 4px 2px
}
select{
padding:2px
}
select option{
padding-right:10px
}
textarea{
overflow:auto
}
input.radio{
margin-right:3px;
}
input.qty{
width:2.5em!important
}
button.button::-moz-focus-inner{
padding:0;
border:0
}
button.button{
-webkit-border-fit:lines
}
button.button{
overflow:visible;
width:auto;
border:0;
padding:0;
margin:0;
background:0 0;
cursor:pointer
}
button.button>span{
float:left;
height:26px;
padding:0;
font:normal 12px/26px Arial,Helvetica,sans-serif;
text-align:center;
white-space:nowrap;
color:#fff;
font-weight:700;
border-radius:2px;
background:-webkit-gradient(linear,left top,left bottom,from(#5c88fb),to(#4a6bbe));
background:-moz-linear-gradient(top,#5c88fb,#4a6bbe);
background:-o-linear-gradient(top,#5c88fb,#4a6bbe);
background:-ms-linear-gradient(top,#5c88fb,#4a6bbe)
}
button.button span span{
padding:0 10px 0 10px;
display:block;
float:left
}
button.button:hover>span{
background:-webkit-gradient(linear,left top,left bottom,from(#333),to(#1f1f1f));
background:-moz-linear-gradient(top,#333,#1f1f1f);
background:-o-linear-gradient(top,#333,#1f1f1f);
background:-ms-linear-gradient(top,#333,#1f1f1f)
}
#contactForm .buttons-set button.button>span,.account-login-home .buttons-set button.button>span{
background:-webkit-gradient(linear,left top,left bottom,from(#5c88fb),to(#4a6bbe));
background:-moz-linear-gradient(top,#5c88fb,#4a6bbe);
background:-o-linear-gradient(top,#5c88fb,#4a6bbe);
background:-ms-linear-gradient(top,#5c88fb,#4a6bbe);
height:28px;
line-height:28px
}
.form-list li{
margin:0 0 7px
}
.form-list label{
float:left;
color:#000;
font-weight:700;
position:relative;
z-index:0;
display:inline-block;
padding-bottom:5px
}
.form-list label.required em{
float:right;
font-style:normal;
color:#6690fb;
position:absolute;
top:0;
right:-8px
}
.form-list .input-box{
display:block;
clear:both;
width:260px
}
.form-list .field{
float:left;
width:360px
}
.form-list input.input-text{
width:333px
}
.form-list textarea{
width:254px;
height:10em
}
.form-list select{
width:260px
}
.form-list li.wide .input-box{
width:535px
}
.form-list li.wide textarea{
width:529px
}
.buttons-set{
clear:both;
margin:5px 0 0;
padding:5px 0 5px 0
}
.buttons-set button.button{
float:right
}
.buttons-set p.required{
margin:0 0 10px;
font-size:12px;
color:#6690fb
}
.fieldset .legend{
font-weight:700;
font-size:12px;
text-transform:uppercase;
position:relative;
padding-bottom:8px;
color:#6690fb
}
p.required{
font-size:10px;
text-align:right;
color:red
}
.notice{
color:#ccc
}
.category-title,.page-title{
padding:0;
margin:0 0 10px
}
.page-title h1,.page-title h2{
font-size:15px;
color:#333;
font-weight:400;
padding:14px 20px 17px;
border-radius:4px 4px 0 0;
margin:0;
background:-webkit-gradient(linear,left top,left bottom,from(#f0efef),to(#dddcdc));
background:-moz-linear-gradient(top,#f0efef,#dddcdc);
background:-o-linear-gradient(top,#f0efef,#dddcdc);
background:-ms-linear-gradient(top,#f0efef,#dddcdc)
}
.title-buttons{
text-align:right
}
.title-buttons h1,.title-buttons h2,.title-buttons h3,.title-buttons h4,.title-buttons h5,.title-buttons h6{
float:left;
background:0 0;
padding-left:0;
padding-bottom:0
}
#easyTooltip,.block-cart .subtotal,.block-cart-header .subtotal,.block-order-return .input-box.btn button.button span span,.cart .totals button.button span,.catalog-product-compare-index .buttons-set button.button span span,.catalog-product-compare-index .link-print,.jspVerticalBar,.opc .active .step-title .number,.opc .step-title .number,.page-sitemap .links a,.pager .pages li,.product-view .product-shop .product-pricing li,.products-grid .grid-inner .fancybox,.products-list .list-inner .fancybox{
border-radius:0
}
.header .form-search .input-text,.header .form-search button.button span,.link-extra,.products-grid li.item,.products-list,.toolbar{
border-radius:0
}
#checkout-review-table-wrapper,#checkout-step-login .col2-set,#co-billing-form>fieldset,#co-shipping-form,#contactForm,.account-login .new-users,.account-login .registered-users,.block,.block-order-return,.block-progress dt,.block.block-progress .block-title span,.box-up-sell,.box-up-sell ul li,.cart .crosssell,.cart .shipping,.cart .totals,.cms-about-magento-demo-store .about-col-1,.cms-about-magento-demo-store .about-col-2,.cms-about-magento-demo-store .about-col-3,.contact-left,.custom-servis-ul li,.form-adv-search,.gift-messages-form,.map-popup,.opc .active .step-title,.opc li.section,.page-sitemap .pager,.product-view,.radius-cart,.success-msg{
border-radius:0
}
.data-table{
width:100%
}
.data-table th{
padding:12px 20px 12px 20px;
border:1px solid #ececec;
font-weight:700;
white-space:nowrap;
color:#000
}
.data-table td{
padding:14px 20px 14px 20px;
border:1px solid #ececec;
color:#aaa
}
.std address,.std blockquote,.std dl,.std ol,.std p,.std ul{
margin:0 0 1em;
padding:0
}
.std ul{
list-style:disc outside;
padding-left:1.5em
}
.std blockquote{
font-style:italic;
padding:0 0 0 1.5em
}
.std b,.std strong{
font-weight:700
}
.std em,.std i{
font-style:italic
}
.links li{
display:inline;
padding-left:12px
}
.links li.first{
padding-left:0!important
}
.links li.last{
background:0 0!important;
padding-right:0!important
}
.links li a{
text-decoration:none
}
.link-compare{
font-weight:700
}
.btn-remove{
display:block;
width:19px;
height:19px;
font-size:0;
line-height:0;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/btn_remove.gif) 0 0 no-repeat;
text-indent:-999em;
overflow:hidden;
margin-left:2px
}
.btn-remove2{
display:block;
width:36px;
height:38px;
font-size:0;
line-height:0;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/cart-delete.png) 0 0 no-repeat;
text-indent:-999em;
overflow:hidden
}
.prod-cart img{
border:1px solid #ededed
}
.prod-cart img:hover{
border:1px solid #5c88fb
}
.separator{
margin:0 3px
}
.logo{
float:left;
padding:14px 0 0 24px
}
.header .logo{
float:left;
text-decoration:none!important
}
.header .logo strong{
position:absolute;
top:-999em;
left:-999em;
width:0;
height:0;
font-size:0;
line-height:0;
text-indent:-999em;
overflow:hidden
}
.header h1.logo{
margin:0;
padding:0
}
.header-container{
padding:10px 0 10px
}
.header{
padding:10px 15px 25px 0;
border-radius:4px;
border-bottom:solid 3px #d7d6d6;
position:relative;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/header-tail.gif) bottom repeat-x #fff;
margin:0 0 10px
}
.header .quick-access{
float:right
}
.header .header-row{
float:right
}
.header .welcome-msg{
font-weight:700;
text-align:right;
font-size:12px;
color:#6690fb;
display:block;
padding-top:7px
}
.header .links{
float:right;
text-align:right;
padding:10px 10px 0 0
}
.header .links li{
float:left;
padding-left:21px
}
.header .links li a{
display:inline-block;
font-weight:700;
color:#333
}
.header .form-search{
text-align:right
}
.header .form-search .search-autocomplete{
z-index:999
}
#search_mini_form{
float:right;
position:relative;
margin:8px 0 0
}
.header .form-search{
overflow:hidden;
font-size:16px;
line-height:normal
}
.header .form-search .input-text{
background:#fff;
width:143px;
border:1px solid #d1d1d1;
float:left;
font-size:11px;
padding:4px 63px 5px 10px;
color:#363636
}
.header .form-search button.button{
position:absolute;
right:0;
top:0
}
.header .form-search button.button span{
border-radius:0;
text-transform:none;
font-weight:700;
height:25px;
line-height:25px;
width:51px;
display:block;
padding:0 1px;
background:-webkit-gradient(linear,left top,left bottom,from(#4a6bbe),to(#5c88fb));
background:-moz-linear-gradient(top,#4a6bbe,#5c88fb);
background:-o-linear-gradient(top,#4a6bbe,#5c88fb);
background:-ms-linear-gradient(top,#4a6bbe,#5c88fb)
}
.header .form-search label{
float:left;
margin-left:17px;
width:25px;
height:25px;
text-indent:20em;
overflow:hidden;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/search-label.gif) no-repeat 0 0;
margin-right:4px
}
.slider{
width:763px;
height:450px!important;
margin:0;
position:relative;
margin-bottom:10px
}
.slider .items{
display:none
}
.slider .pagination{
position:absolute;
z-index:9999;
right:21px;
bottom:18px;
text-align:right;
padding:0;
overflow:hidden;
margin:0
}
.slider .pagination li{
display:block;
float:left;
z-index:9999;
position:relative;
padding:0 0 0 5px
}
.slider .pagination li a{
display:block;
width:16px;
height:16px;
overflow:hidden;
text-indent:20em;
text-decoration:none;
position:relative;
z-index:9999;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/slider-button.png) 0 0 no-repeat
}
.slider .pagination li.current a{
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/slider-button-act.png) 0 0 no-repeat;
color:#fff
}
.slider .banner,.slider .banner a{
position:absolute;
width:763px;
height:450px;
left:0;
top:0
}
div.column{
float:left;
width:200px;
padding:0
}
.col2-set .col-1{
float:left;
width:48.5%
}
.col2-set{
width:auto
}
.block{
margin:0 0 20px;
background:#fff;
border-radius:4px
}
.block.last_block{
margin-bottom:0
}
.block .block-title strong{
font-size:15px;
color:#333;
font-weight:400;
padding:15px 20px 17px;
border-radius:4px 4px 0 0;
display:block;
background:-webkit-gradient(linear,left top,left bottom,from(#f0efef),to(#dddcdc));
background:-moz-linear-gradient(top,#f0efef,#dddcdc);
background:-o-linear-gradient(top,#f0efef,#dddcdc);
background:-ms-linear-gradient(top,#f0efef,#dddcdc)
}
.block .block-content{
padding:15px 20px 15px 20px
}
.block .actions{
text-align:right;
padding:15px 0 0 0
}
.block button.button>span{
background:-webkit-gradient(linear,left top,left bottom,from(#5c88fb),to(#4a6bbe));
background:-moz-linear-gradient(top,#5c88fb,#4a6bbe);
background:-o-linear-gradient(top,#5c88fb,#4a6bbe);
background:-ms-linear-gradient(top,#5c88fb,#4a6bbe)
}
.product-image{
display:inline-block
}
.block-subscribe .form-subscribe-header{
display:none
}
.block-subscribe #newsletter{
width:179px;
padding:5px
}
.add-to-links{
width:72px;
float:left
}
.availability{
margin:0
}
.availability span{
font-weight:700
}
.email-friend{
margin-bottom:5px
}
.price{
white-space:nowrap!important
}
.price-box .price{
color:#6690fb;
font-size:15px;
font-weight:400
}
.regular-price .price{
font-weight:400;
font-size:15px;
color:#6690fb
}
.add-to-links .separator{
display:none
}
.add-to-cart label{
float:left;
margin-right:10px;
padding-top:4px;
color:#000
}
.add-to-cart .qty{
float:left;
border:1px solid #d4d4d4;
font-size:12px;
color:#7e7e7e;
text-align:center;
background:#fcfcfc;
padding:4px 7px 4px 7px;
margin-bottom:20px
}
.add-to-cart button.button{
float:right;
margin-left:5px
}
.add-to-box .add-to-cart{
float:left;
width:100%;
position:relative
}
.add-to-box .add-to-cart #ajax_loader{
position:absolute;
bottom:-22px;
right:0
}
.add-to-box .or{
float:left;
margin:0 10px
}
.add-to-box .add-to-links{
float:left
}
.product-view{
border:1px solid #ededed;
padding:40px;
margin-bottom:20px
}
.product-view .product-name h1{
font-size:20px;
font-weight:700;
color:#2f2f2f;
line-height:28px
}
.product-view h2{
font-size:16px;
font-weight:bold;
margin-bottom:10px
}
.zoom-img{
width:31px;
height:31px;
overflow:hidden;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/zoom.gif) 0 0 no-repeat;
position:absolute;
right:6px;
bottom:6px;
z-index:99
}
.zoom-img img{
opacity:0
}
.zoom-inner{
width:300px;
margin-bottom:10px;
height:300px;
position:relative
}
.more-views h2{
display:none
}
.product-essential{
margin-bottom:0;
padding-bottom:25px
}
.product-collateral .box-collateral{
margin:0 0 0
}
.product-view .product-img-box .more-views li{
float:left;
border:1px solid #9fe5dc;
margin:0 0 0 29px
}
.product-view .product-img-box{
float:left;
width:300px
}
.product-view .product-img-box .product-image{
border:1px solid #ededed
}
.product-view .product-img-box .more-views li{
float:left;
border:1px solid #ededed;
margin:0 0 10px 10px
}
.product-view .product-img-box .more-views li.item-4,.product-view .product-img-box .more-views li:first-child{
margin-left:0
}
.product-view .product-shop{
float:right;
width:362px
}
.col1-layout .product-view .product-shop{
float:right;
width:700px
}
.product-view .short-description h2{
display:none
}
.product-view .short-description .std{
font-size:12px;
color:#7f7f7f;
line-height:18px
}
.product-view .product-shop .price-box{
display:inline-block;
padding-top:7px;
float:left;
margin-right:15px;
min-width:78px
}
.product-view .product-shop .availability{
display:inline-block;
font-size:12px;
font-weight:700;
color:#6690fb;
padding-top:0
}
.product-view .product-shop .availability span{
font-size:12px;
font-weight:700;
color:#6690fb
}
.product-view .product-shop .add-to-box{
padding:14px 0 0 0
}
.product-view .product-shop .add-to-box .add-to-links{
border-bottom:1px solid #e6e6e6;
padding-bottom:15px
}
.product-view .product-shop .add-to-box label{
font-size:11px
}
.product-view .product-shop .add-to-links{
margin-top:20px;
width:100%;
//border-top:1px solid #e6e6e6;
padding-top:15px
}
.product-view .product-shop .add-to-links li a.link-compare{
color:#888787;
padding-left:22px;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/compare.png) left 0 no-repeat
}
.product-view .product-shop .add-to-links li{
float:left
}
.product-view .product-shop .add-to-links li:first-child{
margin-right:28px
}
.add-to-box .or{
display:none
}
.row-product{
//border-bottom:1px solid #e6e6e6;
padding-top:15px;
padding-bottom:10px;
overflow:hidden;
width:100%;
margin-bottom:20px
}
.row-product .email-friend{
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/marker-email.gif) left 4px no-repeat;
padding-left:27px;
float:right
}
.row-product .email-friend a{
text-decoration:underline;
color:#6690fb
}
.product-options{
padding:15px 10px 15px 18px;
margin:16px 0 0;
border-left:1px solid #ececec;
border-top:1px solid #ececec;
border-right:1px solid #ececec;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/tail-box-prod.gif) left top repeat-x #fdfdfd
}
.product-options dl dt{
display:block
}
.product-options dt label{
font-weight:700;
display:inline-block;
color:#000;
padding-bottom:5px
}
.product-options dd{
margin:0 0 15px 0;
display:block;
padding-bottom:10px
}
.product-options dd.last{
border-bottom:0;
padding-bottom:0
}
.product-options dd select{
width:100%
}
.product-options p.required{
padding:12px 0 0;
overflow:hidden;
width:100%;
text-align:left;
font-size:12px;
color:#6690fb
}
.product-options-bottom #ajax_loader{
position:absolute;
top:57px;
right:20px
}
.product-options-bottom{
padding:22px 20px 10px 20px;
border:1px solid #ececec;
border-top:0;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/tail-prod-box-2.gif) left top repeat-x #fbfbfb;
position:relative
}
.product-options-bottom .price-box{
float:left;
margin:0 25px 0 0!important
}
.product-options-bottom .add-to-cart{
float:left;
width:100%;
margin-bottom:0
}
.product-options-bottom .add-to-links{
clear:left;
margin:0!important;
padding:15px 0 0 0
}
.product-view{
position:relative
}
.product-view .box-description{
border-bottom:1px solid #ededed;
margin-bottom:28px;
padding-bottom:41px
}
.product-name{
font-size:1em;
font-weight:400
}
.contact-left{
width:199px;
border:1px solid #ededed;
background:#fbfbfb;
float:left;
margin-right:10px;
padding:16px 20px 19px 20px
}
.contact-left h2{
font-size:18px;
text-transform:uppercase;
color:#383737;
border-bottom:1px solid #e6e6e6;
padding-bottom:14px;
font-family:'Open Sans',sans-serif;
font-weight:600;
margin-bottom:16px
}
.contact-left h3{
font-size:12px;
text-transform:uppercase;
color:#6690fb;
margin-bottom:14px
}
.contact-left p{
font-size:12px;
color:#737373;
line-height:17px
}
.contact-left ul li{
border-bottom:1px solid #e6e6e6;
padding-bottom:17px;
margin-bottom:17px
}
#contactForm{
float:left;
width:721px;
border:1px solid #ededed;
padding:16px 10px 20px 10px
}
#contactForm .fieldset{
background:0 0;
border:none;
padding:0;
margin:0
}
#contactForm .fieldset .legend{
background:0 0;
border:none;
float:none;
margin:0 0 16px 0;
padding:0 0 14px 0;
position:relative;
font-size:18px;
text-transform:uppercase;
color:#383737;
border-bottom:1px solid #e6e6e6;
font-family:'Open Sans',sans-serif;
font-weight:600
}
#contactForm .form-list input.input-text{
width:220px
}
#contactForm .form-list .field{
float:left;
width:246px
}
#contactForm .form-list .field.last{
float:left;
width:228px
}
#contactForm .form-list li.wide textarea{
width:711px;
resize:none
}
#contactForm .buttons-set button.button{
float:left
}
#contactForm .buttons-set{
margin:0;
padding:14px 0 0 0
}
#contactForm .buttons-set p.required{
color:#6690fb;
font-size:12px;
margin:0 0 0;
float:left;
padding-left:50px;
padding-top:5px
}
.cart .data-table td,.cart .data-table th{
border-color:#ececec;
line-height:normal;
color:#000;
padding:10px 20px 10px 20px
}
.cart .data-table td input{
border:1px solid #d4d4d4;
text-align:center;
color:#7e7e7e;
font-size:12px;
width:40px!important
}
.cart .data-table tfoot tr.last td.last{
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/row-last.gif) left top repeat-x;
border-radius:0 0 4px 4px;
overflow:hidden
}
.cart .data-table td{
padding:19px;
vertical-align:middle
}
.cart .data-table td .product-name a{
text-decoration:none;
font-size:12px;
text-transform:uppercase;
color:#2f2f2f
}
.cart .data-table td .product-name a:hover{
color:#6690fb
}
.cart .data-table td.a-center.edit a{
text-decoration:none;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/edit.png) 50% top no-repeat;
padding-top:39px;
font-size:12px;
display:inline-block;
margin-top:10px;
color:#b2b2b2;
padding-left:5px;
padding-right:10px
}
.cart .data-table .nobr{
display:block;
color:#000
}
.cart .data-table thead .first.last{
background:#fff
}
.cart .data-table tfoot .btn-continue{
float:left
}
.cart .data-table tfoot .btn-continue>span,.cart .data-table tfoot .btn-empty>span,.cart .data-table tfoot .btn-update>span{
color:#323232;
padding-left:17px;
padding-right:11px;
border-radius:2px;
height:31px;
line-height:31px;
background:-webkit-gradient(linear,left top,left bottom,from(#f1f1f1),to(#fdfdfd));
background:-moz-linear-gradient(top,#f1f1f1,#fdfdfd);
background:-o-linear-gradient(top,#f1f1f1,#fdfdfd);
background:-ms-linear-gradient(top,#f1f1f1,#fdfdfd);
border-bottom:1px solid #e5e5e5
}
.cart .data-table tfoot .btn-continue span span,.cart .data-table tfoot .btn-empty span span,.cart .data-table tfoot .btn-update span span{
padding-left:23px;
border-radius:3px
}
.cart .data-table tfoot .btn-continue span span{
padding-right:23px;
padding-left:0
}
.cart .data-table tfoot .btn-continue span span{
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/marker-btn.png) right 11px no-repeat
}
.cart .data-table tfoot .btn-update span span{
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/btn-update.png) left 10px no-repeat
}
.cart .data-table tfoot .btn-empty span span{
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/btn-empty.png) left 7px no-repeat
}
.cart .data-table tfoot .btn-continue:hover>span,.cart .data-table tfoot .btn-empty:hover>span,.cart .data-table tfoot .btn-update:hover>span{
background:-webkit-gradient(linear,left top,left bottom,from(#2c2c2c),to(#333));
background:-moz-linear-gradient(top,#2c2c2c,#333);
background:-o-linear-gradient(top,#2c2c2c,#333);
background:-ms-linear-gradient(top,#2c2c2c,#333);
color:#fff
}
.cart .data-table tr.first{
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/tail-row-cart.gif) left top repeat-x
}
.cart .data-table tr{
background:#fcfcfc
}
.cart .checkout-types{
float:right;
text-align:right
}
.cart-table .item-msg{
font-size:10px
}
.cart .cart-collaterals{
padding:25px 0 0
}
.cart .cart-collaterals .col2-set{
float:left;
width:675px
}
.cart .page-title.title-buttons .checkout-types{
padding-top:53px;
display:none
}
.cart .cart-collaterals .col-1{
width:328px
}
.cart .cart-collaterals .col-2{
width:328px
}
#shopping-cart-table .product-image{
display:inline-block
}
.cart-table .price{
font-weight:700;
color:#6690fb
}
.cart .discount{
margin-bottom:19px
}
.cart .discount,.cart .shipping{
border:1px solid #ededed;
padding:13px 20px 10px 20px;
overflow:hidden;
background:#fbfbfb
}
.cart .discount .discount-form button.button{
margin-bottom:5px;
clear:right
}
.cart .discount .buttons-set{
padding-left:0;
padding-top:20px
}
.cart .discount .buttons-set button.button{
float:left
}
.cart .shipping{
padding-top:11px
}
.cart .shipping .buttons-set{
padding-left:0;
padding-top:0
}
.cart .shipping .buttons-set button.button{
float:left
}
.cart .cart-collaterals .col-2 h2{
text-transform:uppercase;
font-size:18px;
line-height:normal;
font-weight:600;
color:#383737;
padding:0 0 12px 0;
margin-bottom:15px;
font-family:'Open Sans',sans-serif;
border-bottom:1px solid #e6e6e6
}
.cart .discount-form label{
margin-bottom:16px;
display:block;
font-size:12px;
text-transform:uppercase;
color:#6690fb
}
.cart input,.cart select{
border-color:#d9d9d9;
color:#303030;
font-size:11px
}
.cart .discount-form .input-box input{
width:280px
}
.cart .discount-form .buttons-set{
margin:0;
clear:right;
overflow:hidden
}
.cart .shipping p{
margin-bottom:12px;
text-transform:uppercase;
color:#6690fb
}
.cart .shipping label{
display:block;
font-size:12px;
line-height:normal;
color:#000;
margin-bottom:0;
font-weight:700
}
.cart .shipping .form-list li{
margin-bottom:7px
}
.cart .shipping .form-list li input{
width:280px;
margin-top:10px
}
.cart .shipping .form-list li select{
width:286px;
padding:3px;
color:#7e7e7e
}
.cart .shipping .buttons-set{
margin-top:0;
padding-top:15px;
padding-bottom:10px
}
.shipping-form .sp-methods .radio{
float:left;
padding-top:5px;
}
.cart .totals{
float:right;
background:#5c5b5b;
width:307px;
padding:0;
border:1px solid #494949
}
.cart .totals table{
width:100%;
font-size:12px;
color:#7f7f7f;
margin-bottom:0
}
.cart .totals table tr{
border-bottom:1px solid #494949
}
.cart .totals table td,.cart .totals table th{
padding:22px 5px 22px 30px;
font-size:12px;
color:#fff;
font-weight:700;
text-transform:uppercase;
vertical-align:middle;
text-align:left!important
}
.cart .totals .price{
font-size:22px;
line-height:normal;
color:#fff;
min-width:70px;
display:inline-block;
padding:0 30px 0 0
}
.cart .totals button.button>span{
font-size:18px;
padding:0 12px;
height:49px;
line-height:49px;
font-weight:400
}
.checkout-types li{
padding-bottom:15px
}
.checkout-types li a{
color:#fff
}
.cart .totals .checkout-types{
text-align:center;
float:none;
padding:30px 20px 30px 20px;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/tail-checout-ul.gif) left top repeat-x #535252
}
.sp-methods dt{
font-weight:700
}
.sp-methods .price{
font-weight:700
}
#checkout-review-table tr{
background:0 0
}
#checkout-review-table thead{
background:0 0
}
#checkout-review-table th{
padding:12px 20px 12px 20px;
font-size:12px;
font-weight:700;
color:#000
}
#checkout-review-table td{
border:1px solid #ececec;
background:#none;
padding:16px 20px 14px 20px
}
#checkout-review-table .price{
color:#6690fb;
font-weight:700
}
#checkout-review-table th{
border:1px solid #ececec
}
#checkout-review-table-wrapper{
overflow:hidden
}
#checkout-review-table{
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/tail-table.gif) left top repeat-x #fbfbfb
}
#checkout-review-table tfoot td{
font-weight:700;
color:#000
}
.account-login .new-users .buttons-set{
padding-left:0
}
.account-login .new-users .buttons-set button.button{
float:left
}
.account-login .new-users{
border:1px solid #ececec;
padding:18px 20px 20px 20px;
width:460px;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/media/bg-login.gif) no-repeat left bottom #fff;
min-height:260px
}
.account-login .new-users h2{
padding:0 0 15px 0;
border-bottom:1px solid #e6e6e6;
font-size:12px;
text-transform:uppercase;
color:#6690fb
}
.account-login .new-users p{
font-size:12px;
color:#7f7f7f;
line-height:18px;
padding:13px 0 12px 0
}
.account-login .registered-users{
border:1px solid #ececec;
padding:18px 20px 20px 20px;
width:460px;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/media/bg-login-2.gif) no-repeat left bottom #fff;
min-height:260px
}
.account-login .registered-users h2{
padding:0 0 15px 0;
border-bottom:1px solid #e6e6e6;
font-size:12px;
text-transform:uppercase;
color:#6690fb
}
.account-login .registered-users p{
font-size:12px;
color:#7f7f7f;
line-height:18px;
padding:13px 0 12px 0
}
.account-login .registered-users .form-list input.input-text{
width:452px
}
.account-login .registered-users p.required{
padding:0 0 5px 0;
color:#6690fb
}
.account-login .registered-users .f-left{
float:none!important;
display:table;
font-size:12px;
font-weight:700;
color:#7f7f7f;
text-decoration:none;
padding-bottom:12px
}
.account-login .registered-users .f-left:hover{
color:#6690fb
}
.footer-container .block-subscribe{
padding:12px 20px 11px 19px;
margin:0;
background:-webkit-gradient(linear,left top,left bottom,from(#f4f4f4),to(#ebeaea));
background:-moz-linear-gradient(top,#f4f4f4,#ebeaea);
background:-o-linear-gradient(top,#f4f4f4,#ebeaea);
background:-ms-linear-gradient(top,#f4f4f4,#ebeaea)
}
.footer-container .block-subscribe .block-title{
float:left;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/subscribe-marker.gif) no-repeat 0 5px;
padding:5px 11px 3px 41px
}
.footer-container .block-subscribe .block-title strong{
border-bottom:0;
padding:0;
background:0 0;
text-transform:none
}
.footer-container .block-subscribe .block-title strong span{
color:#333;
font-size:15px;
text-transform:none
}
.footer-container .block-subscribe .block-content{
padding:0 0 0;
float:left
}
.footer-container .block-subscribe #newsletter{
margin:0 9px 0 0;
width:239px;
font-size:12px;
color:#999;
padding:5px 5px 6px
}
.footer-container .block-subscribe #newsletter{
border:1px solid #d1d1d1;
float:right;
display:block;
position:relative;
z-index:9;
background:#fff
}
.footer-container .block-subscribe .input-box{
float:left;
width:260px
}
.footer-container .block-subscribe .actions{
float:left;
width:23px;
padding:0;
margin-left:-1px
}
.footer-container .block-subscribe .actions .button span span{
height:28px
}
.footer-container .block-subscribe.block button.button span{
height:28px;
border-radius:2px;
padding:0 10px;
background:-webkit-gradient(linear,left top,left bottom,from(#333),to(#1f1f1f));
background:-moz-linear-gradient(top,#333,#1f1f1f);
background:-o-linear-gradient(top,#333,#1f1f1f);
background:-ms-linear-gradient(top,#333,#1f1f1f)
}
.footer{
position:relative;
color:#939293;
padding:11px 0 0
}
.footer-container{
padding-bottom:61px
}
.footer p{
text-align:right
}
.footer address{
text-align:left;
padding-top:10px;
border-top:1px solid #d1d1d1;
padding-bottom:10px
}
.padd-footer{
padding-bottom:8px
}
.footer h4{
font-size:15px;
font-weight:400;
color:#5c88fb;
padding-bottom:2px;
text-transform:capitalize
}
.footer ul li{
display:block;
padding:0 0 3px 0
}
.footer ul li a{
text-decoration:none;
display:inline-block;
color:#939293
}
.footer ul li a:hover{
color:#5c88fb
}
.footer-col{
width:170px;
margin-right:64px;
float:left
}
.footer-col-1{
width:150px;
margin-right:40px;
float:left
}
.footer-col-2{
width:180px;
margin-right:40px;
float:left
}
.footer-col-3{
width:150px;
margin-right:35px;
float:left
}
.footer .socials{
display:inline-block;
width:33px;
height:33px;
opacity:.6
}
.footer-contacts{
text-align:right
}
#back-top{
position:fixed;
bottom:40px;
z-index:99;
left:50%;
margin-left:550px;
display:none;
width:41px;
height:41px
}
#back-top span{
width:41px;
height:41px;
display:block;
margin-bottom:41px;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/up-arrow.png) no-repeat left 0
}
.clear{
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0
}
#nav:after,.add-to-box:after,.add-to-cart:after,.advanced-search-summary:after,.block .actions:after,.block .block-content:after,.block li.item:after,.block-layered-nav .currently li:after,.block-poll li:after,.box-account .box-head:after,.box-reviews li.item:after,.box-tags li.item:after,.buttons-set:after,.cart .crosssell li.item:after,.cart-collaterals:after,.cart:after,.checkout-progress:after,.clearer:after,.col-main:after,.col2-set:after,.col3-set:after,.col4-set:after,.dashboard .box .box-title:after,.footer-container .bottom-container:after,.footer:after,.form-list .field:after,.form-list li:after,.gift-messages-form .item:after,.group-select li:after,.header .quick-access:after,.header-container .top-container:after,.header-container:after,.header:after,.main:after,.multiple-checkout .place-order:after,.opc .step-title:after,.page-print .print-head:after,.page-title:after,.pager:after,.product-collateral:after,.product-essential:after,.product-options .options-list li:after,.product-options-bottom:after,.product-review:after,.product-view .box-description:after,.product-view .box-tags .form-add:after,.product-view .product-img-box .more-views ul:after,.product-view .product-shop .short-description:after,.products-grid:after,.products-list li.item:after,.ratings:after,.search-autocomplete li:after,.send-friend .form-list li p:after,.sorter:after{
display:block;
content:".";
clear:both;
font-size:0;
line-height:0;
height:0;
overflow:hidden
}
.header-links{
overflow:hidden;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/header-links-bg.gif) bottom repeat-x #333;
border-bottom:solid 3px #e0e0e0;
border-radius:5px
}
.header-links li{
float:left
}
.header-links li a{
color:#fff;
font-size:17px;
padding:0 21px;
line-height:51px;
display:block;
border-right:solid 1px #484848
}
.pager{
padding:4px 9px 6px 4px;
margin:5px 0;
text-align:center
}
.pager .amount{
float:left;
padding-top:2px
}
.pager .amount span{
font-weight:700;
color:#6690fb
}
.pager .amount strong{
font-weight:400;
color:#383737;
display:inline-block;
padding-top:0
}
.pager .amount strong span{
font-weight:700;
color:#6690fb
}
.pager .limiter{
float:right;
color:#000;
min-width:110px
}
.pager .limiter label{
color:#000;
display:inline-block;
padding-top:2px;
padding-right:6px;
float:left
}
.sorter{
padding:7px 9px 3px 9px;
margin:5px 0
}
.sorter .view-mode{
float:left
}
.sorter .view-mode{
float:left;
text-indent:-77777px;
overflow:hidden;
height:24px;
width:100px;
margin:1px 0 0 0
}
.sorter .sort-by{
float:right;
min-width:152px
}
.sorter .sort-by>a{
display:none
}
.sorter .sort-by label{
color:#000;
display:inline-block;
padding-top:2px;
padding-right:6px;
float:left
}
.toolbar{
border:1px solid #ececec;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/tail-toolbar.gif) 0 bottom repeat-x #fff;
margin-bottom:20px
}
.toolbar select{
text-align:center;
min-width:63px
}
.toolbar .pager{
padding:4px 9px 6px 19px
}
.col1-layout .products-grid{
width:790px;
margin:0 auto
}
.products-grid{
position:relative
}
.products-grid.last{
border-bottom:0
}
.products-grid li.item{
float:left;
width:203px;
padding:16px 18px 0 18px;
margin-bottom:20px;
margin-right:20px
}
.products-grid .product-image{
display:block;
margin:0 0 0
}
.grid-inner{
width:203px;
height:203px;
position:relative;
padding-bottom:5px
}
.products-grid .price-box{
margin:5px 0 8px 0;
width:100%
}
.products-grid .actions{
margin:0;
padding-top:11px;
overflow:hidden;
position:relative;
padding-bottom:10px
}
.products-grid .actions>span{
position:absolute;
left:0;
bottom:-3px
}
.products-grid .desc.std{
overflow:hidden;
color:#b2b2b2;
padding:5px 0
}
.product-box-2{
padding:16px 18px 0 18px;
margin:0 -18px;
overflow:hidden;
position:relative
}
.product-box-2>span{
position:absolute;
left:18px;
bottom:-3px
}
.products-grid .product-name,.products-list .product-name{
margin:0;
font-weight:700;
font-size:13px
}
.products-grid .product-name a,.products-list .product-name a{
font-size:12px;
color:#2f2f2f;
font-weight:700;
text-decoration:none;
display:inline-block
}
.products-grid .product-name a:hover,.products-list .product-name a:hover{
color:#6690fb
}
.col-right{
float:right;
width:231px;
padding:0
}
.form-list li.control label{
float:none
}
.form-list li.control input.checkbox,.form-list li.control input.radio{
margin-right:6px
}
.block.last_block{
margin-bottom:0
}
.block-progress{
border:none;
margin:0;
background:0 0
}
.block.block-progress .block-title{
padding:0
}
.block.block-progress .block-title strong{
background:0 0;
padding:0
}
.block.block-progress .block-content{
padding:0
}
.block.block-progress .block-title span{
font-size:12px;
color:#fff;
margin-bottom:10px;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/tail-check-li-act.gif) left top repeat-x #333;
display:block;
padding:11px 0 11px 19px;
font-weight:700;
text-transform:none;
font-family:Arial,Helvetica,sans-serif
}
.block-progress dt{
font-size:12px;
color:#fff;
margin-bottom:10px;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/tail-check-li-act.gif) left top repeat-x #333;
padding:11px 0 11px 19px;
font-weight:700
}
.block-progress dt:first-child{
border-top:none
}
.opc{
position:relative
}
.opc li.section{
border:1px solid #ececec;
margin-bottom:10px
}
.opc p{
margin-bottom:5px
}
.opc .buttons-set .please-wait{
height:21px;
line-height:21px;
font-size:12px;
color:#000
}
.opc .step-title{
padding:11px 25px 14px;
text-align:right;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/tail-check-li.gif) left bottom repeat-x #fff
}
.opc .step-title .number{
float:left;
line-height:18px;
font-weight:700;
margin-right:10px;
border:1px solid #313131;
color:#ececec;
height:18px;
width:18px;
text-align:center;
background:#313131
}
.opc .step-title h2{
float:left;
font-weight:700;
color:#000;
font-size:12px;
margin-bottom:0;
padding-top:3px
}
.opc .step-title a{
display:none;
float:right
}
.opc .allow .step-title{
cursor:pointer
}
.opc .active .step-title{
cursor:default;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/tail-check-li-act.gif) left top repeat-x #333
}
.opc .active .step-title .number{
background:#fcfcfc;
border:1px solid #fcfcfc;
color:#2d2d2d
}
.opc .active .step-title h2{
color:#fff
}
#co-billing-form>fieldset{
border:1px solid #ececec;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/tail-chech.gif) left top repeat-x #fbfbfb;
padding:15px 20px 20px 20px
}
.opc .step{
padding:20px;
position:relative;
background:#fbfbfb
}
.opc .buttons-set{
border:0
}
.opc .form-list{
margin:10px 0
}
.col-left{
float:left;
width:231px;
padding:0
}
.col2-left-layout .col-main{
float:right
}
input.checkbox{
margin-right:3px
}
.link-reorder{
font-weight:700
}
.btn-edit{
display:block;
width:11px;
height:11px;
font-size:0;
line-height:0;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/btn_edit.gif) 0 0 no-repeat;
text-indent:-999em;
overflow:hidden;
margin-left:2px
}
.nav-container{
margin-bottom:20px;
border-radius:4px;
background:-webkit-gradient(linear,left top,left bottom,from(#333),to(#1f1f1f));
background:-moz-linear-gradient(top,#333,#1f1f1f);
background:-o-linear-gradient(top,#333,#1f1f1f);
background:-ms-linear-gradient(top,#333,#1f1f1f)
}
#nav li.over{
z-index:998
}
#nav>li.parent>a{
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/parent-bg-close.gif) no-repeat right 14px
}
#nav li a{
display:block;
text-decoration:none
}
#nav li a:hover{
text-decoration:none
}
#nav li a span{
display:block;
white-space:nowrap;
cursor:pointer
}
#nav li{
float:none;
display:block;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/nav-marker.gif) no-repeat 20px 14px
}
#nav li a{
float:none;
padding:8px 0 8px 31px;
font-weight:400;
color:#fff;
border-bottom:1px solid #454545
}
#nav li a:hover{
color:#5c88fb
}
#nav li.last a{
border-bottom:0
}
#nav div,#nav ul{
position:absolute;
width:15em;
top:25px;
left:-10000px;
border:1px solid #ddd;
background:#fafafa
}
#nav>li>ul{
position:relative;
left:0;
top:0;
padding:11px 0 20px 16px;
display:none;
width:auto;
border:0;
background:0 0;
border-top:solid 1px #424242;
zoom:1
}
.block .block-subtitle{
padding:15px 0 10px 0;
color:#6690fb;
font-size:12px;
font-weight:700
}
.block .block-content li.item{
padding:10px 0
}
.block .btn-edit,.block .btn-remove{
float:right
}
.block .actions a{
float:left;
font-weight:700;
color:#888787;
display:inline-block
}
.mini-products-list li{
padding:5px 0
}
.mini-products-list .product-image{
background:#fff
}
.mini-products-list .product-details{
margin:5px 0 0
}
.mini-products-list .product-name{
font-weight:700;
margin-bottom:20px
}
.mini-products-list .product-name a{
color:#333
}
.block-cart .mini-products-list .product-details .product-name{
padding-bottom:10px
}
.block-cart .mini-products-list .product-details .nobr small,.block-cart .mini-products-list .product-details .product-name{
word-wrap:break-word
}
.block-account ul li{
padding-bottom:5px
}
.block-cart .btn-edit{
margin-top:3px;
margin-right:5px
}
.block-cart{
background:#38508f
}
.block-cart .block-title strong{
color:#fff;
background:-webkit-gradient(linear,left top,left bottom,from(#5c88fb),to(#4a6abe));
background:-moz-linear-gradient(top,#5c88fb,#4a6abe);
background:-o-linear-gradient(top,#5c88fb,#4a6abe);
background:-ms-linear-gradient(top,#5c88fb,#4a6abe)
}
.block-cart .block-content{
color:#fff
}
.block-cart .subtotal{
background:#fbfbfb;
border:1px solid #ededed;
padding:5px 9px 6px 9px
}
.block-cart .subtotal .price{
float:right;
font-weight:700;
color:#000
}
.block-cart .subtotal .label{
color:#b2b2b2
}
.block-cart .amount-2{
border-top:1px solid #e6e6e6;
color:#fff;
padding-top:16px;
padding-bottom:17px
}
.block-cart .amount-2 a{
text-decoration:none;
font-weight:700;
color:#6690fb
}
.block-cart .actions{
margin-bottom:19px;
padding-top:20px
}
.block-cart .product-details{
color:#b2b2b2;
text-transform:uppercase;
float:left;
width:95px
}
.block-cart .mini-products-list .product-image{
float:left;
margin-right:10px
}
.block-cart .product-details strong{
font-weight:400;
padding:0 0 0 3px
}
.block-cart .block-title{
padding-bottom:8px
}
.block-cart .product-details .price{
color:#fff;
font-size:12px;
font-weight:700
}
.block-cart .product-name a{
text-decoration:none;
color:#fff;
line-height:18px;
text-transform:none;
display:inline-block
}
.block-compare{
background:#323232
}
.block-compare .block-title strong{
color:#fff;
background:-webkit-gradient(linear,left top,left bottom,from(#333),to(#1f1f1f));
background:-moz-linear-gradient(top,#333,#1f1f1f);
background:-o-linear-gradient(top,#333,#1f1f1f);
background:-ms-linear-gradient(top,#333,#1f1f1f)
}
.block-compare .block-content{
padding:20px 20px 35px;
color:#fff
}
.block-compared li a,.block-viewed li a{
text-decoration:none;
color:#b2b2b2;
display:inline-block
}
.block-compared .block-content li.item,.block-viewed .block-content li.item{
border-top:1px solid #e6e6e6;
padding:15px 0 15px 0;
border-bottom:0
}
.block-compared .block-content li.item.last,.block-viewed .block-content li.item.last{
border-top:1px solid #e6e6e6
}
.block-reorder li{
padding:5px 0
}
.block-reorder input.checkbox{
float:left;
margin:3px -20px 0 0
}
.block-reorder .product-name{
margin-left:20px
}
.block-reorder .product-name a{
text-decoration:none;
color:#b2b2b2
}
.block-reorder .actions a{
font-weight:700;
color:#888787;
text-decoration:underline;
padding-right:13px;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/marker-link.png) right 7px no-repeat
}
.block-reorder .actions{
padding-bottom:5px
}
.my-account table tr td{
vertical-align:middle
}
.my-account .box-head a{
float:right;
margin-top:3px
}
.my-account .box-head h2{
float:left
}
.my-account .box .box-title{
border-bottom:1px solid #d3d3d3;
margin-bottom:13px
}
.my-account .box .box-title h3{
float:left;
font-size:12px;
text-transform:uppercase;
color:#6690fb;
font-weight:400;
margin-bottom:5px
}
.my-account .box .box-title a{
float:right;
margin-top:2px
}
.my-account .col2-set .col-1,.my-account .col2-set .col-2{
width:47%
}
.my-account .data-table .price,.my-account .data-table .price-excl-tax{
display:inline
}
.dashboard .welcome-msg .hello{
margin-bottom:10px;
font-size:1.09em
}
.dashboard .data-table{
margin:10px 0 15px
}
.dashboard .col2-set{
padding:10px 0 15px
}
.dashboard .box-head,.dashboard .box-title{
width:100%;
overflow:hidden;
margin:10px 0 0
}
.dashboard .box-title{
border-bottom:1px solid #d3d3d3;
margin-bottom:5px
}
.dashboard .box-head h2,.dashboard .box-head h3,.dashboard .box-title h2,.dashboard .box-title h3{
float:left
}
.dashboard .box-head h2,.dashboard .box-title h2{
font-size:1.09em
}
.dashboard .box-content h4{
font-size:.91em
}
.dashboard .box-head a,.dashboard .box-title a{
float:right
}
.dashboard .box-recent{
margin:10px 0
}
.dashboard .box-head a{
margin-bottom:10px;
display:inline-block
}
.dashboard .box-info .col2-set{
margin-bottom:10px
}
.dashboard .box-info a{
display:inline-block;
margin-bottom:10px
}
big,small{
font-size:1em
}
.buttons-set .back-link{
float:left;
margin-top:5px
}
.buttons-set .back-link a{
color:#000
}
.buttons-set .back-link a:hover{
color:#6690fb
}
.my-account #form-validate .fieldset{
margin:28px 0
}
.pager .pages{
margin:3px 135px 0 135px
}
.pager .pages strong{
font-weight:400;
color:#000;
padding-right:7px
}
.pager .pages ol{
display:inline
}
.pager .pages li{
display:inline;
border:1px solid #ececec;
padding:1px 0 1px 0;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/tail-pag.gif) 0 0 repeat-x #fbfbfb;
color:#737373;
font-size:11px;
font-weight:700;
margin-right:3px
}
.pager .pages li span{
padding:0 5px 0 5px
}
.pager .pages li a{
text-decoration:none;
color:#737373;
font-size:11px;
font-weight:700;
padding:1px 5px 1px 5px
}
.pager .pages .current{
border:1px solid #333;
background:#333;
color:#fff
}
.my-account .pager{
margin-bottom:10px
}
.my-account .addresses-list ol li{
padding-bottom:15px
}
.my-account .page-title.title-buttons button.button{
margin:5px 5px 0 0
}
.page-title.title-buttons .button{
margin-top:-5px!important
}
.col-1.addresses-primary h2{
font-size:14px;
text-transform:uppercase;
font-weight:400;
color:#333
}
.col-1.addresses-primary h3{
font-size:12px;
text-transform:uppercase;
font-weight:400;
color:#6690fb
}
.col-2.addresses-additional h2{
font-size:14px;
text-transform:uppercase;
font-weight:400;
color:#333
}
.error-msg,.note-msg,.notice-msg,.success-msg{
border-style:solid!important;
border-width:1px!important;
background-position:20px 7px!important;
background-repeat:no-repeat!important;
min-height:24px!important;
padding:8px 8px 8px 70px!important;
font-size:12px!important;
font-weight:700!important
}
.error-msg,.success-msg{
border-color:#ebbcb5
}
.error-msg{
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/i_msg-error.gif) left -3px no-repeat #fde4e1;
color:#df0505;
font-weight:700
}
.success-msg{
background-color:#f7fde1;
background-image:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/i_msg-success.png);
color:#6690fb;
font-weight:700
}
.note-msg,.notice-msg{
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/i_msg-note.gif) 25px 10px no-repeat #fafaec!important;
border-color:#fcd344;
color:#6690fb;
font-weight:700;
border-radius:4px
}
.success{
color:#3d6611;
font-weight:700
}
.error{
color:red;
font-weight:700
}
.messages,.messages ul{
list-style:none!important;
margin:0!important;
padding:0!important
}
.messages{
width:100%;
overflow:hidden
}
.messages li{
margin:0 0 20px
}
.messages li li{
margin:4px 0 3px
}
.block-progress dt.complete a{
color:#6690fb
}
.block-progress dt.complete a:hover{
color:#fff
}
.block-progress dt.complete .separator{
color:#4e4d4d
}
.block-progress dt.complete{
position:relative;
z-index:999
}
.block-progress dd.complete,.block-progress dt.complete{
padding-bottom:12px;
margin-bottom:10px
}
.block-progress dd.complete{
padding:18px 19px 12px 19px;
border-left:1px solid #ededed;
color:#383737;
font-style:italic;
background:#fbfbfb;
border-right:1px solid #ededed;
border-bottom:1px solid #ededed;
margin-bottom:10px;
margin-top:-14px;
border-radius:0 0 4px 4px
}
.block-progress dd.complete address{
color:#383737;
font-style:italic
}
.header .form-search .search-autocomplete img{
float:left;
margin-right:10px;
margin-bottom:10px
}
.header .form-search .search-autocomplete ul{
border:1px solid #ddd;
background-color:#fff
}
.header .form-search .search-autocomplete li{
padding:20px;
border-bottom:1px solid #e9e9e9;
cursor:pointer;
text-align:left
}
.header .form-search .search-autocomplete li .description{
font-size:12px;
padding-top:12px
}
.header .form-search .search-autocomplete li{
font-size:12px
}
.header .form-search .search-autocomplete li.suggest{
padding:7px
}
.header .form-search .search-autocomplete li.suggest:hover{
background:#5c88fa!important
}
.header .form-search .search-autocomplete li .amount-2{
float:right;
font-weight:700
}
.page-popup{
padding:20px;
text-align:left;
margin:0 auto;
background:#fff
}
.page-popup .ratings .rating-box{
float:none;
margin:0 auto 10px
}
div.alert a.alert-link{
display:inline-block
}
div.alert a{
font-size:12px;
color:#6690fb;
padding-left:5px;
width:100%;
height:100%;
overflow:hidden
}
div.alert a:hover{
color:#fff
}
div.alert{
position:fixed;
background:#353535;
top:0;
left:50%;
width:333px;
margin-left:-220px;
padding:20px 60px;
color:#fff;
z-index:999;
font-size:12px;
font-weight:700;
color:#ececec;
border-radius:0 0 3px 3px;
text-align:center
}
/**
* OpenMage
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE_AFL.txt.
* It is also available through the world-wide-web at this URL:
* https://opensource.org/licenses/afl-3.0.php
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to license@magento.com so we can send you a copy immediately.
*
* @category design
* @package base_default
* @copyright Copyright (c) 2006-2020 Magento, Inc. (https://www.magento.com)
* @license https://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)
*/
/* Widgets =============================================================================== */
.widget { display:inline; }
.widget .widget-title { clear:both; padding:15px 0 0; margin:0 0 7px; }
.widget .widget-title h2 { font-size:15px; font-weight:bold; color:#e25203; }
.widget .mini-products-images-list .product-image { display:block; width:76px; height:76px; border:1px solid #a9a9a9; margin:0 auto; }
.widget .mini-products-images-list li.item { float:left; width:77px; height:77px; }
/* Widget: Catalog New Proructs List */
.widget-new-products { display:block; }
.col-main .widget-new-products { margin:7px 0; }
.widget-new-products .products-grid .product-image,
.widget-new-products .products-list .product-image { width:85px; height:85px; }
.widget-new-products .products-list .product-shop { margin-left:100px; }
.sidebar .widget-new-products .block { font-size:11px; line-height:1.25; }
.sidebar .widget-new-products .block-title strong { background:url(https://www.vidabox.com/kiosks/skin/frontend/base/default/images/widgets/i_widget-new.gif) 0 1px no-repeat; padding-left:21px; color:#dc5033; }
/* Widget: Recently Viewed Proructs */
.widget-viewed { display:block; }
.col-main .widget-viewed { margin:7px 0; }
.widget-viewed .products-grid .product-image,
.widget-viewed .products-list .product-image { width:85px; height:85px; }
.widget-viewed .products-list .product-shop { margin-left:100px; }
.sidebar .widget-viewed .block { font-size:11px; line-height:1.25; }
.sidebar .widget-viewed .block-title strong { background:url(https://www.vidabox.com/kiosks/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }
/* Widget: Recently Compared Proructs */
.widget-compared { display:block;}
.col-main .widget-compared { margin:7px 0; }
.widget-compared .products-grid .product-image,
.widget-compared .products-list .product-image { width:85px; height:85px; }
.widget-compared .products-list .product-shop { margin-left:100px; }
.sidebar .widget-compared .block { font-size:11px; line-height:1.25; }
.sidebar .widget-compared .block-title strong { background:url(https://www.vidabox.com/kiosks/skin/frontend/base/default/images/widgets/i_block-list.gif) 0 0 no-repeat; padding-left:21px; }
/* Widget: CMS Static Block */
.widget-static-block {}
.sidebar .widget-static-block { display:block; margin:0 0 15px; }
/* Widgets: Links Common Styles */
.top-container .widget a { padding:0 0 0 7px; }
.bottom-container .widget a { padding:0 3px; }
/* Widget: Catalog Product Link */
.widget-product-link-inline { display:inline; }
.col-main .widget-product-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-product-link a { background:url(https://www.vidabox.com/kiosks/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }
.sidebar .widget-product-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-product-link a { background:url(https://www.vidabox.com/kiosks/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* Widget: Catalog Category Link */
.widget-category-link-inline { display:inline; }
.col-main .widget-category-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-category-link a { background:url(https://www.vidabox.com/kiosks/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }
.sidebar .widget-category-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-category-link a { background:url(https://www.vidabox.com/kiosks/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* Widget: CMS Page Link */
.widget-cms-link-inline { display:inline; }
.col-main .widget-cms-link { display:block; text-align:right; margin:7px 0; }
.col-main .widget-cms-link a { background:url(https://www.vidabox.com/kiosks/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding-right:15px; }
.sidebar .widget-cms-link { display:block; margin:0 0 15px; padding:0 10px; }
.sidebar .widget-cms-link a { background:url(https://www.vidabox.com/kiosks/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; }
/* ======================================================================================= */
.loading-details{background:url(https://www.vidabox.com/kiosks/skin/frontend/default/default/trackorder/images/main-bg.png) repeat scroll 0 0 transparent;height:100%;left:0;position:fixed;top:0;width:100%;z-index:99}#loading-mask{background:none repeat scroll 0 0 #f5f5f5;border:1px solid #f18200;margin:20% auto;padding:15px;text-align:center;width:200px}#loading-mask p{margin-bottom:0}.track-data-table{margin-bottom:20px}.order-info-message{padding-top:15px}.statuses{float:left;margin-bottom:20px;width:100%}.statuses>span.active_order{background:#f69838;color:#fff;font-weight:700;border-color:#f69838}.myorder-wrapper{margin-top:20px}.statuses>span{display:inline-block;text-align:center;width:75px;padding:5px 0;text-align:center;background:#fff;border:1px solid #000}#checkout-review-table-wrapper,.myorder-wrapper{width:100%;float:left}.myorder,.order_summery,.payment_method{width:45%;float:left;background-color:#fff;color:#5a5a5c;padding:15px;margin-bottom:20px;margin-right:20px;position:relative}.myorder-wrapper div:last-child{margin-right:0}.myorder h3,.order_summery h3,.payment_method h3{background-color:#f69838;color:#fff;font-weight:bolder;text-transform:uppercase;margin:-15px -15px 10px;padding:5px 15px}.inner_content{float:left;margin-bottom:5px;width:100%}.inner_content label,.inner_content span{width:50%;float:left;display:block}.inner_content label span{float:right;padding-right:10px;width:auto}.data-table thead th{background:#dee3e3;color:#fff;border-right:1px solid #f69838;font-size:14px;text-transform:uppercase;padding:5px 8px}.data-table{border:1px solid #dee3e3;width:100%}.data-table thead th{background:none repeat scroll 0 0 #dee3e3;border-right:1px solid #dee3e3;color:#5a5a5c}.data-table tfoot{border-bottom:1px solid #d9dde3}.data-table tfoot tr{background-color:#dee3e3!important}.data-table tbody td{color:#5a5a5c}.data-table tfoot td{border-right:1px solid #dee3e3;color:#5a5a5c}img.product_img{border:1px solid #dee3e3;vertical-align:middle}
/* local.css */
/* START: SWC Added for EGC */
.egc-body {
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;
line-height: 1.6;
color: #333;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
background-color: #fff;
}
.egc-h1 {
color: #2c3e50;
font-size: 2.5rem;
font-weight: 700;
margin-bottom: 0.5rem;
text-align: center;
}
.egc-h2 {
color: #34495e;
font-size: 1.8rem;
font-weight: 600;
margin-top: 3rem;
margin-bottom: 1rem;
border-bottom: 2px solid #007AFF;
padding-bottom: 0.5rem;
}
.egc-h3 {
color: #2c3e50;
font-size: 1.4rem;
font-weight: 600;
margin-top: 2.5rem;
margin-bottom: 1rem;
}
.egc-h4 {
color: #34495e;
font-size: 1.2rem;
font-weight: 600;
margin-top: 2rem;
margin-bottom: 0.8rem;
}
.egc-subtitle {
font-size: 1.3rem;
color: #7f8c8d;
text-align: center;
margin-bottom: 2rem;
font-weight: 400;
}
.egc-intro-text {
font-size: 1.1rem;
color: #555;
margin-bottom: 3rem;
text-align: center;
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.egc-navigation-links {
text-align: center;
margin-bottom: 3rem;
}
.egc-back-link {
display: inline-block;
background: linear-gradient(135deg, #95a5a6, #7f8c8d);
color: white !important;
padding: 8px 16px;
border-radius: 6px;
font-weight: 500;
text-decoration: none;
margin: 0 5px;
transition: all 0.3s ease;
}
.egc-back-link:hover {
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(149, 165, 166, 0.3);
text-decoration: none;
color: white !important;
}
.egc-guide-link {
display: inline-block;
background: linear-gradient(135deg, #007AFF, #0056CC);
color: white !important;
padding: 12px 24px;
border-radius: 8px;
font-weight: 600;
margin: 10px 0;
text-decoration: none;
transition: all 0.3s ease;
}
.egc-guide-link:hover {
transform: translateY(-2px);
box-shadow: 0 4px 15px rgba(0, 122, 255, 0.3);
text-decoration: none;
color: white !important;
}
.egc-model-card {
background: #f8f9fa;
border-radius: 12px;
padding: 2rem;
margin: 2rem 0;
border-left: 4px solid #007AFF;
transition: all 0.3s ease;
}
.egc-model-card:hover {
transform: translateY(-3px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.egc-current-model {
border-left-color: #007AFF;
background: linear-gradient(135deg, #f8f9fa, #ffffff);
}
.egc-previous-model {
border-left-color: #3498db;
}
.egc-legacy-model {
border-left-color: #95a5a6;
}
.egc-specs-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1rem;
margin: 1.5rem 0;
}
.egc-spec-item {
background: white;
padding: 1rem;
border-radius: 8px;
border: 1px solid #ecf0f1;
transition: all 0.3s ease;
}
.egc-spec-item:hover {
border-color: #007AFF;
box-shadow: 0 2px 10px rgba(0, 122, 255, 0.1);
}
.egc-business-apps {
background: linear-gradient(135deg, #007AFF, #0056CC);
color: white;
padding: 1.5rem;
border-radius: 10px;
margin: 1.5rem 0;
}
.egc-business-apps h4 {
color: white;
margin-top: 0;
}
.egc-comparison-table {
width: 100%;
border-collapse: collapse;
margin: 2rem 0;
background: white;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
font-size: 0.9rem;
}
.egc-comparison-table th {
background: linear-gradient(135deg, #007AFF, #0056CC);
color: white;
padding: 0.8rem 0.5rem;
text-align: center;
font-weight: 600;
font-size: 0.85rem;
}
.egc-comparison-table td {
padding: 0.8rem 0.5rem;
border-bottom: 1px solid #ecf0f1;
text-align: center;
}
.egc-comparison-table tr:nth-child(even) {
background-color: #f8f9fa;
}
.egc-compatibility-table {
width: 100%;
border-collapse: collapse;
margin: 2rem 0;
background: white;
border-radius: 12px;
overflow: hidden;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1);
}
.egc-compatibility-table th {
background: linear-gradient(135deg, #9b59b6, #8e44ad);
color: white;
padding: 1rem;
text-align: center;
font-weight: 600;
}
.egc-compatibility-table td {
padding: 1rem;
border-bottom: 1px solid #ecf0f1;
text-align: center;
}
.egc-checkmark {
color: #27ae60;
font-weight: bold;
}
.egc-cross {
color: #e74c3c;
font-weight: bold;
}
.egc-use-cases-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 2rem 0;
}
.egc-use-case-card {
background: #f8f9fa;
border-radius: 12px;
padding: 2rem;
border-top: 4px solid #007AFF;
}
.egc-large-screen-card {
border-top-color: #9b59b6;
}
.egc-mobile-card {
border-top-color: #27ae60;
}
.egc-legacy-card {
border-top-color: #95a5a6;
}
.egc-performance-analysis {
background: #f8f9fa;
border-radius: 12px;
padding: 2rem;
margin: 3rem 0;
}
.egc-performance-card {
background: white;
padding: 1.5rem;
margin: 1rem 0;
border-radius: 8px;
border-left: 4px solid #f39c12;
}
.egc-m4-performance {
border-left-color: #007AFF;
}
.egc-m2-performance {
border-left-color: #3498db;
}
.egc-mounting-solutions {
background: linear-gradient(135deg, #00b894, #00a085);
color: white;
padding: 3rem 2rem;
border-radius: 16px;
margin: 3rem 0;
}
.egc-mounting-solutions h2,
.egc-mounting-solutions h3,
.egc-mounting-solutions h4 {
color: white;
}
.egc-mounting-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 1.5rem;
margin: 2rem 0;
}
.egc-mounting-card {
background: rgba(255, 255, 255, 0.1);
padding: 1.5rem;
border-radius: 8px;
border-left: 4px solid rgba(255, 255, 255, 0.3);
}
.egc-selection-guide {
background: #2c3e50;
color: white;
padding: 3rem 2rem;
border-radius: 16px;
margin: 3rem 0;
}
.egc-selection-guide h2,
.egc-selection-guide h3,
.egc-selection-guide h4 {
color: white;
}
.egc-selection-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 1.5rem;
margin: 2rem 0;
}
.egc-selection-card {
background: rgba(255, 255, 255, 0.1);
padding: 1.5rem;
border-radius: 8px;
border-left: 4px solid #3498db;
}
.egc-resources-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 2rem 0;
}
.egc-resource-card {
background: #f8f9fa;
padding: 2rem;
border-radius: 12px;
border-top: 4px solid #007AFF;
}
.egc-individual-models {
border-top-color: #007AFF;
}
.egc-other-series {
border-top-color: #3498db;
}
.egc-implementation {
border-top-color: #27ae60;
}
.egc-pricemayvary {
font-size: 0.9rem;
color: #7f8c8d;
}
.egc-learnmore {
text-align: center;
margin: 2rem 0;
}
.egc-disclaimer {
background: #ecf0f1;
padding: 1.5rem;
border-radius: 8px;
margin-top: 3rem;
font-size: 0.9rem;
color: #7f8c8d;
border-left: 4px solid #95a5a6;
}
@media (max-width: 768px) {
.egc-body {
padding: 15px;
}
.egc-h1 {
font-size: 2rem;
}
.egc-h2 {
font-size: 1.5rem;
}
.egc-specs-grid,
.egc-use-cases-grid,
.egc-mounting-grid,
.egc-selection-grid,
.egc-resources-grid {
grid-template-columns: 1fr;
}
.egc-comparison-table,
.egc-compatibility-table {
font-size: 0.8rem;
}
.egc-comparison-table th,
.egc-comparison-table td,
.egc-compatibility-table th,
.egc-compatibility-table td {
padding: 0.5rem 0.3rem;
}
.egc-model-card {
padding: 1.5rem;
}
.egc-mounting-solutions,
.egc-selection-guide {
padding: 2rem 1rem;
}
}
.egc-p {
margin-bottom: 1em;
text-align: justify;
}
.egc-breadcrumb {
margin-bottom: 2em;
font-size: 0.95em;
}
.egc-breadcrumb a {
color: #3498db;
text-decoration: underline;
}
.egc-breadcrumb a:hover {
color: #2980b9;
}
.egc-spec-highlight {
background-color: #ecf0f1;
padding: 1em;
border-radius: 5px;
margin: 1em 0;
}
.egc-feature-box {
background-color: #f8f9fa;
border: 1px solid #dee2e6;
border-radius: 8px;
padding: 1.5em;
margin: 1.5em 0;
}
.egc-feature-box h4 {
margin-top: 0;
color: #2c3e50;
}
.egc-warning-note {
background-color: #fff3cd;
border: 1px solid #ffeaa7;
border-radius: 5px;
padding: 1em;
margin: 1.5em 0;
font-style: italic;
}
.egc-footer-note {
margin-top: 3em;
padding-top: 2em;
border-top: 1px solid #dee2e6;
font-size: 0.9em;
color: #6c757d;
}
/* New table hover effect */
.egc-comparison-table tr:hover {
background-color: #f5f5f5;
}
.egc-brand-grid,
.egc-tech-grid,
.egc-business-grid,
.egc-tools-grid,
.egc-mount-compatibility,
.egc-updates-grid,
.egc-resources-grid {
grid-template-columns: 1fr;
}
.egc-brand-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 2rem 0;
}
.egc-brand-card {
background: #f8f9fa;
border-radius: 12px;
padding: 1.5rem;
border-left: 4px solid #3498db;
transition: all 0.3s ease;
}
.egc-brand-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.egc-apple-card {
border-left-color: #007AFF;
}
.egc-samsung-card {
border-left-color: #1428A0;
}
.egc-microsoft-card {
border-left-color: #00BCF2;
}
.egc-android-card {
border-left-color: #3DDC84;
}
.egc-tech-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 2rem;
margin: 2rem 0;
}
.egc-tech-card {
background: #f8f9fa;
border-radius: 12px;
padding: 1.5rem;
border-left: 4px solid #9b59b6;
transition: all 0.3s ease;
}
.egc-tech-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.egc-display-card {
border-left-color: #e74c3c;
}
.egc-processor-card {
border-left-color: #f39c12;
}
.egc-connectivity-card {
border-left-color: #27ae60;
}
.egc-accessories-card {
border-left-color: #9b59b6;
}
.egc-business-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 2rem 0;
}
.egc-business-card {
background: #f8f9fa;
border-radius: 12px;
padding: 1.5rem;
border-left: 4px solid #e67e22;
transition: all 0.3s ease;
}
.egc-business-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.egc-applications-card {
border-left-color: #e74c3c;
}
.egc-mounting-card {
border-left-color: #27ae60;
}
.egc-installation-card {
border-left-color: #3498db;
}
.egc-tools-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 2rem;
margin: 2rem 0;
}
.egc-tool-card {
background: #f8f9fa;
border-radius: 12px;
padding: 1.5rem;
border-left: 4px solid #34495e;
transition: all 0.3s ease;
}
.egc-tool-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.egc-database-card {
border-left-color: #9b59b6;
}
.egc-buying-card {
border-left-color: #27ae60;
}
.egc-trends-card {
border-left-color: #e67e22;
}
.egc-popular-tablets {
background: #f8f9fa;
border-radius: 12px;
padding: 2rem;
margin: 2rem 0;
}
.egc-popular-tablets ol {
counter-reset: item;
padding-left: 0;
}
.egc-popular-tablets li {
counter-increment: item;
margin: 1rem 0;
padding: 1rem;
background: white;
border-radius: 8px;
border-left: 4px solid #3498db;
position: relative;
list-style: none;
}
.egc-popular-tablets li::before {
content: counter(item);
background: #3498db;
color: white;
font-weight: bold;
border-radius: 50%;
width: 25px;
height: 25px;
display: inline-flex;
align-items: center;
justify-content: center;
position: absolute;
left: -12px;
top: 1rem;
font-size: 0.8rem;
}
.egc-vidabox-integration {
background: linear-gradient(135deg, #00b894, #00a085);
color: white;
padding: 3rem 2rem;
border-radius: 16px;
margin: 3rem 0;
}
.egc-vidabox-integration h2,
.egc-vidabox-integration h3,
.egc-vidabox-integration h4 {
color: white;
}
.egc-vidabox-integration .egc-guide-link {
background: linear-gradient(135deg, rgba(255,255,255,0.2), rgba(255,255,255,0.1));
border: 2px solid rgba(255,255,255,0.3);
}
.egc-vidabox-integration .egc-guide-link:hover {
background: linear-gradient(135deg, rgba(255,255,255,0.3), rgba(255,255,255,0.2));
border-color: rgba(255,255,255,0.5);
}
.egc-mount-compatibility {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 1.5rem;
margin: 2rem 0;
}
.egc-mount-item {
background: rgba(255, 255, 255, 0.1);
padding: 1.5rem;
border-radius: 12px;
border: 2px solid rgba(255, 255, 255, 0.2);
transition: all 0.3s ease;
}
.egc-mount-item:hover {
border-color: rgba(255, 255, 255, 0.4);
transform: translateY(-3px);
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.2);
}
.egc-expert-guidance {
background: #2c3e50;
color: white;
padding: 3rem 2rem;
border-radius: 16px;
margin: 3rem 0;
text-align: center;
}
.egc-expert-guidance h2,
.egc-expert-guidance h3,
.egc-expert-guidance h4 {
color: white;
}
.egc-expert-guidance .egc-guide-link {
background: linear-gradient(135deg, #3498db, #2980b9);
}
.egc-updates-section {
background: #f8f9fa;
border-radius: 12px;
padding: 2rem;
margin: 2rem 0;
}
.egc-updates-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
gap: 2rem;
margin-top: 1.5rem;
}
.egc-update-card {
background: white;
padding: 1.5rem;
border-radius: 8px;
border-left: 4px solid #27ae60;
}
.egc-coming-soon-card {
background: white;
padding: 1.5rem;
border-radius: 8px;
border-left: 4px solid #f39c12;
}
.egc-documentation-card {
border-top-color: #3498db;
}
.egc-support-card {
border-top-color: #27ae60;
}
/* END: SWC Added for EGC */
/* START: SWC Added for Badges */
.icon-row {
display: flex;
justify-content: center;
align-items: center;
gap: 20px;
margin-top: 10px;
line-height: 130%;
}
.icon-container {
text-align: center;
font-family: sans-serif;
width: 80px;
}
.icon-container img {
max-width: 100%;
height: auto;
}
.icon-label {
margin-top: 10px;
font-weight: bold;
font-size: 11px;
}
/* END: SWC Added for Badges */
.from-price {
color: #6690fb;
font-size:20px;
font-weight: 700;
}
.primarybtn {
max-width: 439px;
width: 100%;
height: 47px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 8px;
background: linear-gradient(180deg, #507AE6 0%, #355199 100%);
box-shadow: 0px 12px 18px 2px rgba(2, 91, 227, 0.12);
text-decoration: none;
color: #fff;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
}
/*overrides*/
.radius-cart .product-name {
margin-bottom: 0px;
}
.products_overview_column_right {
text-align:left;
vertical-align:text-bottom;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size: 12px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
}
.header {
padding: 10px 15px 10px 0px;
}
.header .form-search button.button {
position: inherit;
padding-left: 5px;
}
.header .form-search .input-text {
padding: 6px 4px 6px 10px;
width: 200px;
}
.products_overview_feature_title {
font-weight: bold;
}
.product-view .box-description{
border-bottom: none;
}
.product-view{
border: none;
}
.col1-layout .product-view .product-shop{
width: 560px;
}
.col1-layout .products-grid{
width: auto;
}
.slider-block{
text-align: center;
}
.slider{
display: inline-block;
width: auto;
}
.slider .banner, .slider .banner a {
width: 1000px;
}
.header-links{
border-bottom: none;
}
.header-links li a{ border-right: none;}
a { color:#6690fb ; text-decoration:underline;}
a:hover { text-decoration:none; color:#333333; }
.no-decoration { text-decoration:none; }
select { padding:4px; font-size: 15px; }
/*product view details*/
.one-description{
padding:15px 0;
white-space:nowrap;
}
.one-description-center{
text-align:center;
white-space:normal;
max-width; 800px;
}
.one-description-image,.one-description-text,.one-description-spacer{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
vertical-align:middle;
white-space:normal;
}
.one-description-image-top{
padding-bottom: 20px;
}
.one-description-image{
width:47%;
}
.one-description-image-right{
text-align: right;
}
.one-description-image-left{
text-align: left;
}
.one-description-text{
width:50%;
}
.one-description-spacer{
width: 2%;
}
.one-description-text .text-container{
/*max-width:510px;*/
}
.one-description-image .desc-image{
max-height:500px;
}
.one-description .desc-title{
color:#333;
font-size:26px;
font-style:normal;
font-weight:100;
line-height:32px;
margin:0 0 15px 0
}
h2{
padding:10px 0 0 0;
/* font-weight:bold; */
}
.category-section-card-header{
font-weight:normal;
font-size: 18px;
padding:10px 0 0 0;
}
.one-description .desc-title-right{
color:#333;
font-size:26px;
font-style:normal;
font-weight:100;
line-height:32px;
margin:0 0 15px 0;
text-align: right;
}
.one-description .item-title{
color:#333;
font-size:17px;
line-height:28px;
font-weight:300;
margin:10px 0 5px 0;
}
.one-description .item-content{
color:#333;
font-size:14px;
line-height:20px;
margin-bottom:20px;
display: inline-block;
max-width: 700px;
}
.one-description-footnote {
width: 370px;
white-space: normal;
padding-top: 10px;
}
.details-section-divider,.details-section-pre-divider{
/*border-bottom:1px solid #ededed;*/ /*#d6d6d6*/
/*max-width:1360px;*/
}
.details-section-divider{
/*margin:0px 0px 28px 0;*/
margin:0px 0px 50px 0;
}
.details-section-contents{
display:inline-block;
position: relative;
text-align:left;
padding:20px 0 0 0;
width:100%;
}
.details-section{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
display:block;
overflow:hidden;
padding:0px;
position: relative;
text-align:left;
width:100%;
}
.details-section.extra-info .info-section{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
display:inline-block;
font-size:14px;
max-width:340px;
min-width:242px;
padding:0 34px 10px 0;
vertical-align:top;
width:48%;
}
.details-section.extra-info .title{
font-size:17px;
font-weight:100;
color:#333;
margin-bottom:10px;
}
.details-section.extra-info .help-link{
display:block;
}
.details-section.extra-info .in-the-box-item,.details-section.extra-info .requirement,.details-section.extra-info .help-link{
line-height:17px;
margin-bottom:8px;
color:#333; /*#aaaaaa*/
}
.category-section{
width: 100%;
display: block;
padding-top: 10px;
padding-bottom:10px; /* fixes padding between inline-block elements */
}
.category-section-card-image{
height: 222px;
width: 222px;
}
.category-section-card-image-secure{
display:block;
position:absolute;
top:0
}
category-section-card-image-contents{
position: relative;
}
.category-section-card{
width: 25%;
display:inline-block;
padding-left: 10px;
padding-right: 10px;
margin-left: -4px;
vertical-align: top;
box-sizing: border-box;
}
.category-section-card a:hover,
.category-section-card a:link,
.category-section-card a:visited,
.category-section-card a:active {
text-decoration:none;
color:inherit;
}
.category-section-card-title{
text-align:left;
padding-top:10px;
font-weight: normal;
}
.category-section-card-desc{
text-align:left;
height: 90px;
overflow-y:hidden;
padding-bottom: 15px;
font-size: 10pt;
}
.category-section-card-footer{
height:25px;
}
.category-section-card-shop-now-btn{
width:49%;
text-align:left;
display:inline-block;
}
.category-section-card-price {
margin-top:-4px;
padding-bottom:5px;
}
.category-view{
padding: 10px;
/* padding-top: 10px; */
text-align: left;
}
.category-section-title{
margin-bottom: 20px;
padding-bottom: 5px;
font-size: 19pt;
border-bottom: #ededed 1px solid;
}
.category-section-card-contents{
height: 400px;
}
.alert-banner{
position: relative;
left: 0px;
top: 2px;
height: 38px;
width: 100%;
background-color: #FF0000;
z-index: 1;
text-align: center;
vertical-align: middle;
color: #FFFFFF;
font-size: 14px;
line-height: 38px;
}
.discount-banner{
position: absolute;
left: 0px;
top: 0px;
height: 38px;
width: 100%;
background-color: #5983F0;
z-index: 1;
text-align: center;
vertical-align: middle;
color: #FFFFFF;
font-size: 14px;
line-height: 38px;
}
.discount-banner a{
font-size: 14px;
color: #dddddd
}
.discount-banner a:hover {
color:#333333;
}
.discount-banner-spacer{
height: 26px;
}
.content-description{
color:#333;
font-size:14px;
}
.std .fieldset ul { list-style:none; }
.quick-access .links {
line-height: 28px;
}
p.item-msg.notice{
font-size: 12px;
color: #F00000;
}
/* B-Stock */
.bstock-product-page {
float: right;
font-size: 12px;
}
/* Padded Buttons and Selectors */
.model_header {
font-weight: bold;
padding-bottom: 0.5em;
}
.padded {
display: inline-block;
font-weight: bold;
padding: 0.5em;
margin-bottom: 3px;
border: 1px solid #5b86f7;
}
.product-selected {
border: 2px solid #6690fb;
}
a.padded:hover, a.padded-selected:hover, a:active {
background-color: #5b86f7;
color: #ffffff;
}
a.padded {
text-decoration: none;
}
.disabled-link {
display: inline-block;
font-weight: bold;
padding: 0.5em;
margin-bottom: 3px;
border: 1px solid #969696;
color: #969696
}
.disabled-link:hover {
background-color: #969696;
color: #ffffff;
}
/* START Accordion code */
/* Style the buttons that are used to open and close the accordion panel */
.accordion {
margin-bottom: 12px;
border-radius: 10px;
background-color: #eee;
color: #000000;
cursor: pointer;
padding: 18px;
width: 100%;
text-align: left;
border: none;
outline: none;
transition: 0.4s;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion:hover {
background-color: #dedede;
/* Was background-color: #dedede; */
}
.active {
background-color: #eee;
/* Was background-color: #fdfdfd; */
}
/* Style the accordion panel. Note: hidden by default */
.panel {
padding: 0 18px;
background-color: white;
display: none;
overflow: hidden;
}
.accordion:after {
content: '\02795'; /* Unicode character for "plus" sign (+) */
font-size: 26px;
color: #777;
float: right;
margin-left: 5px;
}
.accordion.active:after {
content: "\2796"; /* Unicode character for "minus" sign (-) */
}
/* END Accordion code */
/* START Collapsible code */
/* Style used to open and close the collapsible element */
.collapsible {
background-color: #ddd;
color: #6a6969;
cursor: pointer;
padding: 6px;
margin-bottom: 5px;
text-align: left;
border: none;
outline: none;
transition: 0.4s;
}
/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.collapsible:hover {
background-color: #bbb;
}
.collapsible:before {
content: '\02795'; /* Unicode character for "plus" sign (+) */
float: left;
font-size: 8px;
color: #777;
margin-right: 5px;
}
.collapsible.active:before {
content: "\2796"; /* Unicode character for "minus" sign (-) */
}
/* END Collapsible code */
/* /////////////////// */
/* START Dropdown code */
/* /////////////////// */
/* Navbar container */
.navbar {
overflow: hidden;
background-color: #333;
font-family: Arial, Helvetica, sans-serif;
border-radius: 5px;
}
/* Links inside the navbar */
.navbar a {
font-size: 16px;
float: left;
color: white;
text-align: center;
padding: 14px 16px;
text-decoration: none;
}
/* The dropdown container */
.dropdown {
float: left;
overflow: hidden;
}
/* Dropdown button */
.dropdown .dropbtn {
font-size: 16px;
border: none;
outline: none;
color: white;
padding: 0px;
background-color: inherit;
/* font: inherit; Important for vertical align on mobile phones */
/* margin: 0; Important for vertical align on mobile phones */
}
/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
background-color: #6690fb;
}
/* Dropdown content (hidden by default) */
.dropdown-content {
display: none;
position: absolute;
background-color: #ffffff;
width: 1024px;
left: 0;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
/* Mega Menu header, if needed */
.dropdown-content .header {
background: #6690fb;
padding: 16px 16px 8px;
color: white;
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
}
/* Create four equal columns that floats next to each other */
.column {
float: left;
width: 25%;
padding: 5px;
background-color: #ffffff;
height: auto;
}
/* Style links inside the columns */
.column a {
font-size: 14px;
float: none;
color: #626262;
padding: 3px 10px;
text-decoration: none;
display: block;
text-align: left;
}
/* Add a background color on hover */
.column a:hover {
background-color: #ddd;
}
/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}
/* ///////////////// */
/* END Dropdown code */
/* ///////////////// */
/* Store selector sidebar*/
.store-selector-home {
-webkit-transition: all 0.5s ease;
-webkit-transition-delay: 0.5s;
-moz-transition: all 0.5s ease;
-moz-transition-delay: 0.5s;
-o-transition: all 0.5s ease;
-o-transition-delay: 0.5s;
}
.store-selector-home{
position: fixed;
right:-290px;
top:150px;
background:#313131;
width:220px;
border-radius:0px 0 0 4px;
padding:12px 30px 30px 30px;
z-index:998;
}
.store-selector-home.show{ right:0;}
.store-selector-home .col2-set {width:260px;}
.store-selector-home .col2-set h2{ font-size:14px; text-transform:uppercase; color:#6690fb;}
.store-selector-home .col2-set .choose{ font-size:14px; padding: 10px 0px; text-transform:uppercase; color:#FFFFFF;}
.store-selector-home .col2-set .save{ font-size:14px; padding-bottom: 10px; color:#FFFFFF;}
.store-selector-home .buttons-set {margin:0px 0 0px 0;}
.store-selector-home .buttons-set img {float:none;}
.store-selector-home .buttons-set .f-left{ color:#6690fb; float:none!important; font-style:italic; padding:5px 0; display:block;}
.store-selector-home .buttons-set .f-left:hover{ color:#fff;}
.store-selector-home button.button {float: none;}
.store-selector-home button.button span {width:160px; height:35px; line-height:35px;}
.store-selector-home .btn-store {
font-size:14px;
font-weight:bold;
color:#fff;
padding:10px 25px 10px 10px;
background:url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/warehouse.png) no-repeat 90% 16px #313131;
border-radius:4px 0px 0px 4px;
display:inline-block;
position:absolute;
left:-165px;
width:130px;
text-align:center;
top:0;
}
.store-selector-home .btn-store:hover{ cursor:pointer; color:#6690fb;}
/* Store selector alert*/
div.store-selector-alert a.alert-link{
display:inline-block
}
div.store-selector-alert a{
font-size:12px;
color:#6690fb;
padding-left:5px;
width:100%;
height:100%;
overflow:hidden
}
div.store-selector-alert a:hover{
color:#fff
}
div.store-selector-alert{
position:fixed;
background:#353535;
top:0;
left:40%;
width:700px;
padding:10px 0px;
color:#fff;
z-index:999;
font-size:12px;
font-weight:700;
//color:#6690fb;
border-radius:0 0 3px 3px;
//text-align:center
}
.product-availability{ clear:both; padding-bottom:15px;}
.price-including-tax {
float: right;
}
.vline-wrapper {
position: relative;
width: 200px;
height: 100px;
margin: 10px;
margin-left: 90px;
}
.vline {
position: absolute;
left: 49%;
top: 0;
bottom: 0;
width: 2px;
background: #000;
z-index: 1;
}
.vwordwrapper {
text-align: center;
height: 12px;
position: absolute;
left: 0;
right: 0;
top: 50%;
margin-top: -12px;
z-index: 2;
}
.vword {
color: #000;
text-transform: uppercase;
letter-spacing: 1px;
padding: 3px;
font: bold 12px arial,sans-serif;
background: #fff;
}
#paymentForm{
float:left;
//width:721px;
border:1px solid #ededed;
border-radius:0;
padding:16px 10px 20px 10px
}
#paymentForm .buttons-set button.button>span,.account-login-home .buttons-set button.button>span{
background:-webkit-gradient(linear,left top,left bottom,from(#5c88fb),to(#4a6bbe));
background:-moz-linear-gradient(top,#5c88fb,#4a6bbe);
background:-o-linear-gradient(top,#5c88fb,#4a6bbe);
background:-ms-linear-gradient(top,#5c88fb,#4a6bbe);
height:28px;
line-height:28px
}
#paymentForm .fieldset .legend{
background:0 0;
border:none;
float:none;
margin:0 0 16px 0;
padding:0 0 14px 0;
position:relative;
font-size:18px;
text-transform:uppercase;
color:#383737;
border-bottom:1px solid #e6e6e6;
font-family:'Open Sans',sans-serif;
font-weight:600
}
#paymentForm .form-list input.input-text{
width:400px
}
#paymentForm .form-list .field{
float:left;
width:500px
}
#paymentForm .form-list .field.last{
float:left;
width:400px
}
#paymentForm .form-list li.wide textarea{
//width:711px;
resize:none
}
#paymentForm .buttons-set button.button{
float:left
}
#paymentForm .buttons-set{
margin:0;
padding:14px 0 0 0
}
#paymentForm .buttons-set p.required{
color:#6690fb;
font-size:12px;
margin:0 0 0;
float:left;
padding-left:50px;
padding-top:5px
}
#cookiescript_badge {
bottom: 80px !important;
}
a.button::-moz-focus-inner{
padding:0;
border:0
}
a.button{
-webkit-border-fit:lines
}
a.button{
overflow:visible;
width:auto;
border:0;
padding:0;
margin:0;
background:0 0;
cursor:pointer
}
a.button>span{
height:26px;
padding:0;
font:normal 12px/26px Arial,Helvetica,sans-serif;
text-align:center;
white-space:nowrap;
color:#fff;
font-weight:700;
border-radius:2px;
background:-webkit-gradient(linear,left top,left bottom,from(#5c88fb),to(#4a6bbe));
background:-moz-linear-gradient(top,#5c88fb,#4a6bbe);
background:-o-linear-gradient(top,#5c88fb,#4a6bbe);
background:-ms-linear-gradient(top,#5c88fb,#4a6bbe)
}
a.button span span{
padding:0 10px 0 10px;
display:block;
}
a.button:hover>span{
background:-webkit-gradient(linear,left top,left bottom,from(#333),to(#1f1f1f));
background:-moz-linear-gradient(top,#333,#1f1f1f);
background:-o-linear-gradient(top,#333,#1f1f1f);
background:-ms-linear-gradient(top,#333,#1f1f1f)
}
/* Increasing vertical spacing between shipping options */
li {
margin-top: 4px;
}
.blocker {
position: fixed;
top: 0; right: 0; bottom: 0; left: 0;
width: 100%; height: 100%;
overflow: auto;
z-index: 1000;
padding: 20px;
box-sizing: border-box;
background-color: rgb(0,0,0);
background-color: rgba(0,0,0,0.75);
text-align: center;
}
.blocker:before{
content: "";
display: inline-block;
height: 100%;
vertical-align: middle;
margin-right: -0.05em;
}
.blocker.behind {
background-color: transparent;
}
.modal {
display: none;
vertical-align: middle;
position: relative;
z-index: 1001;
/*max-width: 500px;*/
box-sizing: border-box;
width: 90%;
background: #fff;
padding: 15px 30px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-o-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
-webkit-box-shadow: 0 0 10px #000;
-moz-box-shadow: 0 0 10px #000;
-o-box-shadow: 0 0 10px #000;
-ms-box-shadow: 0 0 10px #000;
box-shadow: 0 0 10px #000;
text-align: left;
}
.modal a.close-modal {
position: absolute;
top: -12.5px;
right: -12.5px;
display: block;
width: 30px;
height: 30px;
text-indent: -9999px;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAAAXNSR0IArs4c6QAAA3hJREFUaAXlm8+K00Acx7MiCIJH/yw+gA9g25O49SL4AO3Bp1jw5NvktC+wF88qevK4BU97EmzxUBCEolK/n5gp3W6TTJPfpNPNF37MNsl85/vN/DaTmU6PknC4K+pniqeKJ3k8UnkvDxXJzzy+q/yaxxeVHxW/FNHjgRSeKt4rFoplzaAuHHDBGR2eS9G54reirsmienDCTRt7xwsp+KAoEmt9nLaGitZxrBbPFNaGfPloGw2t4JVamSt8xYW6Dg1oCYo3Yv+rCGViV160oMkcd8SYKnYV1Nb1aEOjCe6L5ZOiLfF120EjWhuBu3YIZt1NQmujnk5F4MgOpURzLfAwOBSTmzp3fpDxuI/pabxpqOoz2r2HLAb0GMbZKlNV5/Hg9XJypguryA7lPF5KMdTZQzHjqxNPhWhzIuAruOl1eNqKEx1tSh5rfbxdw7mOxCq4qS68ZTjKS1YVvilu559vWvFHhh4rZrdyZ69Vmpgdj8fJbDZLJpNJ0uv1cnr/gjrUhQMuI+ANjyuwftQ0bbL6Erp0mM/ny8Fg4M3LtdRxgMtKl3jwmIHVxYXChFy94/Rmpa/pTbNUhstKV+4Rr8lLQ9KlUvJKLyG8yvQ2s9SBy1Jb7jV5a0yapfF6apaZLjLLcWtd4sNrmJUMHyM+1xibTjH82Zh01TNlhsrOhdKTe00uAzZQmN6+KW+sDa/JD2PSVQ873m29yf+1Q9VDzfEYlHi1G5LKBBWZbtEsHbFwb1oYDwr1ZiF/2bnCSg1OBE/pfr9/bWx26UxJL3ONPISOLKUvQza0LZUxSKyjpdTGa/vDEr25rddbMM0Q3O6Lx3rqFvU+x6UrRKQY7tyrZecmD9FODy8uLizTmilwNj0kraNcAJhOp5aGVwsAGD5VmJBrWWbJSgWT9zrzWepQF47RaGSiKfeGx6Szi3gzmX/HHbihwBser4B9UJYpFBNX4R6vTn3VQnez0SymnrHQMsRYGTr1dSk34ljRqS/EMd2pLQ8YBp3a1PLfcqCpo8gtHkZFHKkTX6fs3MY0blKnth66rKCnU0VRGu37ONrQaA4eZDFtWAu2fXj9zjFkxTBOo8F7t926gTp/83Kyzzcy2kZD6xiqxTYnHLRFm3vHiRSwNSjkz3hoIzo8lCKWUlg/YtGs7tObunDAZfpDLbfEI15zsEIY3U/x/gHHc/G1zltnAgAAAABJRU5ErkJggg==');
}
.modal-spinner {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
padding: 12px 16px;
border-radius: 5px;
background-color: #111;
height: 20px;
}
.modal-spinner > div {
border-radius: 100px;
background-color: #fff;
height: 20px;
width: 2px;
margin: 0 1px;
display: inline-block;
-webkit-animation: sk-stretchdelay 1.2s infinite ease-in-out;
animation: sk-stretchdelay 1.2s infinite ease-in-out;
}
.modal-spinner .rect2 {
-webkit-animation-delay: -1.1s;
animation-delay: -1.1s;
}
.modal-spinner .rect3 {
-webkit-animation-delay: -1.0s;
animation-delay: -1.0s;
}
.modal-spinner .rect4 {
-webkit-animation-delay: -0.9s;
animation-delay: -0.9s;
}
@-webkit-keyframes sk-stretchdelay {
0%, 40%, 100% { -webkit-transform: scaleY(0.5) }
20% { -webkit-transform: scaleY(1.0) }
}
@keyframes sk-stretchdelay {
0%, 40%, 100% {
transform: scaleY(0.5);
-webkit-transform: scaleY(0.5);
} 20% {
transform: scaleY(1.0);
-webkit-transform: scaleY(1.0);
}
}
.validation-advice{
animation: blinker 1.5s linear infinite;
color:#ff0000;
padding: 10px 0px 0px 0px;
font-weight: bold;
font-size: 1.2em;
}
@keyframes blinker {
50% {
opacity: 0;
}
}
#checkoutSteps .button {
float: left;
padding-left: 10px;
}
#checkoutSteps .button.btn-checkout {
float: right;
}
.color-button {
text-align: center;
font-weight: 600;
width: 72px;
}
.color-selector img {
border-radius: 50%;
width:44px;
height:44px;
}
.selector-buttons,
.color-selector {
display: flex;
flex-wrap: nowrap;
margin-top: 7px;
}
.selector-button {
display: flex;
width: 174px;
height: 60px;
align-items: center;
background: transparent;
border: 2px solid #ddd;
border-radius: 5px;
margin-right: 10px;
margin-bottom: 10px;
}
.selector-button img {
height: 32px;
margin: 0px 10px;
}
.selector-buttons .button-title {
text-align: left;
color: #000;
}
.selector-buttons .button-heading {
font-size: 14px;
font-weight: bold;
}
.selector-buttons .product-selected,
.color-selector .product-selected {
border: 2px solid #6690fb;
background-color: rgba(102, 144, 251, 0.05);
}
.color-selector .not-selected {
border: 2px solid rgba(0, 0, 0, 0);
}
.selector-buttons .not-available {
filter: opacity(0.4);
background: linear-gradient(to bottom right,#0000 49%,#999 ,#0000 51%);
pointer-events: none;
cursor: default;
}
.variant-selector {
margin-bottom: 15px;
}
.header-container>div:not([class]){
display:none;
}
.wrapper-tail>div:not(.page){
height:38px;
}
.header-container .navbar a[href*="/vidabox_kiosks/"]{
display:none;
}
.header-container{
padding-bottom:7px;
padding-top:0;
}
.custom_top_navbar{
padding:6px 0 0;
position:relative;
}
.custom_top_navbar ul{
display:flex;
list-style:none;
margin:0;
padding:0;
justify-content:flex-end;
}
.custom_top_navbar ul li{
margin:0;padding:0 8px;
}
.custom_top_navbar ul li:last-child{
padding-right:0;
}
.custom_top_navbar ul li>a,.custom_top_navbar ul li button>a{
font-size:12px;
line-height:1.5;
font-weight:700;
color:#333333;
text-decoration:none;
}
.custom_top_navbar .dropdown .dropbtn{
position:relative;
font-size:12px;
line-height:1.313;
padding-bottom:6px;
vertical-align:top;
}
.custom_top_navbar .dropdown:hover .dropbtn{
background:none;
}
.custom_top_navbar .dropdown:hover button.dropbtn a,.custom_top_navbar ul li:hover>a{
color:#5883EC;
}
.custom_top_navbar .dropdown:hover .dropdown-content{
transform:translateX(90%);
}
.header-container>.header{
background:url("https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/header-tail.gif") bottom repeat-x #fff;
border:none;
height:115px;
display:flex;
align-items:center;
padding:0;
}
.header-container>.header .logo{
padding:0;
padding-left:20px;
}
.header-container .navbar{
background:#1F1F1F;
position:relative;
overflow:visible;
height:46.5px;
}
.header-container .navbar .dropdown:first-of-type button.dropbtn{
border-radius:5px 0 0 5px;
}
.header-container .navbar .dropdown:first-of-type button.dropbtn a{
border-radius:5px 0 0 5px;
}
.header-container .navbar button.dropbtn a{
line-height:1.167;
font-size:16px;
}
.header-container .navbar>span{
height:50px;
display:flex;
align-items:center;
}
.header-container>.header .quick-access ul.links{display:none;}
.header-container>.header .quick-access ul.links{display:none;}
.header-container>.header .quick-access #search_mini_form .form-search{
position:relative;
display:flex;
align-items:center;
width:400px;
height:42px;
}
.header-container>.header .quick-access #search_mini_form input#search{
width:100%;
padding:10px 40px;
max-width:300px;
border-color:#E1E1E1;
color:#787878;
font-size:16px;
line-height:1;
}
.header-container>.header .quick-access #search_mini_form .form-search>label{
position:absolute;
top:50%;
transform:translateY(-50%);
left:-5px;
background:url(https://d1tlat4viuuqgt.cloudfront.net/infinity/180Marketing/vidabox/header-revamp/search_icon.png) no-repeat;
background-size:100%;
width:18px;
height:18px;
}
.header-container>.header .quick-access #search_mini_form button.button{
background:linear-gradient(180deg, #5983F0, #4D7FC8);
display:flex;
align-items:center;
justify-content:center;
height:40px;
padding:12px 16px;
margin-left:6px;
}
.header-container>.header .quick-access #search_mini_form button.button:hover{background:#000;}
.header-container>.header .quick-access #search_mini_form button.button span{
background:none;
font-size:14px;
line-height:1;
color:#fff;
height:unset;
}
ul.header-revamp-icons{
display:flex;
margin-left:auto;
margin-right:10px;
}
ul.header-revamp-icons li a{display:block;}
ul.header-revamp-icons li a img{
width:27px;
height:27px;
}
.header-container>.header .quick-access{
display:flex;
align-items:center;
width:calc(100% - 340px);
}
.header-container>.header>.clear{display:none;}
.header-container>.header h1.logo{width:340px;}
.header-container>.header .quick-access .clear{display:none;}
.header-container>.header #search_mini_form{
margin-top:0;
width:auto;
float:none;
display:inline-block;
margin-left:auto;
}
.header-container>.header h1.logo a.logo{
padding-left:0;
padding-top:0;
}
ul.header-revamp-icons li{margin-top:0;}
ul.header-revamp-icons li:last-child{
margin-left:22px;
margin-right:10px;
}
ul.header-revamp-icons li.custom_cart_icon.product_added{position:relative;}
ul.header-revamp-icons li.custom_cart_icon.product_added:before{
content:'';
position:absolute;
top:0;
right:0;
width:10.67px;
height:10.67px;
background:#FF0000;
border-radius:50%;
}
.custom_top_navbar .dropdown .dropdown-content{
margin-left:-180px !important;
box-shadow:0 4px 4px 0 rgba(0, 0, 0, 0.25098);
}
.custom_top_navbar .dropdown:hover .dropdown-content .column{
width:104px !important;
padding:24px 24px 24px 16px;
flex:1;
max-width:104px;
}
.custom_top_navbar .dropdown:hover .dropdown-content .column h4{
font-size:16px;
line-height:1;
color:#6A6969;
font-weight:700;
text-align:left !important;
margin-bottom:20px;
width:108px;
}
.custom_top_navbar .dropdown:hover .dropdown-content .column:last-child{
padding:24px 8px 24px 0;
box-sizing:border-box;
}
.custom_top_navbar .dropdown:hover .dropdown-content .row>span{
display:flex;
padding:0 !important;
width:100% !important;
}
.custom_top_navbar .dropdown:hover .dropdown-content .column a{
padding:4px;
font-size:16px;
line-height:1;
font-weight:400;
width:100%;
margin-bottom:12px;
max-width:104px;
box-sizing:border-box;
color:#6A6969;
}
.custom_top_navbar .dropdown:hover .dropdown-content .column h4 div{
padding:0 !important;
width:100%;
}
.custom_top_navbar .dropdown:hover .dropdown-content .column>a:last-of-type{margin-bottom:0;}
.custom_top_navbar .dropdown:hover .dropdown-content .column>br{display:none;}
.custom_top_navbar .welcome-msg {
font-size: 12px;
font-weight: 700;
line-height: 1.5;
color: #6690fb;
}
header.vidabox-sticky-header {
position: fixed;
top: -1000px;
left: 0px;
right: 0px;
box-shadow: 0px 4px 8.6px 0px rgba(0, 0, 0, .1490196078);
background: linear-gradient(180deg, #FFFFFF 0%, #F0EFEF 100%);
width: 100%;
z-index: 9999;
transition-duration: .5s;
}
header.vidabox-sticky-header.make-header-sticky {
top: 0px;
}
header.vidabox-sticky-header .sticky-header--innerWrapper {
display: flex;
width: 960px;
margin: auto;
justify-content: space-between;
padding: 16px;
align-items: center;
}
header.vidabox-sticky-header .sticky-header--innerWrapper .logoWrapper {
width: 200px;
}
header.vidabox-sticky-header .sticky-header--innerWrapper .logoWrapper img {
width: 100%;
}
header.vidabox-sticky-header .sticky-header--innerWrapper .products-search-wrapper {
display: flex;
align-items: center;
}
header.vidabox-sticky-header .sticky-header--innerWrapper .products-search-wrapper p {
margin-right: 16px;
font-family: Arial;
font-weight: 700;
font-size: 16px;
color: #000;
}
header.vidabox-sticky-header .sticky-header--innerWrapper .products-search-wrapper .select-inputs-wrapper {
display: flex;
}
header.vidabox-sticky-header .sticky-header--innerWrapper .products-search-wrapper .select-inputs-wrapper select {
font-size: 14px;
font-weight: 400;
cursor: pointer;
padding: 13px 8px;
width: 100%;
border: 1px solid #e4e4e4;
color: #5e5e5e;
width: 179px;
height: 42px;
appearance: none;
background-image: url(https://www.vidabox.com/kiosks/skin/frontend/default/theme428-kiosks/images/down_arrow.svg);
background-repeat: no-repeat;
background-position: right 8px center;
background-size: 18px;
}
header.vidabox-sticky-header .sticky-header--innerWrapper .products-search-wrapper .select-inputs-wrapper select#supported-brands {
margin-right: 14px;
}
header.vidabox-sticky-header .sticky-header--innerWrapper .user-actions-wrapper {
display: flex;
height: 27px;
}
header.vidabox-sticky-header .sticky-header--innerWrapper .user-actions-wrapper a.account-link {
margin-right: 24px;
}
header.vidabox-sticky-header .sticky-header--innerWrapper .user-actions-wrapper a img {
height: 27px;
}
header.vidabox-sticky-header .sticky-header--innerWrapper .user-actions-wrapper a.cart-link {
position: relative;
}
header.vidabox-sticky-header .sticky-header--innerWrapper .user-actions-wrapper a.cart-link.cart-has-products::before {
content: "";
position: absolute;
top: 0;
right: 0;
width: 9.5px;
height: 9.5px;
background: red;
border-radius: 50%;
}
body,li,ul{font-family:Arial,Helvetica,sans-serif;text-align:left}.na_text{position:relative;line-height:25px;font-family:Arial,Helvetica,sans-serif;font-size:20px;vertical-align:middle;text-align:center;top:-357px;color:#fff;z-index:20;left:0;text-shadow:1px 1px #000,1px 1px 2px #000}.na_text_model{position:relative;line-height:25px;font-family:Arial,Helvetica,sans-serif;font-size:20px;vertical-align:middle;text-align:center;top:-357px;color:#fff;z-index:20;left:0;text-shadow:1px 1px #000,1px 1px 2px #000}.na_hr{size:1px;color:#000;margin:10px 0 10px 0;width:172px;background:#000;border-bottom:#fff}.shade{background-color:#eee}.category-section-card-image-na{opacity:.2;-moz-opacity:20%;-webkit-opacity:20%}
/* VidaBox category Filter A — isolated reusable styling.
* Requires body.vb-family-filter-enhanced and data-vb-family-enhanced="1".
* Self-contained toolbar and card styles; no CMS inline CSS.
* Browse-by-Tablet A/B assets and pages remain unchanged.
*/
body.vb-family-filter-enhanced.vb-category-filter .wrapper {
overflow: visible;
}
body.vb-family-filter-enhanced.vb-category-filter .vb5-page-title {
margin: 0;
padding-top: 5px;
}
body.vb-family-filter-enhanced.vb-category-filter .vb5-page-title h1 {
margin: 0;
font-size: 19pt;
line-height: 1.15;
text-align: right;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"],
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] * {
box-sizing: border-box;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] {
position: relative;
width: 100%;
padding: 10px;
color: #313844;
text-align: left;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] button,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] select,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] input {
font-family: inherit;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] button {
-webkit-appearance: none;
appearance: none;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] [hidden] {
display: none !important;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-visually-hidden {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
border: 0 !important;
white-space: nowrap !important;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar-sentinel {
width: 100%;
height: 0;
margin: 0;
padding: 0;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar {
position: -webkit-sticky;
position: sticky;
top: 8px;
z-index: 190;
width: 100%;
margin: 0 0 18px;
border: 1px solid #d9dfe8;
border-radius: 5px;
background: #fff;
box-shadow: 0 2px 8px rgba(36, 50, 71, 0.08);
-webkit-transition: border-color 0.18s ease, box-shadow 0.18s ease;
transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar.is-stuck {
border-color: #bdc8d8;
box-shadow: 0 7px 20px rgba(28, 43, 65, 0.18);
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-height: 54px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: 8px 10px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar-control,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-disclosure,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-sort-control,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-results-count,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-all-filters {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar-control,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-disclosure,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-sort-control {
position: relative;
margin-right: 8px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar-row > .vb5-disclosure:nth-of-type(1),
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-enclosure-disclosure {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar-row > .vb5-disclosure:nth-of-type(2),
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-mount-disclosure {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar-row > .vb5-disclosure:nth-of-type(3),
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-security-disclosure {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-results-count {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
margin: 0 14px 0 auto;
color: #525d6b;
font-size: 13px;
line-height: 20px;
white-space: nowrap;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-results-count strong,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-results-count .vb5-count-value {
color: #1f2a39;
font-size: 16px;
font-weight: 700;
font-variant-numeric: tabular-nums;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-sort-control {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-right: 8px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-all-filters {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-sort-label,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-sort-control > span {
margin: 0 7px 0 0;
color: #5e6875;
font-size: 12px;
font-weight: 700;
line-height: 18px;
white-space: nowrap;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-trigger,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-all-filters,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-sort-select {
min-height: 36px;
border: 1px solid #cbd3df;
border-radius: 4px;
background-color: #fff;
color: #283342;
font-size: 13px;
font-weight: 600;
line-height: 18px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-trigger,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-all-filters {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 8px 34px 8px 12px;
cursor: pointer;
text-align: left;
white-space: nowrap;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-trigger {
padding-right: 11px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chevron {
display: inline-block;
width: 7px;
height: 7px;
margin: -4px 1px 0 10px;
border-right: 2px solid #596574;
border-bottom: 2px solid #596574;
content: "";
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: margin-top 0.15s ease, transform 0.15s ease;
transition: margin-top 0.15s ease, transform 0.15s ease;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-trigger[aria-expanded="true"] .vb5-chevron {
margin-top: 3px;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-trigger-summary {
max-width: 124px;
margin-left: 7px;
overflow: hidden;
color: #687382;
font-size: 11px;
font-weight: 500;
text-overflow: ellipsis;
white-space: nowrap;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-trigger-summary.is-selection-badge {
display: inline-block;
width: 18px;
min-width: 18px;
max-width: none;
height: 18px;
margin: -1px 0 -1px 6px;
padding: 0;
-webkit-box-flex: 0;
-ms-flex: 0 0 18px;
flex: 0 0 18px;
overflow: visible;
border-radius: 50%;
background: #496fda;
color: #fff;
font-size: 10px;
font-weight: 700;
line-height: 18px;
text-align: center;
text-overflow: clip;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-trigger.is-active .vb5-trigger-summary.is-selection-badge,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-trigger[aria-expanded="true"] .vb5-trigger-summary.is-selection-badge {
color: #fff;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-trigger.is-active .vb5-trigger-summary,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-trigger[aria-expanded="true"] .vb5-trigger-summary {
color: #3559b5;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-trigger:hover,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-all-filters:hover,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-sort-select:hover {
border-color: #8ea5dc;
background-color: #f7f9ff;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-trigger.is-active,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-trigger[aria-expanded="true"],
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-all-filters.is-active,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-all-filters[aria-expanded="true"] {
border-color: #6f8fdc;
background: #f0f4ff;
color: #294eaa;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-trigger-count,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-all-filters-badge,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-badge {
display: inline-block;
min-width: 18px;
height: 18px;
margin: -1px 0 -1px 6px;
padding: 0 5px;
border-radius: 9px;
background: #496fda;
color: #fff;
font-size: 10px;
font-weight: 700;
line-height: 18px;
text-align: center;
vertical-align: middle;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-sort-select {
height: 36px;
margin: 0;
padding: 6px 9px;
cursor: pointer;
font-weight: 500;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-all-filters {
padding-right: 12px;
border-color: #6687d6;
background: #496fda;
color: #fff;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-all-filters:hover,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-all-filters[aria-expanded="true"] {
border-color: #3458b4;
background: #3458b4;
color: #fff;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-all-filters .vb5-all-filters-badge,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-all-filters .vb5-filter-badge {
background: #fff;
color: #3557ad;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-popover {
position: absolute;
top: calc(100% + 8px);
left: 0;
z-index: 205;
width: 292px;
padding: 12px;
border: 1px solid #cbd3df;
border-radius: 5px;
background: #fff;
box-shadow: 0 10px 28px rgba(26, 39, 58, 0.20);
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-popover fieldset {
min-width: 0;
margin: 0;
padding: 0;
border: 0;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-popover:before,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-popover:after {
position: absolute;
bottom: 100%;
left: 22px;
width: 0;
height: 0;
border: solid transparent;
content: "";
pointer-events: none;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-popover:before {
margin-left: -8px;
border-width: 8px;
border-bottom-color: #cbd3df;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-popover:after {
margin-left: -7px;
border-width: 7px;
border-bottom-color: #fff;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-popover-head,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-section-head {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-popover-head {
min-height: 28px;
margin: -2px 0 7px;
padding-bottom: 8px;
border-bottom: 1px solid #e5e9ef;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-popover-title,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-section-title {
margin: 0;
padding: 0;
color: #293442;
font-size: 13px;
font-weight: 700;
line-height: 20px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-option-list {
margin: 0;
padding: 0;
list-style: none;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-option {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
min-height: 34px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 6px 7px;
border-radius: 3px;
color: #313b49;
cursor: pointer;
font-size: 13px;
font-weight: 400;
line-height: 20px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-option:hover {
background: #f4f6fa;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-option.is-selected {
background: #f0f4ff;
color: #294eaa;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-option.is-disabled,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-option[aria-disabled="true"] {
color: #969faa;
cursor: not-allowed;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-option.is-disabled:hover,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-option[aria-disabled="true"]:hover {
background: transparent;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-option input[type="checkbox"],
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-option input[type="radio"] {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 16px;
height: 16px;
margin: 0 9px 0 0;
padding: 0;
accent-color: #496fda;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-option-text,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-option-label {
min-width: 0;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-option-count {
margin-left: auto;
padding-left: 12px;
color: #737d89;
font-size: 11px;
font-variant-numeric: tabular-nums;
line-height: 18px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-option.is-disabled .vb5-option-count,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-option[aria-disabled="true"] .vb5-option-count {
color: #a6adb6;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-option input[type="checkbox"]:checked + .vb5-option-label,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-option input[type="radio"]:checked + .vb5-option-label {
color: #294eaa;
font-weight: 700;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-clear-all,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-clear-section,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-clear-all-inline,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-clear,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-chip,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-zero-clear {
border: 0;
background: transparent;
color: #496fda;
cursor: pointer;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-clear-all,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-clear-section,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-clear-all-inline,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-clear {
margin: 0;
padding: 3px 1px;
font-size: 12px;
font-weight: 700;
line-height: 18px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-clear-all:hover,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-clear-section:hover,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-clear-all-inline:hover,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-clear:hover {
color: #29478e;
text-decoration: underline;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-clear-all:disabled,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-clear-section:disabled,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-clear-all-inline:disabled,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-clear:disabled {
color: #a4acb7;
cursor: default;
text-decoration: none;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-active-filters {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 42px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width: 100%;
padding: 7px 10px;
border-top: 1px solid #e5e9ef;
background: #fbfcfe;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-active-filters-label,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-active-label {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin: 0 9px 0 0;
color: #6c7581;
font-size: 11px;
font-weight: 700;
line-height: 18px;
text-transform: uppercase;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chip-list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-width: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -2px 8px -2px -2px;
padding: 0;
list-style: none;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chip-list > li {
margin: 2px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chip-list > .vb5-filter-chip {
margin: 2px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-chip {
display: inline-block;
max-width: 100%;
min-height: 28px;
margin: 0;
padding: 5px 9px;
border: 1px solid #b9c9f4;
border-radius: 15px;
background: #f1f5ff;
color: #2f4f9f;
font-size: 12px;
line-height: 16px;
white-space: nowrap;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-chip:hover {
border-color: #6b8ce5;
background: #e6edff;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chip-remove,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-chip-remove {
padding-left: 5px;
color: #3559b5;
font-size: 14px;
font-weight: 700;
line-height: 12px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-active-filters .vb5-clear-all,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-active-filters .vb5-clear-all-inline {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-left: auto;
white-space: nowrap;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-results {
min-width: 0;
width: 100%;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-family-grid {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: auto;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin: -8px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-category-section-title {
display: block;
width: 100%;
-webkit-box-flex: 0;
-ms-flex: 0 0 100%;
flex: 0 0 100%;
margin: 0 0 20px;
padding: 10px 0 5px;
border-bottom: 1px solid #ededed;
font-family: Arial, Helvetica, sans-serif;
font-size: 19pt;
line-height: 1.25;
font-weight: 600;
color: #505864;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-category-section-title[hidden] {
display: none !important;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-family-card {
display: block;
width: 25%;
margin: 0;
padding: 8px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-family-card.is-filtered-out {
display: none;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-family-card-shell {
height: 100%;
min-height: 492px;
padding: 12px;
border: 1px solid #e0e5ec;
border-radius: 4px;
background: #fff;
-webkit-transition: border-color 0.18s ease, box-shadow 0.18s ease;
transition: border-color 0.18s ease, box-shadow 0.18s ease;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-family-card-shell:hover {
border-color: #b9c9f4;
box-shadow: 0 5px 16px rgba(36, 50, 71, 0.10);
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-available {
min-height: 31px;
padding: 7px 0 8px;
border-bottom: 1px solid #edf0f4;
color: #6c7581;
font-size: 10px;
line-height: 16px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-enclosure-badge {
border: 1px solid #d6dce5;
border-radius: 3px;
background: #f8f9fb;
color: #58616d;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-enclosure-badge.is-selected {
border-color: #aebfea;
background: #eaf0ff;
color: #294b9d;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-family-variant > .category-section-card {
display: block;
float: none;
width: 100%;
margin: 0;
padding: 0;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-family-variant .category-section-card-contents {
height: auto;
min-height: 424px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-family-variant .category-section-card-image-contents {
width: calc(100% + 24px);
max-width: none;
margin-right: -12px;
margin-left: -12px;
overflow: hidden;
box-sizing: border-box;
text-align: center;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-family-variant .category-section-card-image-contents > .category-section-card-image,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-family-variant .category-section-card-image-contents > .category-section-card-image-secure > img,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-family-variant .category-section-card-image-contents > .category-section-card-image-adjustable > img {
display: block;
width: auto;
height: auto;
max-width: 100%;
max-height: 222px;
margin-right: auto;
margin-left: auto;
box-sizing: border-box;
object-fit: contain;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-family-variant .category-section-card-image-secure,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-family-variant .category-section-card-image-adjustable {
left: 0;
overflow: hidden;
text-align: center;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-zero-state {
margin: 18px 0 0;
padding: 48px 24px;
border: 1px dashed #c8d0da;
border-radius: 5px;
background: #fafbfc;
color: #555f6c;
text-align: center;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-zero-state h2 {
margin: 0 0 8px;
padding: 0;
color: #303844;
font-size: 20px;
line-height: 1.3;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-zero-state p {
max-width: 560px;
margin: 0 auto 18px;
line-height: 1.5;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-zero-clear {
min-height: 36px;
padding: 8px 15px;
border: 1px solid #496fda;
border-radius: 4px;
background: #496fda;
color: #fff;
font-size: 13px;
font-weight: 700;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-zero-clear:hover {
border-color: #3458b4;
background: #3458b4;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-zero-state [data-vb5-clear-all] {
min-height: 36px;
margin: 0;
padding: 8px 15px;
border: 1px solid #496fda;
border-radius: 4px;
background: #496fda;
color: #fff;
cursor: pointer;
font-size: 13px;
font-weight: 700;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-zero-state [data-vb5-clear-all]:hover {
border-color: #3458b4;
background: #3458b4;
}
body.vb-family-filter-enhanced.vb-category-filter .vb5-production-drawer-open,
body.vb-family-filter-enhanced.vb-category-filter html.vb5-production-drawer-open,
body.vb-family-filter-enhanced.vb-category-filter.vb5-production-drawer-open {
overflow: hidden !important;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 10000;
margin: 0;
padding: 0;
border: 0;
background: rgba(18, 27, 40, 0.54);
cursor: pointer;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-drawer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: fixed;
top: 0;
right: 0;
bottom: 0;
z-index: 10010;
width: 420px;
max-width: calc(100% - 48px);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
border-left: 1px solid #cbd3df;
background: #fff;
box-shadow: -12px 0 32px rgba(19, 30, 47, 0.25);
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 76px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: max(16px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 16px max(20px, env(safe-area-inset-left));
border-bottom: 1px solid #e1e6ed;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-header > div:first-child {
min-width: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-title-wrap {
min-width: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-title,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-header h2 {
margin: 0;
padding: 0;
color: #253140;
font-size: 21px;
font-weight: 600;
line-height: 1.25;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-eyebrow {
display: block;
margin: 0 0 2px;
color: #718096;
font-size: 10px;
font-weight: 700;
letter-spacing: 0.07em;
line-height: 14px;
text-transform: uppercase;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-count {
margin: 3px 0 0;
color: #66717e;
font-size: 12px;
line-height: 18px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-count strong,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-count .vb5-count-value {
color: #334052;
font-variant-numeric: tabular-nums;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 38px;
height: 38px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 0 0 0 12px;
padding: 0;
border: 1px solid transparent;
border-radius: 4px;
background: transparent;
color: #4e5967;
cursor: pointer;
font-size: 27px;
font-weight: 300;
line-height: 32px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-close:hover {
border-color: #d5dbe4;
background: #f4f6f9;
color: #263242;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-body {
min-height: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 3px max(20px, env(safe-area-inset-right)) 24px max(20px, env(safe-area-inset-left));
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-group {
min-width: 0;
margin: 0;
padding: 19px 0;
border: 0;
border-bottom: 1px solid #e5e9ef;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-group:last-child {
border-bottom: 0;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-group > legend {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
float: none;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 0 7px;
padding: 0;
border: 0;
color: #293442;
font-size: 14px;
font-weight: 700;
line-height: 22px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-group > legend .vb5-clear-section {
margin-left: auto;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-section-head {
min-height: 28px;
margin: 0 0 7px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-section-title,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] legend.vb5-drawer-section-title {
float: none;
width: auto;
margin: 0;
padding: 0;
border: 0;
font-size: 14px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-drawer .vb5-option {
min-height: 38px;
padding: 8px 7px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 76px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 14px max(20px, env(safe-area-inset-right)) max(14px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));
border-top: 1px solid #dce2ea;
background: #fff;
box-shadow: 0 -5px 14px rgba(28, 43, 65, 0.07);
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-footer .vb5-clear-all {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-right: 14px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-footer .vb5-drawer-clear {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-right: 14px;
white-space: nowrap;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-footer .vb5-drawer-count {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin-right: 14px;
white-space: nowrap;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-view-results {
min-height: 42px;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
margin: 0;
padding: 10px 16px;
border: 1px solid #496fda;
border-radius: 4px;
background: #496fda;
color: #fff;
cursor: pointer;
font-size: 14px;
font-weight: 700;
line-height: 20px;
text-align: center;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-view-results:hover {
border-color: #3458b4;
background: #3458b4;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] button:focus-visible,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] select:focus-visible,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] input[type="checkbox"]:focus-visible,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] input[type="radio"]:focus-visible,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] [tabindex]:focus-visible {
outline: 3px solid rgba(73, 111, 218, 0.44);
outline-offset: 2px;
}
body.vb-family-filter-enhanced.vb-category-filter
#vb-category-family-filter[data-vb-family-enhanced="1"][data-vb5-input-modality="pointer"] [data-vb5-sort]:focus {
outline: 0;
border-color: #cbd3df;
box-shadow: none;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-category-section-title:focus,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-category-section-title:focus-visible {
outline: 0;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] [data-vb5-results-focus]:focus:not(:focus-visible) {
outline: 0;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] [data-vb5-results-focus]:focus-visible {
border-radius: 3px;
outline: 3px solid rgba(73, 111, 218, 0.44);
outline-offset: 3px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-option:has(> input[type="checkbox"]:focus-visible),
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-option:has(> input[type="radio"]:focus-visible) {
background: #edf2ff;
box-shadow: inset 0 0 0 2px rgba(73, 111, 218, 0.52);
}
@media screen and (max-width: 1180px) {
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-family-card {
width: 33.333333%;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-results-count {
margin-left: 12px;
}
}
@media (prefers-reduced-motion: reduce) {
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chevron,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-family-card-shell {
-webkit-transition: none;
transition: none;
}
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-intro,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin: 0 0 18px;
padding: 24px 28px;
border: 1px solid #d8e1f5;
border-radius: 6px;
background: #f4f7ff;
box-shadow: 0 3px 12px rgba(36, 50, 71, 0.07);
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-intro-copy,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary > div:first-child {
min-width: 0;
padding-right: 24px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-eyebrow {
display: block;
margin: 0 0 4px;
color: #4663ab;
font-size: 11px;
font-weight: 700;
letter-spacing: 0.08em;
line-height: 16px;
text-transform: uppercase;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-intro h2,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary h2 {
margin: 0 0 5px;
padding: 0;
border: 0;
color: #293442;
font-size: 24px;
font-weight: 700;
line-height: 1.25;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-intro p,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary p {
margin: 0;
color: #596575;
font-size: 14px;
line-height: 1.5;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-launch,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-primary,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary-actions [data-vb5-guide-start-over] {
min-height: 44px;
padding: 10px 20px;
border: 1px solid #496fda;
border-radius: 4px;
background: #496fda;
color: #fff;
cursor: pointer;
font-size: 14px;
font-weight: 700;
line-height: 20px;
white-space: nowrap;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-launch:hover,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-primary:hover,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary-actions [data-vb5-guide-start-over]:hover {
border-color: #3458b4;
background: #3458b4;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-launch:active:not(:disabled),
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-primary:active:not(:disabled),
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary-actions [data-vb5-guide-start-over]:active:not(:disabled) {
border-color: #294a9a;
background: #294a9a;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-launch:focus-visible,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-primary:focus-visible,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary-actions [data-vb5-guide-start-over]:focus-visible {
outline: 3px solid rgba(73, 111, 218, 0.44);
outline-offset: 2px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-launch:disabled,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-primary:disabled,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary-actions [data-vb5-guide-start-over]:disabled {
border-color: #c7ced8;
background: #dce1e8;
color: #727c89;
cursor: not-allowed;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary {
padding-top: 17px;
padding-bottom: 17px;
border-color: #dfe5ed;
background: #fff;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary h2 {
font-size: 17px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary-actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
gap: 8px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary-actions button,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-secondary {
min-height: 38px;
padding: 8px 14px;
border: 1px solid #bdc7d5;
border-radius: 4px;
background: #fff;
color: #354052;
cursor: pointer;
font-size: 13px;
font-weight: 700;
line-height: 20px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary-actions button:hover,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-secondary:hover {
border-color: #8fa0b7;
background: #f4f6f9;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-secondary:disabled {
border-color: #dfe3e9;
background: #f6f7f9;
color: #9aa2ad;
cursor: not-allowed;
}
body.vb-family-filter-enhanced.vb-category-filter .vb5-production-chooser-open,
body.vb-family-filter-enhanced.vb-category-filter html.vb5-production-chooser-open,
body.vb-family-filter-enhanced.vb-category-filter.vb5-production-chooser-open {
overflow: hidden !important;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-backdrop {
position: fixed;
inset: 0;
z-index: 10020;
background: rgba(18, 27, 40, 0.62);
cursor: pointer;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guided-chooser {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: fixed;
top: 50%;
left: 50%;
z-index: 10030;
width: 760px;
max-width: calc(100% - 48px);
max-height: calc(100vh - 48px);
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
overflow: hidden;
border: 1px solid #cbd4e0;
border-radius: 7px;
background: #fff;
box-shadow: 0 24px 70px rgba(18, 27, 40, 0.33);
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-header {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 20px 24px 16px;
border-bottom: 1px solid #e1e6ed;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-header h2 {
margin: 0 0 4px;
padding: 0;
border: 0;
color: #293442;
font-size: 24px;
line-height: 1.25;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-header p {
max-width: 590px;
margin: 0;
color: #687383;
font-size: 13px;
line-height: 1.45;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-close {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 38px;
height: 38px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-left: 16px;
padding: 0;
border: 1px solid transparent;
border-radius: 4px;
background: transparent;
color: #4e5967;
cursor: pointer;
font-size: 28px;
line-height: 32px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-close:hover {
border-color: #d5dbe4;
background: #f4f6f9;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-progress {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
padding: 14px 24px 13px;
border-bottom: 1px solid #e5e9ef;
background: #fafbfc;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-progress > p {
margin: 0 0 9px;
color: #445166;
font-size: 12px;
font-weight: 700;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-progress ol {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin: 0;
padding: 0;
list-style: none;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-progress li {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
position: relative;
width: 33.333%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
color: #7a8491;
font-size: 11px;
line-height: 16px;
isolation: isolate;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-step-button {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
z-index: 2;
min-width: 44px;
min-height: 44px;
max-width: 100%;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: -8px 0;
padding: 8px 0;
border: 0;
border-radius: 5px;
background: transparent;
color: inherit;
cursor: pointer;
font: inherit;
line-height: inherit;
text-align: left;
touch-action: manipulation;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-progress li::after {
content: '';
position: absolute;
top: 15px;
right: 8px;
left: 34px;
height: 2px;
background: #d7dde6;
pointer-events: none;
z-index: 0;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-progress li:last-child::after {
display: none;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-step-number {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
position: relative;
z-index: 2;
width: 28px;
height: 28px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-right: 7px;
border: 2px solid #cbd2dc;
border-radius: 50%;
background: #fff;
color: #6e7886;
font-weight: 700;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-step-label {
display: inline-block;
position: relative;
z-index: 1;
max-width: calc(100% - 35px);
margin-left: -1px;
padding: 0 5px 0 4px;
background: #fafbfc;
-webkit-box-decoration-break: clone;
box-decoration-break: clone;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-progress li.is-current,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-progress li.is-complete {
color: #2f4f9e;
font-weight: 700;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-step-button[aria-current="step"] .vb5-guide-step-number,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-progress li.is-complete .vb5-guide-step-number {
border-color: #496fda;
background: #496fda;
color: #fff;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-progress li.is-complete::after {
background: #8da6e8;
}
@media (hover: hover) {
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-step-button:hover {
color: #4c596b;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-step-button:hover .vb5-guide-step-number {
border-color: #a9b4c3;
background: #f7f9fc;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-step-button[aria-current="step"]:hover,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-progress li.is-complete .vb5-guide-step-button:hover {
color: #294a9a;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-step-button[aria-current="step"]:hover .vb5-guide-step-number,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-progress li.is-complete .vb5-guide-step-button:hover .vb5-guide-step-number {
border-color: #3458b4;
background: #3458b4;
color: #fff;
}
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-step-button:focus-visible {
border-radius: 5px;
outline: 3px solid rgba(73, 111, 218, 0.55);
outline-offset: -3px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-body {
min-height: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 20px 24px 24px;
overflow-x: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-step fieldset {
min-width: 0;
margin: 0;
padding: 0;
border: 0;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-step legend {
float: none;
width: 100%;
margin: 0 0 5px;
padding: 0;
color: #273343;
font-size: 20px;
font-weight: 700;
line-height: 1.3;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-step fieldset > p {
margin: 0 0 15px;
color: #687383;
font-size: 13px;
line-height: 1.45;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-choices {
display: -ms-grid;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 10px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-choices label,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-clear-choice {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 72px;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin: 0;
padding: 13px 14px;
border: 1px solid #d5dce6;
border-radius: 5px;
background: #fff;
color: #354052;
cursor: pointer;
text-align: left;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-clear-choice {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-choices label:hover,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-clear-choice:hover {
border-color: #9db0df;
background: #f5f8ff;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-choices label.is-selected,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-clear-choice.is-selected {
border-color: #496fda;
background: #edf2ff;
box-shadow: inset 0 0 0 1px #496fda;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-choices label.is-disabled {
border-color: #e1e5eb;
background: #f6f7f9;
color: #8b949f;
cursor: not-allowed;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-choices [data-vb5-guide-constraint] {
cursor: not-allowed;
opacity: 1;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-choices [data-vb5-guide-constraint="required"] {
border-color: #496fda;
background: #edf2ff;
box-shadow: inset 0 0 0 1px #496fda;
color: #294b9d;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-choices [data-vb5-guide-constraint="unavailable"] {
border-color: #dfe4eb;
background: #f6f7f9;
box-shadow: none;
color: #687383;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-choices [data-vb5-guide-constraint="required"]:hover {
border-color: #496fda;
background: #edf2ff;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-choices [data-vb5-guide-constraint="unavailable"]:hover {
border-color: #dfe4eb;
background: #f6f7f9;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-choices [data-vb5-guide-constraint] > span {
min-width: 0;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-choices [data-vb5-guide-constraint] input:disabled {
opacity: 1;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-choices [data-vb5-guide-constraint="required"] input:disabled {
accent-color: #496fda;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-choices [data-vb5-guide-constraint="unavailable"] input:disabled {
opacity: 0.62;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] [data-vb5-guide-constraint-note] {
margin-top: 4px;
color: #626d7b;
font-size: 11px;
font-weight: 600;
line-height: 16px;
overflow-wrap: anywhere;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] [data-vb5-guide-constraint="required"] [data-vb5-guide-constraint-note] {
color: #38549f;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] [data-vb5-guide-constraint-note][hidden] {
display: none !important;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-choices input {
width: 17px;
height: 17px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
margin: 2px 10px 0 0;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-choices strong,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-choices small {
display: block;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-choices strong {
font-size: 14px;
line-height: 20px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-choices small {
margin-top: 2px;
color: #717b89;
font-size: 11px;
font-weight: 400;
line-height: 16px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-count {
margin: 16px 0 0;
color: #4f5b6b;
font-size: 13px;
line-height: 20px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-count strong {
color: #294b9d;
font-size: 16px;
font-variant-numeric: tabular-nums;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-no-results {
margin-top: 14px;
padding: 12px 14px;
border: 1px solid #e5c4c4;
border-radius: 4px;
background: #fff6f6;
color: #773939;
font-size: 12px;
line-height: 18px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-no-results strong,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-no-results span {
display: block;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-footer {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 74px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 8px;
padding: 14px 24px;
border-top: 1px solid #dce2ea;
background: #fff;
box-shadow: 0 -5px 14px rgba(28, 43, 65, 0.06);
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-footer .vb5-chooser-primary {
margin-left: auto;
}
@media screen and (max-width: 1205px) {
body.vb-family-filter-enhanced.vb-category-filter {
min-width: 0 !important;
}
body.vb-family-filter-enhanced.vb-category-filter .wrapper {
overflow-x: clip;
overflow-y: visible;
}
body.vb-family-filter-enhanced.vb-category-filter .page {
width: 100% !important;
max-width: 1024px !important;
min-width: 0 !important;
}
}
@media screen and (max-width: 1040px) {
body.vb-family-filter-enhanced.vb-category-filter .header-container > .header {
height: auto;
min-height: 0;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: stretch;
-ms-flex-align: stretch;
align-items: stretch;
}
body.vb-family-filter-enhanced.vb-category-filter .header-container > .header > a.logo {
float: none;
-ms-flex-item-align: center;
align-self: center;
width: 100%;
max-width: 360px;
min-width: 0;
box-sizing: border-box;
}
body.vb-family-filter-enhanced.vb-category-filter .header-container > .header > a.logo img {
display: block;
width: 100%;
max-width: 340px;
height: auto;
}
body.vb-family-filter-enhanced.vb-category-filter .header-container > .header .quick-access {
float: none;
width: 100%;
min-width: 0;
box-sizing: border-box;
padding: 0 8px;
gap: 8px;
}
body.vb-family-filter-enhanced.vb-category-filter .header-container .header-row {
display: none;
}
body.vb-family-filter-enhanced.vb-category-filter .header-container #search_mini_form {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: auto;
min-width: 0;
margin: 0;
}
body.vb-family-filter-enhanced.vb-category-filter .header-container #search_mini_form .form-search {
width: 100%;
max-width: 100%;
}
body.vb-family-filter-enhanced.vb-category-filter .header-container #search_mini_form .form-search #search {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 0;
min-width: 0;
max-width: none;
box-sizing: border-box;
padding-right: 8px;
padding-left: 8px;
}
body.vb-family-filter-enhanced.vb-category-filter .header-container .header-revamp-icons {
-webkit-box-flex: 0;
-ms-flex: 0 0 86px;
flex: 0 0 86px;
margin: 0;
}
body.vb-family-filter-enhanced.vb-category-filter .vidabox-sticky-header {
display: none !important;
}
body.vb-family-filter-enhanced.vb-category-filter .navbar .dropdown-content,
body.vb-family-filter-enhanced.vb-category-filter .custom_top_navbar .dropdown-content {
left: 0 !important;
width: 100% !important;
max-width: 100% !important;
margin-left: 0 !important;
box-sizing: border-box;
overflow-x: auto;
}
body.vb-family-filter-enhanced.vb-category-filter .footer .wrapper {
overflow: visible;
padding: 0 16px;
box-sizing: border-box;
}
body.vb-family-filter-enhanced.vb-category-filter .footer .footer-col {
display: none;
}
body.vb-family-filter-enhanced.vb-category-filter .footer .footer-col-1,
body.vb-family-filter-enhanced.vb-category-filter .footer .footer-col-2,
body.vb-family-filter-enhanced.vb-category-filter .footer .footer-col-3,
body.vb-family-filter-enhanced.vb-category-filter .footer .footer-contacts {
float: none;
width: 100%;
margin: 0 0 20px;
box-sizing: border-box;
}
}
@media screen and (max-width: 900px) {
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-family-card {
width: 50%;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-results-count {
margin-left: 0;
}
}
@media screen and (max-width: 640px) {
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] {
padding: 6px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-intro,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary {
display: block;
padding: 18px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-intro-copy,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary > div:first-child {
padding-right: 0;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-launch {
width: 100%;
margin-top: 15px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary-actions {
margin-top: 13px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary-actions button {
-webkit-box-flex: 1;
-ms-flex: 1 1 50%;
flex: 1 1 50%;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar-row > .vb5-disclosure {
display: none;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-results-count {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin: 0 auto 0 0;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-sort-control {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
max-width: 52%;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-all-filters {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
width: 100%;
margin-top: 8px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-family-grid {
margin: -5px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-family-card {
width: 100%;
padding: 5px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-category-section-title {
font-size: 19pt;
line-height: 1.25;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-drawer {
width: 100%;
max-width: 100%;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guided-chooser {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100%;
max-width: none;
max-height: none;
border: 0;
border-radius: 0;
-webkit-transform: none;
transform: none;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-header {
padding: max(15px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 13px max(16px, env(safe-area-inset-left));
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-header h2 {
font-size: 21px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-progress,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-body {
padding-right: max(16px, env(safe-area-inset-right));
padding-left: max(16px, env(safe-area-inset-left));
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-step-label {
position: absolute;
width: 1px;
height: 1px;
margin: -1px;
overflow: hidden;
clip: rect(0 0 0 0);
clip-path: inset(50%);
white-space: nowrap;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-progress li::after {
top: 13px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-choices {
grid-template-columns: 1fr;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-choices label,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-clear-choice {
min-height: 58px;
padding: 10px 12px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-footer {
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding: 12px max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-footer .vb5-chooser-primary {
width: 100%;
margin-left: 0;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-footer .vb5-chooser-secondary {
-webkit-box-flex: 1;
-ms-flex: 1 1 calc(50% - 4px);
flex: 1 1 calc(50% - 4px);
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
}
@media screen and (max-height: 520px) and (orientation: landscape) {
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-header {
padding: max(10px, env(safe-area-inset-top)) max(24px, env(safe-area-inset-right)) 9px max(24px, env(safe-area-inset-left));
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-header p,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-eyebrow {
display: none;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-progress {
padding: 8px max(24px, env(safe-area-inset-right)) 8px max(24px, env(safe-area-inset-left));
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-progress > p {
margin-bottom: 8px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-body {
padding: 12px max(24px, env(safe-area-inset-right));
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-chooser-footer {
min-height: 58px;
padding: 8px max(24px, env(safe-area-inset-right)) max(8px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));
}
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
min-height: 56px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 5px 10px;
border: 1px solid #d9dfe8;
border-radius: 5px;
background: #fff;
box-shadow: 0 2px 8px rgba(36, 50, 71, 0.08);
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary > div:first-child {
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
min-width: 0;
padding-right: 16px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary .vb5-guide-eyebrow {
display: none;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary h2 {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
padding: 0 !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
clip-path: inset(50%) !important;
border: 0 !important;
white-space: nowrap !important;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary p {
margin: 0;
color: #354052;
font-size: 14px;
font-weight: 600;
line-height: 20px;
white-space: nowrap;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary-actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-flex-wrap: nowrap;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
margin: 0;
gap: 8px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary-actions button {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
min-height: 44px;
padding: 10px 14px;
white-space: nowrap;
}
@media screen and (max-width: 640px) {
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
min-height: 0;
padding: 9px 10px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary > div:first-child {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
width: 100%;
padding-right: 0;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary p {
white-space: normal;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary-actions {
-webkit-box-flex: 1;
-ms-flex: 1 1 100%;
flex: 1 1 100%;
width: 100%;
margin-top: 8px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary-actions button {
-webkit-box-flex: 0;
-ms-flex: 0 1 auto;
flex: 0 1 auto;
}
}
body.vb-family-filter-enhanced.vb-category-filter.vb5-production-drawer-open .zsiq_floatmain,
body.vb-family-filter-enhanced.vb-category-filter.vb5-production-drawer-open .zls-sptwndw,
body.vb-family-filter-enhanced.vb-category-filter.vb5-production-drawer-open #___ratingbadge_0 {
display: none !important;
}
body.vb-family-filter-enhanced.vb-category-filter.vb5-production-chooser-open .zsiq_floatmain,
body.vb-family-filter-enhanced.vb-category-filter.vb5-production-chooser-open .zls-sptwndw,
body.vb-family-filter-enhanced.vb-category-filter.vb5-production-chooser-open #___ratingbadge_0 {
display: none !important;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar-row > .vb5-all-filters {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
margin-right: 8px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar-row > .vb5-enclosure-disclosure {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar-row > .vb5-mount-disclosure {
-webkit-box-ordinal-group: 4;
-ms-flex-order: 3;
order: 3;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar-row > .vb5-security-disclosure {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-results-count {
-webkit-box-ordinal-group: 6;
-ms-flex-order: 5;
order: 5;
margin-left: auto;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-sort-control {
-webkit-box-ordinal-group: 7;
-ms-flex-order: 6;
order: 6;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-me {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
min-height: 36px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-webkit-box-ordinal-group: 8;
-ms-flex-order: 7;
order: 7;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin: 0;
padding: 8px 12px;
border: 1px solid #6687d6;
border-radius: 4px;
background: #496fda;
color: #fff;
cursor: pointer;
font-size: 13px;
font-weight: 600;
line-height: 18px;
text-align: center;
white-space: nowrap;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-me:hover,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-me[aria-expanded="true"] {
border-color: #3458b4;
background: #3458b4;
color: #fff;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-drawer {
right: auto;
left: 0;
width: 404px;
max-width: calc(100% - 64px);
max-height: 100vh;
max-height: 100dvh;
border-right: 1px solid #cbd3df;
border-left: 0;
box-shadow: 12px 0 32px rgba(19, 30, 47, 0.25);
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-description {
margin: 2px 0 0;
color: #66717e;
font-size: 12px;
line-height: 17px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-footer .vb5-drawer-count {
position: absolute !important;
width: 1px !important;
height: 1px !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0 0 0 0) !important;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-view-results {
white-space: nowrap;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-intro,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-summary {
display: none !important;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-family-variant .category-section-card-header {
box-sizing: content-box;
margin: 0 0 7px;
padding: 10px 0 0;
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
line-height: 22.5px;
text-align: left;
font-size: 18px;
font-weight: 600;
color: #505864;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-family-variant .category-section-card-desc {
box-sizing: content-box;
height: 90px;
margin: 0;
padding: 0 0 15px;
overflow-x: auto;
overflow-y: hidden;
color: #6a6969;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
font-style: normal;
font-weight: 400;
line-height: 18px;
text-align: left;
}
@media screen and (max-width: 600px) {
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar-row {
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 8px 10px;
min-height: 104px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar-row > .vb5-disclosure {
display: none;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar-row > .vb5-all-filters {
grid-row: 1;
grid-column: 1;
width: 100%;
min-height: 44px;
margin: 0;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-results-count {
grid-row: 1;
grid-column: 2;
margin: 0;
align-self: center;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-sort-control {
grid-row: 2;
grid-column: 1;
width: 100%;
max-width: none;
min-width: 0;
margin: 0;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-sort-select {
min-width: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-me {
grid-row: 2;
grid-column: 2;
min-height: 44px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-drawer {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100vw;
max-width: none;
height: 100vh;
height: 100dvh;
max-height: none;
border-right: 0;
box-shadow: none;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-header {
min-height: 78px;
padding-top: max(16px, env(safe-area-inset-top));
padding-right: max(14px, env(safe-area-inset-right));
padding-bottom: 16px;
padding-left: max(14px, env(safe-area-inset-left));
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-body {
padding-right: max(16px, env(safe-area-inset-right));
padding-left: max(16px, env(safe-area-inset-left));
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-footer {
min-height: 74px;
padding-top: 14px;
padding-right: max(14px, env(safe-area-inset-right));
padding-bottom: max(14px, env(safe-area-inset-bottom));
padding-left: max(14px, env(safe-area-inset-left));
}
}
@media screen and (max-height: 520px) and (max-width: 900px) {
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-drawer {
top: 0;
right: 0;
bottom: 0;
left: 0;
width: 100vw;
max-width: none;
height: 100vh;
height: 100dvh;
max-height: none;
border-right: 0;
box-shadow: none;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-header {
min-height: 62px;
padding-top: max(9px, env(safe-area-inset-top));
padding-right: max(14px, env(safe-area-inset-right));
padding-bottom: 9px;
padding-left: max(14px, env(safe-area-inset-left));
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-footer {
min-height: 62px;
padding-top: 9px;
padding-right: max(14px, env(safe-area-inset-right));
padding-bottom: max(9px, env(safe-area-inset-bottom));
padding-left: max(14px, env(safe-area-inset-left));
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-drawer-body {
padding-right: max(16px, env(safe-area-inset-right));
padding-bottom: 12px;
padding-left: max(16px, env(safe-area-inset-left));
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-group {
padding: 12px 0;
}
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-all-filters,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] [data-vb5-open-drawer] {
display: none !important;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-trigger {
width: 100%;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-trigger > span:first-child {
min-width: 0;
-webkit-box-flex: 1;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-trigger-summary,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-trigger-summary.is-selection-badge {
display: inline-block;
width: 18px;
min-width: 18px;
max-width: 18px;
margin-right: 0;
margin-left: 6px;
-webkit-box-flex: 0;
-ms-flex: 0 0 18px;
flex: 0 0 18px;
text-align: center;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-me {
height: 36px;
padding-right: 10px;
padding-left: 10px;
gap: 8px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-icon {
display: block;
width: 22px;
height: 22px;
max-width: 22px;
-webkit-box-flex: 0;
-ms-flex: 0 0 22px;
flex: 0 0 22px;
object-fit: contain;
opacity: 1;
-webkit-filter: brightness(0) invert(1);
filter: brightness(0) invert(1);
pointer-events: none;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-active-filters .vb5-clear-all-inline {
margin: 2px 0 2px 6px;
padding: 3px 2px;
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
-ms-flex-item-align: center;
align-self: center;
font-weight: 800;
white-space: nowrap;
}
@media screen and (min-width: 641px) {
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar-row > .vb5-enclosure-disclosure {
width: 168px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar-row > .vb5-mount-disclosure {
width: 142px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar-row > .vb5-security-disclosure {
width: 120px;
}
}
@media screen and (max-width: 640px) {
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar-row {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 8px;
min-height: 0;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar-row > .vb5-disclosure {
display: block;
width: 100%;
min-width: 0;
margin: 0;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar-row > .vb5-enclosure-disclosure {
grid-row: 1;
grid-column: 1;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar-row > .vb5-mount-disclosure {
grid-row: 1;
grid-column: 2;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-toolbar-row > .vb5-security-disclosure {
grid-row: 2;
grid-column: 1 / -1;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-filter-trigger {
min-height: 40px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-mount-disclosure .vb5-popover {
right: 0;
left: auto;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-results-count {
grid-row: 3;
grid-column: 1;
margin: 0;
-ms-flex-item-align: center;
align-self: center;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-sort-control {
grid-row: 3;
grid-column: 2;
width: 100%;
max-width: none;
min-width: 0;
margin: 0;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-me {
grid-row: 4;
grid-column: 1 / -1;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
min-height: 44px;
padding-right: 12px;
padding-left: 12px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-icon {
width: 20px;
height: 20px;
max-width: 20px;
-ms-flex: 0 0 20px;
flex: 0 0 20px;
}
}
body.vb-family-filter-enhanced.vb-category-filter header.vidabox-sticky-header {
display: none !important;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-me.is-active,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-me.is-active:hover,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-me.is-active[aria-expanded="true"] {
border-color: #6f8fdc;
background: #f0f4ff;
color: #294eaa;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-guide-me.is-active .vb5-guide-icon {
-webkit-filter: brightness(0) saturate(100%) invert(30%) sepia(81%) saturate(538%) hue-rotate(185deg) brightness(90%) contrast(108%);
filter: brightness(0) saturate(100%) invert(30%) sepia(81%) saturate(538%) hue-rotate(185deg) brightness(90%) contrast(108%);
}
/* Final card presentation: one ownership point for price rows and rotation. */
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb-rotation-shell {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr);
padding-top: 5px;
isolation: isolate;
cursor: default;
}
/* Hidden variants contribute their natural height, preventing rotation jumps. */
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb-rotation-variant {
position: static;
display: block !important;
grid-area: 1 / 1;
min-width: 0;
visibility: hidden;
pointer-events: none;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb-rotation-variant.is-selected {
visibility: visible;
pointer-events: auto;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb-rotation-variant > .category-section-card {
position: static;
height: 100%;
box-sizing: border-box;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb-rotation-variant .category-section-card-contents {
position: static;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb-rotation-variant .category-section-card-image-contents {
min-height: 222px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] :is(.vb5-family-card, .category-section-card, .category-section-card-contents, .vb5-available, .vb-rotation-information) {
cursor: default;
}
/* Product links are bounded. Enclosure filter buttons are separate siblings. */
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] a.vb-rotation-product-link {
position: static;
inset: auto;
z-index: auto;
display: block;
width: auto;
height: auto;
margin: 0;
padding: 0;
border: 0;
border-radius: 3px;
background: transparent;
color: inherit;
text-decoration: none;
cursor: pointer;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] a.vb-rotation-product-link > :is(.category-section-card-image-contents, .category-section-card-header, .category-section-card-desc) {
cursor: pointer;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] a.vb-rotation-title-link {
width: fit-content;
max-width: 100%;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-available {
position: static;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
gap: 6px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-available-label,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb-rotation-controls,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .category-section-card-header-price {
display: none !important;
}
/* Actual enclosure prices are the sole displayed card prices. */
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-enclosure-badge[data-vb-enclosure-price="1"] {
box-sizing: border-box;
display: flex;
flex: 0 0 100%;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 6px;
width: 100%;
max-width: 100%;
min-width: 0;
height: auto;
min-height: 32px;
margin: 0;
padding: 5px 8px;
vertical-align: middle;
font-family: inherit;
font-size: 15px;
font-weight: 400;
line-height: 18px;
text-align: left;
text-transform: none;
white-space: normal;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb-enclosure-price-name,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb-enclosure-price-value {
display: block;
min-width: 0;
margin: 0;
padding: 0;
border: 0;
background: transparent;
color: inherit;
font: inherit;
font-size: 15px;
font-weight: 400;
line-height: 18px;
white-space: normal;
overflow-wrap: normal;
word-break: normal;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb-enclosure-price-name {
flex: 0 1 min-content;
min-width: min-content;
text-align: left;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] [data-vb5-enclosure-badge]:not([data-vb5-enclosure-badge="wall-frame"]) .vb-enclosure-price-name {
white-space: nowrap;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb-enclosure-price-value {
display: flex;
flex: 1 1 min-content;
flex-wrap: wrap;
justify-content: flex-end;
align-items: center;
column-gap: 4px;
min-width: min-content;
text-align: right;
font-variant-numeric: tabular-nums;
}
/* Wrap From separately, never inside the regional currency and amount. */
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb-enclosure-price-prefix,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb-enclosure-price-amount {
white-space: nowrap;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb-enclosure-price-prefix {
font-size: 15px;
font-weight: 400;
}
/* Compact regional currency labels without changing US prices or enclosure text. */
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] [data-vb-enclosure-price="1"][data-vb-regional-price="1"] {
column-gap: 4px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] [data-vb-regional-price="1"] .vb-enclosure-price-value {
flex: 0 1 auto;
flex-wrap: nowrap;
column-gap: 3px;
font-size: 15px;
white-space: nowrap;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] [data-vb-regional-price="1"] .vb-enclosure-price-prefix {
font-size: 10px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] button.vb-rotation-choice {
position: relative;
z-index: 3;
cursor: pointer;
appearance: none;
-webkit-appearance: none;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] :is(button.vb-rotation-choice, span.vb-rotation-information).is-selected .vb-enclosure-price-name {
text-decoration: underline;
text-underline-offset: 2px;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb-rotation-displayed {
margin: 3px 0 0;
color: #58616d;
font: 11px/15px Arial, Helvetica, sans-serif;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] :is(.vb-rotation-product-link, .vb-rotation-choice):focus-visible {
outline: 2px solid #2463eb !important;
outline-offset: 2px !important;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] :is(.vb-rotation-product-link, .vb-rotation-choice):focus:not(:focus-visible) {
outline: none !important;
}
@media (hover: hover) {
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] button.vb-rotation-choice:hover:not(.is-selected) {
background: #f0f4fa;
border-color: #9aaccc;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] button.vb-rotation-choice.is-selected:hover {
border-color: #7f9bc7;
}
}
/* Only mapped approved bullet descriptions replace the old paragraph geometry. */
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] [data-vb-bullet-family="1"] :is(.vb5-family-card-shell, .category-section-card-contents) {
min-height: 0;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .category-section-card-desc[data-vb-bullet-code] {
height: auto;
min-height: 0;
max-height: none;
padding-bottom: 0;
overflow: visible;
white-space: normal;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .category-section-card-desc[data-vb-bullet-code] > ul.vb-demo-description-bullets {
position: static;
margin: 6px 0 0;
padding: 0 0 0 18px;
list-style: disc outside;
font: inherit;
color: inherit;
text-align: inherit;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .category-section-card-desc[data-vb-bullet-code] > ul.vb-demo-description-bullets > li {
position: static;
display: list-item;
margin: 0 0 4px;
padding: 0;
list-style: inherit;
font: inherit;
color: inherit;
text-align: inherit;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .category-section-card-desc[data-vb-bullet-code] > ul.vb-demo-description-bullets > li:last-child {
margin-bottom: 0;
}
/* These category pages keep their existing category heading rather than a
* device-specific logo/tablet heading. Retain the mobile navigation safeguard. */
@media (max-width: 767px) {
body.vb-family-filter-enhanced.vb-category-filter .header-container > .navbar {
height: auto;
display: flow-root;
}
}
/* The category assortment retains its current descriptions, including legacy
* paragraphs. Natural grid height prevents clipping and rotation shifts. */
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-family-card-shell,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-family-variant .category-section-card-contents {
min-height: 0;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-family-enhanced="1"] .vb5-family-variant .category-section-card-desc {
height: auto;
min-height: 0;
max-height: none;
padding-bottom: 0;
overflow: visible;
white-space: normal;
}
/* Fixed-scope pages omit redundant toolbar facets. Do not reserve an empty
* mobile row or half-cell for those absent controls. */
@media screen and (max-width: 640px) {
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-category-facet-count="1"] .vb5-toolbar-row > .vb5-disclosure {
grid-row: 1;
grid-column: 1 / -1;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter[data-vb-category-facet-count="2"] .vb5-toolbar-row > .vb5-disclosure:nth-child(2) {
grid-row: 1;
grid-column: 2;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter:is([data-vb-category-facet-count="1"], [data-vb-category-facet-count="2"]) .vb5-results-count,
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter:is([data-vb-category-facet-count="1"], [data-vb-category-facet-count="2"]) .vb5-sort-control {
grid-row: 2;
}
body.vb-family-filter-enhanced.vb-category-filter #vb-category-family-filter:is([data-vb-category-facet-count="1"], [data-vb-category-facet-count="2"]) .vb5-guide-me {
grid-row: 3;
}
}