body { font-size:12px; line-height: 15px; color:#4c4c4c; } .wrapper { width:970px;position:relative;margin:0 auto; } .wrapper * { box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } .clear-float { clear:both;height:0;border:0;margin:0;padding:0; } h1 { font-weight: normal; } h2 { font-size:15px; } ul, ol { list-style:none;margin:0;padding:0; } ul { clear:both; } dd { margin:0; padding:0; } a, a:hover, a:active, a:visited { text-decoration: none;color:inherit; } .main .std { font-size:12px;line-height: 15px; } .desaturate {opacity:0.6;-moz-opacity:0.6;-webkit-opacity:0.6;filter:alpha(opacity=60);-webkit-transition: opacity 1s ease-in-out;-moz-transition: opacity 1s ease-in-out;-ms-transition: opacity 1s ease-in-out;-o-transition: opacity 1s ease-in-out;transition: opacity 1s ease-in-out;} button { border:none; } .button.f-right { float: right !important; } input:focus { outline: none; } input.focus { -moz-box-shadow: inset 1px 1px 10px -3px rgba(0, 0, 0, 0.65);-webkit-box-shadow: inset 1px 1px 10px -3px rgba(0, 0, 0, 0.65);box-shadow: inset 1px 1px 10px -3px rgba(0, 0, 0, 0.65); } .selector { position:relative; } .selector select { position:absolute;top:0;left:0; } /* Global Messages */ .maintenance { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/lukket-side.jpg) -24px -15px no-repeat;width:100%;height: 480px; } .error .main-container { border:none !important;margin:0 !important;padding:0 !important; } .error .footer address { margin-top:0 !important; } .error .header-container { margin-bottom:0 !important; } .error .megamenu-container { height:1px !important;border-top:0 !important; } .success { color:#3d6611; font-weight:bold; } .error { color:#df280a; font-weight:bold; } .notice { color:#e26703; } .messages, .messages ul { list-style:none !important; margin:0 !important; padding:0 !important; } .messages { width:100%; overflow:hidden; } .messages li { margin:0 0 10px !important; } .messages li li { margin:0 0 3px !important;text-indent:15px; } .error-msg, .success-msg, .note-msg, .notice-msg { border-style:solid !important; border-width: 0px !important; background-repeat:no-repeat !important; min-height:24px !important; padding: 15px 8px 15px 32px !important; font-size:11px !important; font-weight:bold !important; } .error-msg { border-color:#f16048; background-color:#faebe7; background-image:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/i_msg-error.gif); color:#df280a; } .success-msg { border-color:#446423; background-color:#eff5ea; background-image:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/i_msg-success.gif); color:#3d6611; } .note-msg, .notice-msg { border-color:#fcd344; background-color:#fafaec; background-image:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/i_msg-note.gif); color:#3d6611; } button.red-button { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/red-button.jpg) no-repeat center center transparent; border: none; color: #fff; cursor: pointer; font-size: 17px; font-weight: bold; height: 52px; line-height: 1.2; width: 206px; } /*********************************** autocomplete ***********************************/ .search-autocomplete { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/autocomplete_arrow.png) center 2px transparent no-repeat;width:395px;position:absolute;top:6px !important;left:-3px !important;margin-top:33px;padding-top:5px;display: block;z-index: 1;-moz-box-shadow: 0 8px 20px -4px rgba(0,0,0,0.27); -webkit-box-shadow: 0 8px 20px -4px rgba(0,0,0,0.27);box-shadow: 0 8px 20px -4px rgba(0,0,0,0.27); } .search-autocomplete .amount { display:none;visibility:hidden; } .search-autocomplete ul { background:#fff;border: 10px solid #f1eee8;padding:0 10px; } .search-autocomplete li { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/dot_tile.png) bottom #fff repeat-x;padding:10px 0; } .search-autocomplete li.last { background:none; } .search-autocomplete li:hover { color:rgba(111,111,111,0.9);cursor:pointer; } /*********************************** uniform ***********************************/ li .checker { float:left; } .checker span { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite.png) no-repeat -8px -440px; } .checker span.checked { background-position: -245px -428px;padding-top: 4px; } .checker span input { margin-right:6px; } li .radio { float:left; } .radio span { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite.png) no-repeat -8px -440px; } /*.radio span.checked { background-position: -8px -420px; }*/ .radio span.checked { width: 13px; height: 13px; display: block; margin-bottom: 4px; overflow: hidden; margin-right: 3px; padding: 0; box-sizing: border-box; background: red; } .radio span input { margin-right:6px; } /*********************************** header ***********************************/ .primary-acces-bar { background:#f1eee8;width:100%;height:40px;position:absolute;top:0;left:0; } .header-container { width:100%;height: 131px; margin-bottom: 51px;} .header-container .logo { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/logo.png) no-repeat;width:190px;height:120px;margin:0;margin-left: -27px;float:left; } .header-container .header { height:100%;position:relative;z-index:7; } .header-container .header .primary-section { width:816px;margin-left:-12px;float:left; height: 48px; } .header-container .header .secondary-section { position:relative;margin-top:21px;float:right; } /* store-switcher */ .store-switcher { position:relative;float:left; padding: 1px 0px 0px 2px; } .store-switcher img { width:20px;position:relative;top:1px;margin-right:3px; } .store-switcher .current-store { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite.png) 62px -578px no-repeat;width:85px;margin-top:10px;cursor:pointer; float: left; } .store-switcher .current-store img { float: left; padding-top: 0px; } .store-switcher .current-store span { float: left; margin-top: 2px; margin-left: 4px; } .store-switcher .current-store.open { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite.png) 62px -595px no-repeat;width:85px;cursor:pointer; } .store-switcher .active-stores { background:#FFF;width: 110px;position:absolute;top:35px;-moz-box-shadow: 0px 15px 20px -4px rgba(0,0,0,0.27);-webkit-box-shadow:0px 15px 20px -4px rgba(0,0,0,0.27);box-shadow:0px 15px 20px -4px rgba(0,0,0,0.27);border:8px solid #f1eee8;display:none;z-index:3; } .store-switcher .active-stores li { width: 100%;height: 25px;padding-left:8px;float:left; } .store-switcher .active-stores li:hover a { color:rgba(115, 112, 112, 0.9); } /* extra-info-links */ .extra-info-links { padding: 1px 0 3px 9px;float:left; } .extra-info-links ul { height: 44px;padding:2px 0 0; } .extra-info-links li { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_icons.png) no-repeat;margin-left:18px;padding: 10px 0;float:left; } .extra-info-links li:first-child { margin-left:0; } .extra-info-links li.approved { background-position: 0px -637px;padding-left:43px; } .extra-info-links li.shipping { background-position: 0px -790px;padding-left:35px; } /* quick-access */ .quick-access { padding:0px 0 3px 0px; } .quick-access .links { height:44px;padding:13px 0 4px;float:right; } .quick-access li { border-left:1px solid #d6d6d6;margin-left:8px;padding-left:8px;float:left;cursor:pointer; } .quick-access li:first-child { border-left:none;padding-left:0; } /* search_mini_form */ form#search_mini_form { float:left; } form#search_mini_form .form-search { width:385px;position:relative;margin-right:6px;float:left; } form#search_mini_form .form-search { height:36px;border:1px solid #e6e6e6;padding:5px; } form#search_mini_form .form-search label { font-size: 13px; line-height: 24px; } /* form#search_mini_form .form-search.focus { outline:4px solid #f1eee8;-moz-box-shadow: inset 1px 1px 10px -3px rgba(0, 0, 0, 0.65);-webkit-box-shadow: inset 1px 1px 10px -3px rgba(0, 0, 0, 0.65);box-shadow: inset 1px 1px 10px -3px rgba(0, 0, 0, 0.65); } */ form#search_mini_form .form-search input { background:transparent;width: 226px;height: 24px;color: #6f6f6f;font-size: 13px;border:none;padding:0 6px;float:left; } form#search_mini_form .form-search .selector { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite.png) -84px -756px no-repeat;width:120px;height:24px;border-left:1px solid #f1eee8;padding-top:5px;padding-left:10px;float:right; } form#search_mini_form .form-search .selector span { font-size:13px; } form#search_mini_form .form-search .selector select { top:-3px;left:7px; } form#search_mini_form .form-search .button { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite.png) -6px -864px no-repeat transparent;height:24px;width: 27px;border:none;border-left:1px solid #e6e6e6;float:right;display: inline-block; } form#search_mini_form .form-search .button>span span { display: none; } /* cart-header */ .header .block-cart {background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite.png) no-repeat 90px -966px #f1eee8;width:145px;height:36px;position:relative;padding:10px 8px;float:right;z-index: 3;} .header .block-cart.open { background-position-y:-1033px;-moz-box-shadow: 0px 15px 20px -4px rgba(0,0,0,0.27);-webkit-box-shadow:0px 15px 20px -4px rgba(0,0,0,0.27);box-shadow:0px 15px 20px -4px rgba(0,0,0,0.27); } .header .block-cart .block-title { width: 145px;height: 36px;text-align: right;position: relative;top: -10px;left: -10px;padding: 10px 48px 0 0;} .header .block-cart .block-title .price { font-size:13px;text-transform: uppercase;text-shadow: 1px 2px rgba(250, 250, 250, 1);-moz-text-shadow: 1px 2px rgba(250, 250, 250, 1); } .header .block-cart .show-amount-tip { width: 60px;height: 24px;position: relative;top: -62px;right: -75px;text-align: center; } .header .block-cart .show-amount-tip span { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/show_amount.png) no-repeat center;width:auto;height:22px;font-size:11px;color:#FFF;text-align:center;padding-top: 3px;padding-left:1px;text-shadow: 0px 1px 2px rgba(150, 150, 150, 1);-moz-text-shadow: 0px 1px 2px rgba(150, 150, 150, 1);display:inline-block; } .header .block-cart .block-content { width: 620px;position: absolute;top: 35px;left: -475px;display:none;-moz-box-shadow: 0 8px 20px -4px rgba(0,0,0,0.27);-webkit-box-shadow: 0 8px 20px -4px rgba(0,0,0,0.27);box-shadow: 0 8px 20px -4px rgba(0,0,0,0.27); } .header .block-cart .block-content .content-wrapper { background: #fff; border: 10px solid #f1eee8;padding:10px 10px 20px; } .header .block-cart .block-content h2 { font-size: 14px;color: #4c4c4b;text-transform:uppercase;margin: 0;padding-bottom:10px; } .header .block-cart .mini-products-list { max-height: 216px;overflow-y: scroll;-ms-overflow-y:scroll; } .header .block-cart .mini-products-list li.item { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/dot_tile.png) repeat-x;width:100%;height:108px;padding:13px 10px; } .header .block-cart .mini-products-list .product-image { width:81px;height:81px;margin-right:10px;float:left; } .header .block-cart .mini-products-list .product-details { margin-right:20px; } .header .block-cart .mini-products-list .product-details .product-name { width:180px;margin-bottom:0;float:left; } .header .block-cart .mini-products-list .product-details .product-short-description { width:160px;margin:0;float:left; margin-top: 10px; } .header .block-cart .mini-products-list .product-details .truncated dl.item-options { color:#a0a0a0;margin:0; } .header .block-cart .mini-products-list .product-details .price { float:right; margin-top: 10px; } .header .block-cart .mini-products-list .product-details .price-content { width:120px;text-align: right;float: right; } .header .block-cart .mini-products-list .product-details .old-price { width:100%;float:right;display:inline-block; } .header .block-cart .mini-products-list .product-details .old-price .price { text-decoration: line-through; } .header .block-cart .mini-products-list .product-details .special-price { color: #383838;float:right;display:block; } .header .block-cart .mini-products-list .product-details .special-price .price { float:none; } .header .block-cart .mini-products-list .product-details .truncated { width:190px; } .header .block-cart .mini-products-list .product-details .btn-remove { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_icons.png) no-repeat 6px -179px;width:18px;height:20px;text-indent:-15000px;border-left: 1px solid #f1eee8;margin-top:10px;margin-left: 8px;float:right; } .header .block-cart .mini-products-list .product-details .btn-remove.lower { margin-top:31px; } .header .block-cart .summary { width:100%;height:40px; } .header .block-cart .summary .total { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite.png) 0px -1100px no-repeat;width:100%;height:100%;font-size: 18px; text-align: right;padding-top:20px; } .header .block-cart .sidebar-free-shipping-notice .free_shipping_notice_wrapper { float: left; width: 410px; text-align: center; font-size: 14px; text-transform: uppercase; background: #B38353; height: 52px; position: relative;} .header .block-cart .sidebar-free-shipping-notice .free_shipping_notice span { margin: 0; position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 380px; } .header .block-cart .actions { background:#f1eee8;width:100%;padding:0 10px 10px;float:left; } .header .block-cart .actions button { width:181px;height:52px;float:right; } .header .block-cart .actions button span { width:100%;color:#FFF;font-size:14px;text-align: right;position:relative;top:-1px;display: block; text-align: center; } .header .block-cart .actions .info { width:100px;margin-top:10px;margin-right:6px;float:left; } .header .block-cart .actions .info span { font-size:10px;color: #767675;margin-left: 37px;display: block; } .header .block-cart .actions .info.time { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_icons.png) no-repeat 0 -126px; } .header .block-cart .actions .info.delivery { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_icons.png) no-repeat 0 -63px;width:121px; } .header .block-cart .actions .info.delivery span { margin-left:44px; } .header .block-cart .actions .info.returns { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_icons.png) no-repeat 0 0; } .header .block-cart {} .header .block-cart {} /*********************************** navigation ***********************************/ /* primary-navigation */ .megamenu-container { height:50px;position:absolute;top: 131px; width: 100%; z-index:6; left: 0; margin-left: 0; } .wrapper .megamenu-container { top: 131px !important; } .megamenu-container div#megamenu { height:100%;clear:both; } .megamenu-container div#megamenu>div.nav-type { height: 100%;padding-top:17px;float:left;display:inline-block; } #megamenu .nav-type-category ul li .nav-element-content .nav-type.nav-type-category { padding-top: 12px; } .megamenu-container div#megamenu div.nav-type.nav-type-browseby, .megamenu-container div#megamenu div.nav-type.nav-type-category { height: 100%;padding-top:17px;float:left;display:inline-block; } .megamenu-container li.level0 { height:100%;float:left; } .megamenu-container li.level0.active { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/nav_active_icon.png) center 27px no-repeat;padding-bottom:18px; } .megamenu-container li.level0:hover { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/nav_hover_icon.png) center 31px no-repeat;padding-bottom:23px; } .megamenu-container li.level0.parent:hover { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/nav_hover_icon.png) center 26px no-repeat;padding-bottom:18px; } .megamenu-container .nav-type-home li.level0 {background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/home.png) no-repeat bottom center;width: 15px;height: 14px;display: inline-block;margin-left:4px;margin-top:15px;padding: 0 10px;text-indent: -15000%;} .megamenu-container .nav-type-home li.level0 a { display: none; } .megamenu-container .nav-type-home li.level0:hover { background-position: top center; } .megamenu-container li.level0>a { float: left; font-size:14px;color:#343434;text-transform:uppercase;border-left:1px solid #e1e1e1;padding:0 12px 0px 11px; } .megamenu-container .nav-type-home li.level0>a { border-left: none; } .megamenu-container .nav-type-browseby-1 li.level0:first-child>a { border-left:none; } .megamenu-container li.level0.active>a, .megamenu-container li.level0:hover>a { color:#383838; } .megamenu-container li.level0 .nav-element-content .nav-type { display:block; } .megamenu-container li.level1>a {width:100%;padding:2px 4px;display:inline-block;} .megamenu-container li.level2:hover>a {background:#f1eee8;color:#383838;} .megamenu-container li.level1>span{color: rgb(199, 193, 180); padding: 2px 4px; display: inline-block;margin-top:15px;margin-bottom:5px; } .megamenu-container li.level1>span.new {margin-top:0; } .megamenu-container .nav-type-browseby-2 .nav-element-content .nav-type.nav-type-browseby { width: auto; } .megamenu-container .nav-element-content {background:#f1eee8;width:946px;position:absolute;top:48px;left:0;padding:12px;display:none;-moz-box-shadow: 0 8px 20px -4px rgba(0,0,0,0.27);-webkit-box-shadow: 0 8px 20px -4px rgba(0,0,0,0.27);box-shadow: 0 8px 20px -4px rgba(0,0,0,0.27);} .megamenu-container .megamenu-list.megamenu-level-1 .nav-headline {background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/dot_tile_nav.png) repeat-x center bottom;font-size:14px;text-transform: uppercase;margin:0 0 20px 0;padding: 10px 0 10px 20px;} .megamenu-container .megamenu-list.megamenu-level-1 .nav-type-browseby_option .nav-headline {background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/dot_tile_nav.png) repeat-x center top;font-size:13px;text-transform: uppercase;margin:0 0 6px 0;padding: 15px 0 5px 20px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .megamenu-container .megamenu-list.megamenu-level-1 .nav-type {background:#FFF;padding:12px 0 0 0 !important;float:left;} .megamenu-container .megamenu-list.megamenu-level-1 .nav-type>ul, .megamenu-container .megamenu-list.megamenu-level-1 .nav-type .list-content {background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/dot_tile_nav_vertical.png) #FFF repeat-y left top;margin-bottom:10px;padding-left:20px;} .megamenu-container .megamenu-list.megamenu-level-1 .nav-type>ul.first-column { background-image: none; } .megamenu-container .megamenu-list.megamenu-level-1 .nav-type .list-content.first { background:none; } .megamenu-container .megamenu-list.megamenu-level-1 .nav-type.nav-type-browseby {width:100%;} .megamenu-container .megamenu-list.megamenu-level-1 .nav-type.nav-type-browseby .list-content {width:137px;float:left;} .megamenu-container .megamenu-list.megamenu-level-1 .nav-type.nav-type-category {position:relative;} .megamenu-container .megamenu-list.megamenu-level-1 .nav-type.nav-type-category>ul.first {background:none;} .megamenu-container .megamenu-list.megamenu-level-1 .nav-type.nav-type-category>ul.last {width:128px;position:absolute;top:67px;right:0; } .megamenu-container .nav-type-category>ul li.level1 {} .megamenu-container .nav-type-category>ul.first li.level1, .megamenu-container .nav-type-category>ul.last li.level1 {width:110px;} .megamenu-container .nav-element-content .nav-type.nav-type-attribute {width:183px;} .megamenu-container .nav-type-attribute>ul li.level1 { width: 65px; float: left; } .megamenu-container .nav-type-attribute>ul li.level1 ul.megamenu-level-2 { display: none !important; } .megamenu-container .nav-type-browseby ul li ul.megamenu-level-2 { display: none !important; } .megamenu-container .nav-element-content .nav-type.nav-type-trends {width:174px;} .megamenu-container .nav-type-trends>ul li.level1 {width:136px;} .megamenu-container .megamenu-list.megamenu-level-1 .nav-type.nav-type-browseby_option {width:100%; padding-top: 0px !important;} .megamenu-container .megamenu-list.megamenu-level-1 .nav-type.nav-type-browseby_option>ul {background:none;} .megamenu-container .nav-type-browseby_option>ul li.level1 {width:120px;height:61px;margin-right:29px;margin-left:0;float:left;} .megamenu-container .nav-type-browseby_option>ul li.level1>a {background:#f1eee8;width:100%;height:100%;padding:0;} .megamenu-container .nav-type-browseby_option>ul li.level1>a img {width:118px; height: 59px; position:relative;top:1px;left:1px;} .megamenu-container .nav-type-browseby_option>ul li.level1>a span {background: #f1eee8;width:135px;height: 26px;position: relative;top: -28px;left: 0px;padding:6px 10px;display: block;opacity: 0.9;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box; display: none; } .megamenu-container .nav-element-content .nav-type.nav-type-brands {width:100%;} .megamenu-container li.level0:hover .nav-element-content {display:block;} .megamenu-container .megamenu-level-2 .nav-type-category ul { background: none !important; padding-left: 0px !important; width: 100%; margin-bottom: 0px; } .megamenu-container .megamenu-level-2 .nav-type-category ul.first-column { margin-bottom: 0px !important; } .megamenu-container .new-notification-bar { width: 100%; text-align: center; height: 30px; text-transform: uppercase; border-bottom: 1px solid #e6e6e6; } .megamenu-container .new-notification-bar span { line-height: 30px; } /* TEMP FIX */ .megamenu-container, .megamenu-container #megamenu { box-sizing: content-box; } .header-container.sticky.with-bar form#search_mini_form #search_autocomplete { position: inherit !important; width: 263px !important; display: block !important; right: 191px; left: auto !important; top: 36px !important; } .header-container form#search_mini_form #search_autocomplete { position: inherit !important; width: 263px !important; display: block !important; right: 49px; left: auto !important; top: 5px !important; } /* breadcrumb */ .breadcrumbs { width: 100%; height: 30px; font-size: 12px; padding: 5px 0px; display: none; } .breadcrumbs li { float:left; } .breadcrumbs li.history-back { color: #4A4A4A; font-size: 13px; margin-right: 10px; text-transform: uppercase; background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/bc-arrow.png) no-repeat; background-position: left 1px; padding-left: 12px; cursor: pointer; } .breadcrumbs span { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/greater_then.png) 0 1px no-repeat;width:6px;height:10px;margin-right:8px;margin-left:6px;display:inline-block; line-height: 12px; } .breadcrumbs .active { color:#383838; } p.category-image { margin-top: 0; } .col-left.sidebar p:empty { margin: 0; } body .header-container { margin-bottom: 105px; } /* CMS navigation */ .cms-navigation { color:#696969;text-transform:uppercase; } .cms-navigation h3 { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite.png) repeat-x -10px -800px #f5f2ee;width: 192px;height: 33px;color: #383838;font-size: 14px;text-transform: uppercase;margin:8px 0 0;padding:9px 6px;cursor: pointer; } .cms-navigation h3.open { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite.png) repeat-x -9px -752px #f5f2ee; } .cms-navigation ul { margin:6px 0; } .cms-navigation li { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/left-menu-liner.png) repeat-x left bottom; width:100%;min-height:41px; } .cms-navigation li:hover, .cms-navigation li.active { background: #f5f2ee; } .cms-navigation li a { width: 100%; height: 100%; padding-top: 13px; padding-left: 12px; font-size: 14px; display: inline-block; padding-bottom: 13px; } .cms-navigation li:first-child a { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/left-menu-liner.png) repeat-x left top; } /*********************************** main-container ***********************************/ .main-container { width:100%;margin-bottom:20px;padding-bottom:30px;float:left;clear:both; } .main-container .main { width:100%;float:left; } /* 1 column */ .main-container.col1-layout .main, .main-container.col1-layout .col-main { width:100%;float:left; } /* miscellanious */ .browseby-option-view .main h1 { color:#4c4c4b;text-transform:uppercase; } .browseby-option-view .main .page-title { margin-top:-10px;float:left; } /*********************************** primary-column ***********************************/ .main-container.col2-left-layout .col-main { float:right; width:768px; } .cms-page-view .main-container.col2-left-layout .col-main { width:750px; } .category-description { margin-bottom:14px; } /* category-products */ .category-products .toolbar { width:100%;height:40px;border-top:1px solid #e6e6e6;border-bottom:1px solid #e6e6e6;padding-top:12px;float:left; margin-top: -1px; } .category-products .toolbar .sort-by, .category-products .toolbar .sort-by label { margin-right:6px;float:left; } .category-products .toolbar .selector { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_dropdown.png) 65px -39px no-repeat;width:86px;height:26px;margin-top:-7px;padding: 5px 20px 2px 8px;float:left; } .category-products .toolbar .selector span { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_dropdown.png) -8px -8px no-repeat;width: 100%;height: 25px;margin-top: -4px;padding: 5px 20px 2px 8px;display: block;text-overflow:ellipsis; } .category-products .toolbar .selector select { top: 5px;left: 4px; } .category-products .toolbar .pager { float:right; } .category-products .toolbar .limiter { color:#000;text-decoration: underline;float:left; } .category-products .toolbar .limiter:hover { color:#383838; } .category-products .toolbar .limiter a span { text-transform: lowercase; } .category-products .toolbar .amount { margin-left:6px;float:left; } .products-grid { width:100%;padding:0 0 20px;float:left; } .products-grid.first { border-top:0;padding-top:0; } .products-grid.last { padding-bottom:100px; } .products-grid li.item { width:192px;height:286px;position:relative;float:left; } .products-grid li.item.first { padding-left:0; } .products-grid li.item.last { padding-right:0; } .products-grid li.item .size-picker { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/product_border_shadow.png) no-repeat center top;width:100%;position:relative;top:-4px;padding-top:10px;float:left;display:none; } .products-grid li.item .size-picker .pick-size { color:#383838;font-size:13px;text-transform: uppercase;text-align: left;margin-bottom:10px; } .products-grid li.item .size-picker ul { width:100%;float:left; } .products-grid li.item .size-picker li { width:50%;float:left; } .products-grid li.item .size-picker li, .products-grid li.item .size-picker li label { font-size:10px;float:left; } .products-grid li.item .size-picker li:hover input, .products-grid li.item .size-picker li:hover label { color:#383838;cursor: pointer; } .products-grid li.item .size-picker input { margin-right:6px; } .products-grid li .description { width: 192px;text-align: center;position:relative;margin-bottom:6px;padding:0 13px; } .products-grid li .actions { width:100%;margin-left:13px;float:left;display:none; } .products-grid li .actions input { width:30px;height:37px;font-size: 15px;text-align: center;border: none;margin-right: 5px;float:left; } .products-grid li .actions button { background-image:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite.png);background-color: transparent;background-repeat: no-repeat;background-position: -272px -620px;width:132px;height:37px;padding-right:20px;float:left; } .products-grid li .actions button span { width:100%;text-align:center;color: #FFF;font-size: 10px;white-space:nowrap;-moz-text-shadow: 0 2px #000;text-shadow: 0 2px #000;padding-right:6px;float:left; } .products-grid li .product-image { background: #FFF;height:200px;display:inline-block;margin-top:0px; } .products-grid li .product-image img { height:100%;text-align:center;border-top:1px solid transparent; } .blog-index-view .products-grid li h2.product-name { height: 35px; color: #696969; font-size: 13px; text-align: center; text-transform: uppercase; margin-top: -4px; margin-bottom: 6px; padding-top: 20px; } .products-grid li p.product-name, .products-grid li h2.product-name { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/product_border_shadow.png) no-repeat center top;height:35px; color: #696969; font-size:13px; text-align:center; text-transform: uppercase; margin-top:-4px;margin-bottom:0;padding-top:20px; } .products-grid li .short-description { height:auto; color:#a8a8a8; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .products-grid li .price-box { text-align: center;display: inline-block; } .tab-list .products-grid li .price-box { color: #383838; width: 180px; } .products-grid li .price-box p { margin:0;display:inline-block; } .products-grid li .price-box .regular-price { color:#383838; } .products-grid li .price-box .old-price { color:#a8a8a8;text-decoration: line-through;margin-right: 6px; } .products-grid li .price-box .special-price { color: #383838; } .products-grid li .actions .add-to-links { display:none;visibility: hidden; } .products-grid li .price-box .minimal-price-link { display:none; } /* product hovering */ .products-grid li.item:hover .item-wrapper { background: #f1eee8;min-width:192px;height:auto;text-align: right;position:absolute;top:-17px;right:0px;padding-bottom:13px;-moz-box-shadow: 0 0 20px 0 rgba(0,0,0,0.20);-webkit-box-shadow: 0 0 20px 0 rgba(0,0,0,0.10);box-shadow: 0 0 20px 0 rgba(0,0,0,0.10);z-index: 1; padding-top: 16px;} .products-grid li.item:hover .size-picker { display:block; } .products-grid li.item:hover .description { float: right; } .products-grid li.item:hover .actions { display: flex; } .products-grid li.item:hover .price-box { display:none; } .products-grid li.item:hover .short-description { display:none; } .products-grid li.item:hover .product-name { display:none; } /* pagination */ .pages { margin-top:-2px;margin-left:20px; float: right; } .pages ol { list-style: none;margin:0;padding-left:0;clear:both; } .pages ol li { background:#e8e5de;width:auto;height:20px;text-align: center;margin-left:4px;float:Left;cursor:pointer; } .pages ol li:first-child { margin-left:0; } .pages ol li.current, .pages ol li:hover { background:#d4d1ca; } .pages ol li.ellipsis, .pages ol li.ellipsis:hover { background:none; } .pages ol li.ellipsis:hover > a { color:#353333; } .pages ol li > a, .pages ol li > span { width:100%;height:100%;line-height: 20px;padding:0 6px;display:block; } /* bottom pagination */ .category-products .toolbar-bottom .toolbar { height:60px; } .toolbar-bottom .pager { width:100%;text-align:center;margin-top:10px; } .toolbar-bottom .pages { float:none;display:inline-block; } .toolbar-bottom .pages ol li { background:none; } .toolbar-bottom .pages ol li.current, .toolbar-bottom .pages ol li:hover { color:#383838; } .toolbar-bottom .pages ol li.previous { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/page_previous.png) no-repeat;width:36px;height:35px;margin-top:-8px; } .toolbar-bottom .pages ol li.next { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/page_next.png) no-repeat;width:36px;height:35px;margin-top:-8px; } .toolbar-bottom .pages ol li > a.previous span, .toolbar-bottom .pages ol li > a.next span { display:none;visibility:hidden; } .toolbar-bottom .pager .limiter, .toolbar-bottom .pager .amount, .toolbar-bottom .sort-by { display:none;visibility: hidden; } /*********************************** secondary-column ************************************/ .col-left { width:192px;margin-right: 10px;float:left; } .col-left.sidebar dt { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite.png) repeat-x -10px -800px #f5f2ee;width:192px;height:33px;color:#383838;font-size:14px;text-transform: uppercase;padding:9px 6px;cursor:pointer; } .col-left.sidebar dl { margin: 0px; } .col-left.sidebar dt.open { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite.png) repeat-x -9px -752px #f5f2ee; } .col-left.sidebar dd { text-transform:uppercase;margin:8px 0; } .col-left.sidebar dd li { display: block; min-height: 19px;padding-bottom:2px;padding-top:2px; font-size: 13px; overflow:hidden;} .col-left.sidebar dd li a { width:100%;height:100%;display:inline-block; } .col-left.sidebar dd li a.current { color:#383838;cursor:pointer; } .col-left.sidebar dd li a:hover, .col-left.sidebar dd li.current > a { background-color:#f5f2ee;color:#383838;cursor:pointer; } .col-left.sidebar dd li label { float: left; width: 170px; } .col-left.sidebar dd .attribute-enhancer-layered-colors li label { width: 150px; } .col-left.sidebar dd .attribute-enhancer-layered-colors li label.attribute-enhancer-layer-picker { float: right; width: 14px; } .col-left.sidebar #narrow-by-list dd { margin: 5px 0 17px; } .clear-layer { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/dots.png) repeat-x bottom left; margin-bottom: 10px; width: 100%; } .clear-layer a { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/filter-x.png) no-repeat left 6px; background-size: 14px; color: #b1b1b1; display: block; font-size:12px; padding: 6px 20px; width: 192px; } #narrow-by-list2 ol > li > a { padding-top: 3px; } #narrow-by-list2 ol > li > a, #narrow-by-list2 ol li.children ul { padding-left: 15px; } #narrow-by-list2 ol li.children > a { background-image: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_arrows.png); background-repeat: no-repeat; background-position: 0 4px;} #narrow-by-list2 ol li.level-3 > a { padding-left: 15px; } #narrow-by-list2 ol li.children.menu-visible > a { background-position: 0 -28px; } #narrow-by-list2 ol ul { display: none; margin: 5px 0 10px 0; } #narrow-by-list2 ol li.children li { text-transform: capitalize; font-size: 12px; } /*********************************** Popup newsletter subscribe ***********************************/ .popup-subscribe { display:none; } .popup-subscribe h2 { color:#343434;font-size:28px;line-height:100%; } .popup-subscribe h3 { font-size:13px;margin-bottom:0;line-height:100%; } .popup-subscribe .abstract { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/dot_tile.png) bottom repeat-x;margin-bottom:20px;padding-bottom:20px; } .popup-subscribe .brand-list { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/dot_tile.png) bottom repeat-x;width:100%;margin-bottom:20px;padding-bottom:20px;float:left; } .popup-subscribe .brand-list .column { float: left; width: 200px; } .popup-subscribe .brand-list li { margin-bottom:4px; } .popup-subscribe .brand-list label { text-transform:uppercase; } .popup-subscribe .input-fields .input-text { width:100%;height:39px;font-size:13px;border:1px solid #e6e6e6;padding:8px;float:left; } .popup-subscribe .input-fields .input-name { margin-bottom:10px; } .popup-subscribe .actions { width:100%;float:left; } .popup-subscribe .actions .checkbox-assign { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/arrow_here.png) top right no-repeat;width:246px;float:left; } .popup-subscribe .actions .text { width:220px;float:left; } .popup-subscribe .actions .checker { margin-right:-5px;float:right; } .popup-subscribe .actions button { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/btn_bordeaux_right.png) right 0px no-repeat;height:52px;margin-top:10px;padding:0 14px 0 0;float:right; } .popup-subscribe .actions button > span { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/btn_bordeaux_left.png) no-repeat;height:52px;position: relative;top:0;color: #fff;font-size:17px;text-transform: uppercase;padding:15px 32px 15px 68px;display: block;} .popup-subscribe .actions button > span > span { margin-right:20px; } /* toplink newsletter */ .toplink-newsletter.popup-subscribe .newsletter-icon { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/img_toplink_newsletter.png) no-repeat;width:190px;height:135px;margin-top:-25px;margin-right:20px;float:left; } .toplink-newsletter.popup-subscribe .checklist { width:100%;padding:0 20px 20px;float:left; } .toplink-newsletter.popup-subscribe .checklist .column { width:50%;padding-right:10px;float:left; } .toplink-newsletter.popup-subscribe .checklist .column li { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite.png) no-repeat -245px -428px;margin:5px 0 10px;padding-top: 5px;padding-left: 30px; } /* brand newsletter */ brand-newsletter.popup-subscribe .brand-list .column { width:33.3333333333333%;padding-right:10px;float:left; } /*********************************** Popup customer service ***********************************/ .popup-customer-list { float:left;display:none; } .popup-customer-list h2 { font-size:37px;color:#000;text-transform:uppercase; } .popup-customer-list h3 { font-size:20px;text-transform: uppercase;margin-top: 5px; } .popup-customer-list .customer-nav { width:192px;padding-top:10px;float:left; } .popup-customer-list li { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite.png) repeat-x -10px -800px;width:192px;height:40px;font-size:15px; text-transform: uppercase;padding: 14px 6px;cursor:pointer; } .popup-customer-list li.active, .popup-customer-list li:hover { background-color:#ece9e1; } .popup-customer-list .content-wrapper { width:374px;height:460px;padding:0 20px;margin-top:10px;float:right;overflow: hidden; } .popup-customer-list .content-wrapper .content { display:none; } .popup-customer-list .content-wrapper .content.active { display:block; } /*********************************** Epicslider ***********************************/ .col1-layout .col-main > .std { width:100%;float:left; } .epicslider-container { position:relative;-moz-box-shadow:10px 0px 9px -10px rgba(0, 0, 0, 0.4), -10px 0px 9px -10px rgba(0, 0, 0, 0.4);-webkit-box-shadow:10px 0px 9px -10px rgba(0, 0, 0, 0.4), -10px 0px 9px -10px rgba(0, 0, 0, 0.4);box-shadow:10px 0px 9px -10px rgba(0, 0, 0, 0.4), -10px 0px 9px -10px rgba(0, 0, 0, 0.4);z-index: 1; } .slide-arrow { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_slider.png) no-repeat center left;height:55px;position:absolute;top:200px;margin-top:-26px;width:25px; } .cms-home .slide-arrow { top:224px; } .slide-right-arrow { background-position: center right; right: -25px; } .slide-left-arrow { left: -25px; } .showcase-slider-object { color: #3e3e3d; font-size: 12px; } .showcase-slider-object .price { display: block; margin-left: 10px; } .showcase-slider-object .showcase-product-name { margin-bottom: 2px; margin-left: 10px; } .showcase-slider-object .showcase-click-here-icon { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/clickhereicon.png) no-repeat center center; float: left; height: 26px; position: relative; width: 26px; z-index: 99; } .showcase-slider-object .showcase-click-here { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/clickhere.png) repeat-x; display: none; color: #fff; float: left; margin: 3px 0px 0px -13px; padding: 2px 5px 2px 13px; text-shadow: 1px 1px 1px rgba(0,0,0,0.25); text-transform: uppercase; position: relative; z-index: 98; } .showcase-slider-object:hover .showcase-click-here { display: block; } /*.catalog-category-view .epicslider-item .tape-note { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/top-note.png) no-repeat;width:233px;height:73px;position:absolute;top:0px;left:10px; }*/ /*********************************** Banners ***********************************/ .banners, .banners-small { width:100%;border-bottom:1px solid #ededed;overflow: hidden; } .banners .spot, .banners-small .spot { height:152px;margin-bottom:10px;margin-left:10px;float:left; } .banners .spot { height: 230px; } .banners .spot { margin-left: 6px; } .banners .spot a {text-decoration: none;} .banners .spot:first-child, .banners-small .spot:first-child { margin-left:0; } .banners .spot .image, .banners-small .image { width:100%;height:187px; } .banners .spot:hover .image, .banners-small .spot:hover .image { opacity:0.5;-moz-opacity:0.5;-webkit-opacity:0.5;filter:alpha(opacity=50); } .banners .spot img, .banners-small .spot img { width:100%;height:100%; } .banners .spot .title, .banners-small .spot .title { background:#e8e5de;width:100%;height:43px;font-size:14px;text-transform:uppercase;border-top:2px solid #585858;border-bottom:1px solid #e1e1e1;padding:13px 0 0 10px; } .banners .spot { width:238px; } .banners-small .spot { width:184px; } .banners-small .spot .image { height:108px; } /*********************************** Brand slider ***********************************/ .widget-options-list-wrapper { position:relative;float:left;margin-top:10px; } .widget-options-list-wrapper .widget-options-list-nav { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_slider.png) no-repeat;width:25px;height:55px;position:absolute;text-indent:-15000px;cursor:pointer; } .widget-options-list-wrapper .previous { background-position:0px 0px;left:-25px; } .widget-options-list-wrapper .next { background-position:-175px 0px;right:-25px; } .widget-options-list-container { background:#e8e5de;width:970px;height:55px;position:relative;margin-bottom:10px;padding:0 2px;float:left;-moz-box-shadow: 10px 0px 9px -10px rgba(0, 0, 0, 0.4), -10px 0px 9px -10px rgba(0, 0, 0, 0.4);-webkit-box-shadow:10px 0px 9px -10px rgba(0, 0, 0, 0.4), -10px 0px 9px -10px rgba(0, 0, 0, 0.4);box-shadow:10px 0px 9px -10px rgba(0, 0, 0, 0.4), -10px 0px 9px -10px rgba(0, 0, 0, 0.4);z-index:1;overflow:hidden; } ul.widget-options-list { width:100000px;height:100%;float:left; } ul.widget-options-list li { width:138px;max-width:138px;height:100%;float:left; } /* * Main Category */ .catalog-category-main .toolbar-bottom .toolbar { display: block; } .catalog-category-main .col-main { position: relative; } .catalog-category-main .page-title { position: absolute; bottom: 63px; left: 21px;} .catalog-category-main .page-title h1 { color: #4c4c4b; text-transform: uppercase; } .catalog-category-main .epicslider-wrapper { margin-top: -85px; } .populair-container-top { border-bottom: 1px solid #ededed; font-size: 14px; text-transform: uppercase; } /* Browseby-option-view */ .browseby-option-view .epicslider-wrapper { float:left; } .browseby-option-view .main .std p { float:left; } .note-msg { width:100%;float:left; } /*********************************** product tab list ***********************************/ .cms-index-index .product-tabs {border-top: 0px; padding-top: 0px;} .product-tabs { width:100%;position:relative;float:left; border-top:1px solid #f3f1ee;padding-top:20px;} .product-tabs ul.nav-list { width:100%; } .product-tabs ul.nav-list li { background:#e8e5de;width:20%;height:54px;text-align:center;position:relative;border-left:1px solid #e8e5de;padding:20px 0;float:left;display:inline-block;cursor:pointer;-moz-box-shadow: 10px 3px 11px -10px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 10px 3px 11px -10px rgba(0, 0, 0, 0.4);box-shadow: 10px 3px 11px -10px rgba(0, 0, 0, 0.4); } .product-tabs ul.nav-list li .tab-icon { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_tab.png) no-repeat;width:15px;height:15px;display:inline-block; } .product-tabs ul.nav-list li a { display:inline-block; } .product-tabs ul.nav-list li.nav-1 { z-index:6; } .product-tabs ul.nav-list li.nav-1 .tab-icon { background-position:-85px 0px; } .product-tabs ul.nav-list li.nav-1.active .tab-icon { background-position: 0px 0px; } .product-tabs ul.nav-list li.nav-2 { z-index:5; } .product-tabs ul.nav-list li.nav-2 .tab-icon { background-position:-85px -31px; } .product-tabs ul.nav-list li.nav-2.active .tab-icon { background-position: 0px -31px; } .product-tabs ul.nav-list li.nav-3 { z-index:4; } .product-tabs ul.nav-list li.nav-3 .tab-icon { background-position:-85px -64px; } .product-tabs ul.nav-list li.nav-3.active .tab-icon { background-position: 0px -64px; } .product-tabs ul.nav-list li.nav-4 { z-index:3; } .product-tabs ul.nav-list li.nav-4 .tab-icon { background-position:-85px -94px; } .product-tabs ul.nav-list li.nav-4.active .tab-icon { background-position: 0px -94px; } .product-tabs ul.nav-list li.nav-5 { z-index:2;-moz-box-shadow:none;-webkit-box-shadow:none;box-shadow:none; } .product-tabs ul.nav-list li.nav-5 .tab-icon { background-position:-85px -129px; } .product-tabs ul.nav-list li.nav-5.active .tab-icon { background-position: 0px -129px; } .product-tabs ul.nav-list li.active, .product-tabs ul.nav-list li:hover { background: #eeece7;background: -moz-linear-gradient(top, #eeece7 0%, #ffffff 100%);background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeece7), color-stop(100%,#ffffff));background: -webkit-linear-gradient(top, #eeece7 0%,#ffffff 100%);background: -o-linear-gradient(top, #eeece7 0%,#ffffff 100%);background: -ms-linear-gradient(top, #eeece7 0%,#ffffff 100%);background: linear-gradient(to bottom, #eeece7 0%,#ffffff 100%);border-left:1px solid rgba(255, 255, 255, 0.2) } .product-tabs ul.nav-list li a { font-size:14px;text-transform:uppercase;color:#4c4c4c; } .product-tabs .tab-list { width:100%;height:340px;display:none;float:left; } .product-tabs .tab-list:first-child { display:block; } .product-tabs .tab-list .products-grid { border:none; } .product-tabs .tab-list-nav { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_slider.png) no-repeat;width:25px;height:55px;text-indent: -15000px;position:absolute;top:133px;cursor: pointer; } .product-tabs .tab-list-nav.next { background-position: -175px 0px;right: -25px; } .product-tabs .tab-list-nav.previous { background-position: 0px 0px;left: -25px; } .product-tabs .tab-list-nav .nav-wrapper { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_slider.png) no-repeat;width:100%;height:55px;position:absolute;top:37px;z-index:-1; } .product-tabs .bullet-indicator { width:100%;position:absolute;bottom:28px;text-align:center;z-index:1; } .product-tabs .bullet-indicator ul { width:auto;display:inline-block; } .product-tabs .bullet-indicator li { background:#dfe7ea;width:6px;height:6px;text-indent:-15000px;margin-left:6px;-webkit-border-radius:1000px;-moz-border-radius:1000px;border-radius:1000px;float:left;cursor:pointer; } .product-tabs .bullet-indicator li.active { background:#4b4b4b; } .product-tabs .tab-list-wrapper { height:44%;position:relative;top:33px;-moz-box-shadow: 10px 0px 9px -10px rgba(0, 0, 0, 0.4), -10px 0px 9px -10px rgba(0, 0, 0, 0.4);-webkit-box-shadow: 10px 0px 9px -10px rgba(0, 0, 0, 0.4), -10px 0px 9px -10px rgba(0, 0, 0, 0.4);box-shadow:10px 0px 9px -10px rgba(0, 0, 0, 0.4), -10px 0px 9px -10px rgba(0, 0, 0, 0.4);z-index:1; } .product-tabs .tab-list .category-products { position:relative;top:-33px;overflow: hidden; } .product-tabs ul { width:100000px;height:100%; } .product-tabs .products-grid li.item:hover .item-wrapper { background: none;width:auto;height:auto;text-align: left;position:inherit;top:inherit;right:inherit;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;z-index: inherit; } .product-tabs .products-grid li.item:hover .item-wrapper .description img { border-top:1px solid #fff; } .product-tabs .products-grid li.item:hover .size-picker, .product-tabs .products-grid li.item:hover .actions { display:none; } .product-tabs .products-grid li.item { width:177px;padding:0 1px; } .product-tabs .products-grid .description { width:100%; } .products-tabs li.item:hover .item-wrapper { background: #f1eee8;min-width:192px;height:auto;text-align: right;position:absolute;top:0;right:0px;padding-bottom:13px;-moz-box-shadow: 0 8px 20px 0 rgba(0,0,0,0.27);-webkit-box-shadow: 0 8px 20px 0 rgba(0,0,0,0.27);box-shadow: 0 8px 20px 0 rgba(0,0,0,0.27);z-index: 1; } .product-tabs .products-grid li.item:hover .size-picker { display:none; } .product-tabs .products-grid li.item:hover .description { float: right; } .product-tabs .products-grid li.item:hover .actions { display: none; } .product-tabs .products-grid li.item:hover .price-box { display:block; } .product-tabs .products-grid li.item:hover .short-description { display:block; } .product-tabs .products-grid li.item:hover .product-name { display:block; } .product-tabs .product-tabs .products-grid li.item { width: 177px; } .product-tabs .products-grid li.item:hover .description .list-badges .favorite-product { margin-right: 5px; } .product-tabs .products-grid li.item:hover .item-wrapper { background: none;width:auto;height:auto;text-align: left;position:inherit;top:inherit;right:-5px;-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;z-index: inherit; min-width: 100%; border: none;} .product-tabs .products-grid li.item:hover .short-description { margin-right: 3px; } .product-tabs .products-grid li.item:hover .price-box { margin-left: 2px; } .product-tabs .description .list-badges .favorite-product { margin-right: 0; } .product-tabs .products-grid li.item:hover .product-name { margin-right: 3px; } .cms-index-index .product-tabs .products-grid li.item:hover .item-wrapper { padding: 0; } .catalog-product-view .product-tabs ul.nav-list li .tab-icon { display:none;} /*********************************** badges ***********************************/ .badge { width:28px;height:27px;color:#fff;font-size:11px;text-align:center;position:absolute;top: 20px;right: 20px; padding-top: 5px;display: table-cell;vertical-align: middle;text-shadow: 1px 1px rgba(0,0,0,0.8);-moz-text-shadow: 1px 1px rgba(0,0,0,0.8); } .catalog-product-view .badge.specialprice { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/badge_discount.png) no-repeat;float: right;position: absolute;margin-top: -4px;right: 0; } .badge.specialprice { background: #383838; border-radius: 99px; position: absolute; left: 10px; width: 30px; height: 30px; line-height: 30px; padding: 0; top: 23px; } .badge.specialprice span { padding-left: 1px; } .products-grid li.item:hover .item-wrapper .badge.specialprice { left: 29px; } .cms-index-index .products-grid li.item:hover .item-wrapper .badge.specialprice { left: 12px; } .badge.newproduct { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/badge_new.png) no-repeat;display:none; } /*********************************** slider services ***********************************/ .slider-services { position:fixed;top:240px;right:-541px ;z-index:10; } .slider-services .tabs { position:absolute;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);-webkit-transform-origin:0% 0%;-o-transform-origin:0% 0%;-moz-transform-origin:0% 0%;-ms-transform-origin:0% 0%;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .slider-services .tabs li { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_sliderservices.png) no-repeat;color:#FFF;font-size:13px;text-transform:uppercase;text-align:center;padding:6px 15px;display:inline-block;cursor:pointer; } .slider-services .tabs li.contact { background-position:0px 0px; } .slider-services .tabs li.online-chat { padding-right: 0px !important; background: none; background-position:-225px 0px; } .slider-services .tabs li.online-chat a { padding-left:6px; } .slider-services .slider-wrapper { background:#FFF;width:500px;border:1px solid #e6e6e6;border-right:none;padding:10px 20px;float:right; } .slider-services .slider-wrapper h2 { margin:4px 0; } .slider-services .slider-wrapper .spot { width:185px;text-align:center;padding:10px 0; } .slider-services .slider-wrapper .icon { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_sliderservices_icons.png) center no-repeat; } .slider-services .slider-wrapper .spot.contact .icon { background-position: 65px 0px;height:34px; } .slider-services .slider-wrapper .spot.call-us .icon { background-position: 65px -54px;height:60px; } .slider-services .slider-wrapper .spot.opening-hours .icon { background-position: 65px -140px;height:58px; } /*********************************** checkout cart ***********************************/ .checkout-cart-index .breadcrumbs { margin-bottom: 10px; } .cart .messages { width:100%;height:51px;position:relative; } .cart .messages>li { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_messages.png) no-repeat;width:100%;height:100%;font-size:15px;color:#FFF;position:absolute;top:0;padding:16px 0 0 55px;display:inline-block; } .cart .messages .success-msg { background-position: 0px 0px; } .cart .messages .error-msg { background-position:0px -110px; } .cart .page-title { width:100%;padding:0px 0 10px;float:left; } .main .cart h1 { width:350px;font-size:26px;color:#4c4c4b;text-transform:uppercase;float:left; } .cart .action-types { width:600px;position:relative;height:50px;float:right; } .cart .action-types ul { position:absolute;right:0; } .cart .action-types li { margin-left:10px;float:left; } .cart button { height:52px;padding:0 14px 0 0; } .cart .action-types button > span { height:52px;position: relative;top:0;color: #fff;font-size: 17px;text-transform: uppercase;padding:14px 0 16px 50px;display: block;text-shadow: 0px 1px 2px rgba(150, 150, 150, 1);-moz-text-shadow: 0px 1px 2px rgba(150, 150, 150, 1); } .cart button > span > span { margin-right:2px; } .cart button.btn-continue { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/btn_light_right.png) right 0px no-repeat; } .cart button.btn-continue > span { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/btn_light_left.png) no-repeat;padding-left:40px; } .cart button.btn-continue > span span { margin-right:28px; } .cart button.btn-checkout { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite.png) -9px -620px no-repeat;width:203px; } .cart button.btn-checkout:hover { background-position:-9px -680px; } .cart form { } .cart .primary-column { background:#FFF;width:745px;padding-top:10px;float:left; } .cart .secondary-column { width:203px;float:right; } .cart fieldset { background: #f1eee8;border:1px solid #e3e0dc;margin:0;padding:10px 9px 10px 10px;float:left; } .cart table { width:100%;padding:10px; } .cart table .product-name h2 { margin-bottom: 0; } .cart table .item-options { margin-top:0; } .cart table .input-text { width: 34px;height: 34px;font-size: 15px;text-align: center;border: 1px solid #dadada;margin-right: 6px;float: left; } .cart table.data-table .thead th { color: #4c4c4b; text-transform: uppercase; } .cart table.data-table .product-image { width:90px; } .cart table.data-table .product-info { padding-right:30px; } .cart table.data-table .product-price { width:90px; } .cart table.data-table .product-wrapping { width:110px; } .cart table.data-table .product-qty { width:140px; } .cart table.data-table .product-subtotal { width:98px;} .cart table.data-table .product-delete { width:47px; } .cart table.data-table .product-info .product-brand { color: #4c4c4b; font-size: 12px; font-weight: bold; margin: 0px; padding-top:0; } .cart table.data-table .product-info .product-name { font-size: 12px; margin: 0px; } .cart table.data-table .product-info .item-options dt { display: none; } .cart table.data-table .product-info .item-options dd { color: #a0a0a0; } .cart table.data-table td.product-wrapping { padding-top:8px;padding-left:47px; } .cart table.data-table .thead .product-qty { padding-right:6px; } .cart table.data-table .product-qty input { margin:0;float: right; } .cart table.data-table .product-qty span { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/icn_update.png) 74px 2px no-repeat;width:96px;height:15px;margin-top: 10px;display: inline-block;cursor:pointer; text-align: left; } .cart table.data-table .product-subtotal { color:#383838; } .cart table.data-table .product-subtotal .old-price { width:100%;color:#737070;text-decoration:line-through;float:right; } .cart table.data-table .product-subtotal .special-price { width:100%;float:right; } .cart table .a-center .checker { font-size:14px;text-align:center; } .cart table .btn-remove { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_icons.png) no-repeat 6px -182px;width: 18px;height: 20px;text-indent: -15000px;border-left: 1px solid #f1eee8;margin-top: 15px;margin-left: 8px;padding-left:20px; } .cart .extra-services { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/dot_tile.png) bottom repeat-x;width:100%;padding:13px 10px 20px;float:left; } .cart .extra-services .coupon { padding:0 0 0 15px;float:right; } .cart .extra-services .return-labels { padding: 20px 20px; } .cart .extra-services .return-labels h2 { margin-bottom: 7px; text-align: center; text-transform: uppercase; color: #4e4e50; font-size: 16px; margin-top: 0; font-weight: 600; } .cart .return-labels { background: #f6f3ee; width: 32%; float: left; margin-left: 2%; border: 1px solid #dedad7; } .cart .return-labels:first-child { background: #f6f3ee; margin-left: 0; } .cart .extra-services .coupon .teaser, .cart .extra-services .return-labels .teaser { padding-bottom:7px; text-align: center; text-transform: uppercase; } .cart .extra-services .coupon input#coupon_code { width: 200px;height: 36px;font-size: 12px;text-align: left;color:#737070;border: 1px solid #dadada;margin-right: 6px;padding-left:6px;float: left; } .cart .extra-services .coupon-active input { width: 281px !important; float: right !important; margin-right: 0px !important; margin-bottom: 10px !important; } .cart .extra-services .coupon .input-box.focus input#coupon_code { outline:4px solid #f1eee8; -moz-box-shadow: inset 1px 1px 10px -3px rgba(0, 0, 0, 0.65);-webkit-box-shadow: inset 1px 1px 10px -3px rgba(0, 0, 0, 0.65);box-shadow: inset 1px 1px 10px -3px rgba(0, 0, 0, 0.65); } .cart .extra-services .coupon .buttons-set, .cart .extra-services .coupon .input-box { float: left; width: auto; } .cart .extra-services .coupon button { display: inherit; float: right; } .cart .extra-services .return-labels .buttons-set { width: 100%; margin-top: 6px; } .cart .extra-services .coupon button, .cart .extra-services .return-labels button { width:136px;height:36px; line-height: 36px; margin: 0 auto; display: block; } .cart .extra-services .coupon button span, .cart .extra-services .return-labels button span { width:136px;height:36px;font-size:15px;text-align: center;padding:0;display:inline-block; } .cart .extra-services .return-labels button span { background: #fff; color: #383838; line-height: 33px; } .cart table.data-table thead, .cart table.data-table tbody { width:730px;margin-left:10px;display:inline-table; } .cart table.data-table tbody tr { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/dot_tile.png) bottom repeat-x;height:30px; } .cart table.data-table tbody tr.tbody { height:103px; } .cart table.data-table tr .product-image { padding: 10px 0px; } .cart table.data-table .a-center { text-align: center; } .cart table.data-table .a-left { text-align: left; } .cart table.data-table .a-right { text-align:right; } .cart .cart-collaterals {width:100%;padding:10px 10px 30px;float:left; } .cart .cart-collaterals table { width:340px;font-size:14px;float:right; } .cart .cart-collaterals table tr td:first-child { text-transform: uppercase; } .cart .cart-collaterals table tfoot { color:#000000; } .cart .cart-collaterals table tfoot tr { height: 30px;vertical-align: bottom; } .cart .cart-collaterals table tfoot tr td { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/dot_tile.png) top repeat-x; } .cart .cart-collaterals #shopping-cart-totals-table tbody td { text-align:right;padding:2px 0; } .cart .cart-collaterals #shopping-cart-totals-table tbody td:first-child, .cart .cart-collaterals #shopping-cart-totals-table tbody th { text-align:left; font-weight: normal; text-transform: uppercase; } .cart .cart-collaterals #shopping-cart-totals-table tbody tr:first-child td { padding-top:10px; } .cart .cart-collaterals #shopping-cart-totals-table tbody tr:last-child td { padding-bottom:15px; } .cart .service-info { width: 100%; padding-left: 13px; padding-right: 5px; text-shadow: 1px 1px 1px #fff;} .cart .service-info ol { margin-bottom:19px; } .cart .service-info ol li:first-child { padding-top: 10px; } .cart .service-info ol li { background: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/dot_tile.png") repeat-x scroll center 58px transparent;width: 100%;height: 60px;display: inline-block;cursor:pointer; } .cart .service-info ol h2 { height:100%;font-size: 14px; margin: 0;padding-top:21px;padding-left: 59px;} .cart .service-info ol li.delivery h2 { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_icons.png) no-repeat -1px -352px;padding-top:12px; } .cart .service-info ol li.time h2 { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_icons.png) no-repeat -4px -450px; } .cart .service-info ol li.returns h2 { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_icons.png) no-repeat -4px -254px; } .cart .service-info ol li.approved h2 { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_icons.png) no-repeat -5px -552px; } .cart .service-info ul li { text-transform:uppercase;margin:5px 0;cursor:pointer; } .cart .bottom-buttons { width:100%;padding:10px 0;float:left; } .cart .credit { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/dot_tile.png) repeat-x 0 top #FFF; padding-top: 10px; margin-top: 20px; float: left; width: 100%; } /*********************************** product-view ***********************************/ .product-view .sku { float: left; margin-top: 10px; } .product-view .secondary-column .price-box .regular-price .price { float: left; padding-top: 16px; } .product-view form { width:100%;padding-bottom:10px;float:left;margin-bottom: 10px; } .product-view .primary-column { width:566px;float:left; } .product-view .product-img-box { background: none; width:100%;position:relative;padding-bottom:15px;float:right; } .product-view .primary-column .product-image { width:479px;height:479px;border:1px solid #e3e0dc;margin:0;float:right;padding: 20px; overflow: hidden; } .product-view .badge { width:41px;height:41px;font-size:14px;padding-top:13px;z-index:2; } .product-view .badge.newproduct { background-image:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/badge_big_new.png); } .product-view .specialprice-badge { background: #383838; top: 10px;left: 98px; position: absolute; padding: 0 5px; height: 22px; line-height: 22px; font-size: 12px; color: #fff; z-index: 1; } .product-view .product-image img { width:100%;height:100%; } .product-view .more-views { width:74px;float:left; } .product-view .more-views li, .product-view .more-views #view-count { width:100%;height:76px;border:1px solid #e3e0dc;margin-bottom:10px;float:left;text-align: center; position: relative;} .product-view .more-views li .picture { outline: none; padding: 3px 2px; display: table;} .product-view #oneleft { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/oneleft.png) 0px 2px no-repeat;width:100%;height:12px;margin-top:10px;padding-left:14px;float:left; } .product-view p.required { width:auto;height:12px;color:inherit;float:right; } .product-view div.brandbutton { float: left; width: 100%; height: 75px; } .product-view .secondary-column { width:390px;min-height:479px;position:relative;float:right; } .product-view .product-name { margin-bottom:8px; } .product-view .product-name .brand { font-size:25px;color:#4c4c4c;line-height:100%;text-transform:uppercase;margin:2px 0 6px; } .product-view .product-name h1 { font-size:15px;color:#b4b4b4;line-height:100%;margin:2px 0 6px; } .product-view .product-name .short-description .std { font-size:14px;color:#b4b4b4;text-transform:capitalize; } .product-view .product-options-bottom { margin-top: 16px; width:100%;padding:10px 0;float:left; } .product-view .product-shop { width:100%;float:left; } .product-view .product-free-shipping-notice .free_shipping_notice_wrapper{ float: left; width: 100%; text-align: center; font-size: 12px; text-transform: uppercase; margin: 10px 0; padding-top: 10px; padding-bottom: 10px; background: #B38353;} .product-view .product-free-shipping-notice .free_shipping_notice span { } .product-view .product-collateral { border-bottom: 1px solid #E1E1E1; width:100%;float:left; } .product-view .product-collateral .box-description { width:100%;position:relative; } .product-view .product-collateral .box-description .description-wrapper.hide { height:75px;overflow:hidden; } .product-view .product-collateral .box-description .description-wrapper.simple.hide { height:190px; } .product-view .product-collateral .box-description .std p { margin:20px 0 0 0; } .product-view .product-collateral .box-description .std p:first-child { margin-top:0; } .product-view .product-collateral .box-description .transparent-bar { background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ width: 100%;height: 20px;position: absolute;bottom: 15px; } .product-view .product-collateral .box-description .transparent-bar.hide { display:none; } .product-view .product-collateral .box-description .read-more { color:#A8A59B; font-size: 13px; cursor:pointer; margin-top: 5px;} .product-view #product-options-wrapper { padding-bottom:20px; float: left; } .product-view #product-options-wrapper dl { float: left; margin: 0; } .product-view #product-options-wrapper dt { width:160px; text-align:left; padding-top:4px; float:right; } .product-view #product-options-wrapper dd { float:left; overflow: visible; } .product-view .product-options .selector { background: #fff; border: 1px solid #C5C2B9; height:46px; line-height: 46px; width: 149px;float:left; padding: 0 10px; position: relative; border-radius: 3px; } .product-view .product-options .selector:after { content: ''; background: #F1EEE8 url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/pw-arrowdown.png) no-repeat; background-position: center center; border-left: 1px solid #C5C2B9; width: 36px; height: 44px; position: absolute; right: 0; top: 0; z-index: 0; border-radius: 3px; } .product-view .product-options .selector span { display: block; text-overflow:ellipsis; white-space:nowrap; overflow: hidden; } .product-view .product-options select { top: 13px;left: 0px; z-index: 2; width: 149px; height: 46px;} .product-view .product-options .required { color:#949293;font-size:12px;text-decoration:underline;margin-left:4px;cursor:pointer; } .popup-size-guide { display:none; } .product-view .product-options .validation-advice { width: 160px; position: absolute; left: 0; top: 28px; background-position: 3px; background-size: 6px; padding-left: 12px;} .product-view .add-to-cart { float:right; } .product-view .add-to-cart input.qty { width:42px;height: 46px;font-size: 14px;text-align: center;border:1px solid #C5C2B9;margin-right: 6px;float:left; border-radius: 3px; } .product-view .add-to-cart.focus input.qty { -moz-box-shadow: inset 1px 1px 10px -3px rgba(0, 0, 0, 0.65);-webkit-box-shadow: inset 1px 1px 10px -3px rgba(0, 0, 0, 0.65);box-shadow: inset 1px 1px 10px -3px rgba(0, 0, 0, 0.65); } .product-view .add-to-cart .btn-cart { background-image:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/pw-button.png);background-color: transparent;background-repeat: no-repeat;width:186px;height: 46px;text-align:center;float:left; padding: 0; line-height: 46px;} .product-view .add-to-cart .btn-cart span { color: #FFF;font-size: 15px;text-transform:uppercase;-moz-text-shadow: 0 2px #000;text-shadow: 0 2px #000; } .product-view .price-box .price-box { float:left; width: 100%; border-bottom: 1px solid #E1E1E1; height: 47px; margin-bottom: 13px; } .product-view .price-box .special-price { float: left; margin-top: 16px;} .product-view .secondary-column .price-box .old-price { display: inline-block; margin-top: 16px;} .product-view .secondary-column .price-box .old-price .price { margin-top:0; float: left; margin-left: 20px; font-size: 15px; color: #949391; line-height: 21px; } .product-view .secondary-column .price-box .old-price .before { color:#383838; font-size: 12px; text-decoration:line-through; } .product-view .price-box .special-price .price { color:#4c4c4c; } .product-view .secondary-column .price-box .price { font-size: 25px; color: #313131; } .product-view .secondary-column .price-box > .price { margin-top:16px;float:left; } .product-view .box-tags { display:none; } .product-view .box-additional { margin: 10px 0px 0px; } .product-view .product-options { float:right; } .product-view .product-options-bottom { width:390px;float:right; } .product-view .product-options-bottom.simple { margin: 0; } .product-view .usp { background:#f1eee8;float: left;width: 100%;bottom:0;border: 1px solid #e3e0dc;margin-top:12px;padding: 10px 0px 10px 10px; } .product-view .usp li { width:33.3333333%;color:#767675;float:left;cursor:pointer; } .product-view .usp li:first-child { padding-left:0; } .product-view .usp li.time { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_icons.png) no-repeat 0 -129px;width: 120px;padding-right: 10px;padding-left: 35px; } .product-view .usp li.delivery { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_icons.png) no-repeat 0 -63px;width: 140px;margin-left: 6px;padding-right: 13px;padding-left: 46px; } .product-view .usp li.usp-question { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_icons.png) no-repeat 0 -735px;width: 115px;padding-left: 36px;cursor:pointer; } /* PRODUCT VIEW NOT IN STOCK - RFA */ .product-view .add-to-cart .btn-cart.notinstock { float: right;} .product-view .notinstock-text { margin: 15px 0 10px 0; float: left; width: 100%; line-height: 20px; } .product-view .notinstock-text p { margin: 0; } .product-view .notinstock-text strong { } .product-view .add-to-cart .product-options-bottom .more { float: left; font-size: 14px; width: 100%; } .product-view .add-to-cart .product-options-bottom .more .brand { margin-top: 5px; display: table; } .product-view .add-to-cart .product-options-bottom .more p { margin: 0; } .product-view .add-to-cart .product-options-bottom .more .text { margin-top: 11px; display: block; line-height: 14px;} /* usp question popup form */ .usp-question-popup-form { display:none; text-align: center; padding-top: 15px; } .usp-question-popup-form input { background: #ffffff; border: none; color: #4c4c4b; font-size: 12px; margin-bottom: 7px; padding-left: 10px; height: 37px; width: 525px; } .usp-question-popup-form .uspbtn { border: none; background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/contacts-btn.png) no-repeat; color: #fff; float: right; margin-right: 46px; margin-top: 10px; font-size: 14px; height: 36px; width: 136px; } .usp-question-popup-form textarea { background: #ffffff; border: none; color: #4c4c4b; font-size: 12px; resize: none; height: 170px; padding-left: 10px; padding-top: 10px; width: 525px; } .usp-question-popup-form li { list-style: none; } .usp-question-popup-form #captcha-input-box-product_question { margin-top:5px; } /*********************************** faq ***********************************/ .cms-faq .col-main br { display:none;visibility:hidden; } .question { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/faq_bar_tile.png) repeat-x;width:100%;height: 40px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border: 1px solid #e3e0dc;margin-top:10px;padding:12px 0;float:left;cursor:pointer; } .question.active { -webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomleft:0;-moz-border-radius-bottomright:0;border-bottom-left-radius:0;border-bottom-right-radius:0; } .question.first { margin-top:0; } .oss-fold { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_faq.png) right 2px no-repeat;text-transform:uppercase;color:#343434;text-indent:10px;margin:0; } .question.active .oss-fold { background-position: right -48px; } .faq-list { width:100%;font-size:13px;line-height:20px;border:1px solid #e3e0dc;border-top:none;padding:15px 10px;float:left;display:none; } .faq-list.active { -webkit-border-bottom-right-radius: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-moz-border-radius-bottomleft: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px; } .faq-list h4 { display:none;visibility:hidden; } .faq-list .p1 br { display:block;visibility:visible; } .faq-list strong { font-weight: bold;color: #000; } .faq-list span.s1 { width: 100%;font-weight: bold;color: #000;margin-bottom:4px;float: left; } .faq-list table td { width:150px; } .faq-list p{ font-size: 13px; } .faq-list ul { margin: 0px 0px 0px 25px; list-style: disc; } /*********************************** checkout-onepage-success ***********************************/ .checkout-onepage-success h2 p { margin: 0; padding: 0; } .checkout-onepage-success .col-main { } .success-wrapper { background:#f5f3ee;width:100%;text-align:center;padding:20px;float:left; } .success-wrapper .icon { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/icn_success.png) no-repeat;width:50px;height:50px;margin:0 auto; } .main .success-wrapper h1 { font-size:35px;color:#000;text-transform:uppercase; } .success-wrapper .order-number { background:#f9f8f5;width:282px;height:40px;border:1px solid #e3e0dc;margin:0 auto;padding:10px 20px; } .success-wrapper .order-number p { margin:2px 0 0; } .sucesss-wrapper .order-number span { font-weight:bold; } .success-wrapper .text { margin:20px auto; } .success-wrapper button.button { width: 200px; height:36px; } .success-wrapper button.button span span { font-size: 14px;color: #fff;text-shadow: 0px 1px 2px rgba(150, 150, 150, 1);-moz-text-shadow: 0px 1px 2px rgba(150, 150, 150, 1); } /* bottom-box */ .bottom-box { background:#fefefe;width: 477px; min-height: 226px;border: 1px solid #e3e0dc;margin-top:20px;padding: 20px; } .bottom-box h2 { font-size:21px;text-transform:uppercase;margin-top:0; } .facebook-facepile { float:left; } .facebook-facepile h2 { line-height: 21px; height: 14px; } .newsletter-subscribe { float:right; } .newsletter-subscribe .block-content { width:218px;float:left; } .newsletter-subscribe .mail-icon { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/icn_mail_icon.png) 20px -6px no-repeat;width:217px;height:130px;max-height:130px;margin-top:-10px;float:right; } .newsletter-subscribe .input-box { width:100%;height:36px;border:1px solid #e6e6e6;margin-bottom:4px; } .newsletter-subscribe .input-box .input-text { width: 100%;height: 100%;border: none;padding-left: 6px; } .newsletter-subscribe .actions { width:100%;margin-top:4px;float:left; } .newsletter-subscribe .actions button.button { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/btn_bordeaux_nocart.png) no-repeat;width:136px;height:36px;float:right; } .newsletter-subscribe .actions button.button span span { font-size:14px;color:#fff;text-shadow: 0px 1px 2px rgba(150, 150, 150, 1);-moz-text-shadow: 0px 1px 2px rgba(150, 150, 150, 1); } /*********************************** cms page view ***********************************/ .cms-page-view .main h1 { color:#000 !important; } .cms-page-view .abstract { font-size:18px;color:#929292;line-height:28px; } .cms-page-view .std { font-size:13px;line-height:20px; } .cms-page-view .std b, .cms-page-view .std strong { } .cms-page-view .std ul { list-style-type: disc; padding-left: 18px; } .cms-page-view .std ol { list-style-type: decimal; padding-left: 18px; } /* employees */ .cms-medarbejdere .std ul { list-style: none; padding-left: 0; } .employees { padding-top:10px; } .employees .row { width:100%;border-top:1px solid #f3f1ee;margin-top:20px;padding-top:20px;float:left;list-style-type: none !important; } .employee { margin-left:21px;float:left; } .employee:first-child { margin-left:0; } .employee .employee-info { display:none; } .employee .image { width:171px;height:171px;text-align:center;border:1px solid #e3e0dc;margin-bottom:6px;cursor:pointer; } .employee .image img { max-width:100%;max-height:100%; } .employee .name { color:#343434;font-size:14px;text-align:center;text-transform:uppercase; } .employee .title { text-align:center; } .employee .email { text-align:center; } .employee .employee-popup-info { height:100%;display:none; } .employee-popup-info .primary-column { width:260px;padding:10px 0;float:left; } .employee-popup-info .primary-column .image { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/employee_shadow.png) no-repeat center 392px;width:100%;height:406px;position:relative; } .employee-popup-info .primary-column img { width:260px;height: 377px;position:absolute;top:15px; } .employee-popup-info .primary-column .tape { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/employee_tape.png) no-repeat;width:87px;height:27px;position:relative;margin:0 auto;z-index:1; } .employee-popup-info .primary-column > a { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_employee.png) no-repeat;width:100%;text-transform:uppercase;text-indent:30px;margin-bottom:8px;float:left; } .employee-popup-info .primary-column > a.employee-email { background-position:0px 0px; } .employee-popup-info .primary-column > a.employee-phone { background-position:5px -75px;line-height:25px; } .employee-popup-info .secondary-column { width:306px;padding:20px 0 20px 20px;float:right; } .employee-popup-info .secondary-column h3 { font-size:20px;color:#343434;text-transform:uppercase;margin-top:8px; } .employee-popup-info .secondary-column { height:100%; } .employee-popup-info .secondary-column .std { line-height:16px; } .employee-popup-info .secondary-column h4 { color:#343434;text-transform:uppercase;margin-top:20px;margin-bottom:0; } .employee-popup-info .secondary-column .std br { display:none; } .employee-popup-info .secondary-column { } /*********************************** footer-container ***********************************/ .footer-container { width:970px;display: table; margin: 0 auto; } .footer { width:100%;float:left; } .footer .column { width:20%;float:left; } .footer .column h2 { font-size:14px;text-transform:uppercase; } .footer .links { display:none;visibility:hidden; } .footer .block-subscribe { width:32%;float:left; } .footer .block-subscribe h2 { font-size:14px;text-transform:uppercase; } .footer .block-subscribe .form-subscribe-header { margin-bottom:10px; } .footer .block-subscribe .input-box { width:275px;border:1px solid #e1e1e1;margin-right:6px;padding:5px 10px;float:left; } .footer .block-subscribe .input-box.focus { outline:4px solid #f1eee8; -moz-box-shadow: inset 1px 1px 10px -3px rgba(0, 0, 0, 0.65);-webkit-box-shadow: inset 1px 1px 10px -3px rgba(0, 0, 0, 0.65);box-shadow: inset 1px 1px 10px -3px rgba(0, 0, 0, 0.65); } .footer .block-subscribe .input-box input { background:none;width:100%;border:none; } .footer .block-subscribe .actions button { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/btn_subscribe.png) no-repeat; width:28px;height:28px; } .footer .block-subscribe .actions button span { text-indent:-15000px;display:block; } .footer .block-subscribe .validation-advice { display:none;visibility:hidden; } .footer .social-media { width:8%;float:right; } .footer .social-media ul { float:right; } .footer .social-media a { display: block; width:34px;height:34px; } .footer .social-media .facebook { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/icn_facebook.png) no-repeat; } .footer .social-media .instagram { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/icn_instegram.png) no-repeat;margin-left:1px; } .footer .social-media .blog { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/icn_blog.png) no-repeat;border:red; } .footer address { width:100%;color:#84837f;text-align:right;font-style:normal;border-top:1px solid #e1e1e1;margin:20px 0;padding-top:10px;float:left; } /*********************************** simplemodal ***********************************/ #basic-modal-content { display:none; } /* Overlay */ #simplemodal-overlay { background-color:#000; } /* Container */ .simpelmodal-container {padding: 10px 18px;} #simplemodal-container, #simplemodal-container * { box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box; } #simplemodal-container p.headline { font-size: 2em; margin: 0.67em 0; } #simplemodal-container input::-webkit-input-placeholder { color: #4c4c4b; } #simplemodal-container input::-moz-placeholder { color: #4c4c4b; } #simplemodal-container input:-ms-input-placeholder { color: #4c4c4b; } #simplemodal-container input:-moz-placeholder { color: #4c4c4b; } #simplemodal-container { background-color:#f1eee8;max-width:850px;min-height:250px;/* padding:10px 18px; */box-shadow: 0 5px 10px -2px rgba(0,0,0,0.27);-webkit-box-shadow: 0 5px 10px -2px rgba(0,0,0,0.27);-moz-box-shadow: 0 5px 10px -2px rgba(0,0,0,0.27); } #simplemodal-container a.modalCloseImg { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_icons.png) 0px -182px no-repeat;width:13px;height:13px; display:inline;z-index:3200;position:absolute;top:5px;right:5px;cursor:pointer; } .simplemodal-wrap { overflow:hidden !important; padding: 10px;} #popup-check { display: none; } #simplemodal-container .loader { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/loader.gif) no-repeat center center; width: 30px; height: 30px; margin: 50px auto; } /* Brands newsletter */ .browseby-option-view .col-main { position: relative; } .brand-newsletter { width: 265px;height: 50px;margin:-20px 0 10px;position:relative;float:right;z-index:1; } .brand-newsletter-inactive { width: 265px;height: 50px;margin:-20px 0 10px;position:relative;float:right;z-index:1; } .brand-newsletter-heart-link { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/brandnewsletterheart.jpg) no-repeat center center; height: 44px; float: right; width: 30px; } .brand-newsletter-text { text-align:right;margin-top:17px;padding-right:40px; } .brand-newsletter-link { text-decoration:underline;cursor:pointer; } /* Track & trace */ .track-and-trace { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/trackpack.png) no-repeat 560px bottom #f5f3ee; border: 1px solid #e3e0dc; color: #5a5a5a; margin-top: 15px; padding: 40px 25px; } .track-and-trace form { padding-bottom: 15px; text-align: right; width: 405px; } .track-headline { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite_icons.png) no-repeat 0px -832px; color: #5a5a5a; margin-bottom: 25px; padding-left: 55px; } .track-headline h1 { color: inherit !important; font-size: 29px !important; font-weight: bold; margin: 0px; padding: 5px 0px 0px; text-transform: uppercase; } .track-headline p { font-size: 14px; margin: 10px 0px; } .trace-input { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/traceinput.jpg) repeat-x; color:#737070;border: 1px solid #e3e0dc; border-radius: 1px; display: block; font-size: 14px; height: 54px; margin-bottom: 6px; padding: 15px 20px; width: 405px; } #parcelshop-alternative { background: #fff; } /* * BrowseBy */ .options-list-container { width: 100%; } .options-list-container .options-list { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/dot_tile_nav_vertical.png) repeat-y 95% 0px; clear: none; float: left; width: 197px; } .options-list-container .options-list li { float: none; width: 100%; } .browseby-alphabetic-list-letter { color: rgb(199, 193, 180); font-size: 14px; } .brand-features { float: left; width: 379px; } .brand-features ul { margin-left: 30px; } .brand-features .alphabetic-feature { color: rgb(199, 193, 180); float: left; margin-bottom: 25px; position: static; width: 161px !important; } .brand-features .alphabetic-feature:first-child { margin-right: 25px; } .brand-features .alphabetic-feature .alphabetic-feature-text:hover { color: #4c4c4c; } .brand-features .alphabetic-feature:hover .alphabetic-feature-title { color: #4c4c4c; } .options-list-container { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/dot_tile_nav_vertical.png) repeat-y 0px 0px; float: left; } .options-list-container .options-list { background-position: 100% 0px; padding-left: 15px; } /* * Ajax cart */ #product_addtocart_form .bifrost-loader { width: 181px; } .products-grid .bifrost-loader { float: left; width: 120px; height: 34px; } /* Contact us */ .col-main .contact-info{ font-size: 13px; line-height: 20px; } #onestepcheckout-form label { font-weight: normal !important; } .contact-form-captcha li { list-style: none; } .contact-form-captcha #captcha-input-box-contact_page_captcha { margin-top:5px; } /* * Browseby Corrections */ .browseby-attribute-id-2 .filter_kategori, .browseby-attribute-id-2 .filter_kategorien { display: none !important; } .browseby-option-list .filter_kategori, .browseby-option-list .filter_kategorien { display: none !important; } .catalog-category-view #narrow-by-list #layer_kategori { display: none; } body[class^='categorypath-maerker'].catalog-category-view #narrow-by-list #layer_kategori, body[class*=' categorypath-maerker'].catalog-category-view #narrow-by-list #layer_kategori, body[class^='categorypath-maerker'].catalog-category-view #narrow-by-list .filter_kategorien, body[class*=' categorypath-maerker'].catalog-category-view #narrow-by-list .filter_kategorien, body[class^='categorypath-maerker'].catalog-category-view #narrow-by-list .filter_kategori, body[class*=' categorypath-maerker'].catalog-category-view #narrow-by-list .filter_kategori { display: block; } body[class^=" catalog-category-view categorypath-maerker"] #narrow-by-list dt.filter_kategori { display: block !important; } body[class^=" catalog-category-view categorypath-brands"] #narrow-by-list dt.filter_category { display: block !important; } /* FAVORITVISNING */ /* listevisning */ .product-img-box .favorite-product { height: 34px; width: 36px; position: absolute; right: 10px;top:10px; cursor: pointer;z-index: 3; text-align: center; line-height: 30px; color: #fff; } .product-img-box #fav-count { position: absolute; top: 2px; left: 0; width: 100%; } .product-img-box svg { width: 100%; height: 100%; } .product-img-box .favorite-product:hover { height: 34px; width: 36px; position: absolute; right: 10px;top:10px; cursor: pointer;z-index: 9999;} .product-img-box .favorite-product.selected { height: 34px; width: 36px; position: absolute; right: 10px;top:10px;cursor: pointer;z-index: 3;} .description .list-badges .favorite-product {background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/hearticon.png') no-repeat; height: 13px; width: 100%; background-position: right; position: relative; float: right; margin-top: 22px; margin-right: 32px; margin-left: 5px; cursor: pointer;} .description .list-badges {position: absolute; width: 100%; padding: 0px 10px;} .description .list-badges .favorite-product:hover {background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/hearticon-hover.png') no-repeat; height: 13px; width: 100%; background-position: right; position: relative; float: right; margin-right: 32px; margin-top: 22px;margin-left: 5px;cursor: pointer;} .description .list-badges .favorite-product.selected {background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/hearticon-hover.png') no-repeat; height: 13px; width: 100%; background-position: right; position: relative; float: right; margin-top: 22px;margin-left: 5px;cursor: pointer;} /* Heart big */ .description .list-badges .favorite-product.big { height: 23px; width: 23px; background-size: 100%; background-position: 0px 1px; position: relative; float: right; margin-top: 22px; cursor: pointer;} .description .list-badges .favorite-product.big:hover {background-position: 0px -21px;} .description .list-badges .favorite-product.selected.big {background-position: 0px -21px;} .description .list-badges .number { color: #fff; text-align: center; line-height: 21px; font-size: 8px; cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; } /* fixed right icons */ .favorites-bottom {width: 100%; margin: 0 auto; height: auto; overflow: hidden; clear: both; margin-bottom: 40px;} .favorites-bottom .favlist-bottom .title {text-align: center;background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/favorite_icons_popup.png') no-repeat; background-position: 172px 2px; padding: 0 0 0 18px; font-size: 15px; text-transform: uppercase; color: #4d4d4d;margin: 15px 15px 5px 10px;} .favorites-bottom .last-reviewed-bottom .title {text-align: center;background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/favorite_icons_popup.png') no-repeat; background-position: 138px -12px; padding: 0 0 0 18px; font-size: 15px; text-transform: uppercase; color: #4d4d4d;margin: 15px 15px 5px 10px;} .favorites-bottom .favlist-bottom {margin-left: 14px; width: 478px; float: left; border: 1px solid #e6e6e6; min-height: 176px;position: relative;} .favorites-bottom .last-reviewed-bottom { width: 478px; float: left; border: 1px solid #e6e6e6; min-height: 176px; position: relative;} #product-list-bottom a.remove-favorite {position: absolute; background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/removefromlist.png') no-repeat; height: 11px; width: 11px; z-index: 9999; display: none; top: 0; right: 0;} #product-list-bottom li:hover a.remove-favorite {display: block;} .favorites-bottom #product-list-bottom, .favorites-bottom #last-viewed-products {width: 100%; min-height: 99px;overflow: hidden;} .favorites-bottom #product-list-bottom li, .favorites-bottom #last-viewed-products li {list-style: none; float: left; padding: 10px; position: relative; border-bottom: 1px solid #e6e6e6;} .favorites-bottom #product-list-bottom hr, .favorites-bottom #last-viewed-products hr {margin: 0px 10px;width: 456px;margin-left: auto;margin-right: auto;height: 1px;background-color:#e6e6e6;color:#e6e6e6; border: none; } .favorites-bottom #product-list-bottom li a img , .favorites-bottom #last-viewed-products li a img {height: 74px; width: 75px;} .favorites-bottom .wishlist {float: left; width: 100%;text-align: center;} .favorites-bottom .wishlist h3 {display: inline-block;font-size: 13px; color: #855663; text-decoration: underline; padding: 0px; letter-spacing: -1px; text-align: center; cursor: pointer;} .favorites-bottom .wishlist h3.wishlist {display: inline-block;font-size: 13px; color: #855663; text-decoration: underline; padding: 0 25px 0 10px; letter-spacing: -1px; text-align: center;} .favorites-bottom .wishlist h3.right {float: right; padding: 0px;} .favorites-bottom .wishlist h3.right.none {float: none; padding: 0px;} .horizontal-line {height: 1px;background: #e6e6e6; margin: 0; width: 525px;position: absolute;margin-top: 10px;} .horizontal-line1 {height: 1px;background: #e6e6e6;margin: 0px 10px;width: 456px;position: absolute;top: 132px;} .horizontal-line2 {height: 1px;background: #e6e6e6;margin: 0px 10px;width: 456px;position: absolute;top: 230px;} .favorites-wrapper {height: auto; width: 245px;margin-top: -100px;} #product-list .remove-favorite {position: absolute; background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/removefromlist.png') no-repeat; height: 11px; width: 11px; z-index: 9999; display: none; top: 0; right: 0;} #product-list li:hover .remove-favorite {display: block;} .added-favorites #product-list, .last-reviewed #last-viewed-list {height: 174px;overflow: hidden;} .added-favorites #product-list li, .last-reviewed #last-viewed-list li {list-style: none;float: left;margin: 10px 0px 0px 0px;border-bottom: 1px solid #e6e6e6;padding-bottom: 10px;padding-left: 10px; position: relative;} .added-favorites #product-list li:first-child, .last-reviewed #last-viewed-list li:first-child {margin-left: 10px; padding-left: 0px;} .added-favorites #product-list li a img, .last-reviewed #last-viewed-list li a img {display: inline-block; width: 68px; height: 68px;} .added-favorites .wishlist h3 {float: left; font-size: 13px; color: #000; font-weight: normal; text-decoration: underline; padding: 0 10px 0 10px; font-weight: normal; cursor: pointer;} .added-favorites .wishlist h3.right {float: left; padding: 0px;} .slider-favorites {position: fixed;z-index: 10;right: -245px;top:210px;} .slider-services.pushdown {top: 520px;} .last-reviewed {border: 1px solid #e6e6e6; height: 260px; width: 245px; border-right: none; background: #fff;} .last-reviewed .remove {background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/favorites-hide.png') no-repeat; width: 19px; height: 19px; position: absolute; top: -100px; right: 245px;display: none;cursor: pointer;} .added-favorites .remove {background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/favorites-hide.png') no-repeat; width: 19px; height: 19px; position: absolute; top: 0px !important; right: 245px;display: none; cursor: pointer;} .last-reviewed:hover .remove, .added-favorites:hover .remove {display: block;} .last-reviewed .title {background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/favorite_icons_popup.png') 0px -11px no-repeat; padding: 0 0 0 18px; font-size: 15px; text-transform: uppercase; color: #4d4d4d; margin: 15px 15px 15px 10px;} .added-favorites {border: 1px solid #e6e6e6; height: 260px; width: 245px; border-right: none; background: #fff; margin-top: 20px; position: relative; } .added-favorites .title {background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/favorite_icons_popup.png') 0px 2px no-repeat; padding: 0 0 0 18px; font-size: 15px; text-transform: uppercase; color: #4d4d4d;margin: 15px 15px 5px 10px;} .slider-favorites .favtabs {position: absolute;-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-ms-transform: rotate(-90deg);-o-transform: rotate(-90deg);-webkit-transform-origin: 0% 0%;-o-transform-origin: 0% 0%;-moz-transform-origin: 0% 0%;-ms-transform-origin: 0% 0%;width: 80px;filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);} .slider-favorites .favtabs li {font-size: 13px;text-transform: uppercase;text-align: center;padding: 6px 15px;display: inline-block;cursor: pointer;} .slider-favorites .favtabs li.favorite-icon {background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/favorites_icons.png) no-repeat; height: 31px; width: 34px; padding: 0;} .favtabs.hide {display: none!important;} .slider-favorites .favtabs li.share-icon {background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/favorites_icons.png) 0px -35px no-repeat; height: 31px; width: 34px; padding: 0;} .checkout-cart-index .favorites-bottom {display: none;} .onestepcheckout-index-index .favorites-bottom, .onestepcheckout-index-index .favtabs, .cms-page-view .favorites-bottom, .cms-page-view .favtabs, .checkout-onepage-success .favtabs, .checkout-onepage-success .favorites-bottom {display: none;} /* FAVORITES PRODUCT LIST */ .favorites-index-index ul.products-grid, .favorites-share-view ul.products-grid{width: 784px;border-top: 1px solid #f3f1ee;padding: 0 0 20px;margin-left: 100px;} .favorites-index-index .main h1, .favorites-share-view .main h1 { text-align: center; margin-top: 70px; text-transform: uppercase; color: #4d4d4d; font-size: 27px; background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/favicon-big.png') 357px -23px no-repeat;height: 30px;line-height: 33px;padding-left: 48px;} .favorites-index-index button.share-favs, .favorites-share-view button.share-favs, .share-fav-popup-email input[type="submit"], button.hummel-view-all {background-image: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/fav-btn.png);background-color: transparent;background-repeat: no-repeat;width: 181px;height: 52px; color: #ffffff; font-size: 15px; display: block; margin: 0 auto; } .favorites-index-index .category-products, .favorites-share-view .category-products {width: 100%; float: left; margin-bottom: 25px;} /* POPUP FAV */ .share-fav-popup h1, .share-fav-popup-email h1 {text-align: center; text-transform: uppercase; color: #4d4d4d; font-size: 27px;margin-bottom: 0px; } .share-fav-popup p, .share-fav-popup-email {text-align: center; font-size: 12px; color: #4d4d4d; line-height: 14px;} .wrapper-share {padding: 0px 114px; margin: 0 auto; width: 100%; float: left;} .email-share { float: right; margin-top: 110px; } .text-share { float: left; margin-top: 140px; width: 85px;} .text-share h2 { font-size: 27px;color: #4d4d4d;font-style: italic;font-weight: 200;text-align: center; } .facebook-share { float: left; margin-top: 110px; } .email-favs {margin-top: 35px;} .share-fav-popup-email .reciever-email {float: left; width: 244px; text-align: left;} .share-fav-popup-email .your-email {float: right; width: 244px; text-align: left;} .share-fav-popup-email .your-message {float: left; width: 100%;text-align: left; margin-top: 12px;margin-bottom: 12px; } .share-fav-popup-email .your-message input[type="text"] {float: left; width: 100%; min-height: 128px; text-align: left; border: 1px solid #e6e6e6;} .share-fav-popup-email input[type="submit"] {border: none;} .share-fav-popup-email input[type="text"] {background: #f6f6f6; height: 48px; width: 244px; border: 1px solid #e6e6e6; padding: 0px 10px;} .share-fav-popup-email input.focus {box-shadow: none;} .share-fav-popup, .share-fav-popup-email {background: #ffffff; height: 100%; padding: 10px;} .share-fav-popup-email label {font-size: 12px; color: #4d4d4d; float: left; margin-bottom: 6px; } /* SHOP IN SHOP */ .shopinshop-tabs {width: auto; float: right;text-indent: 100%;white-space: nowrap;overflow: hidden; height: 40px; border-bottom: 1px solid #EDE9E1;} .shopinshop-tabs ul {width: auto; float: right;text-indent: 100%;white-space: nowrap;overflow: hidden; margin-top: 10px; height: 30px;} .shopinshop-tabs ul li {float: left; max-width: 80px;text-indent: 100%;white-space: nowrap;overflow: hidden;} .shopinshop-logo { display: none; background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/shopinshop/shopinshoplogo.png') no-repeat; width: 111px; height: 39px; margin-top: 1px; margin-right: 10px; float: right; border-bottom: 1px solid #eae8e2;} .header-socials {position: absolute;top: 73px;height: 25px;width: 150px;left: 323px; } .header-instagram {background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/shopinshop/header-socials.png') 0px 0px no-repeat; float: left; width: 25px; height: 25px;} .header-facebook {background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/shopinshop/header-socials.png') -36px 0px no-repeat; float: left; width: 25px; height: 25px; margin-left: 11px;} .header-blog {background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/shopinshop/header-socials.png') -72px 0px no-repeat; float: left; width: 25px; height: 25px; margin-left: 11px;} .home_usp {width: 186px; float: left; margin-left: 10px; background: #faf9f6; border: 1px solid #e8e5dd; height: 32px; line-height: 32px; text-align: center; font-size: 12px;} .home_usp.artcard {color: #ffffff; background: #383838;} .home_usp p {margin: 0;} .home_usp p a {display: block;} .home_usp.first {margin-left: 0px;} .usp-wrapper {width: 100%; height: 40px; float: left; text-transform: uppercase; font-size: 13px; color: #4d4d4d; margin-top: 8px; } .cms-index-index .usp-wrapper {margin-bottom: -14px;} .usp-wrapper .home_free_shipping {background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/shopinshop/frontpage-usp.png') 0px -2px no-repeat; width: 317px; height: 40px; float: left; line-height: 50px;padding-left: 50px;} .usp-wrapper .home_free_shipping p, .usp-wrapper .home_fast_delivery p {margin:0;} .usp-wrapper .home_fast_delivery {background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/shopinshop/frontpage-usp.png') -327px -2px no-repeat; width: 317px; height: 40px; float: left;line-height: 50px;padding-left: 70px; margin-left: 10px;} .usp-wrapper .home_artcard {background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/shopinshop/frontpage-usp.png') -653px -2px no-repeat; width: 317px; height: 40px; float: left;line-height: 50px; padding-left: 100px;margin-left: 9px;cursor: pointer;} .browseby-option-view .epicslider-wrapper {} .catalog-category-view .wrapper, .browseby-option-view .wrapper {width: 970px;padding: 0px 26px;display: block;background: #fff;} .browseby-option-view .main {background: #fff;} .browseby-option-view .col-left {margin-top: 6px;} .shop-in-shop .col-main {margin-top: 20px;} .shop-in-shop div.brand-newsletter {display: none;} .vip-club {float: right; width: 265px; min-height:60px; text-align: right; background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/shopinshop/vip-newsletter.png') no-repeat; padding-right: 75px; background-position: right top; padding-top: 25px;} .vip-club h1 {color: #242322 !important; font-size: 15px !important; line-height: 14px !important; margin: 0;} .vip-club h2 {color: #794352 !important; font-size: 14px !important; line-height: 14px !important; margin: 0;} .vip-club .brand-newsletter {width: auto; height: auto; margin: auto; padding-bottom: 20px; } .browseby-option-view .megamenu-container {background: #fff;} .catalog-category-view .primary-acces-bar, .browseby-option-view .primary-acces-bar {z-index: 1;} .browseby-option-view .shop-in-shop-top {position: relative;} .browseby-option-view .shop-in-shop-top .brand-logo {position: absolute; top: 10px;} .browseby-option-view .shop-in-shop-top .brand-banner {margin-top: 60px;} .browseby-option-view .brand-newsletter-vip {position: absolute;right: 40px;top: 84px;width: 216px;height: 356px;background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/shopinshop/signup-newsletter.png') no-repeat; padding: 0px 16px;} .browseby-option-view .brand-newsletter-vip h1 {font-size: 24px;line-height: 25px;color:#242322;text-transform: uppercase; text-align: center; margin-top: 115px;} .browseby-option-view .brand-newsletter-text.first {padding-top: 6px;} .browseby-option-view .brand-newsletter-text {text-align: left;line-height: 15px;font-size: 12px;color: #242322;margin: 0;padding: 12px 0px 0 40px;text-align: left;} .browseby-option-view .newletter-btn {color: #fff; background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/shopinshop/joinbtn.png') no-repeat; width: 136px; height: 35px;display: block;margin: 0 auto; margin-top: 22px;} .legendarylist-half {width: 100%; height: 100%; float: left;} .legendarylist-half .image {width: 378px; float: left; margin-left: 12px;position: relative; margin-top: 5px; height: 174px;} .legendarylist-half .image:first-child {margin-left: 0;} .legendarylist-half .description {position: absolute; top: 45px; left: 22px; width: 160px;} .legendarylist-half .description h1 {line-height: 25px; font-size: 26px; text-transform: uppercase;color: #242322; margin: 0;} .legendarylist-onethird {width: 100%; height: 152px; margin-bottom: 12px; float: left;} .legendarylist-onethird .image {width: 248px; height: 152px; background:#f5f2ee; position: relative; margin-top: 12px; float: left; margin-left: 12px;} .legendarylist-onethird .image:first-child {margin-left: 0;} .legendarylist-onethird .description {position: absolute; top: 45px; width: 248px; padding: 0px 15px; text-align: center;} .legendarylist-onethird .description h1 {line-height: 25px; font-size: 26px; text-transform: uppercase;color: #242322; margin: 0;text-align: center;} .legendarylist-onethird .description p {text-align: center; float: none !important;} .legendarylist-half.forside {width: 483px; float: right; margin-top: 7px; height: 282px;} .legendarylist-half.forside .image {width: 238px; float: left; margin-left: 6px; border: 1px solid #e8e5dd; height: 277px;} .legendarylist-half.forside .image a {display: block; height: 100%;} .legendarylist-half.forside .image:first-child { margin-left: 0px;} .legendarylist-half.forside .description {position: absolute;top: 116px;text-align: center;width: 100%; left: auto;} .legendarylist-half.forside .description h1, .legendarylist-full.forside .description h1 {text-transform: none; color: #4d4d4d; font-size: 25px;} .legendarylist-full {width: 483px; float: right; margin-top: 6px; position: relative; border: 1px solid #e8e5dd; height: 277px; margin-bottom: 12px;} .legendarylist-full .description {position: absolute; top: 98px; text-align: center; width: 100%;} .cms-index-index .legendarylist-half.forside .image {margin-top: 0px;} .cms-index-index .legendarylist-half.forside {margin-top: 0px;} .cms-index-index .legendarylist-full {margin-top: 0px;} .description button.sand {background: #f5f3ee; height: 25px; border: 1px solid #d7d3cf; margin-top: 5px; padding: 0px 20px; text-transform: uppercase; color: #424242;} .description button.sand:focus {outline: none;} .shop-in-shop-top-left img {width: 193px;} /* POPUP */ #simplemodal-container.shop-the-look-modal {background: #fff; -moz-border-radius: 4px; border-radius: 4px; padding: 22px 42px; top: 20px !important;} #shop-the-look-popup .products-grid li.item .price-box, #shop-the-look-popup .products-grid li.item:hover .price-box {display: none;} #shop-the-look-popup .products-grid li.item {height: 425px; margin-left: 14px; width: 176px;} #shop-the-look-popup .products-grid li .description {width: 176px;padding:0;float: left;} #shop-the-look-popup .products-grid li .product-image {height: 100%; background: transparent;} #shop-the-look-popup .products-grid li.item.first {height: 425px; margin-left: 0px;} #shop-the-look-popup .products-grid li .product-image img {height: 320px;width: 140px;} #shop-the-look-popup .products-grid li.item:hover .item-wrapper {width: 176px; min-width: 176px;} #shop-the-look-popup .products-grid li.item:hover .item-wrapper {background: transparent; box-shadow: none;-moz-box-shadow: none;-webkit-box-shadow: none;} #shop-the-look-popup .size-picker {display: none;} #shop-the-look-popup .products-grid li.item:hover .product-name, #shop-the-look-popup .products-grid li.item:hover .short-description {display: block;} #shop-the-look-popup .toolbar-bottom.top .pages {float: right;} #shop-the-look-popup .toolbar-bottom.top h1 {position: absolute; top: 40px; left: 52px;} #shop-the-look-popup .toolbar-bottom .toolbar {border: 0px;} #simplemodal-container.shop-the-look-modal a.modalCloseImg {left: -14px; top: -14px; width: 34px; height: 34px; background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/shopinshop/shopthelook-close.png') no-repeat;} .epicslider-container#epicslider-halfpageslider {-moz-box-shadow: none;-webkit-box-shadow: none;box-shadow: none;} .your-message textarea {width: 100%; clear: both; background: #f6f6f6; border: 1px solid #e6e6e6; height: 180px; padding: 10px;} .your-message textarea:focus {outline: none;} input.send-favorites {background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/shopinshop/sendbtn.png'); width: 181px; height: 52px; color: #fff; text-transform: uppercase; font-size: 17px; border: 0px; border-radius: 4px; } /* SHOP THE LOOK PRODUCT VIEW */ .shopthelook-product-view .shopthelook-related .block-title, .shopthelook-product-view .shopthelook-related .block-subtitle {display: none;} .shopthelook-product-view .mini-products-list {width: 410px;} .shopthelook-product-view .bifrost-loader { display: block;height: 25px;width: 132px;float: right;margin: 0 auto; margin-top: 20px; } .shopthelook-related .block.block-related li.item {background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/dot_tile.png) bottom repeat-x;width: 100%;float: left;padding: 15px 0px; min-height: 173px; overflow: visible;} .shopthelook-related .block.block-related li.item .product a img {width:135px; height: 135px; } .shopthelook-related .block.block-related li.item .product a.product-image {width:141px; padding: 2px; height: 141px; border: 1px solid #e3e0dc; float: left; } .shopthelook-related .shopinshop-brand {font-size: 15px; line-height: 15px; color: #696969;margin: 0; } .fold.description.hidden {display: none;} .fold.description {display: block;} .shopthelook-related .read-more {font-size: 13px; line-height: 15px; color: #794352;margin-top: 10px; cursor: pointer; } .shopthelook-related .block.block-related li.item .product-name {color: #a8a8a8; font-size: 13px; line-height: 15px; margin: 0; height: 16px; overflow: hidden;} .shopthelook-related .product-details {float: left; width: 265px; float: right; } .shopthelook-related .product {float: left; width: 100%;} .shopthelook-related .price-box {width: 100%; margin-top: 5px;} .shopthelook-product-view .product-view .secondary-column .price-box .regular-price .price {color: #696969; font-size: 20px; line-height: 15px; padding: 0; } .shopthelook-product-view .button.btn-cart {background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite.png') -272px -620px no-repeat; width: 132px; height: 37px; color: #ffffff;font-size: 13px;text-transform: uppercase; padding-right: 20px; margin-top: 16px; float: right;} .shopthelook-product-view .product-view .primary-column .product-image {width: 540px;height: 670px;border: 1px solid #e3e0dc;margin: 0;float: right;} .shopthelook-product-view .shopthelook-related .block-content {min-height: 519px; float: left; } .shopthelook-product-view .product-view .usp {position: relative; margin-top: 45px;} .shopthelook-product-view .button.btn-cart:focus {outline: none;} .shopthelook-product-view .size-picker .selector {width: 127px;height: 37px;float: left;background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/shopinshop/selector-shopinshop.png') no-repeat;line-height: 37px;padding-left: 20px;font-size: 13px;color: #484446;margin-top: 16px;} .shopthelook-product-view .size-picker .selector select {width: 100%; height: 100% !important; display: block; border: 1px solid;} .shopthelook-product-view .pick-size {display: none;} @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .product-img-box .favorite-product.selected {background: url('http://www.houseofkids.dk/skin/frontend/default/houseofkids/images/favicon-big.png') 0px -25px no-repeat !important;} .product-img-box .favorite-product:hover {background: url('http://www.houseofkids.dk/skin/frontend/default/houseofkids/images/favicon-big.png') no-repeat ;} .description .list-badges .favorite-product.selected {background: url('http://www.houseofkids.dk/skin/frontend/default/houseofkids/images/hearticon-hover.png') no-repeat !important; background-position: right !important;} .description .list-badges .favorite-product:hover {background: url('http://www.houseofkids.dk/skin/frontend/default/houseofkids/images/hearticon.png') no-repeat;background-position: right !important;} } @media only screen and (max-width : 1450px) { .slider-favorites {display: none;} .slider-services {margin-top: 0px !important;} .favorites-bottom {display: block;} .slider-services .tabs {top: 0px;} } @media only screen and (min-width : 1450px) { .slider-favorites {display: block;} .favorites-bottom {display: none;} } /* Artcards */ .artcard-container { display: none; } .artcard-container .free-list { display: block; /* overflow: hidden; */ float: left; width: 100%; clear: both; } .artcard-container .content { font-size: 12px; color: #343434; font-weight: 400; color: #4d4d4d; text-align: center; } .artcard-container .content h2 { font-size: 27px; font-weight: 400; text-transform: uppercase; margin-top: 10px; } .artcard-container .content h2 strong { font-weight: 700; } .artcard-container .products-grid { padding-top: 14px; width: 100%; overflow: hidden; } .artcard-container .products-grid .container { width: 764px; float: left; } .artcard-container .products-grid li.item { width: 179px; height: 310px; margin-right: 12px; } .artcard-container .products-grid li .short-description { height: 18px; color: #a8a8a8; } .artcard-container .category-products .toolbar { border-top: 0px; border-bottom: 0px; margin-bottom: 10px; } .artcard-container .products-grid li.item.last { margin-right: 0px; } .artcard-container .products-grid li.item:hover .description { float: none; } .artcard-container .products-grid li .description { padding: 0px; width: 179px; } .artcard-container .category-products { overflow: hidden; height: 100%; float: left; width: 100%; } .artcard-container .products-grid .actions { margin: 0px; } .artcard-container .products-grid .actions, .artcard-container li.item:hover .price-box, .artcard-container li.item:hover .short-description, .artcard-container .products-grid li.item:hover .product-name { display: block; } .artcard-container .artslider-wrapper { width: 100000px; } .artcard-container .products-grid .radio span, .artcard-container .products-grid .checker span { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/artcard-input.png) no-repeat bottom left; width: 19px; height: 20px; display: block; margin: 0 auto; } .artcard-container .products-grid li .radio, .artcard-container .products-grid li .checker { float: none; text-align: center; margin: 0 auto; } .artcard-container .products-grid .radio span.checked, .artcard-container .products-grid .checker span.checked { background-position: top left; padding-top: 0px; } .artcard-container .products-grid li .actions input { width: 20px; height: 19px; } .artcard-container .products-grid li h2.product-name { clear: both; } .artcard-container .products-grid .actions { clear: both; width: 100%; margin: 0px 0px 12px; } .artcard-container .toolbar .sort-by, .artcard-container .toolbar .amount, .artcard-container .toolbar .limiter { display: none; } .artcard-trigger { cursor: pointer; } .artcard-container .spinner { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/loading.gif) no-repeat; width: 32px; height: 32px; text-align: center; margin: 200px auto 0px; } .artcard-container .buttons-wrapper { width: 100%; float: left; margin: 0 auto; } .artcard-container .buttons { border-top: 1px solid #f3f1ee; width: 372px; margin: 0 auto; margin-top: 0px; padding-top: 30px; text-align: center; } .artcard-container button { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite.png) -272px -460px; width: 181px; height: 52px; margin: 0 auto; text-align: center; float: left; } .artcard-container button span { text-transform: uppercase; color: #FFF; font-size: 17px; text-align: right; position: relative; top: 0px; padding-right: 12px; display: block; height: 100%; line-height: 51px; text-align: center; } .artcard-container .bifrost-loader { margin: 0 auto; text-align: center; display: inline-block; } .artcard-container button.btn-continue { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/btn_light_right.png) right 0px no-repeat; margin-right: 10px; } .artcard-container button.btn-continue > span { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/btn_light_left.png) no-repeat; padding-left:30px; line-height: 56px; } .artcard-container button.btn-continue { height: 52px; padding: 0 14px 0 0; } .artcard-container button.btn-continue > span span { margin-right:28px; } .artcard-container button:focus { outline: 0; } .artcard-container .validation-failed { width: 755px; clear: both; position: absolute; height: 30px; line-height: 30px; padding-left: 10px; } .catalog-category-main .artcard-container .toolbar { display: block; } .freeqty { text-align: right; margin-right: 15px; } #simplemodal-container.artcard-popup { background-color: #fff; max-width: 850px; border-radius: 4px; -webkit-border-radius: 4px; } #simplemodal-container.artcard-popup a.modalCloseImg { left: -14px; top: -14px; width: 34px; height: 34px; background: url('http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/shopinshop/shopthelook-close.png') no-repeat; } .artcard-container.simplemodal-data { padding: 20px 39px 0px; min-height: 630px; } #notification-bar {background: #383838 !important; border-bottom: 0px !important;} .cms-nyhedsbrev .block.block-subscribe { display: none; } /* View counter RFA */ .product-view .more-views #view-count { background: #FAF9F6; padding: 5px; position: relative; } .product-view .more-views #view-count span { color: #333333; font-size: 9px; line-height: 10px; text-align: center; width: 100%; } .product-view .more-views #view-count .text { position: absolute; bottom: 4px; left: 0; right: 0; } .product-view .more-views #view-count .counter { font-size: 22px; line-height: 22px; font-weight: 600; } /* Slider product image */ .product-img-box .prev-thumb { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/slider-sprite.png) no-repeat; width: 15px; height: 24px; position: absolute; left: 12px; top: 212px; bottom: 0; z-index: 1; cursor: pointer; background-position: 0px -24px; } .product-img-box .next-thumb { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/slider-sprite.png) no-repeat; width: 15px; height: 24px; position: absolute; right: 12px; top: 212px; bottom: 0; z-index: 1; cursor: pointer; } .zoomWindow { left: 457px !important; top: -21px !important; } .zoomLens { width: 150px !important; height: 150px !important; border: 1px solid #e3e0dc !important; } /* Styles on product view */ .catalog-product-view .wrapper { width: 100%; position: relative; display: table; margin: 0 auto; overflow: hidden; } .catalog-product-view .page { width: 970px; margin: 0 auto; } .catalog-product-view .main-container { border-bottom: 0;} .catalog-product-view .styles {width: 100%;display: table;background: #F1EEE8; margin: 0 -3000px; padding: 0 3000px; } .catalog-product-view .styles .wrapper { display: table; margin: 0 auto; width: 970px; overflow: visible;} .catalog-product-view .styles .employee-box {display: table;width: 100%;height: 138px;border-top: 1px solid #fff;position: relative;margin-top: 12px;padding: 30px 0;} .catalog-product-view .styles .employee-box p { margin: 0; } .catalog-product-view .products-grid { padding: 0; } .catalog-product-view .styles .employee-box .text {float: left; width: 640px;font-size: 12px;line-height: 17px; } .catalog-product-view .styles .employee-box .text strong { } .catalog-product-view .styles .employee-box img { position: absolute; right: 0; bottom: 0; max-height: 143px; } .catalog-product-view .styles h3 { font-size: 17px; width: 100%; color: #313131; text-transform: uppercase; margin: 31px 0 27px 0; font-weight: normal;} .products-grid li.item { margin-left: 20px; width: 177px; } .products-grid li.item:nth-child(5n+1) { margin-left: 0px; } .products-grid li .description { padding: 0; width: 100%; } .products-grid li.item:hover .description { display: block; margin: 0 auto; float: none;} .products-grid li .product-image { width: 178px; } .styles .products-grid li .product-image { width: 178px; border: 1px solid #E1E1E1; } .products-grid .item:hover .product-image { border: none; } .products-grid li div.product-name, .products-grid li p.product-name, .products-grid li h2.product-name { font-weight: bold; font-size: 11px; padding-top: 10px; height: 25px; text-transform: uppercase; color: #696969; } .styles .products-grid li h2.product-name {background: none; font-size: 11px; padding-top: 10px; height: 25px; } .products-grid li .short-description { font-size: 11px; } .products-grid li .price-box .regular-price { font-size: 13px; color: #696969; } .products-grid li .hok-size-filter-list { display: none; font-size: 10px; color: #a8a8a8; } .products-grid li.item:hover .hok-size-filter-list { display: none; } .products-grid li.item:hover .item-wrapper { min-width: 218px; right: -21px; background: #f1eee8; border: 1px solid #E1E1E1;} .description .list-badges .favorite-product { margin-right: 5px; } .products-grid li.item:hover .description .list-badges .favorite-product { margin-right: 25px; } .products-grid li.item .size-picker { padding: 0 16px; background: none; } .radio span { width: 15px; height: 17px; display: table; } .products-grid li .actions button { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/styles-btn.png) no-repeat; width: 140px; height: 46px; line-height: 46px; padding: 0; float: right; } .products-grid li .actions button span { font-size: 15px; text-transform: uppercase; padding-left: 6px; } .products-grid li .actions { margin: 10px 0 0 0; padding: 0 16px; } .products-grid li .actions input { width: 39px; height: 46px; border: 1px solid #E1E1E1; } .product-img-box .favorite-product .liked { display: none; } .product-img-box .favorite-product:hover .liked { display: block; position: absolute; background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/fav-box.png) no-repeat; height: 26px; width: 128px; right: -44px; top: -28px; font-size: 10px; color: #313131; line-height: 21px; } /* Back cross */ .catalog-product-view #cross-back { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/cross.png) no-repeat; background-size: 100%; background-position: center; width: 20px; height: 20px; position: absolute; right: 0; top: 0; cursor: pointer; } /* Labels on product view */ .catalog-product-view .labels { width: 100%; display: table; background: #fff; margin-top: 12px; padding-top: 32px; } .catalog-product-view .labels li { padding: 0 6px; background-color: #F9F7F4; float: left; height: 26px; line-height: 26px; border: 1px solid #C5C2B9; margin-left: 0; margin-right: 5px; margin-bottom: 8px; font-size: 12px; color: #313131; } .catalog-product-view .labels li:hover { background: #EDEAE5; } .catalog-product-view .labels li:first-child { margin-left: 0; } .catalog-product-view .labels .sku { float: right; line-height: 26px; color: #B5B5B5; font-size: 10px; } /* Tabs on product view */ .product-view .product-collateral .tab { width: 100%; border-top: 1px solid #E1E1E1; background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/pw-arrowright.png) no-repeat; background-position: right 13px; } .product-view .product-collateral .tab.open { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/pw-arrowdown.png) no-repeat; background-position: right 13px; } .product-view .product-collateral .tab .text { display: none; padding-bottom: 10px;} .product-view .product-collateral .tab span { font-size: 14px; color: #4A4A4A; line-height: 38px; width: 100%; display: table; cursor: pointer; text-transform: uppercase; letter-spacing: 1px; } .product-view .product-collateral .tabheight { display: table; width: 100%; } /* Colors on product view */ .catalog-product-view .colors { display: table; width: 100%; } .catalog-product-view .colors a { float: left; width: 50px; height: 50px; margin-right: 10px; border: 1px solid #E1E1E1; padding: 3px; outline: none; margin-bottom: 13px; cursor: pointer; } .catalog-product-view .colors a.selected { border: 3px solid #383838; padding: 0; } .catalog-product-view .colors a.selected:hover { border: 3px solid #383838; padding: 0; padding-top: 0px; } .catalog-product-view .colors a:hover { border: 3px solid #E1E1E1; padding: 0; padding-top: 1px; } .catalog-product-view .colors a img { max-width: 100%; width: 42px; height: 42px; display: block; margin: 0 auto; text-align: center; } .catalog-product-view .styles .colors a img { max-width: 100%; width: 100%; height: 100%; display: block; margin: 0 auto; text-align: center; } /* Improve CLS Hello Retail */ .hr-recom-cls { min-height: 382px; } .catalog-category-view .hr-recom-cls { min-height: 374px; } .helloretail-front-page-box-1, .helloretail-front-page-box-2 { height: 382px; } .helloretail-front-page-box-1 { margin-bottom: -44px !important; } .helloretail-front-page-box-2 { margin-bottom: -19px !important; } .helloretail-category-page-box-1 { display: none; } .helloretail-category-page-box-1.show-helloretail { height: 322px; margin-bottom: 24px; display: block; } /* Colors on product list */ .products-grid li .colors { display: none; } .products-grid li .colors a { border: 1px solid #F3F1EE; margin-bottom: 5px; box-sizing: border-box; margin-left: 4px; width: 33px; height: 33px; overflow: hidden; display: block; float: left; background: #fff; } .products-grid li .colors a img { max-width: 100%; } .products-grid li .colors a:first-child, .products-grid li .colors a:nth-child(6) { margin-left: 0; } .products-grid li.item:hover .item-wrapper .colors { display: block !important; width: 100%; background: rgba(255, 255, 255, 0.77); padding: 10px 16px 5px 16px; position: absolute; bottom: -10px; max-height: 86px; overflow: hidden; margin-bottom: 5px; } .cms-index-index .products-grid li.item:hover .item-wrapper .colors { display: none; } .products-grid li.item .liked, .catalog-product-view .styles .liked, .browseby-option-view .products-grid li.item .liked { display: none; } .products-grid li.item .liked:after, .browseby-option-view .products-grid li.item .liked:after { content: ''; background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/likearrow.png) no-repeat; width: 9px; height: 5px; bottom: -5px; position: absolute; } .cms-index-index .products-grid .item .favorite-product:hover .liked { display: none; } .products-grid .item .liked, .catalog-product-view .styles .products-grid li.item .favorite-product:hover .liked, .browseby-option-view .products-grid li.item .favorite-product:hover .liked { display: block; position: absolute; background:#F9F7F4; border: 1px solid #C5C2B9; height: 26px; padding: 0 10px; right: -40px; top: -28px; font-size: 10px; color: #313131; line-height: 20px; height: 20px; } .cms-index-index .liked { display: none; } .products-grid .item .liked { right: -5px; top: -3px; } .products-grid .item .liked.big {right: 0px;} /* MARVELOUS RFA */ .catalog-category-view .marvelouscms-page-container .marvelouscms-col .marvelouscms-element.hok { padding: 20px !important; border: 1px solid #e3e0dc !important; } .catalog-category-view .marvelouscms-page-container .marvelouscms-col.hok { padding: 20px !important; border: 1px solid #e3e0dc !important; } .cms-index-index .marvelouscms-page { margin: 0 !important; } .marvelouscms-element strong { } .marvelouscms-element a { text-decoration: underline; } .marvelouscms-element h2.product-name a { text-decoration: none; } #product-question #advice-required-entry-email, #product-question #advice-required-entry-captcha_product_question{ text-align: left; padding: 0 54px 10px; background: none; } #notificationImage { max-height: 150px; } .not_imagelink { display: block; position: relative; height:70px; width:970px; left: 50%; margin-left: -485px } .notification-content { text-align: center; width: 100%; } .notification-content span { width: 100%; display: block; height: 20px; line-height: 20px; } .customer-account .my-account .addresses.children .field:nth-child(2n+1), .customer-account .my-account .fieldset.children .field:nth-child(2n+1) { margin-bottom: 15px; } /* Rewrite this to SASS */ body .fullwidth.newsletter button { color: #fff; background: #383838; border: none; min-width: 220px; margin-top: 20px; } .onestepcheckout-index-index .newsletter.fullwidth, .checkout-cart-index .newsletter.fullwidth { overflow: hidden; } body.customer-account .main-container.col2-left-layout .col-main { width: 975px; } /* Hotfix remove and make sass */ body.customer-account-login .header-container.sticky .sticky-hidden-search-trigger, body.customer-account .header-container.sticky .sticky-hidden-search-trigger, body.customer-account-create .header-container.sticky .sticky-hidden-search-trigger, body.cms-index-index .header-container.sticky .sticky-hidden-search-trigger { margin-right: -579px; } body.customer-account-login .header-container.sticky form#search_mini_form, body.customer-account .header-container.sticky form#search_mini_form, body.customer-account-create .header-container.sticky form#search_mini_form, body.cms-index-index .header-container.sticky form#search_mini_form { margin-right: -584px; } #CybotCookiebotDialogBody label { margin-left: 20px !important; } #CybotCookiebotDialogBody input[type="checkbox"] { opacity: 1!important; } body .raptor-outer-wrap .raptor-wrap .products-grid .slick-list li.item .price-box p, body.cms-index-index.marvelouscms-page-view .marvelouscms-page .raptor-outer-wrap .raptor-wrap .products-grid .slick-list li.item .price-box p { margin-top: 0 !important; line-height: inherit; } .marvelouscms-element div.product-name a { text-decoration: none; } .marvelouscms-element.std:empty { margin-bottom: 0px !important; } body .marvelouscms-col { min-height: 0px; } @font-face { font-family: "Source Sans Pro"; font-display: swap; src: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/SourceSansPro-Light.eot"); /* IE9 Compat Modes */ src: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/SourceSansPro-Light.woff2") format("woff2"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/SourceSansPro-Light.eot?#iefix") format("embedded-opentype"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/SourceSansPro-Light.ttf") format("truetype"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/SourceSansPro-Light.woff") format("woff"); /* Modern Browsers */ font-weight: 300; font-style: normal; } @font-face { font-family: "Source Sans Pro"; font-display: swap; src: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/SourceSansPro-Regular.eot"); /* IE9 Compat Modes */ src: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/SourceSansPro-Regular.woff2") format("woff2"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/SourceSansPro-Regular.eot?#iefix") format("embedded-opentype"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/SourceSansPro-Regular.ttf") format("truetype"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/SourceSansPro-Regular.woff") format("woff"); /* Modern Browsers */ font-weight: 400; font-style: normal; } @font-face { font-family: "Source Sans Pro"; font-display: swap; src: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/SourceSansPro-SemiBold.eot"); /* IE9 Compat Modes */ src: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/SourceSansPro-SemiBold.woff2") format("woff2"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/SourceSansPro-SemiBold.eot?#iefix") format("embedded-opentype"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/SourceSansPro-SemiBold.ttf") format("truetype"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/SourceSansPro-SemiBold.woff") format("woff"); /* Modern Browsers */ font-weight: 600; font-style: normal; } @font-face { font-family: "Source Sans Pro"; font-display: swap; src: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/SourceSansPro-Bold.eot"); /* IE9 Compat Modes */ src: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/SourceSansPro-Bold.woff2") format("woff2"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/SourceSansPro-Bold.eot?#iefix") format("embedded-opentype"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/SourceSansPro-Bold.ttf") format("truetype"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/SourceSansPro-Bold.woff") format("woff"); /* Modern Browsers */ font-weight: 700; font-style: normal; } /* New font for blog */ @font-face { font-family: "Roboto Condensed"; font-display: swap; src: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-condensed-v25-latin-300.eot"); /* IE9 Compat Modes */ src: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-condensed-v25-latin-300.woff2") format("woff2"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-condensed-v25-latin-300.eot?#iefix") format("embedded-opentype"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-condensed-v25-latin-300.ttf") format("truetype"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-condensed-v25-latin-300.woff") format("woff"); /* Modern Browsers */ font-weight: 300; font-style: normal; } @font-face { font-family: "Roboto Condensed"; font-display: swap; src: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-condensed-v25-latin-regular.eot"); /* IE9 Compat Modes */ src: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-condensed-v25-latin-regular.woff2") format("woff2"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-condensed-v25-latin-regular.eot?#iefix") format("embedded-opentype"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-condensed-v25-latin-regular.ttf") format("truetype"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-condensed-v25-latin-regular.woff") format("woff"); /* Modern Browsers */ font-weight: 400; font-style: normal; } @font-face { font-family: "Roboto Condensed"; font-display: swap; src: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-condensed-v25-latin-700.eot"); /* IE9 Compat Modes */ src: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-condensed-v25-latin-700.woff2") format("woff2"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-condensed-v25-latin-700.eot?#iefix") format("embedded-opentype"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-condensed-v25-latin-700.ttf") format("truetype"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-condensed-v25-latin-700.woff") format("woff"); /* Modern Browsers */ font-weight: 700; font-style: normal; } @font-face { font-family: "Roboto Serif"; font-display: swap; src: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-serif-v8-latin-regular.eot"); /* IE9 Compat Modes */ src: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-serif-v8-latin-regular.woff2") format("woff2"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-serif-v8-latin-regular.eot?#iefix") format("embedded-opentype"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-serif-v8-latin-regular.ttf") format("truetype"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-serif-v8-latin-regular.woff") format("woff"); /* Modern Browsers */ font-weight: 400; font-style: normal; } @font-face { font-family: "Roboto Serif"; font-display: swap; src: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-serif-v8-latin-700.eot"); /* IE9 Compat Modes */ src: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-serif-v8-latin-700.woff2") format("woff2"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-serif-v8-latin-700.eot?#iefix") format("embedded-opentype"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-serif-v8-latin-700.ttf") format("truetype"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-serif-v8-latin-700.woff") format("woff"); /* Modern Browsers */ font-weight: 700; font-style: normal; } @font-face { font-family: "Roboto Serif"; font-display: swap; src: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-serif-v8-latin-900.eot"); /* IE9 Compat Modes */ src: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-serif-v8-latin-900.woff2") format("woff2"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-serif-v8-latin-900.eot?#iefix") format("embedded-opentype"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-serif-v8-latin-900.ttf") format("truetype"), url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/fonts/roboto/roboto-serif-v8-latin-900.woff") format("woff"); /* Modern Browsers */ font-weight: 900; font-style: normal; } body { font-family: 'Source Sans Pro', sans-serif; letter-spacing: 0.5px; overflow-x: hidden; opacity: 1 !important; } .blog-index-index .main-container, .blog-category-index .main-container, .blog-index-view .main-container { font-family: 'Roboto Condensed', sans-serif; } .blog-index-view .main-container .blog-view { font-family: 'Source Sans Pro', sans-serif; } body .breadcrumbs { opacity: 0; } a, a:hover, a:active { outline: none !important; } .uspbtn, .button, button { border-radius: 4px; text-shadow: none !important; outline: none; min-height: 33px; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; font-weight: 600; color: #fff; } .uspbtn span, .button span, button span { text-shadow: none !important; border-radius: 4px; } .fullwidth { width: 100vw; position: relative; margin-left: -50vw; left: 50%; display: flex; } .fullwidth .container { margin: 0 auto; width: 970px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .fullwidth { width: 100vmax; position: relative; margin-left: -50vmax; left: 50%; display: flex; } } /* Specific 1266 styling */ .hr-hidden { display: none; } .customer-account-login .fullwidth .container, .cms-index-index .fullwidth .container { width: 1206px; } .cms-index-index .marvelouscms-element h2, .cms-index-index .marvelouscms-element blockquote { margin: 0; } .cms-index-index .marvelouscms-element.std p { line-height: 0; margin: 0; } .customer-account .marvelouscms-page .marvelouscms-page-container, .customer-account-create .marvelouscms-page .marvelouscms-page-container, .cms-index-index .marvelouscms-page .marvelouscms-page-container { width: 100%; } .customer-account .main-container.col1-layout .col-main, .customer-account-create .main-container.col1-layout .col-main, .cms-index-index .main-container.col1-layout .col-main { width: 1206px; } .customer-account-login .wrapper, .customer-account .wrapper, .customer-account-create .wrapper, .cms-index-index .wrapper { width: 1206px; } .customer-account-login .header-container, .customer-account .header-container, .customer-account-create .header-container, .cms-index-index .header-container { width: 1206px; } .customer-account-login .header-container.sticky .block.block-cart, .customer-account .header-container.sticky .block.block-cart, .customer-account-create .header-container.sticky .block.block-cart, .cms-index-index .header-container.sticky .block.block-cart { margin-right: -622px; } .customer-account-login .header-container.sticky .sticky-hidden-search-trigger, .customer-account .header-container.sticky .sticky-hidden-search-trigger, .customer-account-create .header-container.sticky .sticky-hidden-search-trigger, .cms-index-index .header-container.sticky .sticky-hidden-search-trigger { margin-right: -585px; } .customer-account-login .header-container.sticky form#search_mini_form, .customer-account .header-container.sticky form#search_mini_form, .customer-account-create .header-container.sticky form#search_mini_form, .cms-index-index .header-container.sticky form#search_mini_form { margin-right: -590px; } .customer-account-login .header-container.sticky .quick-access li.favorites svg, .customer-account .header-container.sticky .quick-access li.favorites svg, .customer-account-create .header-container.sticky .quick-access li.favorites svg, .cms-index-index .header-container.sticky .quick-access li.favorites svg { margin-right: -534px; } .customer-account-login .megamenu-container #megamenu .megamenu-list, .customer-account .megamenu-container #megamenu .megamenu-list, .customer-account-create .megamenu-container #megamenu .megamenu-list, .cms-index-index .megamenu-container #megamenu .megamenu-list { width: 1206px; } .customer-account-login .megamenu-container #megamenu .customer-service, .customer-account .megamenu-container #megamenu .customer-service, .customer-account-create .megamenu-container #megamenu .customer-service, .cms-index-index .megamenu-container #megamenu .customer-service { margin-right: -602px; } .customer-account-login .footer-container .container, .customer-account .footer-container .container, .customer-account-create .footer-container .container, .cms-index-index .footer-container .container { width: 1206px; } .browseby-option-view .col-left.sidebar p:empty { margin: 0; } .products-grid:not(.slick-slider) li.item:hover .item-wrapper .badge.houseofkids { left: 29px; } .products-grid:not(.slick-slider) li.item:hover .item-wrapper .badge.houseofkids.moveleft { left: 64px; } .badge.houseofkids { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/HOK_ikon_house.png) no-repeat; background-size: 100%; border-radius: 99px; position: absolute; left: 10px; width: 30px; height: 30px; line-height: 30px; padding: 0; top: 23px; } .badge.houseofkids.move-left { left: 45px; } body.lander-page-list .category-products .toolbar-bottom .toolbar { margin-bottom: 30px; } body.lander-page-list h1 { font-size: 24px; text-transform: uppercase; float: left; color: #4c4c4c; width: 100%; margin: 0; line-height: 30px; clear: both; padding: 0px 21px; text-transform: none !important; } body.lander-page-list .landingpage-content { height: auto; background: white; width: 100%; margin: 0; padding: 1px 21px; overflow: hidden; float: left; color: #737070; font-size: 12px; line-height: 18px; margin-top: 10px; } body.lander-page-list .landingpage-content .std { float: left; color: #737070; font-size: 12px; width: 100%; line-height: 18px; margin-top: 10px; } .notification-hidden { display: none; } .header-container { margin-bottom: 80px; } .header-container .header .logo { background: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/svg/logo-en.svg") no-repeat; background-size: 100% auto; width: 327px; height: 56px; margin: 47px 0 38px 0; } .header-container .header .logo.default { background: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/svg/logo.svg") no-repeat; } .header-container .header .primary-section { float: right; width: 60%; height: 100%; } .header-container .header .primary-section .quick-access { float: right; height: 60px; } .header-container .header .primary-section .quick-access li { border: none; padding: 10px 24px; margin: 0; text-transform: uppercase; font-size: 12px; letter-spacing: 1px; line-height: 26px; } .header-container .header .primary-section .quick-access li:last-child { padding-right: 0; } .header-container .header .primary-section .quick-access li svg { float: left; margin-right: 6px; margin-top: 6px; } .header-container .header .primary-section .quick-access li a { display: block; } .header-container .header .primary-section .quick-access li.myhouse { position: relative; } .header-container .header .primary-section .quick-access li.favorites a { position: relative; } .header-container .header .primary-section .quick-access li.favorites .favorites-count { width: auto; height: auto; position: absolute; top: -5px; right: -15px; text-align: center; } .header-container .header .primary-section .quick-access li.favorites .favorites-count span{ width: 16px; height: 16px; border-radius: 16px; background: #383838; font-size: 9px; color: #FFF; text-align: center; padding-left: 1px; display: inline-block; line-height: 16px; } .header-container .header .primary-section .quick-access li .store-switcher { padding: 0; } .header-container .header .primary-section .quick-access li .store-switcher svg { margin-top: 5px; } .header-container .header .primary-section .quick-access li.myhouse .campaign-notification { width: 16px; height: 16px; background: #e80203; border-radius: 16px; position: absolute; color: #fff; font-size: 10px; line-height: 15px; top: 8px; text-align: center; right: 8px; display: none; } .header-container .header .primary-section .store-switcher .current-store { margin-top: 0; margin-bottom: 0; background: none; width: auto; } .header-container .header .primary-section .store-switcher .current-store span { margin-top: 0; margin-left: 0; } .header-container .header .primary-section .store-switcher .current-store.open span { text-decoration: underline; } .header-container .header .primary-section .store-switcher .active-stores { width: auto; box-shadow: 0px 0px 12px 0px rgba(0, 0, 0, 0.22); border: none; z-index: 4; padding: 15px 0; right: 0; } .header-container .header .primary-section .store-switcher .active-stores:before { content: ''; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; top: -7px; right: 32px; position: absolute; } .header-container .header .primary-section .store-switcher .active-stores li { height: auto; text-align: center; padding: 6px 12px; line-height: 14px; } .header-container .header #search_autocomplete { position: inherit !important; width: 100% !important; } .header-container .header #search_autocomplete a .info span.name { color: black; } .header-container .header #search_autocomplete ul.wyomind-elasticsearch { padding: 0; border: 10px solid #ecece7; outline: 1px solid #e3e0dc; } .header-container .header #search_autocomplete ul.wyomind-elasticsearch li { background: none; max-height: 90px; border: none; } .header-container .header #search_autocomplete ul.wyomind-elasticsearch li.title { outline: 0px; padding: 16px; font-size: 14px; background: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/left-menu-liner.png") repeat-x left bottom !important; } .header-container .header #search_autocomplete ul.wyomind-elasticsearch li.selected a { background-color: white; } .header-container .header #search_autocomplete ul.wyomind-elasticsearch li.selected a:hover { background-color: #eee; } .header-container .header #search_autocomplete ul.wyomind-elasticsearch li a { background-color: white; background: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/left-menu-liner.png") repeat-x left bottom; } .header-container .header #search_autocomplete ul.wyomind-elasticsearch li a:hover { background-color: #fcfbf9; } .header-container .header #search_autocomplete ul.wyomind-elasticsearch li .name { margin-left: 15px; } .header-container .header #search_autocomplete ul.wyomind-elasticsearch li span.price { margin-left: 1px; padding-left: 8px; color: #a8a8a8; display: table; } .header-container .header #search_autocomplete ul.wyomind-elasticsearch li span.price .special-price { margin-bottom: 0; margin-top: 0; } .header-container .header #search_autocomplete ul.wyomind-elasticsearch li span.price .special-price .price { color: #383838; } .header-container .header #search_autocomplete ul.wyomind-elasticsearch li span.price .regular-price .price { color: #383838; } .header-container .header #search_autocomplete ul.wyomind-elasticsearch li span.price .old-price { margin-top: 0; margin-bottom: 0; } .header-container .header #search_autocomplete ul.wyomind-elasticsearch li span.price .old-price .price { color: #a8a8a8; text-decoration: line-through; } .header-container .header #search_autocomplete .all-results { display: block; text-align: center; padding: 15px 10px; font-size: 16px; background: #eee; border: none; } .header-container .header #search_autocomplete .all-results a { color: #774150; background-color: #fcfbf9; background: none !important; } .header-container .header #search_autocomplete .all-results a:hover { background-color: #fcfbf9 !important; } .header-container .header #search_autocomplete .all-results:hover { background-color: #fcfbf9 !important; } .header-container .header #search_autocomplete .all-results:hover a { background-color: #fcfbf9 !important; } .header-container .header form#search_mini_form { float: right; width: 265px; margin-right: 26px; } .header-container .header form#search_mini_form .form-search { width: 100%; border-radius: 4px; background: #FBFBFB; height: 42px; padding-top: 7px; } .header-container .header form#search_mini_form .form-search .button { border-left: 0px; width: 18px; height: 18px; margin-right: 10px; padding: 0; margin-top: -2px; } .header-container .header form#search_mini_form .form-search svg { width: 100%; display: none; } .header-container .header form#search_mini_form .form-search input { width: 222px; text-transform: uppercase; letter-spacing: 1px; font-size: 12px; } .header-container .header .sticky-hidden-search-trigger { display: none; } .header-container .header .block-cart { cursor: pointer; float: right; background-color: #FBFBFB; background-image: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/svg/icon-cart.svg"); background-position: right 12px center; background-repeat: no-repeat; border: 1px solid #F0EEEA; border-radius: 4px; height: 42px; } .header-container .header .block-cart .block-title { height: 40px; } .header-container .header .block-cart .show-amount-tip { width: auto; height: auto; position: absolute; top: -8px; right: -8px; text-align: center; } .header-container .header .block-cart .show-amount-tip span { width: 21px; height: 21px; border-radius: 21px; background: #383838; } .header-container .header .block-cart .block-content { top: 40px; } .header-container .header .clearer { clear: both; } .header-container.sticky { position: relative; z-index: 8; } .header-container.sticky .logo { background: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/svg/logo-sticky.svg") no-repeat !important; width: 33px; height: 27px; margin: 0px 0; position: fixed; top: 12px; } .header-container.sticky .quick-access li svg { width: 38px; height: 38px; border: 1px solid #c7c7c7; background: #EEE9E6; border-radius: 4px; padding: 8px; } .header-container.sticky .quick-access li.favorites svg { position: fixed; top: 6px; margin-top: 0; right: 50%; margin-right: -389px; } .header-container.sticky form#search_mini_form { float: right; width: 265px; margin-right: 26px; position: fixed; top: 6px; right: 50%; margin-right: -442px; display: none; } .header-container.sticky form#search_mini_form .form-search { height: 38px; padding-top: 3px; } .header-container.sticky .sticky-hidden-search-trigger { display: block; position: fixed; right: 50%; margin-right: -437px; width: 38px; height: 38px; border: 1px solid #c7c7c7; background: #EEE9E6; border-radius: 4px; padding: 8px; top: 6px; cursor: pointer; } .header-container.sticky .block.block-cart { position: fixed; top: 6px; width: 38px; height: 38px; border: 1px solid #c7c7c7; background: #eee9e6 url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/svg/icon-cart.svg) no-repeat center center; border-radius: 4px; right: 50%; margin-right: -485px; } .header-container.sticky .block.block-cart .block-title { display: none; } .header-container.sticky .block.block-cart .show-amount-tip { top: -6px; } .header-container.sticky .block.block-cart .show-amount-tip span { height: 18px; width: 18px; line-height: 13px; } .header-container.sticky .block.block-cart .block-content { top: 36px; right: -30px; left: auto; } .header-container.sticky .search-close { background: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/svg/icon-plus.svg") no-repeat; background-size: 100%; width: 14px; height: 14px; position: absolute; top: -4px; right: -4px; transform: rotate(45deg); cursor: pointer; } /* Navigation */ .megamenu-container { padding-top: 5px; padding-bottom: 5px; } .megamenu-container #megamenu { width: 100vw; left: 50%; position: relative; background: #E6E2DF; height: 100%; padding-top: 5px; padding-bottom: 5px; margin-left: -50vw; display: flex; padding-left: 0px; padding-right: 0px; } .megamenu-container #megamenu .nav-type-home { display: none; } .megamenu-container #megamenu .megamenu-level-0 { width: 970px; position: relative; left: auto; background: transparent; margin: 0 auto; } .megamenu-container #megamenu .megamenu-level-0 li.level0 > a { font-size: 14px; font-weight: 600; letter-spacing: 1px; padding: 0 22px; position: relative; border-left: 0px; } .megamenu-container #megamenu .megamenu-level-0 li.level0 > a:before { content: ''; height: 8px; width: 1px; background: #BDBBB5; position: absolute; left: 0px; top: 3px; } .megamenu-container #megamenu .megamenu-list > li:nth-child(2) li.level0 > a { padding-left: 0px; } .megamenu-container #megamenu .megamenu-list > li:nth-child(2) li.level0 > a:before { display: none; } .megamenu-container #megamenu .megamenu-type-container-0 > .nav-type-browseby ul.megamenu-level-1 { top: 50px; overflow: scroll; max-height: calc(100vh - 100px); overflow-x: hidden; } .megamenu-container #megamenu .megamenu-type-container-0 > .nav-type-browseby ul.megamenu-level-1::-webkit-scrollbar { display: none; } .megamenu-container #megamenu .megamenu-type-container-0 > .nav-type-browseby ul.megamenu-level-1 { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ } .megamenu-container #megamenu .megamenu-level-1 { margin-left: 0 !important; left: 0; width: 1120px !important; box-sizing: border-box; top: 50px; overflow: scroll; max-height: calc(100vh - 100px); overflow-x: hidden; } .megamenu-container #megamenu .megamenu-level-1 .nav-headline, .megamenu-container #megamenu .megamenu-level-1 .nav-type-category .level1 > a { font-weight: 600; } .megamenu-container #megamenu .customer-service { height: 100%; padding-top: 17px; box-sizing: border-box; position: absolute; right: 50%; margin-right: -485px; z-index: 10; } .megamenu-container #megamenu .customer-service > li { height: 100%; position: relative; } .megamenu-container #megamenu .customer-service > li > a { font-size: 14px; font-weight: 600; letter-spacing: 1px; padding: 0 22px; position: relative; color: #343434; text-transform: uppercase; padding-right: 0; } .megamenu-container #megamenu .customer-service > li:hover ul { display: block; } .megamenu-container #megamenu .customer-service > li:hover ul:before { content: ''; background: transparent !important; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #fff; top: -18px; right: 43px; position: absolute; } .megamenu-container #megamenu .customer-service ul { background: #fff; display: none; position: absolute; right: 0; top: 36px; width: 230px; padding: 20px 10px; border: 10px solid #d9d6cf; box-shadow: 0px 7px 9px 0px rgba(0, 0, 0, 0.22); } .megamenu-container #megamenu .customer-service ul li { text-transform: uppercase; height: 32px; padding-left: 12px; line-height: 30px; cursor: pointer; } .megamenu-container #megamenu .customer-service ul li a { color: #000000; } .megamenu-container #megamenu .customer-service ul li:hover { background: #F9F6F2; } .megamenu-container.sticky { position: fixed; top: 0 !important; z-index: 7; padding-top: 0; } .megamenu-container.sticky li.level0:hover { background: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/nav_hover_icon.png") center 26px no-repeat; } .megamenu-container.sticky div#megamenu { padding-top: 0; padding-bottom: 0; box-shadow: 0px 0px 9px 0px rgba(0, 0, 0, 0.5); } .megamenu-container.sticky div#megamenu .megamenu-level-0 { padding-left: 76px; } .megamenu-container.sticky .customer-service { display: none; } .megamenu-container.sticky.with-bar { top: 31px !important; } .header-container.sticky.with-bar .logo { top: 43px; } .header-container.sticky.with-bar .quick-access li.favorites svg, .header-container.sticky .header .primary-section .quick-access li.favorites svg { top: 37px; } .header-container.sticky.with-bar .quick-access li.favorites .favorites-count, .header-container.sticky .header .primary-section .quick-access li.favorites .favorites-count { position: fixed; top: 27px; margin-top: 0; right: 50%; margin-right: -396px !important; } .customer-account .header-container.sticky.with-bar .quick-access li.favorites .favorites-count, .customer-account .header-container.sticky .header .primary-section .quick-access li.favorites .favorites-count, .customer-account-login .header-container.sticky.with-bar .quick-access li.favorites .favorites-count, .customer-account-login .header-container.sticky .header .primary-section .quick-access li.favorites .favorites-count, .customer-account-create .header-container.sticky.with-bar .quick-access li.favorites .favorites-count, .customer-account-create .header-container.sticky .header .primary-section .quick-access li.favorites .favorites-count { margin-right: -540px !important; } .cms-index-index .header-container.sticky.with-bar .quick-access li.favorites svg, .cms-index-index .header-container.sticky .header .primary-section .quick-access li.favorites svg { margin-right: -534px; } .header-container.sticky .header .primary-section .quick-access li.favorites svg { top: 6px; } .header-container.sticky.with-bar .header .primary-section .quick-access li.favorites svg { top: 37px; } .cms-index-index .header-container.sticky.with-bar .quick-access li.favorites .favorites-count, .cms-index-index .header-container.sticky .header .primary-section .quick-access li.favorites .favorites-count { margin-right: -540px !important; } .header-container.sticky .header .primary-section .quick-access li.favorites .favorites-count { top: -3px; } .header-container.sticky.with-bar .header .primary-section .quick-access li.favorites .favorites-count { top: 28px; } .header-container.sticky.with-bar .quick-access li.favorites .favorites-count span, .header-container.sticky .header .primary-section .quick-access li.favorites .favorites-count span { height: 18px; width: 18px; line-height: 13px; border-radius: 21px; background: #383838; font-size: 11px; color: #FFF; text-align: center; padding-left: 1px; padding-top: 3px; display: inline-block; } .header-container.sticky.with-bar form#search_mini_form { top: 37px !important; } .header-container.sticky.with-bar .sticky-hidden-search-trigger { top: 37px; } .header-container.sticky.with-bar .block.block-cart { top: 37px; } .megamenu-container.with-notice { top: 162px; } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { .megamenu-container #megamenu { width: 100vmax; margin-left: -50vmax; } } .fullwidth.home-seo, .fullwidth.newsletter { min-height: 290px; text-align: center; color: #7F7F7F; font-size: 12px; line-height: 15px; padding: 40px 0 60px; } .fullwidth.home-seo a, .fullwidth.home-seo span, .fullwidth.newsletter a, .fullwidth.newsletter span { text-decoration: none !important; } .fullwidth.home-seo h2, .fullwidth.home-seo h3, .fullwidth.newsletter h2, .fullwidth.newsletter h3 { font-size: 25px; font-weight: 700; text-transform: uppercase; letter-spacing: 2px; line-height: 30px; margin-bottom: 30px; color: #000; } .fullwidth.home-seo h2 span span, .fullwidth.home-seo h3 span span, .fullwidth.newsletter h2 span span, .fullwidth.newsletter h3 span span { font-size: 25px !important; font-weight: 700; max-width: 640px; display: block; margin: 0 auto; } .fullwidth.newsletter button { color: #000; } .fullwidth.newsletter .form-subscribe-header label { max-width: 515px; text-align: center; color: #7F7F7F; font-size: 12px; display: block; margin: 0 auto 20px; } .fullwidth.newsletter input { border: 1px solid #D4D1CA; border-radius: 4px; width: 350px; margin-right: 12px; font-size: 12px; color: #000; letter-spacing: 1px; padding-left: 12px; height: 40px; text-transform: uppercase; display: inline; } .fullwidth.newsletter button { display: inline; height: 36px; width: 145px; background: transparent; border: 1px solid #363636; } .fullwidth.home-seo { padding-top: 0; } .fullwidth.home-seo .cells { columns: 310px 3; column-gap: 14px; text-align: left; max-width: 1040px; margin: 0 auto; } .fullwidth.home-seo .cells p { margin: 0; line-height: 15px; text-align: left !important; color: #7F7F7F; } .footer-container { background: #353535; } .footer-container .container { padding: 30px 0 20px; color: #fff; } .footer-container .container > ul:first-child { width: 81.66%; } .footer-container .container > ul:first-child li.column { width: 20%; } .footer-container .container > ul { width: 16.66%; clear: none; display: inline-block; } .footer-container .container > ul.social { padding-left: 5%; } .footer-container .container > ul li.column { width: 100%; } .footer-container .container > ul li.column li { margin-bottom: 8px; } .footer-container .container > ul.social li { text-transform: uppercase; letter-spacing: 2.5px; } .footer-container .container > ul.social li a { font-size: 10px; } .footer-container .container > ul.social li svg { float: left; margin-right: 8px; margin-top: 2px; } .footer-container .container li.column h2 { font-size: 12px; font-weight: 400; letter-spacing: 3px; margin-bottom: 25px; } .footer-container .container li.column a { font-weight: 300; font-size: 12px; line-height: 16px; } .lower-footer { padding: 34px 0; } .lower-footer address p { margin: 0; } .lower-footer address span { text-align: right; float: right; font-size: 12px; color: #7F7F7F; font-style: normal; margin-top: 4px; } .lower-footer address .improving { display: none; float: left; clear: both; font-style: normal; color: #7F7F7F; font-size: 10px; margin-top: 6px; } .share-fav-popup-email .title { text-align: center; text-transform: uppercase; color: #4d4d4d; font-size: 27px; margin-bottom: 0px; } .epicslider-wrapper { overflow: inherit; } .epicslider-wrapper .epicslider-item { letter-spacing: 0.8px; } .epicslider-wrapper .epicslider-item .epicslider-link-render.button { width: auto; height: 33px; box-sizing: border-box; min-width: 140px; border: 1px solid #D4D4D4; border-radius: 3px; line-height: 30px; padding-top: 0px !important; padding-bottom: 0px !important; text-decoration: none; box-shadow: none; } .epicslider-wrapper .epicslider-item .epicslider-link-dot { background: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/svg/icon-plus.svg") no-repeat; width: 15px; height: 15px; position: absolute; left: -20px !important; top: 1px !important; } .epicslider-wrapper .slide-arrow { background: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/svg/icon-slide-arrow.svg") no-repeat; height: 31px; width: 16px; left: -25px; top: 50%; } .epicslider-wrapper .slide-arrow.slide-right-arrow { transform: rotate(180deg); right: -25px; left: auto; } .epicslider-listing { overflow: hidden; } .epicslider-listing .epicslider-wrapper { float: left; } /* Home page specifics */ .cms-index-index .epicslider-wrapper .epicslider-container { box-shadow: none; } .cms-index-index .epicslider-wrapper li.epicslider-item { float: left; } .cms-index-index .epicslider-wrapper .epicslider-dots-container { display: none; } .campaign { display: block; margin-top: 50px; overflow: hidden; } .campaign.grid .epicslider-wrapper { float: left; } .campaign.grid .epicslider-list { padding-left: 0; list-style-type: none; } .campaign.grid .epicslider-container { box-shadow: none; } .campaign .campaign__banner.small { float: right; } .campaign .campaign__banner.medium { float: left; } .campaign .campaign__banner .large { float: left; } .campaign .campaign__products { float: right; width: 395px; background: #F2F0ED; padding: 66px 30px 50px; height: 620px; } .campaign .campaign__products li > a { width: 162px; height: 162px; background: #fff; display: block; margin: 0 auto; text-align: center; } .campaign .campaign__products img { width: auto; height: 162px; margin: 0 auto; text-align: center; } .campaign .campaign__products .campaign-products-grid { padding-left: 0; list-style-type: none; } .campaign .campaign__products .campaign-products-grid li { width: 157px; margin-right: 18px; float: left; font-size: 12px; line-height: 14px; margin-bottom: 34px; letter-spacing: 0.5px; position: relative; } .campaign .campaign__products .campaign-products-grid li:nth-child(2n+2) { margin-right: 0; } .campaign .campaign__products .campaign-products-grid li .product-name { text-transform: uppercase; margin-bottom: 0; font-size: 12px; color: #000; } .campaign .campaign__products .campaign-products-grid li .short-description { color: #7F7F7F; } .campaign .campaign__products .campaign-products-grid li .price-box { margin-top: 2px; color: #000; } .campaign .campaign__products .campaign-products-grid li .price-box > p { display: inline; } .campaign .campaign__products .campaign-products-grid li .price-box .old-price { text-decoration: line-through; margin-left: 4px; } .campaign.right .campaign__banner.small { float: left; } .campaign.right .campaign__banner.medium { float: right; } .campaign.right .campaign__banner.large { float: right; } .campaign.right .campaign__products { float: left; } .campaigns .banner a { display: block; line-height: 0px; margin-bottom: 12px; } .campaigns .banner img { max-width: 100%; } body .frontpage-usp { margin: 50px 0 50px; display: block; width: 100%; overflow: hidden; } body .frontpage-usp > div { float: left; width: 25%; text-align: center; font-size: 11px; color: #666666; letter-spacing: 1px; } body .frontpage-usp > div .widget-static-block p { line-height: 14px; } body .frontpage-usp > div strong { color: #000; font-weight: 600; font-size: 14px; margin: 10px 0 5px 0; display: block; } body .frontpage-usp > div a { text-decoration: none; } .cart .extra-services .coupon { float: left; padding: 0; } .cart .extra-services .return-labels { padding: 15px 20px 18px; } .cart .extra-services .return-labels .teaser { padding-bottom: 0; } .cart .cart-collaterals { width: 50%; float: right; padding-top: 0; } .cart .cart-free-shipping-notice .free_shipping_notice_wrapper{ float: right; width: 100%; text-align: center; font-size: 12px; text-transform: uppercase; background: #B38353; padding: 10px; margin: 20px 0;} .cart .cart-free-shipping-notice .free_shipping_notice span {} .cart .products { display: table; } .cart .products .title { width: 100%; text-align: center; margin: 22px 0 15px; font-size: 16px; position: relative; } .cart .products .title span { background: #fff; display: inline; z-index: 1; position: relative; padding: 0 10px; } .cart .products .title:after { content: ''; height: 1px; width: 100%; left: 0; background: #eee; position: absolute; top: 8px; } .cart .products .products-grid li.item { margin: 0 32px; } .cart table.data-table .product-info .checker { display: inline-block; } #gls-droppoint-form, #dao-droppoint-form { font-family: inherit !important; } #gls-droppoint-wrapper, #dao-droppoint-wrapper { max-width: 768px !important; } #gls-droppoint-wrapper #gls-droppoint-header > h2, #gls-droppoint-wrapper #dao-droppoint-header > h2, #dao-droppoint-wrapper #gls-droppoint-header > h2, #dao-droppoint-wrapper #dao-droppoint-header > h2 { margin: 0; } #gls-droppoint-wrapper #gls-droppoint-result .map, #gls-droppoint-wrapper #dao-droppoint-result .map, #dao-droppoint-wrapper #gls-droppoint-result .map, #dao-droppoint-wrapper #dao-droppoint-result .map { display: none; } #gls-droppoint-wrapper #gls-droppoint-result #gls-address-container, #gls-droppoint-wrapper #gls-droppoint-result #dao-address-container, #gls-droppoint-wrapper #dao-droppoint-result #gls-address-container, #gls-droppoint-wrapper #dao-droppoint-result #dao-address-container, #dao-droppoint-wrapper #gls-droppoint-result #gls-address-container, #dao-droppoint-wrapper #gls-droppoint-result #dao-address-container, #dao-droppoint-wrapper #dao-droppoint-result #gls-address-container, #dao-droppoint-wrapper #dao-droppoint-result #dao-address-container { max-width: initial; width: 50%; } #gls-droppoint-wrapper #gls-droppoint-result #gls-opening-container, #gls-droppoint-wrapper #gls-droppoint-result #dao-opening-container, #gls-droppoint-wrapper #dao-droppoint-result #gls-opening-container, #gls-droppoint-wrapper #dao-droppoint-result #dao-opening-container, #dao-droppoint-wrapper #gls-droppoint-result #gls-opening-container, #dao-droppoint-wrapper #gls-droppoint-result #dao-opening-container, #dao-droppoint-wrapper #dao-droppoint-result #gls-opening-container, #dao-droppoint-wrapper #dao-droppoint-result #dao-opening-container { max-width: initial; width: 50%; } #gls-droppoint-wrapper #gls-droppoint-result #gls-addresses li, #gls-droppoint-wrapper #gls-droppoint-result #dao-addresses li, #gls-droppoint-wrapper #dao-droppoint-result #gls-addresses li, #gls-droppoint-wrapper #dao-droppoint-result #dao-addresses li, #dao-droppoint-wrapper #gls-droppoint-result #gls-addresses li, #dao-droppoint-wrapper #gls-droppoint-result #dao-addresses li, #dao-droppoint-wrapper #dao-droppoint-result #gls-addresses li, #dao-droppoint-wrapper #dao-droppoint-result #dao-addresses li { width: 100% !important; } #gls-droppoint-wrapper #gls-droppoint-result #gls-addresses li .gls-address, #gls-droppoint-wrapper #gls-droppoint-result #gls-addresses li .dao-address, #gls-droppoint-wrapper #gls-droppoint-result #dao-addresses li .gls-address, #gls-droppoint-wrapper #gls-droppoint-result #dao-addresses li .dao-address, #gls-droppoint-wrapper #dao-droppoint-result #gls-addresses li .gls-address, #gls-droppoint-wrapper #dao-droppoint-result #gls-addresses li .dao-address, #gls-droppoint-wrapper #dao-droppoint-result #dao-addresses li .gls-address, #gls-droppoint-wrapper #dao-droppoint-result #dao-addresses li .dao-address, #dao-droppoint-wrapper #gls-droppoint-result #gls-addresses li .gls-address, #dao-droppoint-wrapper #gls-droppoint-result #gls-addresses li .dao-address, #dao-droppoint-wrapper #gls-droppoint-result #dao-addresses li .gls-address, #dao-droppoint-wrapper #gls-droppoint-result #dao-addresses li .dao-address, #dao-droppoint-wrapper #dao-droppoint-result #gls-addresses li .gls-address, #dao-droppoint-wrapper #dao-droppoint-result #gls-addresses li .dao-address, #dao-droppoint-wrapper #dao-droppoint-result #dao-addresses li .gls-address, #dao-droppoint-wrapper #dao-droppoint-result #dao-addresses li .dao-address { float: left; margin-left: 3%; width: 87%; } #gls-droppoint-wrapper #gls-droppoint-result #gls-addresses li .gls-address label h4, #gls-droppoint-wrapper #gls-droppoint-result #gls-addresses li .dao-address label h4, #gls-droppoint-wrapper #gls-droppoint-result #dao-addresses li .gls-address label h4, #gls-droppoint-wrapper #gls-droppoint-result #dao-addresses li .dao-address label h4, #gls-droppoint-wrapper #dao-droppoint-result #gls-addresses li .gls-address label h4, #gls-droppoint-wrapper #dao-droppoint-result #gls-addresses li .dao-address label h4, #gls-droppoint-wrapper #dao-droppoint-result #dao-addresses li .gls-address label h4, #gls-droppoint-wrapper #dao-droppoint-result #dao-addresses li .dao-address label h4, #dao-droppoint-wrapper #gls-droppoint-result #gls-addresses li .gls-address label h4, #dao-droppoint-wrapper #gls-droppoint-result #gls-addresses li .dao-address label h4, #dao-droppoint-wrapper #gls-droppoint-result #dao-addresses li .gls-address label h4, #dao-droppoint-wrapper #gls-droppoint-result #dao-addresses li .dao-address label h4, #dao-droppoint-wrapper #dao-droppoint-result #gls-addresses li .gls-address label h4, #dao-droppoint-wrapper #dao-droppoint-result #gls-addresses li .dao-address label h4, #dao-droppoint-wrapper #dao-droppoint-result #dao-addresses li .gls-address label h4, #dao-droppoint-wrapper #dao-droppoint-result #dao-addresses li .dao-address label h4 { margin-top: 0; } #gls-droppoint-wrapper #gls-droppoint-result #gls-addresses li input.gls-radio, #gls-droppoint-wrapper #gls-droppoint-result #gls-addresses li input.dao-radio, #gls-droppoint-wrapper #gls-droppoint-result #dao-addresses li input.gls-radio, #gls-droppoint-wrapper #gls-droppoint-result #dao-addresses li input.dao-radio, #gls-droppoint-wrapper #dao-droppoint-result #gls-addresses li input.gls-radio, #gls-droppoint-wrapper #dao-droppoint-result #gls-addresses li input.dao-radio, #gls-droppoint-wrapper #dao-droppoint-result #dao-addresses li input.gls-radio, #gls-droppoint-wrapper #dao-droppoint-result #dao-addresses li input.dao-radio, #dao-droppoint-wrapper #gls-droppoint-result #gls-addresses li input.gls-radio, #dao-droppoint-wrapper #gls-droppoint-result #gls-addresses li input.dao-radio, #dao-droppoint-wrapper #gls-droppoint-result #dao-addresses li input.gls-radio, #dao-droppoint-wrapper #gls-droppoint-result #dao-addresses li input.dao-radio, #dao-droppoint-wrapper #dao-droppoint-result #gls-addresses li input.gls-radio, #dao-droppoint-wrapper #dao-droppoint-result #gls-addresses li input.dao-radio, #dao-droppoint-wrapper #dao-droppoint-result #dao-addresses li input.gls-radio, #dao-droppoint-wrapper #dao-droppoint-result #dao-addresses li input.dao-radio { width: 10%; } /** * Remove avoid responsive widths since the box maintains the same size */ @media only screen and (max-width: 1049px) { #gls-droppoint-wrapper #gls-droppoint-result #gls-address-container, #gls-droppoint-wrapper #gls-droppoint-result #dao-address-container, #gls-droppoint-wrapper #dao-droppoint-result #gls-address-container, #gls-droppoint-wrapper #dao-droppoint-result #dao-address-container, #dao-droppoint-wrapper #gls-droppoint-result #gls-address-container, #dao-droppoint-wrapper #gls-droppoint-result #dao-address-container, #dao-droppoint-wrapper #dao-droppoint-result #gls-address-container, #dao-droppoint-wrapper #dao-droppoint-result #dao-address-container { padding: 20px; } #gls-droppoint-wrapper #gls-droppoint-result #gls-addresses li, #gls-droppoint-wrapper #gls-droppoint-result #dao-addresses li, #gls-droppoint-wrapper #dao-droppoint-result #gls-addresses li, #gls-droppoint-wrapper #dao-droppoint-result #dao-addresses li, #dao-droppoint-wrapper #gls-droppoint-result #gls-addresses li, #dao-droppoint-wrapper #gls-droppoint-result #dao-addresses li, #dao-droppoint-wrapper #dao-droppoint-result #gls-addresses li, #dao-droppoint-wrapper #dao-droppoint-result #dao-addresses li { width: 100% !important; min-height: inherit !important; } } .onestepcheckout-index-index .osc-qty-link { position: absolute !important; } .onestepcheckout-index-index table.onestepcheckout-summary th.qty { text-align: unset !important; } .onestepcheckout-index-index .onestepcheckout-column-left .white-container:nth-child(2) { margin-top: 30px; position: relative; } .onestepcheckout-index-index .onestepcheckout-column-left .white-container:nth-child(2):before { content: ''; height: 20px; width: 310px; background: #fff; display: block; top: -30px; left: -11px; position: absolute; } .onestepcheckout-index-index .onestepcheckout-column-left .heimdall-lookup { margin-top: -8px; } .onestepcheckout-index-index .white-container.extraproducts { margin-top: 30px; position: relative; } .onestepcheckout-index-index .white-container.extraproducts .onestepcheckout-extraproducts li { padding: 8px 0 !important; line-height: 10px; } .onestepcheckout-index-index .white-container.extraproducts:before { content: ''; height: 20px; width: 310px; background: #fff; display: block; top: -30px; left: -11px; position: absolute; } .onestepcheckout-index-index .white-container.extraproducts input { float: left; margin-right: 10px; } .onestepcheckout-index-index .white-container.extraproducts span { font-weight: 400; position: relative; float: left; } .onestepcheckout-index-index .white-container.extraproducts span.name { width: 45%; } .onestepcheckout-index-index .white-container.extraproducts span .popup-content { position: absolute; display: none; min-width: 200px; height: auto; padding: 8px; bottom: 22px; background: #fff; box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.1); border-radius: 3px; left: -100px; box-sizing: border-box; } .onestepcheckout-index-index .white-container.extraproducts span:hover { cursor: pointer; } .onestepcheckout-index-index .white-container.extraproducts span:hover .popup-content { display: block; } .onestepcheckout-index-index .white-container.extraproducts .onestepcheckout-extraproducts span.price { float: right; font-weight: 700; } .onestepcheckout-index-index .white-container.extraproducts .info { background: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/svg/icon-info.svg") no-repeat; background-size: 100%; width: 17px; height: 17px; margin-top: -4px; } .onestepcheckout-index-index .shipment-methods { margin-top: 4px; } .onestepcheckout-index-index .shipment-methods dt > span { display: block; } .onestepcheckout-index-index .onestepcheckout-coupons input[name="onestepcheckout-couponcode"] { margin-top: 4px; } .onestepcheckout-index-index .onestepcheckout-coupons br { display: none; } .onestepcheckout-index-index .onestepcheckout-comments ::-webkit-input-placeholder { color: #333; } .onestepcheckout-index-index .onestepcheckout-comments :-moz-placeholder { color: #333; opacity: 1; } .onestepcheckout-index-index .onestepcheckout-comments ::-moz-placeholder { color: #333; opacity: 1; } .onestepcheckout-index-index .onestepcheckout-comments :-ms-input-placeholder { color: #333; } .onestepcheckout-index-index .onestepcheckout-comments ::-ms-input-placeholder { color: #333; } .onestepcheckout-index-index #gls-postalCode, .onestepcheckout-index-index #dao-postalCode { margin-left: 10px; margin-bottom: 20px; } .onestepcheckout-index-index .gls-modal .button, .onestepcheckout-index-index .dao-modal .button { width: 220px; background: #e5e1de; } .onestepcheckout-index-index .gls-modal .selector, .onestepcheckout-index-index .dao-modal .selector { float: left !important; margin-top: 6px; margin-bottom: 10px; } .onestepcheckout-index-index .gls-modal .selector span, .onestepcheckout-index-index .dao-modal .selector span { width: 220px !important; } .onestepcheckout-index-index input.focus { box-shadow: none; } .onestepcheckout-index-index #gls-afhenter, .onestepcheckout-index-index #gls-afhenter:focus, .onestepcheckout-index-index #dao-afhenter, .onestepcheckout-index-index #dao-afhenter:focus, .onestepcheckout-index-index #dao-afhenter-firstname, .onestepcheckout-index-index #dao-afhenter-firstname:focus, .onestepcheckout-index-index #dao-afhenter-lastname, .onestepcheckout-index-index #dao-afhenter-lastname:focus { width: 220px; height: 30px; margin-right: 40px; border: 1px solid #e6e6e6; } .onestepcheckout-index-index label[for="dao-afhenter-firstname"] + div { width: 100% !important; } .onestepcheckout-index-index label[for="dao-afhenter-firstname"] + div + div { width: 100% !important; } .onestepcheckout-index-index #gls-telephone, .onestepcheckout-index-index #gls-telephone:focus, .onestepcheckout-index-index #dao-telephone, .onestepcheckout-index-index #dao-telephone:focus { width: 220px; height: 30px; margin-right: 40px; margin-bottom: 20px; border: 1px solid #e6e6e6; } .onestepcheckout-index-index #gls-droppoint-form .gls-droppoint-description, .onestepcheckout-index-index #gls-droppoint-form .dao-droppoint-description, .onestepcheckout-index-index #dao-droppoint-form .gls-droppoint-description, .onestepcheckout-index-index #dao-droppoint-form .dao-droppoint-description { display: none; } .onestepcheckout-index-index #gls-droppoint-form input#gls-postalCode, .onestepcheckout-index-index #gls-droppoint-form input#dao-postalCode, .onestepcheckout-index-index #dao-droppoint-form input#gls-postalCode, .onestepcheckout-index-index #dao-droppoint-form input#dao-postalCode { width: 85px; height: 30px; } .onestepcheckout-index-index #gls-droppoint-form label:nth-of-type(1) { margin-top: 10px; } .onestepcheckout-index-index #gls-droppoint-form label:nth-of-type(3) { width: 100%; margin-left: 0px; margin-bottom: 10px; } .onestepcheckout-index-index #gls-droppoint-form label:nth-of-type(4){ width: 100%; float: none; margin-bottom: 10px; } .onestepcheckout-index-index #gls-droppoint-form .button, .onestepcheckout-index-index #dao-droppoint-form .button { margin-bottom: 20px; color: black; } .onestepcheckout-index-index .selected-droppoint i { display: none; } .onestepcheckout-index-index .selected-droppoint strong { display: none; } .onestepcheckout-index-index .disabled-method, .onestepcheckout-index-index .disabled-method label, .onestepcheckout-index-index .disabled-method input[disabled] { opacity: 0.65; cursor: not-allowed; } .onestepcheckout-index-index .disabled-method .form-list { display: none !important; } .onestepcheckout-index-index .payment-method.active .form-list { display: block !important; } .checkout-cart-index .cart .btn-proceed-checkout > span { padding: 14px 0 16px 18px !important; } .onestepcheckout-index-index .osc-qty-link { position: absolute !important; } .onestepcheckout-index-index table.onestepcheckout-summary th.qty { text-align: unset !important; } .onestepcheckout-shipping-method .shipment-methods div[for] { margin-left: 28px; } .onestepcheckout-shipping-method .shipment-methods input { border: 1px solid #e6e6e6; } .onestepcheckout-fashioncheque { clear: both; padding-top: 10px; padding: 10px 10px 0; } #container_onestepcheckout-fashioncheque-question { clear: both; } #uniform-gls-droppoint-select, #uniform-dao-droppoint-select { display: none; } #onestepcheckout-coupon-add, #onestepcheckout-coupon-remove { width: 129px !important; } #onestepcheckout-coupon-add span, #onestepcheckout-coupon-remove span { width: 129px !important; color: #000 !important; font-size: 12px !important; line-height: 24px; } #onestepcheckout-coupon-add { margin-left: -1px !important; } #onestepcheckout-coupon-remove { margin-left: 8px !important; } #onestepcheckout-form .onestepcheckout-column-left .fashioncheque-giftcard-item > label { width: 200px; } #onestepcheckout-form .onestepcheckout-column-left .fashioncheque-giftcard-item > button.fc-delete-gift-card { float: right; } #gls-afhenter, #gls-telephone, #dao-afhenter, #dao-telephone { margin-bottom: 10px; } #dao-afhenter-firstname, #dao-afhenter-firstname { display: block; } .onestepcheckout-index-index #gls-droppoint-form label:nth-of-type(3), .onestepcheckout-index-index #dao-droppoint-form label:nth-of-type(3) { margin-bottom: 5px; } .onestepcheckout-index-index #gls-droppoint-form label:nth-of-type(4), .onestepcheckout-index-index #dao-droppoint-form label:nth-of-type(4) { margin-bottom: 5px; margin-left: 0; } .onestepcheckout-index-index .payment-method .form-list { margin-bottom: 15px; } #droppoint-overlay #droppoint-wrapper { margin-top: 5%; } #droppoint-overlay #droppoint-wrapper #droppoint-result .map { display: none; } #droppoint-overlay #droppoint-wrapper #droppoint-result .address-container #addresses li div.address h4 { margin-top: 0; } body.cms-index-index.marvelouscms-page-view .breadcrumbs { display: none; } body.cms-index-index.marvelouscms-page-view .col-main > .marvelouscms-page { margin-left: -10px !important; margin-right: -10px !important; width: calc(100% + 20px); } body.cms-index-index.marvelouscms-page-view .marvelouscms-page .marvelouscms-page-container .marvelouscms-col { padding: 0; } body.cms-index-index.marvelouscms-page-view .marvelouscms-page .marvelouscms-page-container .marvelouscms-col .marvelouscms-element.std p { margin-top: 0px !important; } body.cms-index-index.marvelouscms-page-view .marvelouscms-page .marvelouscms-page-container .marvelouscms-col .marvelouscms-element img { width: 100% !important; } body.cms-index-index.marvelouscms-page-view .marvelouscms-page .marvelouscms-page-container .marvelouscms-col:nth-of-type(odd):not(:last-child) { padding-right: 10px !important; } body.cms-index-index.marvelouscms-page-view .marvelouscms-page .marvelouscms-page-container .marvelouscms-col:nth-of-type(even):not(:first-child) { padding-left: 10px !important; } .catalog-category-view .col-left.sidebar img { max-width: 192px; } .filter-categories li label { width: auto !important; float: none !important; } .filter-categories ol li.children ul { margin-bottom: 0 !important; } body.catalog-category-view .raptor-outer-wrap .raptor-wrap, body.browseby-option-view .raptor-outer-wrap .raptor-wrap { width: calc(768px + 20px); padding: 0 20px; margin-left: -10px; } body.catalog-category-view .raptor-outer-wrap .raptor-wrap .products-grid .slick-list, body.browseby-option-view .raptor-outer-wrap .raptor-wrap .products-grid .slick-list { width: calc(766px + 40px); padding: 20px; margin-left: -20px; padding-top: 0; } body.cms-index-index .raptor-outer-wrap .raptor-wrap { width: calc(1186px + 20px); padding: 0 22px; margin-left: 0; } body.cms-index-index .raptor-outer-wrap .raptor-wrap .products-grid .slick-list { width: calc(1186px + 20px); padding: 20px; margin-left: -20px; } body .raptor-dropdown-basket { display: block; background: white; padding-top: 2px; min-height: 400px; position: relative; clear: both; } body .raptor-dropdown-basket .raptor-outer-wrap { width: 600px; margin: auto; } body .raptor-dropdown-basket .raptor-outer-wrap .raptor-wrap { width: 615px; padding: 0; margin-left: -8px !important; } body .raptor-dropdown-basket .raptor-outer-wrap .raptor-wrap .products-grid .slick-prev { left: 0; } body .raptor-dropdown-basket .raptor-outer-wrap .raptor-wrap .products-grid .slick-next { right: 0; } body .raptor-dropdown-basket .raptor-outer-wrap .raptor-wrap .products-grid .slick-list { width: 615px !important; margin-left: 0; } body .cart-raptor { display: block; background: white; padding-top: 2px; min-height: 400px; position: relative; clear: both; } body .cart-raptor .raptor-outer-wrap .raptor-wrap { width: 645px; padding: 0 22px; margin-left: -10px; margin: auto; } body .cart-raptor .raptor-outer-wrap .raptor-wrap .products-grid { padding-left: 10px; display: flex; justify-content: space-around; } body .cart-raptor .raptor-outer-wrap .raptor-wrap .products-grid .slick-list.draggable { margin-left: -20px; } body .raptor-outer-wrap { margin-top: 40px; display: block; clear: both; } body .raptor-outer-wrap h3 { margin-top: 10px; margin-bottom: 10px; border-bottom: 1px solid rgba(168, 168, 168, 0.71); padding-bottom: 20px; } body .raptor-outer-wrap .raptor-wrap { min-height: 200px; width: calc(970px + 40px); margin-left: -20px; padding: 0 22px; } body .raptor-outer-wrap .raptor-wrap .products-grid { cursor: pointer; } body .raptor-outer-wrap .raptor-wrap .products-grid .slick-list { min-height: 200px; width: calc(970px + 40px); margin-left: -20px; padding: 20px; overflow: hidden; } body .raptor-outer-wrap .raptor-wrap .products-grid .slick-list li.item:nth-child(5n+1) { margin-left: 20px; } body .raptor-outer-wrap .raptor-wrap .products-grid .slick-list li.item { margin-left: 20px; } body .raptor-outer-wrap .raptor-wrap .products-grid .slick-list li.item.slick-slide:hover .item-wrapper { background: rgba(0, 0, 0, 0); min-width: unset; right: unset; border: unset; height: unset; text-align: unset; position: unset; top: unset; padding-bottom: unset; -webkit-box-shadow: unset; box-shadow: unset; z-index: unset; padding-top: unset; } body .raptor-outer-wrap .raptor-wrap .products-grid .slick-list li.item.slick-slide:hover .item-wrapper form .description { display: block; margin: unset; float: unset; } body .raptor-outer-wrap .raptor-wrap .products-grid .slick-list li.item.slick-slide:hover .item-wrapper form .description .list-badges .favorite-product { margin-right: 5px; } body .raptor-outer-wrap .raptor-wrap .products-grid .slick-list li.item.slick-slide:hover .item-wrapper form .description .list-badges .badge.specialprice { left: 10px; } body .raptor-outer-wrap .raptor-wrap .products-grid .slick-list li.item.slick-slide:hover .item-wrapper form .description .product-image { border: unset; } body .raptor-outer-wrap .raptor-wrap .products-grid .slick-list li.item.slick-slide:hover .item-wrapper form .description .product-name { display: block; } body .raptor-outer-wrap .raptor-wrap .products-grid .slick-list li.item.slick-slide:hover .item-wrapper form .description .short-description { display: block; } body .raptor-outer-wrap .raptor-wrap .products-grid .slick-list li.item.slick-slide:hover .item-wrapper form .description .colors { display: none; } body .raptor-outer-wrap .raptor-wrap .products-grid .slick-list li.item.slick-slide:hover .item-wrapper form .description .price-box { display: inline-block; } body .raptor-outer-wrap .raptor-wrap .products-grid .slick-list li.item.slick-slide:hover .item-wrapper form .size-picker { display: none; } body .raptor-outer-wrap .raptor-wrap .products-grid .slick-list li.item.slick-slide:hover .item-wrapper form .actions { display: none; } body .raptor-outer-wrap .raptor-wrap .products-grid .slick-list img { display: inherit; } body.browseby-option-view .raptor-outer-wrap { margin-top: 0; } .product-shop .price-box .from-price-text { float: left; padding-top: 16px; margin-right: 6px; font-size: 25px; color: #313131; } .block-account { margin-top: 0px; } .login-terms { margin: 20px 0; display: block; text-align: center; } .customer-account-index .my-account { margin-top: 0; } .customer-account-index .my-account .dashboard { margin-top: 5px; } .customer-account-index .my-account .col2-set { width: 100%; } .account-login .page-title { width: 100%; margin-bottom: 10px; display: table; } .account-login .buttons-set button.orange { margin: 0; } .forgot-password, .account-create, .account-login, .my-account { margin-top: 8px; margin-bottom: 50px; overflow: hidden; } .forgot-password .epicslider-wrapper, .account-create .epicslider-wrapper, .account-login .epicslider-wrapper, .my-account .epicslider-wrapper { float: left; } .forgot-password .epicslider-wrapper .epicslider-container, .account-create .epicslider-wrapper .epicslider-container, .account-login .epicslider-wrapper .epicslider-container, .my-account .epicslider-wrapper .epicslider-container { box-shadow: none; } .forgot-password .epicslider-wrapper .epicslider-item img, .account-create .epicslider-wrapper .epicslider-item img, .account-login .epicslider-wrapper .epicslider-item img, .my-account .epicslider-wrapper .epicslider-item img { height: auto !important; } .forgot-password .icon-account-circle, .account-create .icon-account-circle, .account-login .icon-account-circle, .my-account .icon-account-circle { height: 66px; width: 66px; background: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/svg/icon-account-circle.svg"); background-repeat: no-repeat; background-size: 100%; position: absolute; top: -32px; left: 50%; margin-left: -33px; } .forgot-password .icon-house-circle, .account-create .icon-house-circle, .account-login .icon-house-circle, .my-account .icon-house-circle { height: 66px; width: 66px; background: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/svg/icon-house-circle.svg"); background-repeat: no-repeat; background-size: 100%; position: absolute; top: -32px; left: 111px; left: 50%; margin-left: -33px; } .forgot-password .selector, .account-create .selector, .account-login .selector, .my-account .selector { width: 100%; height: 37px; padding: 1px 0px 2px 0; } .forgot-password .selector:after, .account-create .selector:after, .account-login .selector:after, .my-account .selector:after { content: ''; position: absolute; right: 10px; top: 15px; background: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/svg/icon-arrowdown.svg"); background-size: 9px; display: block; width: 9px; height: 9px; } .forgot-password .selector span, .account-create .selector span, .account-login .selector span, .my-account .selector span { background: #e5e1de; width: 100%; height: 36px; padding: 10px 20px 2px 8px; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; border-radius: 4px; } .forgot-password .selector select, .account-create .selector select, .account-login .selector select, .my-account .selector select { display: block; float: left; height: 100%; width: 100%; } .forgot-password .pager, .account-create .pager, .account-login .pager, .my-account .pager { display: table; margin: 0 20px 0; float: right; } .forgot-password .pager-bot, .account-create .pager-bot, .account-login .pager-bot, .my-account .pager-bot { margin: 28px 0; display: table; float: right; } .forgot-password table.data-table, .account-create table.data-table, .account-login table.data-table, .my-account table.data-table { width: 100%; display: table; text-align: left; color: #333333; float: left; } .forgot-password table.data-table .button, .account-create table.data-table .button, .account-login table.data-table .button, .my-account table.data-table .button { font-weight: 600; text-align: center; width: 135px; float: right; margin-bottom: 5px; } .forgot-password table.data-table .button.disabled, .account-create table.data-table .button.disabled, .account-login table.data-table .button.disabled, .my-account table.data-table .button.disabled { cursor: not-allowed; opacity: 0.5; color: #eee; } .forgot-password table.data-table .button.disabled:hover, .account-create table.data-table .button.disabled:hover, .account-login table.data-table .button.disabled:hover, .my-account table.data-table .button.disabled:hover { background-color: #939598; } .forgot-password table.data-table .account-contact, .account-create table.data-table .account-contact, .account-login table.data-table .account-contact, .my-account table.data-table .account-contact { float: right; display: inline; padding: 0 0 10px 0; } .forgot-password table.data-table .account-contact p, .account-create table.data-table .account-contact p, .account-login table.data-table .account-contact p, .my-account table.data-table .account-contact p { display: inline; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 13px; color: #666666; } .forgot-password table.data-table .account-contact p span, .account-create table.data-table .account-contact p span, .account-login table.data-table .account-contact p span, .my-account table.data-table .account-contact p span { color: #00a651; font-weight: 600; } .forgot-password table.data-table .account-contact .sprite-phone-icon, .account-create table.data-table .account-contact .sprite-phone-icon, .account-login table.data-table .account-contact .sprite-phone-icon, .my-account table.data-table .account-contact .sprite-phone-icon { display: inline-block; } .forgot-password table.data-table.no-border, .account-create table.data-table.no-border, .account-login table.data-table.no-border, .my-account table.data-table.no-border { border: none; margin: 10px 0; } .forgot-password table.data-table.no-border thead tr, .account-create table.data-table.no-border thead tr, .account-login table.data-table.no-border thead tr, .my-account table.data-table.no-border thead tr { background: #666666; color: #ffffff; } .forgot-password table.data-table.no-border tbody tr td, .account-create table.data-table.no-border tbody tr td, .account-login table.data-table.no-border tbody tr td, .my-account table.data-table.no-border tbody tr td { line-height: 43px; } .forgot-password table.data-table.no-border tbody tr td img, .account-create table.data-table.no-border tbody tr td img, .account-login table.data-table.no-border tbody tr td img, .my-account table.data-table.no-border tbody tr td img { vertical-align: middle; } .forgot-password table.data-table tr, .account-create table.data-table tr, .account-login table.data-table tr, .my-account table.data-table tr { border: 1px solid #dfdfdf; height: 43px; } .forgot-password table.data-table tr.first.last, .account-create table.data-table tr.first.last, .account-login table.data-table tr.first.last, .my-account table.data-table tr.first.last { border: none; height: 25px; text-transform: uppercase; } .forgot-password table.data-table tr th, .account-create table.data-table tr th, .account-login table.data-table tr th, .my-account table.data-table tr th { font-weight: 600 !important; } .forgot-password table.data-table tr th.number, .forgot-password table.data-table tr td.number, .account-create table.data-table tr th.number, .account-create table.data-table tr td.number, .account-login table.data-table tr th.number, .account-login table.data-table tr td.number, .my-account table.data-table tr th.number, .my-account table.data-table tr td.number { padding-left: 10px; } .forgot-password table.data-table td.padding, .account-create table.data-table td.padding, .account-login table.data-table td.padding, .my-account table.data-table td.padding { padding: 0 10px; } .forgot-password table.data-table td.padding .order-info .info-box, .account-create table.data-table td.padding .order-info .info-box, .account-login table.data-table td.padding .order-info .info-box, .my-account table.data-table td.padding .order-info .info-box { float: left; width: 345px; height: 165px; border: 1px solid #dfdfdf; margin-top: 10px; } .forgot-password table.data-table td.padding .order-info .info-box .box-header, .account-create table.data-table td.padding .order-info .info-box .box-header, .account-login table.data-table td.padding .order-info .info-box .box-header, .my-account table.data-table td.padding .order-info .info-box .box-header { background: #666666; color: #ffffff; font-size: 12px; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; text-transform: uppercase; padding: 10px; } .forgot-password table.data-table td.padding .order-info .info-box .box-content, .account-create table.data-table td.padding .order-info .info-box .box-content, .account-login table.data-table td.padding .order-info .info-box .box-content, .my-account table.data-table td.padding .order-info .info-box .box-content { padding: 10px; } .forgot-password table.data-table td.padding .order-info .info-box.margin, .account-create table.data-table td.padding .order-info .info-box.margin, .account-login table.data-table td.padding .order-info .info-box.margin, .my-account table.data-table td.padding .order-info .info-box.margin { margin-right: 9px; } .forgot-password h2.legend, .account-create h2.legend, .account-login h2.legend, .my-account h2.legend { font-size: 16px; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; } .forgot-password .buttons-set button, .account-create .buttons-set button, .account-login .buttons-set button, .my-account .buttons-set button { height: 33px; line-height: 24px; float: left; padding: 0 10px; font-weight: 600; text-transform: uppercase; } .forgot-password .buttons-set button.right, .account-create .buttons-set button.right, .account-login .buttons-set button.right, .my-account .buttons-set button.right { float: right; padding: 0 40px; } .forgot-password .buttons-set button.right span, .account-create .buttons-set button.right span, .account-login .buttons-set button.right span, .my-account .buttons-set button.right span { line-height: 34px; float: left; font-size: 13px; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; } .forgot-password .col2-set, .account-create .col2-set, .account-login .col2-set, .my-account .col2-set { margin: 0 auto; display: table; width: 640px; font-size: 13px; } .forgot-password .col2-set .validation-advice, .account-create .col2-set .validation-advice, .account-login .col2-set .validation-advice, .my-account .col2-set .validation-advice { margin-top: -6px; } .forgot-password .col2-set .col-1, .account-create .col2-set .col-1, .account-login .col2-set .col-1, .my-account .col2-set .col-1 { float: left; } .forgot-password .col2-set .col-2, .account-create .col2-set .col-2, .account-login .col2-set .col-2, .my-account .col2-set .col-2 { float: left; } .forgot-password .login-cms, .account-create .login-cms, .account-login .login-cms, .my-account .login-cms { width: 642px; display: block; clear: both; overflow: hidden; margin: 0 auto; } .forgot-password .login-cms img, .account-create .login-cms img, .account-login .login-cms img, .my-account .login-cms img { max-width: 100%; } .forgot-password .page-title h1, .account-create .page-title h1, .account-login .page-title h1, .my-account .page-title h1 { text-align: center; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 39px; margin: 40px 0; text-transform: none; line-height: 1; } .forgot-password .dashboard .marvelouscms-page img, .account-create .dashboard .marvelouscms-page img, .account-login .dashboard .marvelouscms-page img, .my-account .dashboard .marvelouscms-page img { width: 100%; } .forgot-password .dashboard .marvelouscms-page .marvelouscms-element.std p:last-child, .account-create .dashboard .marvelouscms-page .marvelouscms-element.std p:last-child, .account-login .dashboard .marvelouscms-page .marvelouscms-element.std p:last-child, .my-account .dashboard .marvelouscms-page .marvelouscms-element.std p:last-child { margin-top: 0; } .forgot-password .dashboard h1, .account-create .dashboard h1, .account-login .dashboard h1, .my-account .dashboard h1 { font-size: 30px; margin-bottom: 10px; } .forgot-password .dashboard h3, .account-create .dashboard h3, .account-login .dashboard h3, .my-account .dashboard h3 { font-size: 16px; text-transform: uppercase; line-height: 13px; margin-bottom: 25px; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; } .forgot-password .dashboard strong, .account-create .dashboard strong, .account-login .dashboard strong, .my-account .dashboard strong { font-size: 16px; color: #666666 !important; } .forgot-password .dashboard .account-slider, .account-create .dashboard .account-slider, .account-login .dashboard .account-slider, .my-account .dashboard .account-slider { overflow: hidden; margin-bottom: 15px; } .forgot-password .dashboard .account-slider .big, .account-create .dashboard .account-slider .big, .account-login .dashboard .account-slider .big, .my-account .dashboard .account-slider .big { overflow: hidden; margin-right: 13px; float: left; } .forgot-password .dashboard .account-slider .small-top, .account-create .dashboard .account-slider .small-top, .account-login .dashboard .account-slider .small-top, .my-account .dashboard .account-slider .small-top { margin-bottom: 15px; overflow: hidden; } .forgot-password .dashboard .account-slider p, .account-create .dashboard .account-slider p, .account-login .dashboard .account-slider p, .my-account .dashboard .account-slider p { margin: 0; padding: 0; float: left; line-height: 10px; } .forgot-password .dashboard .col-1, .account-create .dashboard .col-1, .account-login .dashboard .col-1, .my-account .dashboard .col-1 { margin-right: 6px !important; width: 357px !important; } .forgot-password .dashboard .col-1, .forgot-password .dashboard .col-2, .account-create .dashboard .col-1, .account-create .dashboard .col-2, .account-login .dashboard .col-1, .account-login .dashboard .col-2, .my-account .dashboard .col-1, .my-account .dashboard .col-2 { border: 1px solid #dfdfdf; padding: 16px 14px; height: 156px; position: relative; width: 358px; } .forgot-password .dashboard .col-1 p, .forgot-password .dashboard .col-2 p, .account-create .dashboard .col-1 p, .account-create .dashboard .col-2 p, .account-login .dashboard .col-1 p, .account-login .dashboard .col-2 p, .my-account .dashboard .col-1 p, .my-account .dashboard .col-2 p { color: #666666 !important; } .forgot-password .dashboard .col-1 .box-content a, .forgot-password .dashboard .col-2 .box-content a, .account-create .dashboard .col-1 .box-content a, .account-create .dashboard .col-2 .box-content a, .account-login .dashboard .col-1 .box-content a, .account-login .dashboard .col-2 .box-content a, .my-account .dashboard .col-1 .box-content a, .my-account .dashboard .col-2 .box-content a { text-decoration: underline; } .forgot-password .dashboard .box-account.box-info, .account-create .dashboard .box-account.box-info, .account-login .dashboard .box-account.box-info, .my-account .dashboard .box-account.box-info { overflow: hidden; width: 100%; border: 1px solid #dfdfdf; padding: 16px 14px; margin-top: 6px; float: left; margin-bottom: 30px; position: relative; height: auto; line-height: 18px; } .forgot-password .dashboard .box-account.box-info .box-head, .account-create .dashboard .box-account.box-info .box-head, .account-login .dashboard .box-account.box-info .box-head, .my-account .dashboard .box-account.box-info .box-head { margin-bottom: 40px; } .forgot-password .dashboard .box-account.box-info .box-head h2, .account-create .dashboard .box-account.box-info .box-head h2, .account-login .dashboard .box-account.box-info .box-head h2, .my-account .dashboard .box-account.box-info .box-head h2 { font-size: 16px; font-weight: 700; text-transform: uppercase; line-height: 13px; margin-bottom: 25px; } .forgot-password .dashboard .box-account.box-info .col-1, .forgot-password .dashboard .box-account.box-info .col-2, .account-create .dashboard .box-account.box-info .col-1, .account-create .dashboard .box-account.box-info .col-2, .account-login .dashboard .box-account.box-info .col-1, .account-login .dashboard .box-account.box-info .col-2, .my-account .dashboard .box-account.box-info .col-1, .my-account .dashboard .box-account.box-info .col-2 { border: none; padding: 0; height: auto; width: 341px !important; } .forgot-password .dashboard .box-account.box-info .col-1 address, .forgot-password .dashboard .box-account.box-info .col-2 address, .account-create .dashboard .box-account.box-info .col-1 address, .account-create .dashboard .box-account.box-info .col-2 address, .account-login .dashboard .box-account.box-info .col-1 address, .account-login .dashboard .box-account.box-info .col-2 address, .my-account .dashboard .box-account.box-info .col-1 address, .my-account .dashboard .box-account.box-info .col-2 address { font-weight: normal; font-style: normal; } .forgot-password .dashboard .box-account.box-info .col-1 h3, .forgot-password .dashboard .box-account.box-info .col-2 h3, .account-create .dashboard .box-account.box-info .col-1 h3, .account-create .dashboard .box-account.box-info .col-2 h3, .account-login .dashboard .box-account.box-info .col-1 h3, .account-login .dashboard .box-account.box-info .col-2 h3, .my-account .dashboard .box-account.box-info .col-1 h3, .my-account .dashboard .box-account.box-info .col-2 h3 { font-size: 13px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; margin-bottom: 0; } .forgot-password .dashboard .box-account.box-info .col-2, .account-create .dashboard .box-account.box-info .col-2, .account-login .dashboard .box-account.box-info .col-2, .my-account .dashboard .box-account.box-info .col-2 { padding-left: 48px; } .forgot-password .dashboard .welcome-msg, .account-create .dashboard .welcome-msg, .account-login .dashboard .welcome-msg, .my-account .dashboard .welcome-msg { margin-bottom: 20px; } .forgot-password .dashboard .welcome-msg p, .account-create .dashboard .welcome-msg p, .account-login .dashboard .welcome-msg p, .my-account .dashboard .welcome-msg p { font-size: 13px; } .forgot-password .dashboard .welcome-msg .hello, .account-create .dashboard .welcome-msg .hello, .account-login .dashboard .welcome-msg .hello, .my-account .dashboard .welcome-msg .hello { margin-bottom: 6px; } .forgot-password .dashboard .welcome-msg strong, .account-create .dashboard .welcome-msg strong, .account-login .dashboard .welcome-msg strong, .my-account .dashboard .welcome-msg strong { font-size: 16px; } .forgot-password .dashboard .welcome-msg p, .account-create .dashboard .welcome-msg p, .account-login .dashboard .welcome-msg p, .my-account .dashboard .welcome-msg p { font-size: 13px; color: #666666; margin: 0; } .forgot-password h2, .account-create h2, .account-login h2, .my-account h2 { font-size: 13px; text-transform: uppercase; line-height: 12px; } .forgot-password p.required, .account-create p.required, .account-login p.required, .my-account p.required { display: none; } .forgot-password .fieldset, .account-create .fieldset, .account-login .fieldset, .my-account .fieldset { border: 1px solid #dfdfdf; width: 100%; padding: 18px 16px; overflow: hidden; } .forgot-password .fieldset ul, .forgot-password .fieldset ol, .account-create .fieldset ul, .account-create .fieldset ol, .account-login .fieldset ul, .account-login .fieldset ol, .my-account .fieldset ul, .my-account .fieldset ol { padding-left: 0; list-style: none; overflow: hidden; margin: 0; } .forgot-password .fieldset ul li, .forgot-password .fieldset ol li, .account-create .fieldset ul li, .account-create .fieldset ol li, .account-login .fieldset ul li, .account-login .fieldset ol li, .my-account .fieldset ul li, .my-account .fieldset ol li { width: 100%; float: left; margin-top: 6px; } .forgot-password .fieldset ul li.country, .forgot-password .fieldset ol li.country, .account-create .fieldset ul li.country, .account-create .fieldset ol li.country, .account-login .fieldset ul li.country, .account-login .fieldset ol li.country, .my-account .fieldset ul li.country, .my-account .fieldset ol li.country { width: 478px; } .forgot-password .fieldset ul li a, .forgot-password .fieldset ol li a, .account-create .fieldset ul li a, .account-create .fieldset ol li a, .account-login .fieldset ul li a, .account-login .fieldset ol li a, .my-account .fieldset ul li a, .my-account .fieldset ol li a { text-decoration: underline; } .forgot-password .fieldset ul li.control, .forgot-password .fieldset ol li.control, .account-create .fieldset ul li.control, .account-create .fieldset ol li.control, .account-login .fieldset ul li.control, .account-login .fieldset ol li.control, .my-account .fieldset ul li.control, .my-account .fieldset ol li.control { margin: 26px 0 11px 0; } .forgot-password .fieldset ul li.control input, .forgot-password .fieldset ol li.control input, .account-create .fieldset ul li.control input, .account-create .fieldset ol li.control input, .account-login .fieldset ul li.control input, .account-login .fieldset ol li.control input, .my-account .fieldset ul li.control input, .my-account .fieldset ol li.control input { margin-right: 8px; float: left; } .forgot-password .fieldset ul li.control .chamelcheck, .forgot-password .fieldset ol li.control .chamelcheck, .account-create .fieldset ul li.control .chamelcheck, .account-create .fieldset ol li.control .chamelcheck, .account-login .fieldset ul li.control .chamelcheck, .account-login .fieldset ol li.control .chamelcheck, .my-account .fieldset ul li.control .chamelcheck, .my-account .fieldset ol li.control .chamelcheck { position: relative; float: left; width: 21px; height: 21px; background: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/sprite/sprite/chamel.png") no-repeat 0 1px; box-sizing: content-box; -moz-box-sizing: content-box; } .forgot-password .fieldset ul li.control .chamelcheck.checked, .forgot-password .fieldset ol li.control .chamelcheck.checked, .account-create .fieldset ul li.control .chamelcheck.checked, .account-create .fieldset ol li.control .chamelcheck.checked, .account-login .fieldset ul li.control .chamelcheck.checked, .account-login .fieldset ol li.control .chamelcheck.checked, .my-account .fieldset ul li.control .chamelcheck.checked, .my-account .fieldset ol li.control .chamelcheck.checked { background: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/sprite/sprite/chamel-checked.png") no-repeat; height: 21px; width: 21px; } .forgot-password .fieldset ul li label, .forgot-password .fieldset ol li label, .account-create .fieldset ul li label, .account-create .fieldset ol li label, .account-login .fieldset ul li label, .account-login .fieldset ol li label, .my-account .fieldset ul li label, .my-account .fieldset ol li label { font-size: 13px; color: #333333; text-transform: none; display: inline-block; margin-bottom: 4px !important; } .forgot-password .fieldset ul li label em, .forgot-password .fieldset ol li label em, .account-create .fieldset ul li label em, .account-create .fieldset ol li label em, .account-login .fieldset ul li label em, .account-login .fieldset ol li label em, .my-account .fieldset ul li label em, .my-account .fieldset ol li label em { display: none; } .forgot-password .fieldset ul li div.field, .forgot-password .fieldset ol li div.field, .account-create .fieldset ul li div.field, .account-create .fieldset ol li div.field, .account-login .fieldset ul li div.field, .account-login .fieldset ol li div.field, .my-account .fieldset ul li div.field, .my-account .fieldset ol li div.field { float: left; margin: 0 10px 10px 0; } .forgot-password .fieldset ul li div.field:nth-child(2), .forgot-password .fieldset ol li div.field:nth-child(2), .account-create .fieldset ul li div.field:nth-child(2), .account-create .fieldset ol li div.field:nth-child(2), .account-login .fieldset ul li div.field:nth-child(2), .account-login .fieldset ol li div.field:nth-child(2), .my-account .fieldset ul li div.field:nth-child(2), .my-account .fieldset ol li div.field:nth-child(2) { margin-right: 0; } .forgot-password .fieldset input[type="tel"], .forgot-password .fieldset input[type="password"], .forgot-password .fieldset input[type="email"], .forgot-password .fieldset input[type="text"], .account-create .fieldset input[type="tel"], .account-create .fieldset input[type="password"], .account-create .fieldset input[type="email"], .account-create .fieldset input[type="text"], .account-login .fieldset input[type="tel"], .account-login .fieldset input[type="password"], .account-login .fieldset input[type="email"], .account-login .fieldset input[type="text"], .my-account .fieldset input[type="tel"], .my-account .fieldset input[type="password"], .my-account .fieldset input[type="email"], .my-account .fieldset input[type="text"] { height: 37px; padding-left: 10px; border: 1px solid #dfdfdf; width: 478px; border-radius: 3px; color: #666666; } .forgot-password .fieldset .no-display, .account-create .fieldset .no-display, .account-login .fieldset .no-display, .my-account .fieldset .no-display { display: none; } /* Forgot password */ .forgot-password .back-link { width: 415px; margin: 15px auto 0; } .forgot-password form { position: relative; } .forgot-password form .fieldset { width: 415px; margin: 0 auto; border: 1px solid #dfdfdf; padding: 18px; position: relative; height: 330px; } .forgot-password ul { text-align: center; margin: 25px 0 !important; } /* Login or register */ .customer-account-create .account-create .fieldset { border: 1px solid #dfdfdf; } .customer-account-create .account-create .fieldset ul li.control { margin: 6px 0; } .forgot-password, .account-login { margin-top: 0; position: relative; } .forgot-password .sprite-login-key, .forgot-password .sprite-create-account, .account-login .sprite-login-key, .account-login .sprite-create-account { position: absolute; top: -46px; left: 111px; } .forgot-password .fieldset ul li label, .account-login .fieldset ul li label { margin-left: 0; margin-bottom: 5px; } .forgot-password .fieldset, .account-login .fieldset { border: none; padding: 0; height: 268px; } .forgot-password .fieldset ul.form-list .input-box input[type="email"], .account-login .fieldset ul.form-list .input-box input[type="email"] { background: #fff !important; padding-left: 12px; width: 100%; } .forgot-password .fieldset ul.form-list .input-box input:-webkit-autofill, .account-login .fieldset ul.form-list .input-box input:-webkit-autofill { -webkit-box-shadow: 0 0 0 30px white inset; } .forgot-password .fieldset ul.form-list .input-box input[type="password"], .account-login .fieldset ul.form-list .input-box input[type="password"] { background: #fff !important; padding-left: 12px; width: 100%; } .forgot-password, .account-login { margin-bottom: 40px; overflow: hidden; } .forgot-password .page-title h1, .account-login .page-title h1 { text-align: center; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; margin: 40px 0; font-size: 35px; } .forgot-password .page-title h1 span, .account-login .page-title h1 span { display: inline-block; padding-left: 10px; text-transform: uppercase; font-size: 25px; letter-spacing: 1px; font-weight: 600; } .forgot-password .page-title h1 span.sprite-login-lock, .account-login .page-title h1 span.sprite-login-lock { padding-left: 0; } .forgot-password form, .account-login form { border: none; padding: 0; } .forgot-password form ul li label, .account-login form ul li label { font-size: 11px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; color: #666666; } .forgot-password .center-icon, .account-login .center-icon { margin: 25px auto 25px; overflow: hidden; text-align: center; } .forgot-password p, .account-login p { text-align: center; } .forgot-password h2, .account-login h2 { font-size: 17px; color: #333333; font-weight: 600; text-align: center; margin-top: 30px; text-transform: uppercase; } .forgot-password .col-2, .account-login .col-2 { width: 310px !important; border: 1px solid #e6e6e6; padding: 18px; height: 393px; position: relative; } .forgot-password .col-1, .account-login .col-1 { width: 310px !important; margin-left: 20px; border: 1px solid #dfdfdf; padding: 18px; height: 393px; position: relative; } .forgot-password .col-1 .content-text, .account-login .col-1 .content-text { height: 238px; } .forgot-password .col-1 .content-text strong, .account-login .col-1 .content-text strong { font-weight: bold; } .forgot-password .col-1 .register-text-block ul, .account-login .col-1 .register-text-block ul { margin-left: 64px; padding-left: 0; } .forgot-password .col-1 .register-text-block ul li, .account-login .col-1 .register-text-block ul li { list-style: none; padding-left: 24px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; font-size: 11px; background: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/gold-checkmark.png") no-repeat left center; line-height: 26px; text-transform: uppercase; } .forgot-password input[type="password"], .forgot-password input[type="email"], .account-login input[type="password"], .account-login input[type="email"] { height: 50px; width: 100%; margin-bottom: 5px; } .forgot-password .buttons-set, .account-login .buttons-set { text-align: center; width: 100%; left: 0; bottom: 54px; margin: 0 auto; } .forgot-password .buttons-set button, .account-login .buttons-set button { float: none; font-size: 14px; height: 49px; position: relative; bottom: auto; left: auto; margin: auto 0; line-height: 48px; width: 272px; } .forgot-password .f-left, .account-login .f-left { position: absolute; bottom: 25px; width: 270px; margin-top: 10px; text-align: center; text-decoration: underline; color: #666666; } .forgot-password .forgot.center, .account-login .forgot.center { width: 100%; text-align: center; overflow: hidden; display: block; margin: 10px 0 10px; font-size: 11px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; color: #333333; position: absolute; bottom: 5px; left: 0; text-decoration: underline; } /* Customer account edit */ .customer-account-edit .my-account .error-msg { display: none; } .customer-account-edit .my-account button[type="submit"] { float: right; width: 111px; } .customer-account-edit .my-account button.back-link { min-width: 135px; } .customer-account-edit .my-account .fieldset input { width: 333px; margin-right: 0; height: 50px; color: #333333; } .customer-account-edit .my-account .fieldset.noborder { border-top: 0; } .customer-account-edit .my-account .control { margin-top: 20px !important; } .customer-account-edit .my-account .input-country { margin-top: 0; } .customer-account-edit .my-account .input-country .chamelselect { width: 333px; } .customer-account-edit .my-account .input-country .chamelselect span.sprite-arrow-down { top: 24px; } .customer-account-edit .my-account .input-country .chamelselect select { cursor: pointer; } .customer-account-edit .my-account .input-country .chamelselect > span { height: 50px; line-height: 35px; color: #333333; } .customer-account-edit .my-account .current-pw label, .customer-account-edit .my-account .field label, .customer-account-edit .my-account .fields label { margin-left: 0; margin-bottom: 5px; } .customer-account-edit .my-account .current-pw label em, .customer-account-edit .my-account .field label em, .customer-account-edit .my-account .fields label em { display: inline-block; color: #00a651; } .customer-account-edit .my-account h2 { margin-bottom: 20px; } .customer-account-edit .my-account .field.name-lastname, .customer-account-edit .my-account .field.last { margin-right: 0; } /* Create account */ .account-create { width: 100%; margin: 0 auto; } .account-create .page-title h1 { text-align: center; font-family: 'Source Sans Pro', sans-serif; font-weight: 600; font-size: 39px; margin: 5px 0 0; text-transform: none; color: #333333; text-transform: uppercase; } .account-create .register-title { font-size: 17px; color: #333333; font-weight: 600; text-align: center; display: block; text-transform: uppercase; margin-bottom: 8px; margin-top: 25px; } .account-create p { text-align: center; } .account-create form { padding: 0; } .account-create form .fieldset ul li label { font-size: 13px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; margin-left: 1px; } .account-create form .fieldset ul li label em { display: inline; font-style: normal; color: #b27f7f; } .account-create .fieldset-wrapper { width: 650px; border: 1px solid #dfdfdf; padding: 44px; position: relative; overflow: visible; margin: 60px auto 0; } .account-create .fieldset-wrapper .form-list .fields { width: auto; } .account-create .user-type { margin: 0 0 25px; } .account-create .user-type ul { text-align: center; } .account-create .user-type ul li { display: inline-block; width: auto; float: none; padding: 0 10px; } .account-create .user-type label { vertical-align: middle; margin-left: 5px !important; } .account-create .user-type input { width: 22px; height: 22px; } .account-create .fieldset { margin: 0 auto; border: 0 !important; width: 100%; padding: 0; } .account-create .fieldset.children ul .field { display: none; } .account-create .fieldset.children ul .field:nth-child(2), .account-create .fieldset.children ul .field:first-child { display: block; } .account-create .fieldset.children .btn-add-child { padding-left: 24px; height: 20px; cursor: pointer; background: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/svg/icon-plus.svg") no-repeat; } .account-create .fieldset .sprite-create-account { position: absolute; top: -46px; left: 278px; } .account-create .fieldset .form-list li { float: left; } .account-create .fieldset .form-list li.long { width: 100%; } .account-create .fieldset .form-list li div.customer-name { margin: 0; } .account-create .fieldset .form-list li input { width: 272px; float: left; border-radius: 3px; } .account-create .fieldset .form-list li label { color: #333333; } .account-create .fieldset .form-list li .chamelselect { width: 100%; } .account-create .fieldset .form-list li .chamelselect > span { font-weight: 400; display: block; background-color: #FFF; height: 37px; padding: 8px 10px; text-transform: capitalize; position: relative; color: #333333; } .account-create .fieldset .form-list li .chamelselect > span:after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 37px; border-left: 1px solid #dfdfdf; background: #f0f0f0 url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/sprite/sprite/arrow-down.png") no-repeat center center; } .account-create .fieldset .form-list li .chamelselect select { width: 100% !important; height: 100%; } .account-create .fieldset .form-list li select { width: 100%; } .account-create .fieldset .form-list .field { float: left; width: 272px; margin: 0; } .account-create .fieldset .form-list .field:nth-child(9), .account-create .fieldset .form-list .field:nth-child(7), .account-create .fieldset .form-list .field:nth-child(5), .account-create .fieldset .form-list .field:nth-child(3), .account-create .fieldset .form-list .field:first-child { margin-right: 15px; } .account-create .fieldset .form-list .setmargin { margin-top: 8px; } .account-create .fieldset h2 { margin-bottom: 0; } .account-create .fieldset .control { margin-top: 10px; line-height: 23px; margin-bottom: 38px; } .account-create .fieldset .control label { font-size: 12px; color: #333333; } .account-create .fieldset .chamelcheck { position: relative; float: left; width: 21px; height: 21px; background: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/sprite/sprite/chamel.png") no-repeat 0 1px; box-sizing: content-box; -moz-box-sizing: content-box; } .account-create .fieldset .chamelcheck.checked { border: 1px solid #dfdfdf; height: 21px; width: 21px; } .account-create .fieldset .chamelcheck.checked input { margin-left: 0; height: 22px; } .account-create .fieldset .back-link { font-size: 13px; width: 100%; text-align: center; color: #666666; text-decoration: underline; margin: 5px 0 0; } .account-create .register-info { width: 377px; background: #f6f6f6; float: right; height: 676px; padding: 18px; } .account-create .teaser { font-style: italic; font-size: 15px; text-align: center; margin-bottom: 38px; } .account-create div.field { width: 100%; } .account-create input[type="text"], .account-create input[type="password"], .account-create input[type="email"] { height: 50px; width: 100%; margin-bottom: 5px; } .account-create input[type="text"].validation-failed, .account-create input[type="password"].validation-failed, .account-create input[type="email"].validation-failed { background: #fffefe; } .account-create .center-icon { margin: 25px auto 10px; overflow: hidden; text-align: center; } .account-create h2 { font-size: 25px; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; text-align: center; margin: 0 35px; line-height: 30px; } .account-create .create-text-block { color: #666666; text-align: center; } .account-create .create-text-block p { color: #666666; } .account-create .buttons-set { width: 270px; margin: 15px auto 0; } .account-create .buttons-set .button { font-size: 15px; width: 100%; height: 51px; float: none !important; margin-bottom: 0; } .account-create .buttons-set .back-link { text-align: center; float: none; margin: 10px 0 0; } .account-create .buttons-set .back-link a { font-size: 13px; font-weight: 400; color: #666666; text-decoration: underline; } .back-link a { font-size: 11px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; float: left; margin: 10px 0; clear: both; } .customer-account-logoutsuccess .col-main { margin: 40px 0; } a.edit { position: absolute; right: 14px; top: 16px; text-decoration: underline; color: #00a651; text-transform: uppercase; font-size: 11px; font-family: 'Source Sans Pro', sans-serif; font-weight: 400; } .customer-account .main-container.col2-left-layout .col-left.sidebar { width: 18%; margin-right: 10px; float: left; } .customer-account .main-container.col2-left-layout .col-main { width: 1005px; } .customer-account .col2-left-layout .main { padding: 0; } .customer-account .checker span { width: 18px; height: 18px; overflow: hidden; display: block; margin-right: 6px; margin-top: 1px; } .customer-account .navigation-simple .block-title { display: none; } .customer-account .navigation-simple ul.navigation-level-0 { margin: 6px 0; } .customer-account .navigation-simple ul.navigation-level-0 li.level0 { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/left-menu-liner.png) repeat-x left bottom; width: 100%; min-height: 41px; text-transform: uppercase; } .customer-account .navigation-simple ul.navigation-level-0 li.level0:hover, .customer-account .navigation-simple ul.navigation-level-0 li.level0.active { background: #f5f2ee; } .customer-account .navigation-simple ul.navigation-level-0 li.level0 a { width: 100%; height: 100%; padding-top: 13px; padding-left: 12px; font-size: 14px; display: inline-block; padding-bottom: 13px; } .customer-account .navigation-simple ul.navigation-level-0 li.level0:first-child a { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/left-menu-liner.png) repeat-x left top; } .customer-account .my-account .page-title h1 { margin: 0; text-align: left; } .customer-account .my-account .epicslider-outer-wrapper { display: block; margin-bottom: 20px; } .customer-account .my-account .dashboard-text { margin: 15px 0; display: block; overflow: hidden; clear: both; } .customer-account .my-account .dashboard .welcome-msg { width: 100% !important; margin-top: 20px; text-transform: none; } .customer-account .my-account .dashboard .welcome-msg .hello { margin-bottom: 0; } .customer-account .my-account .dashboard .welcome-msg .hello strong { font-size: 15px; color: #333333 !important; } .customer-account .my-account .box-title { background: #f3f3f3; padding: 0 17px; height: 49px; line-height: 49px; border-bottom: 1px solid #dfdfdf; } .customer-account .my-account .box-title h3 { font-size: 13px; float: left; color: #333333; text-transform: none; line-height: 25px; margin-bottom: 0; } .customer-account .my-account .box-title a { font-size: 12px; float: right; background: #939598; border-radius: 20px; height: 20px; line-height: 18px; padding: 0 10px; color: #ffffff; margin-top: 13px; } .customer-account .my-account .contact-info, .customer-account .my-account .newsletter { float: left; width: 353px; border: 1px solid #dfdfdf; } .customer-account .my-account .contact-info .box, .customer-account .my-account .newsletter .box { padding: 19px 17px 0 17px; min-height: 140px; } .customer-account .my-account .contact-info .box a, .customer-account .my-account .newsletter .box a { color: #b27f7f; text-decoration: underline; } .customer-account .my-account .contact-info .box p, .customer-account .my-account .newsletter .box p { margin: 0; } .customer-account .my-account .newsletter { margin-left: 15px; } .customer-account .my-account .addresses, .customer-account .my-account .fieldset { float: left; width: 100%; margin-top: 15px; border: 1px solid #dfdfdf; padding: 0; } .customer-account .my-account .addresses.children .field, .customer-account .my-account .fieldset.children .field { width: 478px; display: inline-block; } .customer-account .my-account .addresses.children .field:nth-child(2n+1), .customer-account .my-account .fieldset.children .field:nth-child(2n+1) { margin-right: 10px; } .customer-account .my-account .addresses .box, .customer-account .my-account .addresses .form-list, .customer-account .my-account .fieldset .box, .customer-account .my-account .fieldset .form-list { padding: 0 17px 19px 17px; float: left; } .customer-account .my-account .addresses .box p, .customer-account .my-account .addresses .form-list p, .customer-account .my-account .fieldset .box p, .customer-account .my-account .fieldset .form-list p { margin: 0; } .customer-account .my-account .addresses .box p.heading, .customer-account .my-account .addresses .form-list p.heading, .customer-account .my-account .fieldset .box p.heading, .customer-account .my-account .fieldset .form-list p.heading { color: #333333; text-transform: uppercase; font-weight: 600; margin: 1em 0; } .customer-account .my-account .addresses .box address, .customer-account .my-account .addresses .form-list address, .customer-account .my-account .fieldset .box address, .customer-account .my-account .fieldset .form-list address { font-style: normal; } .customer-account .my-account .addresses .box a, .customer-account .my-account .addresses .form-list a, .customer-account .my-account .fieldset .box a, .customer-account .my-account .fieldset .form-list a { color: #b27f7f; text-decoration: underline; margin-top: 5px; float: left; } .customer-account .my-account .addresses .box, .customer-account .my-account .fieldset .box { width: 50%; } .mobile-popup__bg { background-color: #393939; opacity: 0.8; } body.b2b-login .wrapper .login-logo { margin-top: 65px; } body.b2b-login .wrapper .b2b-brands { margin-top: 20px; } body.b2b-login .wrapper .account-login { width: 690px; margin: 0 auto; margin-bottom: 50px; } body.b2b-login .wrapper .b2b-login-form { width: 470px; background: #fff; padding: 45px 56px; margin: 60px auto 0px; text-align: left; } body.b2b-login .wrapper .b2b-login-form .absolute { position: absolute; left: 16px; top: 18px; } body.b2b-login .wrapper .b2b-login-form input[type="password"], body.b2b-login .wrapper .b2b-login-form input[type="email"] { padding-left: 35px; height: 50px; background: #eff7f8; border: 1px solid #c4e3e7; } body.b2b-login .wrapper .b2b-login-form div.input-box div.validation-advice { left: 35px; top: 18px; } body.b2b-login .wrapper .b2b-login-form button[type="submit"] { width: 100%; margin-top: 10px; } body.b2b-login .wrapper .b2b-login-form .forgot.center { position: relative; margin-top: 15px; } body.b2b-login .wrapper .b2b-login-form h2 { font-size: 40px; } body.b2b-login .wrapper .b2b-login-form h2 .sprite-lock-big { display: inline-block; margin-right: 5px; } body.b2b-login .wrapper .b2b-login-form .box-wrapper { overflow: hidden; clear: both; } body.b2b-login .wrapper .b2b-login-form .box { width: 177px; float: left; min-height: 130px; overflow: hidden; text-align: center; padding: 20px 10px 10px; border-top: 1px solid #eaeaea; } body.b2b-login .wrapper .b2b-login-form .box .icon { text-align: center; margin: 0 auto 20px; } body.b2b-login .wrapper .b2b-login-form .box.box-1 { border-right: 1px solid #eaeaea; } body.b2b-login .wrapper .b2b-login-form .box.box-2 .icon { margin-top: 5px; } body.b2b-login .wrapper .b2b-login-form .box h3 { font-size: 18px; text-transform: uppercase; font-family: 'Source Sans Pro', sans-serif; font-weight: 700; } body.b2b-login .wrapper .b2b-login-form .box a { color: #666666; } body.b2b-login .wrapper .b2b-login-form .box span { color: #666666; font-size: 13px; text-align: center; } .customer-account-login .account-login .login-cms p { margin: 0; } .customer-account-login .messages .error-msg { width: 500px; margin: 0 auto 30px auto; } .customer-account-edit .my-account .my-account .fieldset { padding: 20px 14px 30px; } .customer-account-edit .my-account .form-list { width: 100% !important; padding: 17px !important; } .customer-account-edit .my-account .form-list .fields label { font-size: 13px; display: block; color: #333333; } .customer-account-edit .my-account .form-list .fields .field, .customer-account-edit .my-account .form-list .fields .input-box { float: left; margin-bottom: 0; } .customer-account-edit .my-account .form-list .fields .field.first, .customer-account-edit .my-account .form-list .fields .input-box.first { border-right: 1px solid #dfdfdf; padding-bottom: 30px; } .customer-account-edit .my-account .form-list .fields .field label, .customer-account-edit .my-account .form-list .fields .input-box label { font-size: 13px; display: block; color: #333333; } .customer-account-edit .my-account .form-list .fields .field input, .customer-account-edit .my-account .form-list .fields .field span, .customer-account-edit .my-account .form-list .fields .input-box input, .customer-account-edit .my-account .form-list .fields .input-box span { color: #666666 !important; width: 478px; border: 1px solid #dfdfdf; border-radius: 3px; float: left; height: 37px; } .customer-account-edit .my-account .form-list .fields .field em, .customer-account-edit .my-account .form-list .fields .input-box em { display: none !important; } .customer-account-edit .my-account .form-list .fields .field .customer-name input, .customer-account-edit .my-account .form-list .fields .input-box .customer-name input { height: auto; width: auto; background: transparent; border: none; padding: 0px; color: #333333; } .customer-account-edit .my-account .form-list .fields .control label { float: left; line-height: 22px; } .customer-account-edit .my-account .form-list .fields .control input { width: 22px; height: 22px; border: 1px solid #dfdfdf; border-radius: 3px; } .customer-account-edit .my-account .form-list label { font-size: 13px; display: block; color: #333333; } .customer-account-edit .my-account .form-list .input-box input { color: #666666 !important; width: 478px; border: 1px solid #dfdfdf; border-radius: 3px; float: left; height: 37px; } .customer-account-edit .my-account .buttons-set { display: table; width: 100%; } .customer-account-edit .my-account .buttons-set .back-link { float: left; margin: 15px 0; } .customer-account-edit .my-account .buttons-set .back-link a { margin: 0; font-weight: 600; } .customer-account-edit .my-account .buttons-set button { float: right; margin: 15px 0; } .buttons-set { display: table; width: 100%; } .buttons-set .back-link { float: left; margin: 15px 0; } .buttons-set .back-link a { margin: 0; font-weight: 600; } .buttons-set button.orange { float: right !important; margin: 15px 0; } .back-link { float: left; margin: 15px 0; } .back-link a { margin: 0; font-weight: 600; } .customer-address-form .col-main label[for="country"] + .input-box .chamelselect { width: 272px; } .customer-address-form .col-main label[for="country"] + .input-box .chamelselect > span { font-family: 'Source Sans Pro', sans-serif; font-weight: 400; display: block; background-color: #FFF; height: 37px; padding: 8px 10px; text-transform: capitalize; position: relative; } .customer-address-form .col-main label[for="country"] + .input-box .chamelselect > span:after { content: ''; position: absolute; top: 0; right: 0; height: 100%; width: 37px; border-left: 1px solid #dfdfdf; background: #f0f0f0 url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/sprite/sprite/arrow-down.png") no-repeat center center; } .customer-address-form .col-main label[for="country"] + .input-box .chamelselect select { width: 100% !important; height: 100%; } .customer-address-index .col2-set .col-1, .customer-address-index .col2-set .col-2 { float: left; } .customer-address-index .col2-set .col-1 .link-remove, .customer-address-index .col2-set .col-2 .link-remove { margin-left: 10px; } .customer-address-index .col-main button { float: right; margin: 15px 0; font-weight: 600; } .customer-address-index .col-main .back-link { float: left; margin: 15px 0; } .customer-address-index .col-main .back-link a { margin: 0; font-weight: 600; } .sales-order-history .main-container .pager, .sales-order-view .main-container .pager { width: 100%; margin: 0; margin-top: 7px; } .sales-order-history .main-container .amount, .sales-order-view .main-container .amount { line-height: 30px; font-weight: 600; color: #333333; } .sales-order-history .main-container .limiter, .sales-order-view .main-container .limiter { display: none; } .sales-order-history .main-container table, .sales-order-view .main-container table { margin-top: 7px !important; } .sales-order-history .main-container table thead tr th, .sales-order-view .main-container table thead tr th { text-transform: none; } .sales-order-history .main-container table tbody tr, .sales-order-view .main-container table tbody tr { height: 51px !important; border: 1px solid #dfdfdf !important; } .sales-order-history .main-container table tbody tr td em, .sales-order-view .main-container table tbody tr td em { font-style: normal; } .sales-order-history .main-container table tbody tr td.last, .sales-order-view .main-container table tbody tr td.last { padding: 10px 10px 5px; } .sales-order-view .my-account .order-info-box { margin-bottom: 15px; } .sales-order-view .my-account address { font-style: normal; } .sales-order-view .my-account .title-buttons { display: table; width: 100%; } .sales-order-view .my-account .title-buttons h1 { margin-bottom: 20px; } .sales-order-view .my-account .title-buttons a { color: #333333; font-weight: 600; margin-bottom: 20px; } .sales-order-view .my-account .title-buttons .separator { margin: 0 5px; color: #333333; font-weight: 600; } .sales-order-view .my-account .title-buttons .order-date { float: right; display: block; margin: 0 0 20px 0; color: #333333; } .sales-order-view .my-account table tr th:first-child { padding-left: 10px; } .sales-order-view .my-account table tr th:last-child { padding-right: 10px; } .sales-order-view .my-account table tr td:first-child { padding-left: 10px; } .sales-order-view .my-account table tr td dl.item-options { display: table-cell; vertical-align: middle; } .sales-order-view .my-account table tr td dl.item-options dt, .sales-order-view .my-account table tr td dl.item-options dd { display: inline-block; margin: 0; text-transform: none; } .sales-order-view .my-account table tr td h3 { text-transform: none; color: #333333; font-weight: 400; } .sales-order-view .my-account table tr td span { font-weight: 400; } .sales-order-view .my-account table tfoot { background: #f3f3f3; } .sales-order-view .my-account table tfoot tr { border: none; height: 34px; } .sales-order-view .my-account table tfoot tr:first-child { border-top: 1px solid #dfdfdf; } .sales-order-view .my-account table tfoot tr:last-child span { font-weight: 600; } .sales-order-view .my-account table tfoot tr.grand_total { font-size: 18px; font-weight: 600; text-transform: uppercase; } .sales-order-view .my-account table tfoot tr td.last { padding-right: 10px; } .video-trigger .overlay.sprite-play-icon { overflow: hidden; height: 72px; width: 72px; top: 0; margin: auto; opacity: 0.9; background-image: url("http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids_v2/images/play.png"); background-repeat: no-repeat; background-position: center; position: absolute; } body.catalog-category-view .col-main, body.browseby-option-view .col-main { position: relative; } body.catalog-category-view .col-main .opacity-bg h1, body.browseby-option-view .col-main .opacity-bg h1 { font-size: 24px; text-transform: uppercase; float: left; color: #4c4c4c; width: 100%; margin: 0; line-height: 30px; } body.catalog-category-view .col-main .opacity-bg.bot-description, body.browseby-option-view .col-main .opacity-bg.bot-description { height: auto; background: white; width: 100%; margin: 0; padding: 28px 21px; overflow: hidden; float: left; color: #737070; font-size: 12px; line-height: 18px; margin-top: 10px; } body.catalog-category-view .col-main .opacity-bg.bot-description .read-more.bottom-read-more, body.catalog-category-view .col-main .opacity-bg.bot-description .read-more.bottom-read-less, body.browseby-option-view .col-main .opacity-bg.bot-description .read-more.bottom-read-more, body.browseby-option-view .col-main .opacity-bg.bot-description .read-more.bottom-read-less { bottom: 0; background: none; color: black !important; padding: 0; text-decoration: underline; height: 36px; line-height: 35px; font-size: 14px; text-transform: uppercase; float: left; cursor: pointer; border-radius: 4px; } body.catalog-category-view .col-main .opacity-bg .category-description, body.browseby-option-view .col-main .opacity-bg .category-description { float: left; color: #737070; font-size: 12px; width: 100%; line-height: 18px; margin-top: 10px; } .category-description a { text-decoration: underline; } .marvelouscms-element .opacity-bg.bot-description, .marvelouscms-col .opacity-bg.bot-description { position: relative !important; top: 16px; height: auto; background: white; } .marvelouscms-element .opacity-bg.bot-description .read-more.bottom-read-more, .marvelouscms-element .opacity-bg.bot-description .read-more.bottom-read-less, .marvelouscms-col .opacity-bg.bot-description .read-more.bottom-read-more, .marvelouscms-col .opacity-bg.bot-description .read-more.bottom-read-less { position: absolute !important; bottom: 0; margin-top: 20px; background: none; color: black !important; padding: 0; text-decoration: underline; } .brand-list-container { background: url("https://www.houseofkids.dk/skin/frontend/default/houseofkids/images/dot_tile_nav_vertical.png") repeat-y 0px 0px; float: left; width: 65%; } .brand-list-container .brand-list { background: url("https://www.houseofkids.dk/skin/frontend/default/houseofkids/images/dot_tile_nav_vertical.png") repeat-y 95% 0px; clear: none; float: left; width: 100%; background-position: 100% 0px; padding-left: 15px; } .brand-list-container .alphabeitc-list { position: relative; display: flex; flex-flow: column wrap; margin-left: 0px; width: 100%; max-width: 90%; overflow: hidden; min-height: 200px; max-height: 1000px; } .brand-list-container .alphabeitc-list > li { margin-bottom: 20px; } .brand-list-container .alphabeitc-list span { color: #c7c1b4; font-size: 14px; display: block; font-weight: bold; padding: 5px 0; } .brand-highlights { display: inline-block; width: 35%; padding-left: 20px; } .brand-highlights li { width: 44%; float: left; margin: 0 3% 25px; } .brand-highlights li img { max-width: 100%; } .category-landingpage-buttons, .category-landingpage-links { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; margin: 30px 0; width: 100%; padding: 0; overflow: hidden; position: relative; } .category-landingpage-buttons.more, .category-landingpage-links.more { margin-bottom: 0; } .category-landingpage-buttons.more + .show-more-btn, .category-landingpage-links.more + .show-more-link { margin-bottom: 30px; } .show-more-btn, .show-more-link { cursor: pointer; text-align: center; text-transform: uppercase; margin-top: 5px; display: none; } .category-landingpage-buttons.more::after, .category-landingpage-links.more::after { content: ''; background-image: linear-gradient(180deg, rgba(2,0,36,0) 30%, rgba(255,255,255,0.49343487394957986) 45%, rgba(255,255,255,1) 100%); position: absolute; left: 0; bottom: 0; width: 100%; height: 20px; } .category-landingpage-buttons .landing-button, .category-landingpage-links .landing-link { width: calc(100% / 4 - 8px); height: auto; min-height: 33px; color: #232323; background-color: rgba(230, 226, 223, 0.7); padding: 9px 12px; text-align: left; font-weight: normal; text-transform: uppercase; overflow: hidden; word-break: normal; word-wrap: break-word; font-size: 14px; display: flex; align-items: center; } .my-account.sales-order-view.main-container #my-orders-table { font-size: 13px; } /** THEY HAVE THIS INLINE ON LIVE SITE? **/ .opacity-bg-wrap { display: none; } .col-left.sidebar dt, .col-left.sidebar dt.open { background: url('/skin/frontend/default/houseofkids/images/sprite.png') repeat-x -9px -752px rgba(230, 226, 223, 0.7); } .helloretail-category-page-box-1.show-helloretail { height: auto; margin-bottom: 24px; display: block; padding-bottom: 5px; border-bottom: 1px solid #e6e6e6; min-height: 333px; } .catalog-category-view.category-outlet .show-helloretail { display:none; } /** DHL STYLING **/ #dhl_locationfinder_trigger { display:none; } #dhl_locationfinder_trigger img { display: none; } #dhl_locationfinder_trigger .locationfinder-opener.active { color: #000000; position: static; margin-top: 10px; } #checkout-dhlversenden-services{ margin-bottom: 0; padding: 0; border: none; } .dhl-shipping-wrapper{ border: none; display: block; padding: 0; margin: 0; clear: both; } .service-boolean.parcelAnnouncement { clear:both; } #checkout-dhlversenden-services dd, #checkout-dhlversenden-services dt { clear: both; } #checkout-dhlversenden-services dd { width: 100%; } #checkout-dhlversenden-services dd input { width: 100%; border: 1px solid #e6e6e6; height: 28px; } dhl-package-shop-finder-enabler { height: 0; } .service-radio.preferredDay .tooltip-inner { right: -30px !important; } .service-boolean.parcelAnnouncement > * { cursor: pointer; } #checkout-dhlversenden-services .tooltip-inner { background: #e5e1de; } #checkout-dhlversenden-services .tooltip-inner, #additional-dhl-fields .tooltip-inner { left: auto; right: 0; } #checkout-dhlversenden-services .tooltip-inner:after { border-radius: 4px; } #checkout-dhlversenden-services .tooltip-inner:after, #additional-dhl-fields .tooltip-inner:after { background: #e5e1de; font-size: 12px; } #additional-dhl-fields .tooltip-inner { background: #e5e1de; } #additional-dhl-fields .tooltip-inner:after { border-radius: 4px; } #dhl_locationfinder_trigger .locationfinder-opener.active { background: #e5e1de; line-height: 20px; border: none; } #locationfinder-link { background: #e5e1de; border-radius: 4px; padding: 6px 10px 6px 14px; display: block; cursor: pointer; } #dhl-package-shop-finder-enabler { background: #f4f4f4; padding: 6px 10px 6px 14px; } #locationfinder-button { border: 1px solid #9a9a9a; background: #ddd; min-height: auto; padding: 5px 10px; width: 100%; color: #545454; margin-bottom: 10px; } #sf-map-wrapper .close-map::after { content: 'x'; display: inline-block; font-size: 20px; width: 25px; height: 25px; position: relative; bottom: 5px; padding: 8px 3px 0 1px; line-height: 20px; } #sf-map-wrapper .map-content { top: 10%; } #additional-dhl-fields .fields .field { margin-bottom: 15px; } #additional-dhl-fields .fields .field label { width: 100%; display: block; height: 25px; } #additional-dhl-fields .fields .field .input-box input { width: 100%; border: 1px solid #e6e6e6; height: 28px; } #checkout-dhlversenden-services dl dt { padding: 25px 0 10px 0; margin-top: 20px; margin-bottom: -20px; } #dhl-package-shop-finder-enabler { visibility: hidden; height: 0; } .parcelAnnouncement-info { font-size: 12px; padding-bottom: 8px; } #checkout-dhlversenden-services dt.service-boolean label { background: transparent; } #checkout-dhlversenden-services > span, #checkout-dhlversenden-services > p, #checkout-dhlversenden-services dt label { font-size: 12px; } #checkout-dhlversenden-services dl dt { padding: 0 0 10px 0; margin-top: 0; margin-bottom: -20px; } #checkout-dhlversenden-services dt.service-boolean label { font-size: 12px; } #dhl_locationfinder_trigger { display: none; } #dhl-package-shop-finder-enabler{ visibility: hidden; } #dhl-location-finder-image { display:none; } /* Clearfix of product-information in top to make the product recommendations forced height and stay in the correct placement */ .catalog-product-view .product-view::after { content: ''; position: relative; display: block; width: 100%; height: 1px; clear: both; } /* Define forced height for recommendation boxes */ .catalog-product-view .helloretail-product-page-box-1, .catalog-product-view .helloretail-product-page-box-2, .catalog-product-view .helloretail-product-page-box-3 { min-height: 390px } .custom-columns-4-col { margin-left: -10px !important; margin-right: -10px !important; width: calc(100% + 20px) !important; margin-bottom: 20px !important; } .custom-columns-4-col .marvelouscms-col { width: 25% !important; padding: 0 10px !important; } /*! normalize.css v2.1.0 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address styling not present in IE 8/9. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** * Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9. * 2. Remove excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; empty-cells: show; } /* Generel */ b, strong { /* */ font-weight: normal; } .cms-page-view .marvelouscms-page .marvelouscms-page-container b, .cms-page-view .marvelouscms-page .marvelouscms-page-container strong { /* */ font-weight: bold; } .cms-index-index .marvelouscms-page .marvelouscms-page-container strong { /* */ font-weight: bold; } .main h1 { color:#000; font-size:26px; } /* Header note */ .header .note { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/header-note.png) no-repeat; color: #585857; font-size: 15px; font-style: italic; height: 73px; line-height: 20px;text-align:center; padding: 3px 15px 0; position: absolute; left: 178px; top: 52px; width: 233px; margin: -6px 0px 0px -4px; } /* Footer */ address img { float: left; } .footer { margin-bottom: 20px; } .footer .improving { color: #d0cfcb; font-size: 10px; font-style: italic; float: left; padding-top: 5px; text-align: left; width: 100%; } /* Store Switcher */ .store-switcher img { padding-top: 4px; } /* Validation */ .validation-advice { background:transparent url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/validation_advice_bg.gif) no-repeat scroll 2px 1px; clear:both; font-weight:bold; font-size: 0.9em; margin:3px 0; min-height:15px; padding-left:17px; } .validation-advice, .required { color:#eb340a; } label.required { color: #000; } .validation-failed { background-color:#FAEBE7 !important; border:1px dashed #EB340A !important; } .global-site-notice { position: absolute; left: 0px; top: 0px; width: 100%; z-index: 999; padding: 10px; } .noscript { border:1px solid #ddd; border-width:0 0 1px; background:#ffff90; font-size:12px; line-height:1.25; text-align:center; color:#2f2f2f; } .noscript .noscript-inner { width:1000px; margin:0 auto; padding:12px 0 12px; background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/i_notice.gif) 20px 50% no-repeat; } .noscript p { margin:0; } /* Category view - Top Description */ .catalog-category-view .marvelouscms-element a { text-decoration: none; } .top-description { border-bottom: 1px solid #e6e6e6; } .top-description h1 { font-size: 14px !important; font-weight: 600; letter-spacing: 1px; color: #343434 !important; text-transform: uppercase; margin-bottom: 2px; } .top-description .category-description { margin-bottom: 10px; } /* Product view - Image styles */ .lightboximagezoom { background:#FFF; height: 0; position: absolute; z-index: 2; display: block; left: 0px; top: 0px; width: 0%; height: 0%; opacity:0; -moz-opacity:0; -webkit-opacity:0; filter:alpha(opacity=0); } /* Checkout Success CMS page */ .checkout-success .my-account, .checkout-success.my-account { margin-bottom: 0; padding-bottom: 10px; } .checkout-success .col2-set { display: flex; width: 100%; margin-top: 10px; padding-left: 10px; } .checkout-success .order-date { padding-left: 10px; } .checkout-success .col2-set .col-1, .checkout-success .col2-set .col-2, .checkout-success .col2-set .col-3 { flex: 25%; } .checkout-success .order-info { display: none; } .checkout-success h2 { margin-bottom: 2px; } .checkout-success .order-details h2 { padding-left: 10px; } .checkout-success .page-title h1 { font-size: 30px; } .checkout-success .sales-order-view { margin-top: 15px; } .checkout-success .sales-order-view.my-account table tr td h3{ margin-bottom: 0; } .checkout-success .sales-order-view.main-container table tbody tr{ border-left: none !important; border-right: none !important; } .checkout-success .sales-order-view table thead { background: #e9e9e9; } .checkout-success .sales-order-view table thead tr th { text-transform: uppercase; } .checkout-success .sales-order-view table tr th { width: 15%; } .checkout-success .sales-order-view table tr th:first-child { width: 40%; } .checkout-success .sales-order-view.main-container table tbody tr td.last { padding-left: 0; } .checkout-success .sales-order-view table tbody tr td:first-child { padding-bottom: 15px; } .checkout-success .sales-order-view table tfoot tr { height: 20px; } /*.checkout-success .sales-order-view table tfoot tr td.a-right{*/ /* text-align: right;*/ /*}*/ .checkout-success .sales-order-view table tfoot tr:first-child td { padding-top: 10px; } .checkout-success .sales-order-view table tfoot tr:last-child td { padding-top: 6px; padding-bottom: 10px; } .checkout-success .sales-order-view table tfoot tr.grand_total{ text-transform: none; font-size: 16px; } .checkout-success .sales-order-view table tfoot tr.grand_total strong { font-weight: 600; } /* Brand spots */ .text-banners .spot:first-child { margin-left: 0px; } .text-banners .spot { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/spotbg.png) no-repeat; height: 31px; float: left; margin-left: 6px; margin-bottom: 6px; margin-top: 0px; text-align: center; padding-top: 6px; width: 145px; } .text-banners .spot:nth-child(6) { margin-left: 0px; } .text-banners { float: left; margin: 25px 0px; } /* Lightbox */ .lightboximagezoom { height: 0; position: absolute; z-index: 2; display: block; left: 0px; top: 0px; width: 0; } .more-views { margin-top: 0px; } .lb-closeContainer { width: 35px; float: right; outline: none; position: absolute; top: -23px; margin-left: -30px; } /* LIGHTBOX */ /* line 6, ../sass/lightbox.sass */ #lightboxOverlay { position: absolute; top: 0; left: 0; z-index: 9999; background-color: black; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85); opacity: 0.85; display: none; } /* line 15, ../sass/lightbox.sass */ #lightbox { position: absolute; left: 0; width: 100%; z-index: 10000; text-align: center; line-height: 0; font-weight: normal; } /* line 24, ../sass/lightbox.sass */ #lightbox img { width: auto; height: auto; } /* line 27, ../sass/lightbox.sass */ #lightbox a img { border: none; } /* line 30, ../sass/lightbox.sass */ .lb-outerContainer { position: relative; background-color: white; *zoom: 1; width: 250px; height: 250px; margin: 0 auto; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } /* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ .lb-outerContainer:after { content: ""; display: table; clear: both; } /* line 39, ../sass/lightbox.sass */ .lb-container { padding: 10px; } /* line 42, ../sass/lightbox.sass */ .lb-loader { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } /* line 51, ../sass/lightbox.sass */ .lb-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } /* line 59, ../sass/lightbox.sass */ .lb-container > .nav { left: 0; } /* line 62, ../sass/lightbox.sass */ .lb-nav a { cursor: pointer; outline: none; } /* line 65, ../sass/lightbox.sass */ .lb-prev, .lb-next { width: 49%; height: 100%; background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); display: block; } /* line 72, ../sass/lightbox.sass */ .lb-prev { left: 0; float: left; } /* line 76, ../sass/lightbox.sass */ .lb-next { right: 0; float: right; } /* line 81, ../sass/lightbox.sass */ .lb-prev { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/prev.png) left 48% no-repeat; } /* line 85, ../sass/lightbox.sass */ .lb-next { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/next.png) right 48% no-repeat; } /* line 88, ../sass/lightbox.sass */ .lb-dataContainer { margin: 0 auto; padding-top: 5px; *zoom: 1; width: 100%; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -ms-border-bottom-left-radius: 4px; -o-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; -ms-border-bottom-right-radius: 4px; -o-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } /* line 38, ../../../../.rvm/gems/ruby-1.9.2-p290/gems/compass-0.12.1/frameworks/compass/stylesheets/compass/utilities/general/_clearfix.scss */ .lb-dataContainer:after { content: ""; display: table; clear: both; } /* line 95, ../sass/lightbox.sass */ .lb-data { padding: 0 10px; color: #bbbbbb; } /* line 98, ../sass/lightbox.sass */ .lb-data .lb-details { width: 85%; float: left; text-align: left; line-height: 1.1em; } /* line 103, ../sass/lightbox.sass */ .lb-data .lb-caption { font-size: 13px; font-weight: bold; line-height: 1em; } /* line 107, ../sass/lightbox.sass */ .lb-data .lb-number { display: block; clear: left; padding-bottom: 1em; font-size: 11px; } /* line 112, ../sass/lightbox.sass */ .lb-data .lb-close { width: 35px; float: right; padding-bottom: 0.7em; outline: none; } /* line 117, ../sass/lightbox.sass */ .lb-data .lb-close:hover { cursor: pointer; } .product-view .product-img-box .product-image-zoom { position: relative; padding: 20px; } /* Success page */ .order-number span b { color: #424242; } .main .success-wrapper h1 { text-align: center; } .success-wrapper .text { width: 415px; } /* Blog */ img.myhouse { margin-bottom: 20px; } .fb_iframe_widget iframe { width: 105px !important; } .facebook-facepile .fb_iframe_widget iframe { width: 435px !important; } .left-facepile .fb_iframe_widget iframe { width: 195px !important; } .left-nav-blog h3 { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite.png) repeat-x -10px -800px #f5f2ee; margin:0px; height: 33px; color: #8b4e5e; font-size: 14px; text-transform: uppercase; padding: 9px 6px; cursor: pointer; width: 192px;display:none; } .left-nav-blog h3.open { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/sprite.png) repeat-x -9px -752px #f5f2ee; } .blog-menu-container { color: #696969; text-transform: uppercase;margin:6px 0; } .blog-menu-container li { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/left-menu-liner.png) repeat-x left bottom; width:100%;min-height:41px; } .blog-menu-container li:hover { background: #f5f2ee; } .blog-menu-container li a { width: 100%; height: 100%; padding-top: 13px; padding-left: 12px; font-size: 14px; display: inline-block; padding-bottom: 13px; font-weight: 300;} .blog-menu-container li:first-child a { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/left-menu-liner.png) repeat-x left top; } .follow-blog { margin-bottom: 30px; font-weight: normal; color: #737070; font-size: 12px; line-height: 18px; font-family: 'Source Sans Pro', sans-serif; } .follow-blog p { margin: 0; font-weight: normal; color: #737070; font-size: 12px; line-height: 18px; font-family: 'Source Sans Pro', sans-serif; } .follow-blog h2 { font-weight: normal; color: #737070; font-size: 15px; line-height: 18px; font-family: 'Source Sans Pro', sans-serif; } .follow-blog button { display: none; } .blog-list .page-title { margin-bottom: 10px; } .blog-list .page-title h1 { color: #343434; font-weight: 500; font-size: 16px; line-height: 18px; letter-spacing: 0.06em; margin: 0; text-transform: uppercase; } .blog-list .list { display: grid; gap: 20px; grid-template-columns: repeat(2, minmax(0, 1fr)); } .blog-list .post { position: relative; } .blog-list .post.first { margin-left: 0px; } .blog-list .post h2 { font-weight: normal; font-size: 15px; line-height: 15px; letter-spacing: 0.06em; color: #000000; margin-top: 0; margin-bottom: 10px; height: 30px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; /* number of lines to show */ line-clamp: 2; -webkit-box-orient: vertical; } .blog-list .post p { margin: 0px; } .blog-list .post .short-text { color: #6F6F6F; font-weight: 400; font-size: 11px; line-height: 14px; letter-spacing: 0.06em; height: 48px; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; /* number of lines to show */ line-clamp: 3; -webkit-box-orient: vertical; } .blog-list .readmore a { color: #000; font-weight: normal; font-size: 14px; line-height: 14px; display: block; text-align: right; letter-spacing: 0; min-height: inherit; } .blog-list .breaker { float: left; margin: 20px 0px 0; width: 100%; } .toolbar-bottom.margintop { float: left; margin-top: 20px; width: 100%; } .blog-list .post .image-thumb img { width: 100%; } .blog-index-view .blog-view .content li { list-style: disc; margin-left: 15px; } .blog-view h1 { color: #343434; font-size: 30px; line-height: 36px; margin: 8px 0px 20px; } .blog-view h2 { color: #343434; font-size: 18px; line-height: 24px; } .blog-view h4 { color: #343434; font-size: 14px; text-transform: uppercase; } .blog-view h3 { color: #afafaf; font-size: 18px; font-weight: normal; line-height: 28px; margin: 10px 0px; } .blog-view hr { background: #f2f0ed; border: none; height: 1px; margin: 20px 0px; width: 100%; } .blog-view .pdf { margin-top: 30px; } .blog-view .pdf span { text-decoration: underline; } .blog-view .pdf img { float: left; margin-right: 5px; } .blog-view h3.related { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/related-dots.png) no-repeat bottom left; margin-top: 20px; padding-bottom: 12px; width: 100%; } .blog-view .content-text { font-weight: normal; color: #737070; font-size: 12px; line-height: 18px; } .blog-view .content .image { margin: 25px 0px; } /* New Blog design: 13/02/2023 */ .blog-index-index .main-container, .blog-category-index .main-container, .blog-index-view .main-container { margin: 0 auto; float: none; } .blog-index-index .main-container::before, .blog-category-index .main-container::before, .blog-index-view .main-container::before, .blog-index-index .main-container::after, .blog-category-index .main-container::after, .blog-index-view .main-container::after { content: ''; display: table; clear: both; } .blog-index-index .main-container.col2-left-layout .col-left, .blog-category-index .main-container.col2-left-layout .col-left, .blog-index-view .main-container.col2-left-layout .col-left { margin-right: 0; } .blog-index-index .main-container.col2-left-layout .col-main, .blog-category-index .main-container.col2-left-layout .col-main, .blog-index-view .main-container.col2-left-layout .col-main { box-sizing: border-box; padding-left: 58px; } .blog-index-index .main-container, .blog-category-index .main-container, .blog-index-view .main-container { padding-top: 30px; } .col-left .blog-index-link a { display: block; border-radius: 3px; background-color: rgba(230, 226, 223, 1); padding: 12px 15px; margin-bottom: 25px; text-align: center; } .col-left .blog-index-link svg { max-width: 30px; } .col-left .blog-index-link span { color: #231f20; display: block; font-family: 'Roboto Serif', sans-serif; font-style: normal; font-weight: 700; font-size: 17px; line-height: 117.6%; /* or 20px */ text-align: center; letter-spacing: 0.2em; margin-top: 6px; } .blog-list .blog-list-infos { position: relative; left: 20px; background-color: #E5E5E5; padding: 12px 12px 12px 15px; width: calc(100% - 20px); } .blog-list .image-thumb + .blog-list-infos { margin-top: -30px; } .blog-view .follow-blog { margin-bottom: 15px; } .blog-view .follow-blog p { font-weight: 300; font-size: 14px; line-height: 160%; letter-spacing: 0.06em; color: #000000; } .blog-view .title { text-align: center; margin-bottom: 30px; } .blog-view .title h1 { font-weight: 700; font-size: 22px; line-height: 172%; text-align: center; letter-spacing: 0.06em; margin: 0; text-transform: uppercase; color: #4D4B4B; } .blog-index-view .blog-view .content ul { margin: 20px 0 25px; padding: 0 0 0 30px; } .blog-index-view .blog-view .content ul li { list-style: none; margin: 0 0 5px; } .blog-index-view .blog-view .content ul li a { color: #666; border-bottom: 1px dashed #666; padding: 0 5px 0 2px; } .blog-index-view .section-content { color: #737070; display: block; font-size: 15px; font-weight: normal; margin: 30px 0 15px; line-height: 18px; text-align: center; text-transform: uppercase; } .blog-index-view .content { color: #666; } .blog-index-view .content img { width: 100%; } .blog-index-view .content .image-wrapper { margin: 30px 0; } .blog-view .post-date { display: flex; align-items: center; margin-bottom: 10px; font-weight: 300; font-size: 9px; line-height: 130%; letter-spacing: 0.06em; color: #A5A5A5; } .blog-view .post-date .avatar { margin-right: 10px; } .blog-view .post-date .author { margin-right: 10px; } /* Regular CMS pages */ .cms-page-view .main h4 { color: #afafaf; font-size: 18px; font-weight: normal; line-height: 28px; margin: 10px 0px; } .cms-page-view .main h3 { color: #343434; font-size: 14px; text-transform: uppercase; } .cms-page-view .main .question h3 { display:block; } /* Contacts page */ hr.contacts { border: none; background: #f2f0ed; margin: 15px 0px; height: 1px; } form#contactForm { float: right; width: 525px; } form#contactForm input { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/contacts-input.png) no-repeat; border: none; color: #4c4c4b; font-size: 13px; margin-bottom: 7px; padding-left: 10px; height: 37px; width: 525px; } form#contactForm textarea { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/contacts-textarea.png) no-repeat; border: none; color: #4c4c4b; font-size: 13px; resize: none; height: 170px; padding-left: 10px; padding-top: 10px; width: 525px; } form#contactForm button.contacts { border: none; background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/contacts-btn.png) no-repeat; color: #fff; float: right; margin-top: 10px; font-size: 14px; height: 36px; width: 136px; } .contact-info { float: left; width: 195px; } .contact-info h3 { margin-top: 0px; } .contact.findus { float: left; width: 100%; } .cms-contact-us .main .contact h3 { display: block; } .add-to-box.simple { width: 250px; padding-bottom: 10px; float: right; } .product-options-bottom .border { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/dot_tile.png) bottom repeat-x; width: 100%; padding-bottom: 0px; float: right; } .product-options-bottom .border .price-box { float: left; } /* Newsletters */ .popup-subscribe .input-fields .input-text, .footer .block-subscribe .input-box input { color: #737070; } .footer .sizeguide { cursor:pointer; } /** * Magento * * 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: * http://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. * * DISCLAIMER * * Do not edit or add to this file if you wish to upgrade Magento to newer * versions in the future. If you wish to customize Magento for your * needs please refer to http://www.magento.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2006-2020 Magento, Inc. (http://www.magento.com) * @license http://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(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/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(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/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(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/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(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/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(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/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(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/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(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/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(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/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(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ /* General */ .product-options dd { overflow: hidden; } /* Attributeenhancer classes */ .attribute_enhancer_hide select { display: none; } /* Color selector */ .attribute_color li a, .attribute_image li a { background-position: center center; border: 1px solid #CACACA; border-radius: 5px; float: left; height: 16px; margin-right: 10px; margin-bottom: 10px; overflow: hidden; } .attribute_color li a.disabled, .attribute_image li.disabled, .attribute_image li a.disabled { cursor: default; } .attribute_color li a.active, .attribute_image li a.active { border-color: #E00022; border-width: 2px; margin-right: 8px; margin-bottom: 8px; } .attribute_image li a span, .attribute_color li a span { text-indent: -99999px; width: 40px; } .attribute_image li a.disabled span, .attribute_color li a.disabled span { background-image: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/attributeenhancer/images/color-inactive-overlay.png); } /* Button selector */ .attribute_buttons { list-style: none; } .attribute_buttons li { float: left; } .attribute_buttons li a { border: 1px solid #CACACA; border-radius: 5px; color: #000; float: left; font-size: 11px; height: 16px; margin-right: 10px; margin-bottom: 10px; overflow: hidden; text-decoration: none; } .attribute_buttons li a.disabled { color: #C0C0C0; cursor: default; } .attribute_buttons li a.active { border-color: #E00022; border-width: 2px; margin-left: -1px; margin-right: 9px; margin-bottom: 8px; } .attribute_buttons li a span { display: block; padding: 0px 5px; } /* Layered navigation */ .attribute-enhancer-layer-picker { border: 1px solid #dadada; cursor: pointer; float: right; height: 14px; overflow: hidden; margin-right: 5px; text-indent: -9999px; width: 14px; } .attribute-enhancer-layered-images .attribute-enhancer-layer-picker { border: none; text-indent: 0px; } #attribute-overlay { background:url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/attributeenhancer/images/overlay-bg.png); position: absolute; top: 0px; left: 0px; z-index: 999; } #attribute-overlay .loader-spinner { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/attributeenhancer/images/ajax-loader.gif); height: 32px; width: 32px; margin: 200px auto; } /* Hidding the top */ #top-hidden-container { overflow: hidden; margin: 0px !important; padding: 0px !important; width:100%; } /* Slider */ div.slider { width:170px; margin:10px 0; background-color:#ccc; height:10px; position: relative; } div.slider div.handle { width:10px; height:15px; background-color:#f00; cursor:move; position: absolute; } /* Info box */ .enhancer-info-box { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/attributeenhancer/images/info.gif) no-repeat center center; cursor: help; float: right; height: 16px; position: relative; width: 16px; } .enhancer-info-description { position: absolute; width: 200px; background-color: #CDDEE6; padding: 10px; border: 1px solid #A5B3B9; font-weight: normal; top: 10px; left: 10px; } /* List buttons */ .attribute-list-color, .attribute-list-image { position: absolute; top: 12px; z-index: 1; } .attribute-list-color-item, .attribute-list-image-item { background-position: center center; border: 1px solid #DADADA; cursor: pointer; float: left; height: 14px; overflow: hidden; margin-right: 3px; text-indent: -9999px; width: 14px; } .attribute-list-text { position: absolute; z-index: 1; } /* Bifrost Confirm Message */ .biforst-message { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/bifrost/images/bifrostmessagebg.png) no-repeat left top; left: -25px; padding: 10px 0px 0px; text-align: center; top: -75px; position: absolute; width: 190px; } .biforst-message > div { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/bifrost/images/bifrostmessagebg.png) no-repeat right bottom; padding: 0px 10px 25px; } /* Bifrost loader div */ .bifrost-loader { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/bifrost/images/bifrostloader.gif) no-repeat center center; display: block; height: 25px; width: 25px; } #product_addtocart_form .bifrost-loader { float: left; } /* Front page */ .cms-index-index .slider-image-background { position: absolute !important; top: 0px; } .cms-index-index .showcase-slider-object a.showcase-click-here { background: none !important; } .cms-index-index .epicslider-list { height: 100%; display: block; } .cms-index-index .epicslider-item > a, .cms-index-index .epicslider-item { height: 100%; display: block; width: 100%; } .cms-index-index .epicslider-wrapper.frontpagebanner { float: left; overflow: inherit; margin-right: 17px; } .cms-index-index .epicslider-wrapper.frontpagebanner li.epicslider-item { float: left; } .cms-index-index .epicslider-wrapper.frontpagebanner .slide-arrow { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/images/arrows.png); display: block; height: 30px; position: absolute; top: 45%; visibility: visible; width: 30px; z-index: 15; } .cms-index-index .object-container { position: relative; display: block; width: 100%; height: 100%; } .cms-index-index .epicslider-wrapper.frontpagebanner .slide-right-arrow { background-position: -30px 0; right: -10px; } .cms-index-index .epicslider-wrapper.frontpagebanner .slide-left-arrow { left: -10px; } .cms-index-index .epicslider-wrapper.frontpagebanner .epicslider-dots-container { bottom: 10px; position: absolute; text-align: center; width: 100%; display: block; } .cms-index-index .epicslider-wrapper.frontpagebanner a.epicslider-dot { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/images/bullets.png) center top; display: inline-block; height: 15px; width: 18px; } .cms-index-index .epicslider-wrapper.frontpagebanner a.epicslider-dot.active { background-position: center -22px; } .cms-index-index .forsiderightet { margin-bottom: 1px; } .cms-index-index .epicslider-wrapper li.epicslider-item { float: none; } body.theme-page { overflow: hidden; } body.theme-page .topbbar { display: none; } .theme-container { overflow: hidden; height: 100%; position: absolute; width: 100%; } .epicslider-wrapper { position: relative; overflow: hidden; width: 100%; -webkit-transform: translate3d(0px, 0px, 0px); } .theme-container .fullwidth-container .epicslider-wrapper { position: relative; overflow: hidden; width: 100%; -webkit-transform: translate3d(0px, 0px, 0px); background-size: cover !important; } .epicslider-wrapper.first { display: block; } .epicslider-container { overflow: hidden; position: relative; width: 100%; } .epicslider-list { position: absolute; } .epicslider-list .epicslider-item { float: left; position: relative; } .epicslider-list .epicslider-item iframe { position: absolute; left: 50%; top: 50%; margin-left:-400px; margin-top: -284px; height: 488px; width: 800px; z-index: 99; } .epicslider-list .epicslider-item div.slider-image-background, .epicslider-list .epicslider-item img { position: relative; margin-top: 0px; width: 100%; } .epicslider-list .epicslider-item .epicslider-text-render { margin: 0px; padding: 0px; position: absolute; } /* .epicslider-dots-container { display: none; position: absolute; bottom: 30px; width: 100%; left: 0px; margin: 0px !important; z-index: 999; text-align: center; margin: 0 auto !important; } .epicslider-dot { margin-right: 10px; height: 50px; width: 50px; background-color: red; display: block; z-index: 999; text-align: center; margin: 0 2px; display: inline-block; } .epicslider-dot.active { background-color: blue; } */ .slide-arrow { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/images/slider-arrows.png) no-repeat right -119px; width: 56px; height: 114px; position: absolute; z-index: 9; } .slide-arrow.slide-left-arrow { background-position: left -359px; left: 0px; top: 40%; } .slide-arrow.slide-right-arrow { background-position: right -119px; right: 0px; top: 40%; } /* Slider Thumbnails */ .slider-thumbnails { position: absolute; top: 30px; z-index: 999; width: 100%; } /* .slider-thumbnails img { height: 190px; margin-left: -147px; margin-top: -38px; } */ .slider-thumbnails .thumb-wrapper { overflow: hidden; width: 590px; margin: 0 auto; text-align: center; } .slider-thumbnails .thumb-wrapper .thumb-container { width: 100000px; } .slider-thumbnails .thumb-wrapper .thumb-container a { float: left; margin-right: 38px; height: 114px; width: 87px; } .slider-thumbnails .thumb-wrapper .thumb-container a span { display: block; width: 87px; height: 114px; overflow: hidden; } .slider-thumbnails .thumb-wrapper .thumb-container a.active-child { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/images/thumbarrow.png) no-repeat bottom center; padding-bottom: 24px; } .slider-thumbnails .thumb-wrapper .thumb-container a.active-child span {} .slider-thumbnail-container { position: relative; width: 590px; margin: 0 auto; margin-top: 5px; } .epicslider-wrapper .slidearrow { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/images/thumbarrows.png) no-repeat right top; cursor: pointer; height: 114px; position: absolute; top: 3px; width: 33px; } .epicslider-wrapper .slidearrow.next { right: -43px; } .epicslider-wrapper .slidearrow.previous { background-position: left top; left: -43px; } .product-tabs .tab-list-nav { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/images/sprite_slider.png) no-repeat;width:25px;height:55px;text-indent: -15000px;position:absolute;top:150px;;cursor: pointer; } .product-tabs .tab-list-nav.next { background-position: -175px 0px;right: -25px; } .product-tabs .tab-list-nav.previous { background-position: 0px 0px;left: -25px; } /* Container Menu */ .themes { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/images/topmenu-bg.png) repeat-x; color: #828282; font-family: 'DIN', 'TitilliumText', sans-serif; font-size: 24px; height: 32px; text-transform: uppercase; position: absolute; width: 100%; z-index: 9; } .themes .theme-wrapper { margin: 0 auto; } .themes .theme-wrapper span { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/images/fullwidth-liner.png) no-repeat left top; cursor: pointer; color: #515151; display: inline-block; margin-left: -4px; text-shadow: rgb(224, 224, 224) 1px 1px 0px; padding: 3px 16px 0px 14px; height: 29px; } .themes .theme-wrapper span:first-child { background: none; } .themes .theme-wrapper span.active { color: #400515; text-shadow: rgb(214, 18, 85) 1px 1px 0px; background-image: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/images/container-menu-active.png); background-position: left top; background-repeat: repeat-x; } .fullwidth-container { color: #828282; font-family: 'DIN', 'TitilliumText'; font-size: 24px; height: 32px; margin-top: 32px; text-transform: uppercase; position: absolute; width: 100%; height: 100%; } .fullwidth-container > ul { float: left; } .fullwidth-container > ul > li { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/images/fullwidth-liner.png) no-repeat right top; cursor: pointer; color: #515151; display: inline-block; float: left; margin-left: 0px; text-shadow: rgb(224, 224, 224) 1px 1px 0px; } .fullwidth-container > ul > li > span { } .fullwidth-container .close { cursor: pointer; float: right; margin-right: 15px; } .fullwidth-container .close img { padding-top: 6px; } .close { cursor: pointer; position: absolute; right: 11px; top: 6px; z-index: 99; } .fullwidth-container > ul > li > ul { float: left; } .fullwidth-container > ul > li > ul > li { float: left; position: relative; } /* Fullwidth Footer */ .fullwidth-footer { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/images/topmenu-bg.png) repeat-x; color: #828282; font-family: 'DIN'; font-size: 24px; height: 32px; text-transform: uppercase; position: fixed; bottom: 0px; width: 100%; } .fullwidth-footer div { float: right; color: #fff; font-size: 14px; font-family: 'DIN'; text-transform: uppercase; margin-right: 15px; margin-top: 9px; text-shadow: 0px 0px 0px rgba(0,0,0,0.3); text-shadow: 0px 0px 6px rgba(0,0,0,0.1); } .fullwidth-footer div a { color: #fff; text-decoration: none; } .fullwidth-footer .linkbg { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/images/fullwidth-linkbg.png) bottom left no-repeat; position: absolute; left: 0px; bottom: 0px; height: 65px; width: 548px; } .invislink { cursor: pointer; position: absolute; left: 0px; bottom: 0px; height: 97px; width: 502px; z-index: 9999; } /* Slider object */ .showcase-slider-object a, .showcase-slider-object span { display: none; } .showcase-slider-object a.showcase-click-here { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/images/showcase-btn-big.png) no-repeat; height: 70px; display: block; text-indent: -99999px; width: 186px; } .showcase-slider-object a.showcase-click-here.multiple { background-size: 100%; width: 93px; } .epicslider-text-render { font-family: Arial; text-align: left; } .theme-logo { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/images/theme-logo.png) no-repeat; background-size: 100%; position: absolute; right: -1px; top: 94px; height: 192px; width: 152px; z-index: 99; } .theme-logo a { cursor: pointer; height: 100%; display: block; width: 100%; } .object-container { position: relative; } div.ipad-popup { display: none; /* exists also as inline style | blame IE */ position: fixed; top: 640px; z-index: 1500; height: auto; width: 300px; background: #FBFBFB; border-radius: 3px; left: 50%; margin-left: -150px; box-shadow: #000 0px 0px 15px; font-size: 16px; } div.ipad-popup .ipad-popup-inner { padding: 20px; } /* Desktops and laptops ----------- */ @media only screen and (max-width : 1024px) { .theme-logo { background-size: 100%; width: 100px; } .epicslider-list .epicslider-item iframe { margin-left: -375px; margin-top: -293px; height: 458px; width: 750px; } .fullwidth-footer .linkbg { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/images/fullwidth-linkbg.png) bottom left no-repeat; position: absolute; left: 0px; bottom: 0px; height: 65px; width: 435px; background-size: 100%; } } /* 768x1024 */ /* @media all and (max-height: 1100px) and (min-width : 768px) and (max-width : 1279px) { .theme-logo { background-size: 100%; width: 100px; } .epicslider-list .epicslider-item iframe { margin-left: -275px; margin-top: -293px; height: 336px; width: 550px; } .slide-arrow { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/images/slider-arrows.png) no-repeat right -119px; width: 40px; height: 73px; position: absolute; z-index: 9; background-size: 100%; background-position: top left !important; } .slide-arrow.slide-left-arrow { background-position: 0px -150px !important; } .slide-arrow.slide-right-arrow:hover { width: 40px; } .slide-arrow.slide-left-arrow:hover { width: 40px; } .slider-image-background.lookbook { background-size: cover !important; max-height: 700px; max-width: 465px; margin-top: 175px !important; } .slider-thumbnail-container { position: relative; width: 465px; margin: 0 auto; margin-top: 0px; } .slider-thumbnails .thumb-wrapper .thumb-container a span { display: block; width: 74px; height: 100px; } .slider-thumbnails .thumb-wrapper .thumb-container a { margin-right: 26px; height: auto; width: 74px; } .slider-thumbnails img { width: 100%; } .slider-thumbnails .thumb-wrapper { width: 465px; } } */ /* 1280x1024 */ @media all and (max-height: 1100px) and (min-width : 1280px) and (max-width : 1365px) { .showcase-slider-object a.showcase-click-here { width: 150px; background-size: 100%; } .theme-logo { background-size: 100%; width: 100px; } .slider-image-background.lookbook { background-size: cover !important; max-height: 730px; max-width: 484px; margin-top: 185px !important; } .slider-thumbnail-container { position: relative; width: 484px; margin: 0 auto; margin-top: 0px; } .slider-thumbnails .thumb-wrapper .thumb-container a span { display: block; width: 87px; height: 114px;; } .slider-thumbnails .thumb-wrapper .thumb-container a { margin-right: 12px; height: auto; width: 87px; } .slider-thumbnails img { /* margin-left: -111px; height: 144px; width: auto; margin-top: -26px; */ width: 100%; } .slider-thumbnails .thumb-wrapper { width: 484px; } .epicslider-wrapper .slidearrow { width: 34px; background-size: 200%; } } /* 1280x800 */ @media all and (max-height: 900px) and (min-width : 1280px) and (max-width : 1365px) { .theme-logo { background-size: 100%; width: 100px; } .slider-image-background.lookbook { background-size: cover !important; max-height: 530px; max-width: 353px; margin-top: 155px !important; } .slider-thumbnail-container { position: relative; width: 353px; margin: 0 auto; margin-top: 0px; } .slider-thumbnails .thumb-wrapper .thumb-container a span { display: block; width: 61px; height: 80px; } .slider-thumbnails .thumb-wrapper .thumb-container a { margin-right: 12px; height: auto; width: 61px; } .slider-thumbnails img { /* margin-left: -111px; height: 144px; width: auto; margin-top: -26px; */ width: 100%; } .slider-thumbnails .thumb-wrapper { width: 353px; } .epicslider-wrapper .slidearrow { width: 24px; background-size: 200%; } } /* 1366x768 */ @media all and (max-height: 1100px) and (min-width : 1366px) and (max-width : 1439px) { .theme-logo { background-size: 100%; width: 100px; } .slider-image-background.lookbook { background-size: cover !important; max-height: 500px; max-width: 332px; margin-top: 145px !important; } .slider-thumbnail-container { position: relative; width: 332px; margin: 0 auto; margin-top: 0px; } .slider-thumbnails .thumb-wrapper .thumb-container a span { display: block; width: 57px; height: 74px; } .slider-thumbnails .thumb-wrapper .thumb-container a { margin-right: 12px; height: auto; width: 57px; } .slider-thumbnails img { /* margin-left: -111px; height: 144px; width: auto; margin-top: -26px; */ width: 100%; } .slider-thumbnails .thumb-wrapper { width: 332px; } .epicslider-wrapper .slidearrow { width: 23px; background-size: 200%; } } /* 1440x900 */ @media all and (max-height: 1100px) and (min-width : 1440px) and (max-width : 1599px), { .theme-logo { background-size: 100%; width: 100px; } .slider-image-background.lookbook { background-size: cover !important; max-height: 628px; max-width: 417px; margin-top: 170px !important; } .slider-thumbnail-container { position: relative; width: 417px; margin: 0 auto; margin-top: 0px; } .slider-thumbnails .thumb-wrapper .thumb-container a span { display: block; width: 74px; height: 102px; } .slider-thumbnails .thumb-wrapper .thumb-container a { margin-right: 11px; height: auto; width: 74px; } .slider-thumbnails img { width: 100%; } .slider-thumbnails .thumb-wrapper { width: 417px; } .epicslider-wrapper .slidearrow { width: 28px; background-size: 200%; } } /* 1600x1050 */ @media all and (max-height: 1100px) and (min-width : 1600px) and (max-width : 1919px) { .theme-logo { background-size: 100%; width: 100px; } .slider-image-background.lookbook { background-size: cover !important; max-height: 705px; max-width: 470px; margin-top: 195px !important; } .slider-thumbnail-container { position: relative; width: 470px; margin: 0 auto; margin-top: 0px; } .slider-thumbnails .thumb-wrapper .thumb-container a span { display: block; width: 85px; height: 112px; } .slider-thumbnails .thumb-wrapper .thumb-container a { margin-right: 11px; height: auto; width: 85px; } .slider-thumbnails img { width: 100%; } .slider-thumbnails .thumb-wrapper { width: 470px; } .epicslider-wrapper .slidearrow { width: 32px; background-size: 200%; } } /* 1600x900 */ @media all and (max-height: 900px) and (min-width : 1600px) and (max-width : 1919px) { .theme-logo { background-size: 100%; width: 100px; } .slider-image-background.lookbook { background-size: cover !important; max-height: 628px; max-width: 417px; margin-top: 170px !important; } .slider-thumbnail-container { position: relative; width: 417px; margin: 0 auto; margin-top: 0px; } .slider-thumbnails .thumb-wrapper .thumb-container a span { display: block; width: 74px; height: 102px; } .slider-thumbnails .thumb-wrapper .thumb-container a { margin-right: 11px; height: auto; width: 74px; } .slider-thumbnails img { width: 100%; } .slider-thumbnails .thumb-wrapper { width: 417px; } .epicslider-wrapper .slidearrow { width: 28px; background-size: 200%; } } /* 1920x1080 */ @media all and (max-height: 1080px) and (min-width : 1920px) and (max-width : 2200px) { .theme-logo { background-size: 100%; width: 100px; } .slider-image-background.lookbook { background-size: cover !important; max-height: 785px; max-width: 520px; margin-top: 190px !important; } .slider-thumbnail-container { position: relative; width: 520px; margin: 0 auto; margin-top: 0px; } .slider-thumbnails .thumb-wrapper .thumb-container a { margin-right: 21px; } .slider-thumbnails img { width: 100%; } .slider-thumbnails .thumb-wrapper { width: 520px; } .epicslider-wrapper .slidearrow { width: 33px; background-size: 200%; } } @media all and (max-width : 1340px) { .theme-logo { height: 132px; width: 90px; } } /* iPhone */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { .theme-logo { background-size: 100%; width: 80px; } .fullwidth-footer .linkbg { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/images/fullwidth-linkbg-mobile.png) no-repeat center center; background-size: 100%; height: 65px; width: 100%; } .epicslider-list .epicslider-item iframe { margin-left: -275px; margin-top: -293px; height: 336px; width: 550px; } .fullwidth-footer .linkbg { bottom: -6px; } .showcase-slider-object a.showcase-click-here.multiple { background-size: 100%; width: 125px; } .invislink { height: 84px; width: 100%; } .slider-thumbnail-container { position: relative; width: 525px; margin: 0 auto; margin-top: 0px; } .slider-thumbnails .thumb-wrapper .thumb-container a span { display: block; width: 84px; height: 118px; } .slider-thumbnails .thumb-wrapper .thumb-container a { margin-right: 26px; height: auto; width: 84px; } .slider-thumbnails img { /* margin-left: -111px; height: 144px; width: auto; margin-top: -26px; */ width: 100%; } .slider-thumbnails .thumb-wrapper { width: 525px; } .epicslider-wrapper .slidearrow { width: 24px; background-size: 200%; } .epicslider-wrapper .slidearrow.next { right: -30px; } .epicslider-wrapper .slidearrow.previous { left: -30px; } .slider-thumbnails .thumb-wrapper .thumb-container a.active-child { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/images/thumbarrow.png) no-repeat bottom center; padding-bottom: 18px; background-size: 24%; } .slider-image-background.lookbook { max-width: 525px; max-height: 790px; background-size: cover !important; } } /* iPads (portrait and landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) { .theme-logo { background-size: 100%; width: 110px; } .slider-image-background.lookbook { background-size: cover !important; max-height: 500px; max-width: 332px; margin-top: 145px !important; } .slider-thumbnail-container { position: relative; width: 332px; margin: 0 auto; margin-top: 0px; } .slider-thumbnails .thumb-wrapper .thumb-container a span { display: block; width: 57px; height: 74px; } .slider-thumbnails .thumb-wrapper .thumb-container a { margin-right: 12px; height: auto; width: 57px; } .slider-thumbnails img { /* margin-left: -111px; height: 144px; width: auto; margin-top: -26px; */ width: 100%; } .slider-thumbnails .thumb-wrapper { width: 332px; } .fullwidth-footer .linkbg { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/images/fullwidth-linkbg-ipad.png) bottom left no-repeat; height: 32px; width: 400px; } } /* iPads (landscape) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { .slider-thumbnails img { /* margin-left: -114px; height: 146px; width: auto; margin-top: -28px; */ width: 100%; } .epicslider-wrapper .slidearrow { width: 24px; background-size: 200%; } .epicslider-wrapper .slidearrow.next { right: -30px; } .epicslider-wrapper .slidearrow.previous { left: -30px; } .slider-thumbnails .thumb-wrapper .thumb-container a.active-child { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/images/thumbarrow.png) no-repeat bottom center; padding-bottom: 18px; background-size: 24%; } .epicslider-list .epicslider-item iframe { margin-top: -345px; } .fullwidth-footer .linkbg { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/images/fullwidth-linkbg-ipad.png) bottom left no-repeat; height: 32px; width: 400px; } } /* iPads (portrait) ----------- */ @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { .slider-thumbnails { position: absolute; top: 30px; z-index: 999; width: 100%; } /* .slider-thumbnails img { height: 190px; margin-left: -147px; margin-top: -38px; } */ .slider-thumbnails .thumb-wrapper { overflow: hidden; width: 590px; margin: 0 auto; text-align: center; } .slider-thumbnails .thumb-wrapper .thumb-container { width: 100000px; } .slider-thumbnails .thumb-wrapper .thumb-container a { float: left; margin-right: 38px; height: 114px; width: 87px; } .slider-thumbnails .thumb-wrapper .thumb-container a span { display: block; width: 87px; height: 114px; overflow: hidden; } .slider-thumbnails .thumb-wrapper .thumb-container a.active-child { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/images/thumbarrow.png) no-repeat bottom center; padding-bottom: 24px; } .slider-thumbnails .thumb-wrapper .thumb-container a.active-child span {} .slider-thumbnail-container { position: relative; width: 590px; margin: 0 auto; margin-top: 5px; } .slider-image-background.lookbook { background-size: cover !important; max-height: 900px; max-width: 600px; margin-top: 200px !important; } } .pace.pace-inactive { display: none; } .pace { -webkit-pointer-events: none; pointer-events: none; z-index: 2000; position: fixed; margin: auto; top: 0; left: 0; right: 0; bottom: 0; height: 100%; width: 100%; } .pace.pace-inactive .pace-activity { display: none; } .pace .pace-activity { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/base/default/images/S24_Loader.gif) no-repeat center center; background-color: #fff; position: fixed; z-index: 2000; display: block; position: absolute; left: 0px; top: 0px; height: 100%; width: 100%; display: block; } .pace .pace-activity:before { content: ' '; position: absolute; top: 10px; left: 10px; height: 50px; width: 50px; display: block; } @-webkit-keyframes spin { 100% { -webkit-transform: rotate(359deg); } } @-moz-keyframes spin { 100% { -moz-transform: rotate(359deg); } } @-o-keyframes spin { 100% { -moz-transform: rotate(359deg); } } @keyframes spin { 100% { transform: rotate(359deg); } } .epicslider-link-render { position: absolute; } .epicslider-link-render.button { background: #fff; box-shadow: 0px 6px 15px -2px rgba(0,0,0,0.75); text-align: center; box-sizing: border-box; border-radius: 0px; line-height: 18px; color: #bb0c3d; font-size: 24px; text-transform: uppercase; font-family: 'DINCondBold', sans-serif; } .marvelouscms-page { float: left; margin-bottom: 20px; width: 100%; } .marvelouscms-page-container { float: left; margin-bottom: 0px; width: 100%; } .marvelouscms-page-container.skjult { display: none; } .marvelouscms-page-container.skjult a { outline: none; } .marvelouscms-page-container.skjult.open { position: relative; overflow: hidden; padding: 15px !important; width: 768px;margin-left: 5px; border: 1px solid #e3e0dc !important; margin-bottom: 10px !important; } .marvelouscms-page-container.skjult.open .close { width: 27px; height: 27px; position: absolute; top: 6px; right: 6px; background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/cross.png) no-repeat; cursor: pointer; } .marvelouscms-col { box-sizing: border-box; float: left; min-height: 5px; padding: 0px 5px; } .marvelouscms-page .category-image { margin: 0; width: 100%; } .marvelouscms-page .category-image img { width: 100%; display: table; } .marvelouscms-col .marvelouscms-element { float: left; width: 100%; position: relative; border-color: #e3e0dc; border-width: 1px; } .marvelouscms-col .marvelouscms-element h1 { color: #4c4c4c; font-size: 20px; text-transform: uppercase; line-height: 20px; margin: 0; } .marvelouscms-col .opacity-bg { position: absolute; bottom: 0; background-color: rgba(233, 231, 227, 0.85); width: 100%; margin: 0; height: 126px; padding: 28px 21px; overflow: hidden; } .marvelouscms-col .opacity-bg-wrap { position: relative; min-height: 126px;} .marvelouscms-col .opacity-bg h1 { font-size: 24px; text-transform: uppercase; float: left; color: #4c4c4c; width: 100%; margin: 0; line-height: 30px; } .marvelouscms-col .opacity-bg .category-description { float: left; color: #737070; font-size: 12px; width: 100%; line-height: 18px; margin-top: 10px; } .marvelouscms-col .opacity-bg .read-more { background: #774554; height: 36px; line-height: 35px; padding: 0px 20px; font-size: 14px; color: #fff; text-transform: uppercase; display: block; float: right; cursor: pointer; margin-top: 12px; border-radius: 4px; } .marvelouscms-element.std p { line-height: 15px; } @media only screen and (max-width: 770px) { .marvelouscms-col { padding: 0px !important; width: 100% !important; } } /* * The padding issue */ .marvelouscms-element.std p:last-child { margin-bottom: 0px; } .marvelouscms-element.std p:last-child img { vertical-align: top; max-width: 100%; } @media only screen and (min-width: 770px) { .marvelouscms-page { margin: 0px 0px 0px -0.5%; } .marvelouscms-page-container { width: 101%; } .col2-left-layout .marvelouscms-page-container { width: 778px; } } @media only screen and (max-width: 770px) { .marvelouscms-col:last-child .marvelouscms-element.std:last-child { } } #megamenu { padding: 0px 10px; position: relative; } .megamenu-container a { text-decoration: none; } .megamenu-container .megamenu-list { background-color: #fff; display: none; left: 0px; position: absolute; width: auto; z-index: 10; } .megamenu-container .megamenu-list.megamenu-level-0 { display: block; } .megamenu-container .megamenu-list > li { float: left; } .megamenu-container .megamenu-list li.parent:hover > .megamenu-list { display: block; top: 33px; } .megamenu-container .nav-type > ul { float: left; } .megamenu-container .nav-type p { font-weight: bold; margin: 0px; padding: 0px; } .megamenu-container .megamenu-list.megamenu-level-1 { border: 12px solid #f1eee8; -moz-box-shadow: 0 8px 20px -4px rgba(0,0,0,0.27); -webkit-box-shadow: 0 8px 20px -4px rgba(0,0,0,0.27); box-shadow: 0 8px 20px -4px rgba(0,0,0,0.27); } .megamenu-container .megamenu-type-container-0 > .nav-type > ul > li { float: left; } .megamenu-container .megamenu-type-container-0 > .nav-type-browseby ul.megamenu-level-1 { float: left; } .megamenu-container .megamenu-type-container-0 > .nav-type-browseby-1 ul.megamenu-level-1 { width: 946px !important; /* margin-left: 0px !important; */ } .megamenu-container .megamenu-type-container-0 > .nav-type-browseby-1 ul.megamenu-level-1 .megamenu-type-container-1 { width: 100%; } .megamenu-container .megamenu-type-container-0 > .nav-type-browseby-2 ul.megamenu-level-1 { left: initial; } .megamenu-container .megamenu-type-container-1 { display: inline; } .megamenu-container .megamenu-type-container-1 ul { clear: none; padding-right: 10px; } .megamenu-container .megamenu-type-container-1:last-child ul:last-child { border-right: none; margin-right: 0px; } .megamenu-container .megamenu-type-container-1 .nav-type-attribute ul { width: 66px; padding: 0px; } .megamenu-container .megamenu-type-container-1 .nav-type-attribute ul:last-child { background-image: none !important; } .megamenu-container .megamenu-type-container-1 .nav-type-trends ul { width: 144px; } .megamenu-container .megamenu-type-container-1 .nav-type-browseby_option ul { width:100%; } .megamenu-container .megamenu-type-container-1 .nav-type-browseby_option ul li { float: left; } .megamenu-container .megamenu-type-container-1 .nav-type-browseby ul { width: 155px; } .megamenu-level-1 .nav-type-category .level1 { float: left; width: 150px; display: inline-block; position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} /* .megamenu-level-1 .nav-type-category .level1 > a { padding: 0; font-size: 13px; margin-bottom: 20px; padding-left: 20px;} */ .megamenu-level-1 .nav-type-category .level1 > a { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/dot_tile_nav.png) repeat-x center bottom; font-size: 14px; text-transform: uppercase; margin: 0 0 20px 0; padding: 10px 0 10px 20px; width: 128px; } .megamenu-container .megamenu-list.megamenu-level-1 .nav-type>ul.first-column { padding: 0 !important; margin-right: 0px; } .megamenu-level-1 .megamenu-type-container-2 a { font-size: 12px; color: #484745; } .megamenu-level-1 .megamenu-type-container-2 .level2 { margin-bottom: 5px; } .megamenu-level-1 .nav-type-category .megamenu-type-container-2 > .nav-type-category { padding-top: 0 !important; } .megamenu-level-2 { display: block !important; position: static !important;} .level1 .megamenu-level-2 .megamenu-type-container-2 { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/dot_tile_nav_vertical.png) #FFF repeat-y left top; width: 118px; min-height: 100px; padding-left: 20px; } .level1:first-child .megamenu-level-2 .megamenu-type-container-2 { background: none; } .nav-type-category .nav-headline-type-category { display: none; } .megamenu-container .megamenu-list.megamenu-level-1 .nav-type.nav-type-browseby>ul, .megamenu-container .megamenu-list.megamenu-level-1 .nav-type.nav-type-browseby .list-content { padding-left: 20px !important; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .nav-type.nav-type-trends ul { width: 118px !important; } .nav-type.nav-type-trends ul.first { background: url(http://houseofkidsdk.phvm-132.cust.powerhosting.dk/skin/frontend/default/houseofkids/images/dot_tile_nav_vertical.png) #FFF repeat-y left top; } .megamenu-container .megamenu-list.megamenu-level-1 .nav-type.nav-type-trends { width: 100% !important; } .megamenu-container .megamenu-list li.parent:hover > div.nav-type-browseby .megamenu-list { margin-left: -39px !important; } .showcase-slider-object { position: absolute; } .search-autocomplete ul.wyomind-elasticsearch li.title, .search-autocomplete ul.wyomind-elasticsearch li.title a { padding: 6px; background-color: #f4f4f4; color: #636363; text-transform: uppercase; } .search-autocomplete ul.wyomind-elasticsearch { background-color: #fff; border: 1px solid #d5e4eb; border-bottom: 0; } .search-autocomplete ul.wyomind-elasticsearch li { padding: 0; border-bottom: 1px solid #d5e4eb; } .search-autocomplete ul.wyomind-elasticsearch li .image { float: left; margin-right: 6px; background-color: #fff; } .search-autocomplete ul.wyomind-elasticsearch li a { display: block; padding: 6px; text-decoration: none; } .search-autocomplete ul.wyomind-elasticsearch li.selected a { text-decoration: none; background-color: #ecf3f6; } .search-autocomplete ul.wyomind-elasticsearch li .price-box { margin: 0; } .search-autocomplete ul.wyomind-elasticsearch li a .price-box .minimal-price-link { padding: 0; } .search-autocomplete ul.wyomind-elasticsearch li .clearer { clear: both; } #cookies-eu-banner { background: #e5e1def5; color: #4c4c4c; font-size: 12px; font-family: font-family: 'Source Sans Pro', sans-serif; text-align: center; position: fixed; bottom: 0; z-index: 1000; width: 80%; border: 1px solid #adadad; border-bottom: 0; padding-left: 10%; padding-right: 10%; } #cookies-eu-banner .first-info { margin-top: 2px; display: flex; justify-content: center; } #cookies-eu-banner .first-info .cookie-btns { display: flex; margin-left: 100px; } #cookies-eu-banner .first-info p { line-height: 1.5; } #cookies-eu-more, #cookies-eu-accept, #cookies-eu-reject, .cookies-eu-toggle-accept, .cookies-eu-toggle-reject { text-decoration: none; background: #353535; color: #fff; border: 1px solid #000; cursor: pointer; padding: 4px 7px; margin: auto; margin-right: 15px; font-size: 13px; font-weight: bold; transition: background 0.07s, color 0.07s, border-color 0.07s; display: inline-block; min-height: 21px; } #cookies-eu-more-info { cursor: pointer; text-decoration: underline; } #cookies-eu-close-banner { width: 32px; height: 11px; position: absolute; top: -15px; right: -15px; text-align: center; border-radius: 900px; background: #222; border: 1px solid #000; letter-spacing: 0; } #cookies-eu-banner .change-settings { margin-top: 10px; } #cookies-eu-more:hover, #cookies-eu-accept:hover, #cookies-eu-close-banner:hover { background: #fff; color: #222; } #cookies-eu-banner .more-info { margin-bottom: 22px; margin-top: 20px; display: flex; justify-content: space-between; } #cookies-eu-banner .more-info p { margin-top: 0; } #cookies-eu-banner .more-info .text-section { width: 32.3%; } #cookies-eu-more { margin-left: 7px; } #cookies-eu-reject { background: none; font-weight: normal; color: #ccc; cursor: pointer; padding: 4px 7px; margin: 2px 0; border: 1px solid #666; } #cookies-eu-reject:hover, #cookies-eu-reject:focus { border-color: #fff; background: #222; color: #fff; } @media only screen and (max-width: 640px) { #cookies-eu-banner .first-info { display: block; justify-content: center; margin-top: 4px; margin-bottom: 4px; } #cookies-eu-banner .first-info .cookie-btns { display: flex; margin-left: 0; justify-content: space-around; width: 50%; margin: auto; margin-bottom: 6px; margin-top: 6px; } #cookies-eu-banner .more-info .text-section { width: 100%; margin-bottom: 9px; } #cookies-eu-banner .more-info { margin-bottom: 0; } } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .block-amseorichdata { margin: 20px 0 10px; clear: both; } .block-amseorichdata .block-content { padding: 7px 7px; }