/* * jQuery UI CSS Framework 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Trebuchet%20MS,%20Tahoma,%20Verdana,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=f6a828&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=35&borderColorHeader=e78f08&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=eeeeee&bgTextureContent=03_highlight_soft.png&bgImgOpacityContent=100&borderColorContent=dddddd&fcContent=333333&iconColorContent=222222&bgColorDefault=f6f6f6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=100&borderColorDefault=cccccc&fcDefault=1c94c4&iconColorDefault=ef8c08&bgColorHover=fdf5ce&bgTextureHover=02_glass.png&bgImgOpacityHover=100&borderColorHover=fbcb09&fcHover=c77405&iconColorHover=ef8c08&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=fbd850&fcActive=eb8f00&iconColorActive=ef8c08&bgColorHighlight=ffe45c&bgTextureHighlight=03_highlight_soft.png&bgImgOpacityHighlight=75&borderColorHighlight=fed22f&fcHighlight=363636&iconColorHighlight=228ef1&bgColorError=b81900&bgTextureError=08_diagonals_thick.png&bgImgOpacityError=18&borderColorError=cd0a0a&fcError=ffffff&iconColorError=ffd27a&bgColorOverlay=666666&bgTextureOverlay=08_diagonals_thick.png&bgImgOpacityOverlay=20&opacityOverlay=50&bgColorShadow=000000&bgTextureShadow=01_flat.png&bgImgOpacityShadow=10&opacityShadow=20&thicknessShadow=5px&offsetTopShadow=-5px&offsetLeftShadow=-5px&cornerRadiusShadow=5px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, Helvetica, sans-serif; font-size: 1em; } .ui-widget-content { border-left: 1px solid #000; background: #303030; color: #FFFFFF; border-top:1px solid #000; border-bottom:1px solid #666;} /*.ui-widget-content a { color: #333333; }*/ .ui-widget-header { color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background:url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jquery-ui/bg_price_slider_btn.jpg) -4px -4px no-repeat; font-weight: bold; color: #1c94c4; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { font-weight: bold; color: #c77405; } .ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background:url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jquery-ui/bg_price_slider_btn.jpg) -4px -3px no-repeat; font-weight: bold; color: #eb8f00; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fed22f; background: #ffe45c url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jquery-ui/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jquery-ui/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jquery-ui/ui-icons_222222_256x240.png); } .ui-widget-content .ui-icon {background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jquery-ui/ui-icons_222222_256x240.png); } .ui-widget-header .ui-icon {background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jquery-ui/close_x.png); } .ui-state-default .ui-icon { background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jquery-ui/ui-icons_ef8c08_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jquery-ui/close_x.png); } .ui-state-active .ui-icon {background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jquery-ui/ui-icons_ef8c08_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jquery-ui/ui-icons_228ef1_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jquery-ui/ui-icons_ffd27a_256x240.png); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: 0px 0px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { } /* Overlays */ .ui-widget-overlay { background: #666666 url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jquery-ui/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); } .ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jquery-ui/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -khtml-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }/* * jQuery UI Resizable 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/* * jQuery UI Selectable 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /* * jQuery UI Accordion 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; } /* * jQuery UI Autocomplete 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.16 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px; } /* * jQuery UI Button 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* * jQuery UI Dialog 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { min-width:400px; box-shadow: 0 0 30px #000000; border: 1px solid #545454;position: absolute; padding: .2em; width: 300px; /*overflow: hidden;*/ background: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/cc_bg_tile.gif");} .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { border-bottom: 1px dotted #FFFFFF; border-top: 1px dotted #FFFFFF; float: left; font-family: Coolcat-Heavy; font-size: 20px; margin: 15px 16px 0.1em 0; padding-bottom: 12px; padding-top: 10px; text-align: left; text-transform: uppercase; width: 100%; font-weight:normal; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; z-index: 1001; right: 10px; top: 0%; width: 30px; margin: -16px 0 0 0; padding: 1px; height: 25px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; width:30px; height:30px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; text-align: left; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border: none; background-image: none; background-color: transparent; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /*Newsletter popup dialog*/ .ui-dialog.popupsubscribe_popuplink{ background: #FFF; color: #000; } .ui-dialog.popupsubscribe_popuplink #ui-dialog-title-dialog-formsubscribe_popuplink{ display: none; } .ui-dialog.popupsubscribe_popuplink .ui-dialog-titlebar{ padding: 0px; } .ui-dialog.popupsubscribe_popuplink .ui-dialog .ui-dialog-titlebar-close span{ display: block; margin: 1px; width: 40px; height: 20px; } .ui-dialog.popupsubscribe_popuplink .ui-widget-content{ color: #000; padding: 0px; overflow: hidden; } .ui-dialog.popupsubscribe_popuplink span.ui-checkbox{ background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jquery-ui/icon_checkbox-new.png) left no-repeat; } .ui-dialog.popupsubscribe_popuplink span.ui-checkbox-state-checked-hover{ background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jquery-ui/icon_checkbox_checked-new.png) left no-repeat; } .ui-dialog.popupsubscribe_popuplink span.ui-checkbox-state-checked{ background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jquery-ui/icon_checkbox_checked-new.png) left no-repeat; } /* * jQuery UI Slider 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; background:url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jquery-ui/bg_price_slider_btn.jpg") no-repeat scroll -4px -4px transparent !important; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .ui-slider-horizontal { height: 5px; margin-top:10px; width:120px;} .ui-slider-horizontal .ui-slider-handle { top: -5px; margin-left: -.6em; border-radius:9px;} .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; background-color:#00CCFF; } .ui-slider-horizontal .ui-slider-range-min { left: 0; } .ui-slider-horizontal .ui-slider-range-max { right: 0; } .ui-slider-vertical { width: .8em; height: 100px; } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .ui-slider-vertical .ui-slider-range-max { top: 0; } /* * jQuery UI Tabs 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* * jQuery UI Datepicker 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width:auto; } .ui-datepicker-multi .ui-datepicker-group { float:left; } .ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width:50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width:25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; } .ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; } .ui-datepicker-row-break { clear:both; width:100%; font-size:0em; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* * jQuery UI Progressbar 1.8.16 * * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } /* Lightbox content */ #subscribeform_div { text-align:left; } .ui-dialog .ui-dialog-content li { list-style-type: disc; margin-left: 1em; } .ui-accordion .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background:none; } .ui-accordion .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { background:none; } .ui-accordion .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image:url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jquery-ui/ui-icons_ef8c08_256x240.png"); } .ui-accordion .ui-widget-content { background:none !important; border-bottom:none !important; border-left:none !important; } .ui-accordion .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color:#00CCFF !important; font-size:15px; } .ui-accordion .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color:#fff; font-size:15px; } .ui-accordion .ui-state-hover a, .ui-state-hover a:hover { color:#00CCFF; } .ui-dialog-buttonset button { background: none repeat scroll 0 0 #00CCFF !important; border: medium none; } .ui-dialog-buttonset button span { color: white; font-family: chantilly-regular; font-size: 15px; text-transform: uppercase; } /* Dropdown control */ .selectBox-dropdown { background-color: #1c1c1e; background-position: right 1px; background-repeat: no-repeat; cursor: default; color: #999999; height: 30px; padding-left: 4px; padding-top: 1px; padding-bottom: 3px; min-width: 50px; position: relative; /* line-height: 1.5;*/ text-decoration: none; outline: none; vertical-align: middle; display: inline-block; cursor: default; text-align: left; overflow: hidden; } .selectBox-dropdown:focus, .selectBox-dropdown:focus .selectBox-arrow { border-color: #666; } .selectBox-dropdown.selectBox-menuShowing { -moz-border-radius-bottomleft: 0; -moz-border-radius-bottomright: 0; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; } .selectBox-dropdown .selectBox-label { padding-left: 8px; padding-top: 8px; padding-bottom: 3px; height:31px; font-size:12px; display: inline-block; white-space: nowrap; overflow: hidden; } .selectBox-dropdown .selectBox-arrow { position: absolute; top: 0; right: 0; width: 23px; height: 100%; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/selectbox_arrow.png') 50% center no-repeat; } /* Dropdown menu */ .selectBox-dropdown-menu { position: absolute; z-index: 99999; max-height: 200px; border: solid 1px #BBB; /*should be the same border width as .selectBox-dropdown */ background: #202020; -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2); box-shadow: 0 2px 6px rgba(0, 0, 0, .2); overflow: auto; text-align: left; } /* Inline control */ .selectBox-inline { min-width: 75px; outline: none; border: solid 1px #BBB; background: #FFF; display: inline-block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; overflow: auto; } .selectBox-inline:focus { border-color: #666; } /* Options */ .selectBox-options, .selectBox-options LI, .selectBox-options LI A { list-style: none; display: block; cursor: default; padding: 0; margin: 0; } .selectBox-options LI A { line-height: 1.5; padding: 0 .5em; white-space: nowrap; overflow: hidden; background: 6px center no-repeat; } .selectBox-options LI.selectBox-hover A { background-color: #1c1c1e; color: #FFF; } .selectBox-options LI.selectBox-disabled A { color: #888; background-color: transparent; } .selectBox-options LI.selectBox-selected A { background-color: #00CCFF; color:#FFFFFF; } .selectBox-options .selectBox-optgroup { color: #666; background: #EEE; font-weight: bold; line-height: 1.5; padding: 0 .3em; white-space: nowrap; } /* Disabled state */ .selectBox.selectBox-disabled { color: #888 !important; } .selectBox-dropdown.selectBox-disabled .selectBox-arrow { opacity: .5; filter: alpha(opacity=50); border-color: #666; } .selectBox-inline.selectBox-disabled { color: #888 !important; } .selectBox-inline.selectBox-disabled .selectBox-options A { background-color: transparent !important; } /*White pages selectbox edit*/ /* ---- Dropdown control ---- */ .sort-by .selectBox-dropdown, .sort-by .selectBox-options, .product-shop .selectBox-dropdown, .product-shop .selectBox-dropdown li, .product-shop .selectBox-dropdown li a, .product-shop .selectBox-dropdown-menu, .product-shop .selectBox-options, .product-shop .selectBox-options li, .product-shop .selectBox-options li a, .product-shop .selectBox-options li.selectBox-disabled a, .product-shop .selectBox-options LI, .product-shop .selectBox-options LI A, .product-shop .selectBox { background-color: #FFFFFF ; color:#000000 !important; border: 1px solid #000; } body.catalog-product-view ul.selectBox-dropdown-menu, body.catalog-product-view ul.selectBox-dropdown-menu li, body.catalog-product-view ul.selectBox-dropdown-menu li a, body.catalog-category-view ul.selectBox-dropdown-menu, body.catalog-category-view ul.selectBox-dropdown-menu li, body.catalog-category-view ul.selectBox-dropdown-menu li a, body.catalog-product-view .selectBox-options LI A, body.catalog-product-view ul.selectBox-options LI A, body.catalog-product-view ul.selectBox-options LI, body.catalog-product-view .selectBox-options LI { background-color: #FFFFFF ; color:#000000 ; } .product-essential a, .product-essential a:hover, .product-essential .selectBox-label, .product-essential .selectBox-label a, .product-view-extra-info-box a, .product-view-extra-info-box a:hover, .product-options-bottom, .product-options-bottom a, .product-options-bottom a:hover, .category-products .selectBox-dropdown { background:#FFFFFF; color: #000000 !important; } body.catalog-product-view .selectBox-options LI A a:hover, body.catalog-product-view ul.selectBox-options LI A a:hover, body.catalog-product-view ul.selectBox-options LI a:hover, body.catalog-product-view .selectBox-options LI a:hover, body.catalog-category-view .selectBox-options LI A a:hover, body.catalog-category-view ul.selectBox-options LI A a:hover, body.catalog-category-view ul.selectBox-options LI a:hover, body.catalog-category-view .selectBox-options LI a:hover, .product-essential .selectBox-label a:hover, .selectBox-options a:hover, .selectBox-selected a:hover, .selectBox-hover, .selectBox-hover a, .selectBox-hover a:hover, .selectBox-options li.selectBox-selected a:hover { color: #000000; background-color: #00CCFF; } .product-shop .selectBox-dropdown .selectBox-arrow, .category-products .selectBox-dropdown .selectBox-arrow{ background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/selectbox_arrow_black.png') 50% center no-repeat !important; } /* * The state classes are a little bit complex, because of the doubble class bug in IE6 * The state class looks like this: * * .ui-radio-state[-checked][-disabled][-hover] or .ui-checkbox-state[-checked][-disabled][-hover] * * Examples: * * .ui-radio-state-checked (simply checked) * .ui-radio-state-checked-hover (checked and hovered/focused) * .ui-radio-state-hover (unchecked and hovered/focused) * * If you don´t have to deal with the doubble class bug of IE6 you can also use the simple ui-checkbox-checked, ui-checkbox-disabled, ui-checkbox-hover state-classnames (or: ui-radio-checked...) * and the ui-radio/ui-checkbox role-classnames. * */ .ui-radio-state-disabled, .ui-radio-state-checked-disabled, .ui-radio-state-disabled-hover, .ui-radio-state-checked-disabled-hover { color: #999; } span.ui-radio { display: block; float: left; width: 16px; height: 16px; background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/checkbox-bg.png) no-repeat scroll 0px 0px; } span.ui-checkbox{ display: block; float: left; width: 16px; height: 16px; margin: 1px; background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jquery-ui/icon_checkbox-new.png) left no-repeat; background-size: 16px; } #narrow-by-list span.ui-checkbox{ margin: 0 3px 0 0; border: 1px solid #636363; } span.ui-helper-hidden { display: none; } label { padding: 2px; } span.ui-radio-state-hover { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jquery-ui/ui-radio-hover-new.png) left no-repeat; } span.ui-checkbox-state-hover { border: 1px solid #666666; margin:0px !important; } #narrow-by-list span.ui-checkbox-state-hover { border: 1px solid #cccccc; margin:0 3px 0 0 !important; } span.ui-checkbox-state-checked { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jquery-ui/icon_checkbox_checked-new.png) left no-repeat; } span.ui-checkbox-state-checked-hover { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jquery-ui/icon_checkbox_checked-new.png) left no-repeat; border: 1px solid #666666; margin:0px !important; } #narrow-by-list span.ui-checkbox-state-checked-hover { border: 1px solid #CCCCCC; margin:0 3px 0 0 !important; } span.ui-radio-state-checked-disabled-hover, span.ui-radio-state-checked-disabled, span.ui-radio-state-checked { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/checkbox-bg.png) no-repeat scroll 0px -16px; } span.ui-radio-state-checked-hover { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/checkbox-bg.png) no-repeat scroll 0px -16px; } .ui-radio-disabled, .ui-checkbox-disabled { opacity: 0.7; } /** * 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@magentocommerce.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.magentocommerce.com for more information. * * @category design * @package base_default * @copyright Copyright (c) 2013 Magento Inc. (http://www.magentocommerce.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(//www.coolcat.nl/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(//www.coolcat.nl/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(//www.coolcat.nl/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(//www.coolcat.nl/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(//www.coolcat.nl/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(//www.coolcat.nl/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(//www.coolcat.nl/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(//www.coolcat.nl/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(//www.coolcat.nl/skin/frontend/base/default/images/widgets/i_widget-link.gif) 100% 4px no-repeat; padding:0 15px 0 0; } /* ======================================================================================= */ *, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .wrapper { background-color: #f2f2f2; max-width: 100%; margin-left: auto; margin-right: auto; height: 100%; } .wrapper:after { content: " "; display: block; clear: both; } .wrapper--inner { background-color: #fff; max-width: 1280px; margin-left: auto; margin-right: auto; height: 100%; } .wrapper--inner:after { content: " "; display: block; clear: both; } .container, .container--nest { padding: 0 20px; position: relative; overflow: hidden; } .full-width-container { float: left; width: 100%; } .container--nest { padding: 0 !important; } .container--nest .cc:first-child { padding-left: 0 !important; } .container--nest .cc:last-child { padding-right: 0 !important; } .container--nest.cbox-list { float: left; width: 100%; } .cc { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .cc__box--1 { width: 8.33333%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; } .cc__box--2 { width: 16.66667%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; }.cc__box--3 { width: 25%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; }.cc__box--4 { width: 33.33333%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; }.cc__box--5 { width: 41.66667%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; }.cc__box--6 { width: 50%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; }.cc__box--7 { width: 58.33333%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; }.cc__box--8 { width: 66.66667%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; }.cc__box--9 { width: 75%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; }.cc__box--10 { width: 83.33333%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; }.cc__box--11 { width: 91.66667%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; }.cc__box--12 { width: 100%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; } [data-icon]:before { font-family: "cc_icons" !important; content: attr(data-icon); font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } [class^="icon__"]:before, [class*="icon__"]:before { font-family: "cc_icons" !important; font-style: normal !important; font-weight: normal !important; font-variant: normal !important; text-transform: none !important; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon__check:before { content: "h"; } .icon__chevron--up:before { content: "i"; } .icon__chevron--down:before { content: "j"; } .icon__chevron--right:before { content: "k"; } .icon__chevron--left:before { content: "l"; } .icon__threebars:before { content: "m"; } .icon__x:before { content: "n"; } .icon__search:before { content: "o"; } .icon__star:before { content: "a"; } .icon__gear:before { content: "d"; } .icon__zoom--in:before { content: "p"; } .icon__zoom--out:before { content: "q"; } .icon__help--circled:before { content: "r"; } .icon__info--circled:before { content: "s"; } .icon__location:before { content: "t"; } .icon__user:before { content: "u"; } .icon__trashcan:before { content: "b"; } .icon__visa { background: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-visa.png") transparent no-repeat; width: 35px; height: 20px; } .icon__master { background: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-master.png") transparent no-repeat; width: 35px; height: 20px; } .icon__ideal { background: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-ideal.png") transparent no-repeat; width: 25px; height: 20px; } .icon__selekt { background: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-selekt.png") transparent no-repeat; width: 104px; height: 20px; } .icon__data { background: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-data.png") transparent no-repeat; width: 24px; height: 27px; } .icon__ophalen { background: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-ophalen.png") transparent no-repeat; width: 90px; height: 21px; } .ico { display: inline-block; vertical-align: middle; } .ico.fb { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -493px -63px; height: 37px; width: 37px; }.ico.fb2x { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -716px -113px; height: 52px; width: 52px; }.ico.tw { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -601px -63px; height: 37px; width: 37px; }.ico.tw2x { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -664px -113px; height: 52px; width: 52px; }.ico.pi { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -638px -63px; height: 37px; width: 37px; }.ico.pi2x { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -612px -113px; height: 52px; width: 52px; }.ico.in { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -530px -63px; height: 37px; width: 37px; }.ico.in2x { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -530px -63px; height: 37px; width: 37px; }.ico.search-mob-active { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -283px 0; height: 18px; width: 18px; }.ico.search-mob { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -265px 0; height: 18px; width: 18px; }.ico.search-mini { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -578px -41px; height: 14px; width: 14px; }.ico.ping { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -778px 0; height: 22px; width: 22px; }.ico.heart { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -187px 0; height: 18px; width: 20px; }.ico.heart-white { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -124px 0; height: 16px; width: 16px; }.ico.glass { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -154px -41px; height: 10px; width: 28px; }.ico.glasses { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -331px -41px; height: 12px; width: 28px; }.ico.ink { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -112px -63px; height: 28px; width: 30px; }.ico.percentage { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -142px -63px; height: 28px; width: 28px; }.ico.percentage-small { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -459px -113px; height: 24px; width: 24px; }.ico.palm { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -256px -113px; height: 22px; width: 21px; }.ico.fr { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -253px -41px; height: 11px; width: 18px; }.ico.nl { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -541px -41px; height: 14px; width: 23px; }.ico.bg { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -518px -41px; height: 14px; width: 23px; }.ico.close { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -377px -41px; height: 12px; width: 12px; }.ico.close-small { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -212px -41px; height: 10px; width: 10px; }.ico.burger { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -160px 0; height: 18px; width: 27px; }.ico.user { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -582px 0; height: 20px; width: 17px; }.ico.small-arrow-down { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -202px -41px; height: 10px; width: 10px; }.ico.small-close { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -192px -41px; height: 10px; width: 10px; }.ico.visa { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -636px 0; height: 20px; width: 35px; }.ico.master { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -671px 0; height: 20px; width: 35px; }.ico.ideal { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -714px -41px; height: 21px; width: 25px; }.ico.bag { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -412px -113px; height: 24px; width: 20px; }.ico.bag-white { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -247px 0; height: 18px; width: 16px; }.ico.help { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -234px -113px; height: 22px; width: 22px; }.ico.discount { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -413px -41px; height: 13px; width: 19px; }.ico.hung { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -24px -63px; height: 26px; width: 30px; }.ico.up { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -64px -41px; height: 8px; width: 12px; }.ico.down { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -52px -41px; height: 8px; width: 12px; }.ico.mobdown { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -112px -41px; height: 9px; width: 12px; }.ico.mobup { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -40px -41px; height: 8px; width: 12px; }.ico.mobdown-white-small { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -271px -41px; height: 11px; width: 16px; }.ico.mobup-white-small { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -287px -41px; height: 11px; width: 16px; }.ico.btn-arrow { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -567px -63px; height: 40px; width: 34px; }.ico.write { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -555px -113px; height: 46px; width: 57px; }.ico.creditcard { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -90px -113px; height: 22px; width: 78px; }.ico.ideal-large { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -78px -63px; height: 28px; width: 34px; }.ico.check { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -87px -41px; height: 9px; width: 13px; }.ico.ico-email { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -531px -113px; height: 24px; width: 24px; }.ico.ico-error { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -408px -63px; height: 39px; width: 18px; }.ico.ico-reduction { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -313px -63px; height: 39px; width: 18px; }.ico.star { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -358px -113px; height: 24px; width: 26px; }.ico.star-active { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -384px -113px; height: 24px; width: 26px; }.ico.cc-blue { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -435px -113px; height: 24px; width: 24px; }.ico.phone-blue { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -507px -113px; height: 24px; width: 24px; }.ico.at-blue { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -483px -113px; height: 24px; width: 24px; } .sub-menu { display: none; top: 62px; left: 0; position: absolute; border-top: 1px solid #c5c4c4; z-index: 50; background-color: #f2f2f2; width: 100%; } .sub-menu .container, .sub-menu .container--nest { padding: 0 !important; float: left; width: 100%; } .sub-menu .cc__box--5 { padding-right: 3.66666%; } .sub-menu .cc__box--4 { padding-left: 3.66666%; } .sub-menu .cc__box--6.last { margin-right: 0; } .sub-menu .cc__box--6 .cc__box--4 { padding-left: 0; padding-right: 3.56666%; } .sub-menu .cc__box--6 .cc__box--4.last { padding-right: 0; } .sub-menu .cc__box--6 .cc__box--4 h4 i { margin-top: -5px; } .sub-menu .cc__box--6 .img-holder { border: 4px solid #000; float: left; width: 100%; margin-top: 5px; } .sub-menu .cc__box--6 .img-holder img { width: 100%; float: left; } .sub-menu--inner { float: left; width: 100%; padding: 0 10px 20px 10px; } .sub-menu__collumn { color: #000; margin-bottom: 15px; } .sub-menu__collumn img { border: 4px solid #000; width: 100%; height: auto; } .sub-menu__collumn h3 { margin: 15px 0 5px 0; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; padding-bottom: 10px; border-bottom: 3px solid #13b4f8; } .sub-menu__list li { font-family: "coolcat_3regular", Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; padding: 10px 0 8px 0; border-bottom: dashed 1px #c5c4c4; float: left; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; } .sub-menu__list li:last-child { border: none; background: none; } .sub-menu__list--two-column li { width: 50%; } .sub-menu i { margin-right: 10px; } .sub-menu i.ico.percentage { margin: -5px 5px 0 0; } .menu-mobile { background: #000; width: 100%; position: fixed; z-index: 40; } .menu-mobile__header { height: 50px; } .menu-mobile__header.active { left: 82%; position: relative; } .menu-mobile__header.active li { display: none; } .menu-mobile__header.active li:first-child { display: block; margin: 6px 0 0 7px; } .menu-mobile__header.active li a.menu-mobile-btn { margin-top: 8px; } .menu-mobile__header li { display: inline-block; margin: 14px 2% 0 2%; float: left; } .menu-mobile__header li a { text-decoration: none; display: block; float: left; } .menu-mobile__header li:last-child { margin-left: 0; float: right; } .menu-mobile__header li:last-child a .ico { float: left; } .menu-mobile__header li:last-child a .ico.ping { position: relative; top: 2px; } .menu-mobile__header li.logo { margin: 0; position: absolute; left: 50%; top: 9px; -moz-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .menu-mobile__header li.search-mob a.active i { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -283px 0; height: 18px; width: 18px; }.menu-mobile__header a.menu-mobile-btn { color: #fff; font-size: 25px; margin: 0 10px 10px 10px; } .menu-mobile__header a.menu-mobile-price { font-size: 18px; font-weight: bold; color: #e8e8e8; position: relative; top: 3px; margin-left: 15px; } .menu-mobile__header a.menu-mobile-price .ico { position: relative; top: -2px; margin-right: 5px; } .menu-mobile__links { display: none; top: 0; left: 0; position: absolute; background: #fff; height: 100%; width: 80%; z-index: 9999; height: auto; -moz-box-shadow: 6px 0 11px 0 rgba(50, 50, 50, 0.86); -webkit-box-shadow: 6px 0 11px 0 rgba(50, 50, 50, 0.86); box-shadow: 6px 0 11px 0 rgba(50, 50, 50, 0.86); } .menu-mobile__links--homelinks { position: relative; z-index: auto; display: block; width: 100%; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } .menu-mobile__links ul.main-links { padding-bottom: 100px; } .menu-mobile__links ul.main-links li { border-bottom: 1px solid #e8e8e8; } .menu-mobile__links ul.main-links li a { font-size: 20px; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; text-decoration: none; text-transform: uppercase; padding: 15px 0 15px 10px; display: block; background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-mobdown.png) no-repeat 95% 22px; } .menu-mobile__links ul.main-links li a.active { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-mobup.png) no-repeat 95% 22px; } .menu-mobile__links ul.main-links li a.border { border-bottom: 2px solid transparent; } .menu-mobile__links ul.main-links li a.border--pink.active { border-bottom-color: #ff007d; } .menu-mobile__links ul.main-links li a.border--red.active { border-bottom-color: #ff133f; } .menu-mobile__links ul.main-links li a.border--red--dark.active { border-bottom-color: #dc062c; } .menu-mobile__links ul.main-links li a.border--blue--light.active { border-bottom-color: #00ccff; } .menu-mobile__links ul.main-links ul { display: none; border-top: 1px solid #e8e8e8; } .menu-mobile__links ul.main-links ul li { border-bottom: 1px solid #e8e8e8; } .menu-mobile__links ul.main-links ul li a { padding-left: 20px; } .menu-mobile__links ul.main-links ul li a.active { color: #000; } .menu-mobile__links ul.main-links ul li:last-child { border: none; background: none; } .menu-mobile__links ul.main-links ul li ul li { background-image: linear-gradient(to right, #e8e8e8 0%, #e8e8e8 66.66667%, rgba(0, 0, 0, 0) 66.66667%); background-position: 0 bottom; background-size: 12px 1px; background-repeat: repeat-x; border: none; } .menu-mobile__links ul.main-links ul li ul li a { color: #000; background: none; font-family: "coolcat_3regular", Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; padding: 15px 0 11px 20px; } .menu-mobile__links ul.main-links ul li ul li:last-child { border: none; background: none; } .menu-mobile__links ul.main-links-homelinks { padding-bottom: 0; } .menu-mobile__links ul.main-links__sub li { background: none; } .menu-mobile__links ul.main-links__sub2 { display: none; } .menu-mobile__links ul.black-links { float: left; width: 100%; } .menu-mobile__links ul.black-links li { float: left; width: 100%; border-bottom: 1px solid #666; } .menu-mobile__links ul.black-links li a { font-size: 14px; text-decoration: none; text-transform: uppercase; color: #b7b7b7; padding: 15px 0 15px 15px; float: left; width: 100%; background: #000 url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-mobdown-white-small.png) no-repeat 95% 22px; } .menu-mobile__links ul.black-links li a.active { background: #000 url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-mobup-white-small.png) no-repeat 95% 22px; } .menu-mobile__links ul.black-links li:last-child { border-bottom: 0; } .menu-mobile__links ul.black-links li i { margin-right: 15px; } .menu-mobile__links ul.black-links ul.black-links__sub { float: left; width: 100%; display: none; border-top: 1px solid #666; } .menu-mobile__links ul.black-links ul.black-links__sub li { background: #000; } .menu-mobile__links ul.black-links ul.black-links__sub li a { background: none; } .menu-mobile__search { position: relative; display: none; } .menu-mobile__search form { width: 100%; padding: 8px 0; position: fixed; z-index: 40; top: 50px; background-color: #fff; border-bottom: 2px solid #f2f2f2; } .menu-mobile__search form input { width: 85%; border-top: 0px; border-right: 0px; border-bottom: 1px solid #c5c4c4; border-left: 0px; margin-left: 20px; padding-left: 20px; height: 30px; } .menu-mobile__search form input:focus { outline: 0; } .menu-mobile__search button.search-mini { position: absolute; left: 20px; top: 15px; z-index: 15; } .menu-mobile__search button.ico.close { outline: 0; cursor: pointer; position: absolute; top: 18px; right: 8px; } .menu-mobile__search .search-box:not(:valid) ~ .ico.close { display: none; } .menu-mobile__transparent-overlay { background: rgba(0, 0, 0, 0.4); top: 50px; right: 0; bottom: 0; left: 0; position: fixed; z-index: 9888; display: none; } /*----------------------------------------*\ Sticky header class \*----------------------------------------*/ .sticky { z-index: 9999; top: 0; left: 0; position: fixed; width: 100%; border-bottom: 2px solid #8c8c8c; } .sticky .container, .sticky .container--nest { max-width: 1280px; margin-left: auto; margin-right: auto; } .sticky .header__main-logo img { top: 5px; width: 9%; } .sticky .sub-menu { border-top: 0; top: 64px; } /*----------------------------------------*\ Header \*----------------------------------------*/ .header .container, .header .container--nest { overflow: visible; } .header__top { font-family: "coolcat_3regular", Arial, Helvetica, sans-serif; font-size: 16px; background-color: #000; color: #fff; height: 65px; } .header__top nav { text-align: center; position: relative; float: right; } .header__top nav .ico { float: left; } .header__top nav ul { *zoom: 1; } .header__top nav ul:before, .header__top nav ul:after { content: ""; display: table; } .header__top nav ul:after { clear: both; } .header__top nav ul > li { float: left; margin-right: 5px; position: relative; } .header__top nav ul > li > a { float: left; display: block; color: #c5c4c4; text-decoration: none; padding: 23px 15px 16px 15px; } .header__top nav ul > li > a span { float: left; }.header__top nav ul > li i { margin-right: 3px; } .header__top nav ul > li em.icon__chevron--down { padding-left: 13px; float: left; } .header__top nav ul > li .flag { float: left; margin-top: 4px; } .header__top nav ul > li:last-child { margin-right: 0; } .header__top nav ul > li:hover { background: #2b2b2b; } .header__top nav ul > li:hover > a { color: #8c8c8c; } .header__top nav ul > li.open em.icon__chevron--down { padding-left: 13px; } .header__top nav ul > li.open em.icon__chevron--down:before { content: "i"; } .header__top nav ul > li.header__top-arrow { border: none; } .header__top nav ul > li.header__top-arrow:hover .ico { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -371px 0; height: 20px; width: 17px; }.header__top nav ul > li.header__top-store-loc:hover .ico { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -212px -113px; height: 22px; width: 22px; }.header__top nav ul > li.header__top-help:hover .ico { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -168px -113px; height: 22px; width: 22px; }.header__top nav .sub-nav { background: #2b2b2b; padding: 0; position: absolute; left: 0; top: 65px; z-index: 37; } .header__top nav .sub-nav { display: none; padding: 0 15px 15px 15px; text-align: left; float: left; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .header__top nav .sub-nav > li { margin-right: 0; width: 100%; } .header__top nav .sub-nav.plain { padding: 0; } .header__top nav .sub-nav.plain li { padding: 10px 15px 0px 15px; float: left; width: 100%; } .header__top nav .sub-nav.plain li:last-child a { background-image: none; } .header__top nav .sub-nav.plain li:hover { background: #191919; } .header__top nav .sub-nav.plain li:hover a { background: #191919; } .header__top nav .sub-nav.plain li a { display: block; float: left; width: 100%; color: #fff; text-transform: uppercase; font-size: 16px; padding: 5px 0 10px 0; border-bottom: 1px dashed #535353; } .header__top nav .sub-nav .inner { width: 100%; float: left; text-align: left; overflow: hidden; position: relative; z-index: 10; } .header__top nav .sub-nav .inner strong { text-transform: uppercase; display: block; font-size: 14px; margin-bottom: 9px; float: left; font-weight: normal; } .header__top nav .sub-nav .inner .link--basic { color: #13b4f8; text-transform: none; padding: 0; font-weight: normal; margin-bottom: 10px; display: inline-block; } .header__top nav .sub-nav .inner .link--basic:hover { text-decoration: underline; } .header__top nav .sub-nav .inner input[type="text"] { border: none; width: 100%; margin-bottom: 10px; height: 40px; } .header__top nav .sub-nav .inner .separator { display: block; height: 1px; width: 100%; float: left; margin: 20px 0 16px 0; border-bottom: 1px dashed #535353; } .header__top nav .sub-nav .inner .btn { padding: 0; width: 100%; float: left; text-align: center; color: #fff; } .header__top nav .sub-nav .inner label { margin-bottom: 15px; } .header__top nav .sub-nav .inner .bulleted-list li { margin-bottom: 10px; } .header__top nav .sub-nav .inner .bulleted-list li:hover { background: none; } .header__top nav .sub-nav .inner .bulleted-list li a { padding: 0; color: #fff; } .header__top nav ul.header__top-user { width: 272px; border: none; } .header__top nav ul.header__top-user li { float: none; padding: 0; } .header__top nav ul.header__top-store-locmenu { width: 169px; } .header__top nav ul.header__top-helpmenu { width: 122px; } .header__top nav ul.header__top-helpmenu li { padding: 10px 12px 0 15px !important; } .header__top nav ul.header__top-flagmenu { width: 250px; padding: 0; left: auto; right: 0; } .header__top nav ul.header__top-flagmenu li { width: 100%; float: left; border-bottom: none; margin-top: 0; } .header__top nav ul.header__top-flagmenu li a { width: 100%; text-align: left; font-size: 16px; text-transform: uppercase; padding: 10px 13px; text-transform: none; color: #fff; } .header__top nav ul.header__top-flagmenu li a:hover { background: #191919; } .header__top nav ul.header__top-flagmenu li a i { padding: 0; margin: 4px 13px 0 0; } .header__main { background: #fff; min-height: 62px; } .header__main-menu { margin-left: 18.5%; padding-top: 20px; float: left; }.header__main-menu li.border { float: left; margin-right: 30px; height: 42px; }.header__main-menu li.border:last-child { margin-right: 0px; } .header__main-menu li.border a { text-transform: uppercase; color: #3d3d3d; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; font-size: 20px; }.header__main-menu li.border:hover { border-bottom-width: 3px; border-bottom-style: solid; } .header__main-menu li.border--black:hover { border-bottom-color: #ff007d; } .header__main-menu li.border--pink:hover { border-bottom-color: #ff007d; } .header__main-menu li.border--red:hover { border-bottom-color: #ff133f; } .header__main-menu li.border--red--dark:hover { border-bottom-color: #dc062c; } .header__main-menu li.border--blue--light:hover { border-bottom-color: #00ccff; } .header__main-search { margin-top: 10px; width: auto; float: right; font-family: "coolcat_3regular", Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; }.header__main-search li { display: inline-block; position: relative; vertical-align: middle; } .header__main-search li:last-child { cursor: pointer; margin-left: 15px; } .header__main-search li i.bag { padding: 10px 0 0 23px; vertical-align: sub; }.header__main-search form input { border-top: 0; border-right: 0; border-left: 0; padding-left: 0; border-bottom: 2px solid #c5c4c4; width: 100%; font-size: 16px; } .header__main-search form input:focus { outline: 0; } .header__main-search form button { top: 2px; right: 0; position: absolute; background: transparent; color: #000; font-size: 18px; height: 30px; width: 30px; } .header__main-logo img { top: -39px; left: 4.5%; position: absolute; } /*----------------------------------------*\ breadcrumb \*----------------------------------------*/ .breadcrumb { font-size: 14px; background: #f6f6f6; height: 25px; line-height: 26px; } .breadcrumb a { color: #8c8c8c; display: inline-block; } .breadcrumb a:hover { color: #000; } .breadcrumb a em { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -405px -41px; height: 12px; width: 8px; display: inline-block; text-indent: -9999px; position: relative; top: 1px; }.breadcrumb--active { color: #3d3d3d; text-transform: uppercase; } .breadcrumb__prev-page { display: none; } /*----------------------------------------*\ Generic Top header \*----------------------------------------*/ .topheader h1 { line-height: 35px; font-size: 50px; margin-top: -4px; }.topheader span { color: #00ccff; text-transform: uppercase; font-size: 25px; }.topheader__wrapper { padding: 36px 0 40px 0; } .footer { width: 100%; float: left; } .footer--top { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/footer/bg_footer--top.png); color: #fff; } .footer--top ul li { width: 32%; float: left; vertical-align: top; text-align: center; text-transform: uppercase; font-size: 14px; line-height: 22px; margin: 9px 0 7px 0; } .footer--top ul li span { display: inline-block; padding: 0 7px 0 20px; text-align: left; font-size: 14px; background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-check.png) no-repeat left 4px; }.footer--top ul li:first-child { text-align: left; } .footer--top ul li:last-child { text-align: right; } .footer--main { color: #000; font-size: 16px; margin-bottom: 15px; padding-bottom: 30px; }.footer--main .social-box { border-bottom: 0; }.footer--main--review p { font-size: 16px; float: left; } .footer--main--review .link--uppercase { font-weight: bold; font-size: 14px; } .footer--main--review__header { margin-top: 12px; float: left; width: 100%; } .footer--main--review__header p { font-weight: bold; font-size: 14px; text-transform: uppercase; float: left; margin-right: 2px; } .footer--main--review .rate-box, .footer--main--review .rate-box--large { float: left; margin-bottom: 10px; } .footer--main--review .rate-box ul li, .footer--main--review .rate-box--large ul li { padding: 0; margin-right: 0; } .footer--main h3 { margin: 40px 0 20px 0; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; }.footer--main h3.no-arrow { background: none; margin: 0 0 15px 0; } .footer--main h3.adjust-pos { margin: 5px 0 15px 0; }.footer--main ul li { font-size: 14px; font-weight: bold; text-transform: uppercase; padding: 8px 0; border-bottom: dashed 1px #e8e8e8; } .footer--main ul li:first-child { padding-top: 0; } .footer--main ul li:last-child { border: none; border-bottom: none; } .footer--main ul li p { text-transform: none; font-size: 16px; }.footer--main ul span { white-space: nowrap; font-size: 14px; font-weight: bold; }.footer--main .link--basic { font-size: 16px; } .footer--main .icon__star { color: #ffcc00; }.footer--main .social li { border-bottom: none; }.footer--main form { margin: 15px 0; } .footer--main form input { width: 70%; background-color: #f2f2f2; }.footer--main form button { width: 45px; margin: 0 0 0 -5px; } .footer--bottom { border-top: solid 1px #e8e8e8; padding: 15px 20px 20px; } .footer--bottom li { display: inline-block; } .footer--bottom .footer--deliver { float: left; } .footer--bottom .footer--deliver li { margin-right: 15px; }.footer--bottom .footer--payment { float: right; } .general-box, .getlook-box { position: relative; } .general-box--wrapper { border-top: solid 10px #000; width: 100%; float: left; } .general-box--wrapper .btn { float: right; margin-top: 32px; } .general-box--wrapper .btn--nofloat { float: none !important; }.general-box--wrapper .container, .general-box--wrapper .container--nest { margin-top: -10px; }.general-box--wrapper .tabcontent__wrapper .tabcontent { padding-top: 50px; }.general-box--wrapper h2 { display: inline-block; font-size: 30px; line-height: 17px; }.general-box--wrapper h3 { font-size: 24px; line-height: 25px; }.general-box--inner, .getlook-box--inner { *zoom: 1; position: relative; padding: 100px 4.375% 4.375%; } .general-box--inner:before, .getlook-box--inner:before, .general-box--inner:after, .getlook-box--inner:after { content: ""; display: table; } .general-box--inner:after, .getlook-box--inner:after { clear: both; }.general-box--inner-small { *zoom: 1; position: relative; padding: 70px 4.375% 4.375%; } .general-box--inner-small:before, .general-box--inner-small:after { content: ""; display: table; } .general-box--inner-small:after { clear: both; }.general-box--wrapper--noheader { border-top: none; } .general-box--wrapper--noheader .general-box--inner, .general-box--wrapper--noheader .getlook-box--inner { padding-top: 50px !important; }.general-box--desc { float: left; margin-top: 10px; } .general-box--desc h2 { font-size: 25px; line-height: 20px; } .general-box--desc h3 { font-size: 21px; line-height: 20px; } .general-box--header, .general-box--header--link { width: 100%; position: absolute; left: 4.375%; top: 0; z-index: 1; } .general-box--header li, .general-box--header--link li { float: left; margin: 10px 10px 0 0; }.general-box--header li.active, .general-box--header--link li.active { margin: 0 10px 0 0; }.general-box--header li.first-tab, .general-box--header--link li.first-tab { min-width: 254px; } .general-box--tab { padding: 15px 20px; background-color: #000; color: #fff; min-width: 220px; } .general-box--tab:hover { background-color: #1a1a1a; } .active .general-box--tab { border: 0; }.general-box--tab.no-arrow { background-image: none !important; } .general-box--header--link { cursor: pointer; } .general-box--header--link .general-box--tab { border-right: solid 3px #bac1b8; border-bottom: solid 3px #bac1b8; }.general-box--header--link .active .general-box--tab { border: 0; padding-top: 25px; } .center-box { display: inline-block; margin-left: -20px; margin-right: -20px; } .center-box__wrapper { text-align: center; } .productbox { position: relative; text-align: center; background-color: #fff; } .productbox--wrapper { display: inline-block; float: none; margin: 0 -2px; vertical-align: top; } .productbox--imagebox { position: static; height: auto; padding-bottom: 0; } .productbox--imagebox img { margin: 0 auto; width: 100%; } .productbox--details p { color: #9a9999; font-family: "coolcat_3regular", Arial, Helvetica, sans-serif; font-size: 14px; text-transform: uppercase; font-weight: bold; } .productbox--thumbbox { margin: 12px 0 15px 0; } .productbox--thumbbox li { display: inline-block; margin: 0 -3px; /* margin-left: 1px; */ /* &:first-child { margin-left: 0; } */ } .productbox__scrollbox--wrapper { height: 66px; padding: 0 20px; position: relative; } .productbox__scrollbox--wrapper .productbox--thumbbox li { /* margin-bottom: 15px; */ } .productbox__scrollbox--wrapper .btn__scroll--prev, .productbox__scrollbox--wrapper .btn__scroll--next { top: 22px; left: 31px; position: absolute; display: none; text-indent: -99999px; } .productbox__scrollbox--wrapper .btn__scroll--prev { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -397px -41px; height: 12px; width: 8px; }.productbox__scrollbox--wrapper .btn__scroll--next { left: auto; right: 31px; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -389px -41px; height: 12px; width: 8px; }.productbox__scrollbox--mask { height: 100%; margin: 0 30px; overflow: hidden; position: relative; } .productbox__scrollbox--strip { min-width: 100%; position: absolute; } .productbox__hover { position: absolute; top: -10px; border: solid 2px #c5c4c4; width: 100%; min-height: 370px; padding: 5px; z-index: 5; background-color: #fff; } .productbox__hover .productbox--desc { color: #000; } .productbox__sizes { margin: 23px -3px 0 -3px; } .productbox__sizes li a { width: 74px; } .productbox__sizes li a.notavailable { text-decoration: line-through; color: #c5c4c4; } .center-box .productbox { float: left; margin: 0 10px 20px 10px; padding: 20px 10px; width: 230px; } .ajaxloader-box { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/loading_icon.gif) center center no-repeat; float: left; height: 128px; margin: 20px 0; text-align: center; width: 100%; } .scrolltop-box { bottom: 0; position: fixed; right: 0; z-index: 1; } ul.prod_selectbox { display: inline-block; *zoom: 1; } ul.prod_selectbox:before, ul.prod_selectbox:after { content: ""; display: table; } ul.prod_selectbox:after { clear: both; } ul.prod_selectbox li { float: left; width: 83px; margin-right: 15px; } ul.prod_selectbox li a { display: block; padding: 5px; border: dashed 2px #e8e8e8; } ul.prod_selectbox li a.active, ul.prod_selectbox li a:hover { border: solid 2px #000; } ul.prod_selectbox li a.active + p, ul.prod_selectbox li a:hover + p { color: #666; } ul.prod_selectbox li a img { width: 100%; } ul.prod_selectbox li p { padding-top: 8px; font-size: 15px; line-height: 15px; color: #fff; } .pricebox { font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; font-size: 24px; } .pricebox__old { color: #c5c4c4; text-decoration: line-through; margin-right: 5px; } .pricebox__new { color: #ff133f; } .rate-box, .rate-box--large { display: block; font-size: 16px; } .rate-box a, .rate-box--large a { text-decoration: none; } .rate-box ul, .rate-box--large ul { *zoom: 1; float: left; margin-right: 5px; } .rate-box ul:before, .rate-box--large ul:before, .rate-box ul:after, .rate-box--large ul:after { content: ""; display: table; } .rate-box ul:after, .rate-box--large ul:after { clear: both; } .rate-box ul li, .rate-box--large ul li { float: left; margin-right: 0; height: 16px; width: 16px; background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-star.png) center bottom no-repeat; border-bottom: 0; } .rate-box ul li.active, .rate-box--large ul li.active { background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-star-active.png); } .rate-box--large h4 { display: inline-block; font-size: 24px; line-height: 26px; } .rate-box--large span { color: #3d3d3d; } .rate-box--large ul { margin: 0 0 8px 0; } .rate-box--large ul li { height: 24px; width: 26px; margin-right: 5px; } .rate-box--large ul li.active { background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-star-large-active.png); } .infobox__txt h2 { font-size: 50px; line-height: 35px; margin-top: -5px; margin-bottom: 20px; } .infobox__txt .desc { color: #666; margin-bottom: 10px; } .infobox__txt .specs { line-height: 30px; }.infobox__imgbox { background-color: #f2f1ef; text-align: center; } .infobox__imgbox img { display: block; margin: 0 auto; } .overlay-img-box { position: relative; width: 100%; float: left; } .overlay-img-box img { width: 100%; display: block; } .overlay-img-box__text { position: absolute; left: 55px; top: 50%; -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 80%; } .overlay-img-box h2 { font-size: 72px; line-height: 90px; color: #000; margin-left: 11px; } .overlay-img-box h2 span { background: #fff; box-shadow: 11px 0 0 #fff, -11px 0 0 #fff; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; } .btn { background-color: #00ccff; color: #fff; min-width: 150px; display: inline-block; padding: 0 20px; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase; line-height: 34px; text-decoration: none; height: 34px; } .btn:hover { background-color: #33d6ff; } .btn--shoplook { background-color: #fff; color: #404040; position: relative; margin-right: 48px; padding: 0 35px; height: 40px; line-height: 42px; } .btn--shoplook:hover { background-color: white; } .btn--shoplook em { height: 40px; position: absolute; top: 0; right: -51px; display: inline-block; background-color: #ff007d; width: 48px; } .btn--shoplook em .ico { position: relative; top: -2px; }.btn--shoplook span { font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; }.btn--shoplook.small { height: 34px; line-height: 36px; color: #232323; padding: 0 15px; } .btn--shoplook.small em { height: 34px; } .btn--write { background-color: #e8e8e8; color: #000; position: relative; margin-right: 61px; padding: 0 15px; float: none; line-height: 46px; height: 46px; } .btn--write:hover { background-color: white; } .btn--write em { height: 40px; position: absolute; top: 0; right: -64px; display: inline-block; background-color: #ff007d; width: 61px; } .btn--write em .ico { position: relative; top: -2px; }.btn--shopsale { background-color: #fee31a; color: #000; position: relative; margin-right: 48px; padding: 0 5px; } .btn--shopsale:hover { background-color: #fee94d; } .btn--shopsale em { height: 40px; position: absolute; top: 0; right: -51px; display: inline-block; background-color: #ff007d; width: 48px; } .btn--shopsale em .ico { position: relative; top: -2px; }.btn--shopsale em { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/bg_ic-shopsale.png) bottom right no-repeat transparent; color: #000; height: 34px; } .btn--filter { line-height: 40px; height: 40px; } .btn--filter.active { background-color: #000; color: #fff; } .btn--filter.active:hover { background-color: #1a1a1a; } .btn--bethefirst { line-height: 40px; height: 40px; background-color: #ff007d; color: #fff; } .btn--bethefirst:hover { background-color: #ff3397; } .btn--bethefirst.active { background-color: #000; color: #fff; } .btn--bethefirst.active:hover { background-color: #1a1a1a; } .btn--black { background-color: #000; color: #fff; } .btn--black:hover { background-color: #1a1a1a; } .btn--gray-light { height: 40px; line-height: 40px; background-color: #e8e8e8; color: #000; } .btn--gray-light:hover { background-color: white; } .btn--gray-light:hover { background-color: #c5c4c4; color: #000; } .btn--gray-light:hover:hover { background-color: #dedede; } .btn--arrow { position: relative; margin-right: 34px; padding: 0 70px; height: 40px; line-height: 40px; } .btn--arrow em { height: 40px; position: absolute; top: 0; right: -37px; display: inline-block; background-color: #ff007d; width: 34px; } .btn--arrow em .ico { position: relative; top: -2px; }.btn--arrow em { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-btn-arrow.png) bottom right no-repeat transparent; width: 34px; height: 40px; border: none; right: -34px; } .btn--arrow:hover em { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-btn-arrow-hover.png) bottom right no-repeat transparent; } .btn--arrow-mini { position: relative; margin-right: 34px; padding: 0 10px; height: 40px; line-height: 40px; } .btn--arrow-mini em { height: 40px; position: absolute; top: 0; right: -37px; display: inline-block; background-color: #ff007d; width: 34px; } .btn--arrow-mini em .ico { position: relative; top: -2px; }.btn--arrow-mini em { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-btn-arrow.png) bottom right no-repeat transparent; width: 34px; height: 40px; border: none; right: -34px; } .btn--shoppingbag { display: block; font-size: 27px; line-height: 52px; height: 52px; }.btn--scrolltop { background: transparent url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-scroll-top.png") left top no-repeat !important; height: 76px; min-width: 0 !important; padding: 0; text-indent: -9999px; width: 60px !important; } .btn-email { line-height: 30px; vertical-align: top; cursor: pointer; } .btn-filter { display: block; padding-left: 50px; line-height: 44px; text-transform: uppercase; color: #000; text-decoration: none; font-weight: bold; background: no-repeat left center; } .btn-filter--new { background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-newbox.png); } .btn-filter--discount { background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-discountbox.png); } .callout--bottomright { position: absolute; bottom: 10px; left: 10px; } .productbox__sizes li, .pdp2__select-size ul.sizebox li, .cat-page .cat-filter--size .cat-filter__list li, .pdp__select-size ul.sizebox li { display: inline-block; text-transform: uppercase; margin: 0 0 8px 2px; text-align: center; } .productbox__sizes li a, .pdp2__select-size ul.sizebox li a, .cat-page .cat-filter--size .cat-filter__list li a, .pdp__select-size ul.sizebox li a { display: block; min-width: 68px; color: #3d3d3d; border: solid 3px #f2f2f2; background-color: #f2f2f2; padding: 2px 0; font-weight: normal; font-size: 14px; line-height: 27px; text-decoration: none; } .productbox__sizes li a.active, .pdp2__select-size ul.sizebox li a.active, .cat-page .cat-filter--size .cat-filter__list li a.active, .pdp__select-size ul.sizebox li a.active { color: #000; border: solid 2px #ff133f; border: solid 3px #000; } .productbox__sizes li a:hover, .pdp2__select-size ul.sizebox li a:hover, .cat-page .cat-filter--size .cat-filter__list li a:hover, .pdp__select-size ul.sizebox li a:hover { color: #000; background-color: #e8e8e8; border-color: #e8e8e8; } .btn-tape { padding-left: 35px; text-decoration: none; background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-tapemeasure.png) left center no-repeat; font-size: 16px; line-height: 18px; } .btn-check { padding-left: 27px; text-decoration: none; background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-check-star.png) left center no-repeat; font-size: 16px; line-height: 18px; } input, textarea { height: 37px; padding: 0 0 0 8px; border: 2px solid #c5c4c4; font-family: "coolcat_3regular", Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif; } textarea { height: 150px; width: 100%; } input[type="radio"] { margin: 10px 10px 10px 0; height: 14px; color: #c5c4c4; } input[type="radio"]:checked + label { color: #000; } label { color: #8c8c8c; } button { display: inline-block; background-color: #00ccff; color: #fff; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; text-align: center; text-transform: uppercase; line-height: 37px; text-decoration: none; height: 37px; border: none; } .select_box { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-down.png) 95% center no-repeat #fff; border: 2px solid #c5c4c4; overflow: hidden; } .select_box select { background-color: transparent; border: 0 none; height: 34px; padding: 7px 0 3px 5px; cursor: pointer; font-size: 14px; font-family: "coolcat_3regular", Arial, Helvetica, sans-serif; font-weight: bold; } .formbox__prefix, .formbox__nr { float: left; width: 105px; margin-right: 10px; } .formbox__label { font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif; font-size: 18px; text-transform: uppercase; display: block; color: #000; line-height: 37px; margin-bottom: 15px; } .formbox__label.lineheight-reset { line-height: 20px; }.formbox input[type="text"], .formbox input[type="password"], .formbox input[type="email"], .formbox input[type="tel"] { background-color: #fff; font-size: 16px; width: 100%; }.formbox__birth .select_box { float: left; margin-right: 3%; width: 31%; } .formbox__birth .select_box select { width: 117%; }.formbox__birth .select_box:last-child, .formbox__birth .select_box.last { margin-right: 0; } .formbox__submit { padding-top: 40px; text-align: right; } .formbox__submit--final { text-align: left; } .formbox__required-note { padding: 10px 0; color: #666; } .formbox input[type="radio"].gray + label, .formbox input[type="radio"].black + label, .formbox input[type="checkbox"].gray + label, .formbox input[type="checkbox"].black + label { font-size: 18px !important; color: #3d3d3d !important; } .formbox.nletter--form { margin-bottom: 20px; float: left; width: 100%; }.formbox.nletter--form .cc__box--2 { width: 1%; }.formbox.nletter--form .formbox__birth .select_box select { width: 130%; } .formbox.nletter--form .inputs { margin: 14px 0 10px 0; } .formbox.nletter--form .inputs input { margin-bottom: 18px; width: 76%; }.formbox .cbox-list { margin-top: 10px; } .formbox .cbox-list span { float: left; margin-right: 16px; } .formbox .cbox-list.last { margin-top: 20px; } .error span, .error p { color: #ff133f; } .error input { border: 2px solid #ff133f; } .error span { float: left; background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-error.png) no-repeat 0 0; height: 40px; padding-left: 23px; line-height: 41px; margin: 4px 0 0 0; font-size: 18px; font-family: "coolcat_3regular", Arial, Helvetica, sans-serif; } .reductions input { border: 2px solid #00ccff; } .reductions span, .reductions p { color: #00ccff; } .reductions span { float: left; background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-reduction.png) no-repeat 0 0; height: 40px; padding-left: 23px; line-height: 41px; margin: 4px 0 0 0; font-size: 18px; font-family: "coolcat_3regular", Arial, Helvetica, sans-serif; } /*----------------------------------------*\ radiobuttons \*----------------------------------------*/ input[type="radio"] { display: none; margin: 0; } input[type="radio"] + label { display: inline-block; cursor: pointer; font-size: 13px; margin-right: 15px; padding-left: 25px; position: relative; color: #fff; } input[type="radio"] + label:before { border: 1px solid #fff; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; content: ""; display: inline-block; height: 12px; left: 0; margin-right: 10px; position: absolute; top: 3px; width: 12px; } input[type="radio"] + label:after { background-color: #fff; content: ""; position: absolute; top: 6px; width: 6px; height: 6px; left: 3px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } input[type="radio"]:checked + label:before { border: 1px solid #fff; content: ""; display: block; height: 12px; width: 12px; } input[type="radio"]:checked + label:after { background-color: #fff; } /*----------------------------------------*\ checkbox \*----------------------------------------*/ input[type="checkbox"] { display: none; margin: 0; } input[type="checkbox"] + label { display: block; cursor: pointer; font-size: 16px; padding-left: 23px; position: relative; color: #fff; } input[type="checkbox"] + label:before { background-color: transparent; border: 1px solid #fff; content: ""; display: inline-block; height: 14px; left: 1px; position: absolute; top: 3px; width: 14px; } input[type="checkbox"]:checked + label:after { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -564px -41px; height: 14px; width: 14px; top: 3px; content: ""; left: 1px; position: absolute; } /*----------------------------------------*\ color variations \*----------------------------------------*/ input[type="checkbox"].gray + label, input[type="radio"].gray + label { color: #666; } input[type="checkbox"].gray + label:before, input[type="radio"].gray + label:before { border-color: #666; } input[type="checkbox"].gray:checked + label:before, input[type="radio"].gray:checked + label:before { border-color: #666 !important; } input[type="checkbox"].gray:checked + label:after, input[type="radio"].gray:checked + label:after { background-color: #666 !important; } input[type="checkbox"].black + label, input[type="radio"].black + label { color: #000; } input[type="checkbox"].black + label:before, input[type="radio"].black + label:before { border-color: #000; } input[type="checkbox"].black:checked + label:before, input[type="radio"].black:checked + label:before { border-color: #000 !important; } input[type="checkbox"].black:checked + label:after, input[type="radio"].black:checked + label:after { background-color: #000 !important; } /*----------------------------------------*\ bulleted list \*----------------------------------------*/ .bulleted-list { float: left; width: 100%; } .bulleted-list li { width: 100%; list-style-type: square; color: #13b4f8; margin-left: 16px; } .bulleted-list li span, .bulleted-list li a { color: #fff; font-size: 16px; display: inline-block !important; float: none !important; } .bulleted-list li a:hover { text-decoration: underline; } .bulleted-list.xl li { margin-bottom: 13px; } .bulleted-list.xl li span { color: #000; display: inline !important; font-size: 18px; } /*----------------------------------------*\ blue link list \*----------------------------------------*/ .link-list__blue { list-style: none; margin: 0; padding: 0; } .link-list__blue li, .link-list__blue a { color: #13b4f8; } .link-list__blue li.small, .link-list__blue a.small { font-size: 16px; } .link-list__blue li.spaced, .link-list__blue a.spaced { margin: 10px 0; } .link-list__blue li.indent, .link-list__blue a.indent { margin-left: 10px; } .link-list__blue li.active a, .link-list__blue a.active a { color: #000; text-decoration: none !important; } ul.usp { float: left; width: 100%; } ul.usp li { float: left; width: 100%; display: block; padding: 20px 0; border-bottom: dashed 1px #e8e8e8; } ul.usp li span { float: left; background-position: left top; line-height: normal; font-size: 18px; color: #666; } ul.usp li span i { float: left; margin-right: 8px; } /*----------------------------------------*\ ordered list \*----------------------------------------*/ .ordered-list { float: left; width: 100%; counter-reset: item; } .ordered-list li { float: left; width: 100%; } .ordered-list li:before { content: counter(item) "."; counter-increment: item; font-size: 18px; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif; text-transform: uppercase; } .ordered-list span { font-size: 18px; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif; text-transform: uppercase; } .ordered-list p { color: #666; margin-bottom: 15px; } .ordered-list p.last-child { margin-bottom: 0; } /*----------------------------------------*\ star rating list \*----------------------------------------*/ .star-rating { float: left; width: 100%; } .star-rating a { float: left; margin-right: 5px; } .star-rating a.star { cursor: default; } /*----------------------------------------*\ Carrousel Home page \*----------------------------------------*/ .cc-carrousel-box h2 { font-size: 72px; line-height: 90px; color: #000; margin-left: 11px; } .cc-carrousel-box h2 span { background: #fff; box-shadow: 11px 0 0 #fff, -11px 0 0 #fff; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; }.cc-carrousel-box .btn__block { margin-top: 10px; margin-top: 10px; height: 100px; position: relative; } .cc-carrousel-box .btn__block .btn { display: block; margin-right: 20px; width: 120px; height:34px; position:absolute;} .cc-carrousel-box .infoblock__wrapper { max-width: 1280px; height: 100%; left: 0; right: 0; top: 0; margin: 0 auto; position: absolute; }.cc-carrousel-box .infoblock__wrapper .infoblock { position: absolute; background: transparent; background: rgba(255, 255, 255, 0); overflow: hidden; } .cc-carrousel-box .infoblock__wrapper .infoblock--left { left: 58px; width: 34%; }.cc-carrousel-box .infoblock__wrapper .infoblock--right { right: 58px; width: 34%; text-align: right; } .cc-carrousel-box .infoblock__wrapper .infoblock--right h2 { margin-right: 11px; } /*----------------------------------------*\ // Carrousel PDP // To organize later //\*----------------------------------------*/ .crsl-wrap { width: 100%; } .btf-collections { background: #fafafa; visibility: hidden; height: 0; -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; -o-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out; } .btf-collections--visible { visibility: visible; height: 350px; } .btf-collections--mobile { display: none; }.btf-collections--mobile .cat-filter__wrapper { padding-bottom: 0 !important; } .btf-collections--mobile .cat-filter__wrapper .cat-filter__btnbox { margin-bottom: 0; } .btf-collections__items { padding: 5px 0 0; } .btf-collections__items figure { text-align: center; display: block; } .btf-collections__items img { display: block; border-bottom: 3px solid transparent; margin: 0 auto; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; -webkit-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.75); -moz-box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.75); box-shadow: 0px 0px 1px 0px rgba(50, 50, 50, 0.75); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .btf-collections__items h2 { font-size: 18px; line-height: 42px; display: block; } .btf-collections__items a { text-decoration: none; color: #000; } .btf-collections__nr { color: #c5c4c4; } .btf-collections__btn { position: absolute; top: 0; left: 10px; width: 74px; height: 163px; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -186px -165px; height: 164px; width: 74px; cursor: pointer; }.btf-collections__btn:hover { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -260px -165px; height: 164px; width: 74px; }.btf-collections .crsl-top h2 { font-size: 25px; } .btf-collections .crsl-top * { float: none; display: inline-block; vertical-align: middle; line-height: 40px; margin: 2px; } .btf-collections .crsl-top--right { float: right; } .btf-collections .crsl-top--right a { overflow: hidden; text-indent: -500px; } .btf-collections .crsl-top--left { float: left; } .btf-collections .crsl-top .previous { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -460px 0; height: 20px; width: 17px; width: 17px; height: 20px; }.btf-collections .crsl-top .next { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -565px 0; height: 20px; width: 17px; width: 17px; height: 20px; }.btf-collections .crsl-top .close { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -351px 0; height: 20px; width: 20px; width: 20px; height: 20px; }.btf-collections .crsl-item { overflow: visible !important; } .btf-collections .crsl-item.active, .btf-collections .crsl-item:hover { cursor: pointer; } .btf-collections .crsl-item.active img, .btf-collections .crsl-item:hover img { border-bottom-color: red; filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; -webkit-box-shadow: none 0 0 0 0; -moz-box-shadow: none 0 0 0 0; box-shadow: none 0 0 0 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .cc-carrousel-box { position: relative; } .cc-carrousel-box #full-width-slider, .cc-carrousel-box #btf-slider { width: 100%; }.cc-carrousel-box #btf-slider area:focus { outline: 0; } .cc-carrousel-box #btf-slider img.rsImgMap { max-width: 100%; height: auto !important; min-width: 685px; float: none; } .cc-carrousel-box #btf-slider img.rsImgMap--right { float: right; }.cc-carrousel-box .rsMinW .rsArrow { height: 32px; width: 32px; position: absolute; display: block; cursor: pointer; z-index: 21; } .cc-carrousel-box .rsMinW .rsArrow.rsArrowDisabled { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; *display: none; } .cc-carrousel-box .rsMinW .rsArrowIcn { position: absolute; cursor: pointer; display: block; } .cc-carrousel-box .rsMinW .rsArrowLeft, .cc-carrousel-box .rsMinW .rsArrowRight { top: 50%; -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .cc-carrousel-box .rsMinW .rsArrowLeft { left: 37px; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -749px -63px; height: 44px; width: 40px; } .cc-carrousel-box .rsMinW .rsArrowRight { right: 37px; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -709px -63px; height: 44px; width: 40px; } .cc-carrousel-box .rsBullets { bottom: 15px; right: 0; left: 0; cursor: pointer; position: absolute; z-index: 35; height: auto; text-align: center; line-height: 6px; overflow: hidden; }.cc-carrousel-box .rsBullets .rsBullet { width: 20px; height: 20px; display: inline-block; margin: 0 5px; *display: inline; *zoom: 1; } .cc-carrousel-box .rsBullets .rsBullet span { display: block; width: 20px; height: 20px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; background: rgba(0, 0, 0, 0.3); border: 2px solid #fff; } .cc-carrousel-box .rsBullets .rsBullet span:hover { background: #ff133f; border-color: #d21034; } .cc-carrousel-box .rsBullets .rsBullet.rsNavSelected span { background: #ff133f; border-color: #d21034; } .cc-carrousel-box .rsUni .rsThumb { width: 90px !important; height: 125px !important; background: #fff !important; } .cc-carrousel-box .rsUni .rsThumbsVer { width: 125px; height: 100%; position: absolute; top: 0; left: 13px; background: #fff !important; } .simple-accordionxxx { margin-bottom: 10px; } .simple-accordionxxx .item .accordion-head { height: 49px; line-height: 49px; } .simple-accordionxxx .item .accordion-head a { font-size: 24px; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; color: #000; text-decoration: none; text-transform: uppercase; border-bottom: 3px solid #00ccff; display: block; line-height: 40px; } .simple-accordionxxx .item .accordion-head a i { display: inline-block; float: right; margin-top: 19px; } .simple-accordionxxx .item .accordion-content { display: none; padding-bottom: 15px; } .column-default__header h2.black, .column-default__header h3.black, .column-default__header h4.black, .column-default__content h2.black, .column-default__content h3.black, .column-default__content h4.black { color: #000; } .column-default__header h3, .column-default__content h3 { color: #000; display: inline-block; font-size: 24px; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; text-transform: uppercase; } .column-default__header { border-bottom: 3px solid #13b4f8; padding: 10px 0; margin-top: 0; }.column-default__content { color: #666; padding: 15px 0; } .column-default__content h3 { border-bottom: 1px dashed #e8e8e8; margin: 20px 0; padding-bottom: 20px; } .column-default__content p > span > span { display: block; } .column-default__content--inner { margin-bottom: 10px; } .column-default__content .right { float: right; } .column-default__content .left { float: left; }.column-default__filter { *zoom: 1; margin-bottom: 16px; } .column-default__filter:before, .column-default__filter:after { content: ""; display: table; } .column-default__filter:after { clear: both; } .column-default__filter--bottom { margin-top: 16px; } .column-default__filter p { float: left; margin-top: 9px; } .column-default__filter .select_box__wrapper { float: right; } .column-default__filter .select_box__wrapper .select_box, .column-default__filter .select_box__wrapper label { float: left; } .column-default__filter .select_box__wrapper .select_box { width: 70px; } .column-default__filter .select_box__wrapper .select_box select { width: 80px; } .column-default__filter .select_box__wrapper label { font-size: 14px; margin-left: 10px; margin-top: 9px; text-transform: uppercase; } .column-default__table { width: 100%; } .column-default__table thead > tr > th { background: #000; color: #fff; font-size: 15px; padding: 5px 5px 2px 0; text-align: left; text-transform: uppercase; } .column-default__table thead > tr > th:first-child { padding-left: 20px; } .column-default__table tbody tr td { border-bottom: 2px solid #f2f2f2; font-size: 16px; padding: 20px 5px 20px 0; } .column-default__table tbody tr td:first-child { padding-left: 20px; } .column-default__table tbody tr td.last { padding-right: 20px; }.column-default__table tbody tr:hover { background: #f2f2f2; } .video-box #just-video { width: 100%; } .video-box .rsDefault { background: transparent !important; } .video-box .rsDefault .rsPlayBtnIcon { display: block; -webkit-transition: none; -moz-transition: none; transition: none; background-image: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-play.png"); background-color: transparent; background-repeat: no-repeat; background-size: contain; background-position: center; } .video-box .rsDefault .rsPlayBtn:hover .rsPlayBtnIcon { background-image: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-play-hover.png"); background-repeat: no-repeat; background-size: contain; background-position: center; background-color: transparent; }.video-box .rsDefault .rsOverflow { background: transparent !important; } .video-box .rsSlide { background: none !important; } .irs-slider { background-position: 0 -87px; height: 24px; top: 18px; width: 24px; cursor: pointer; } #irs-active-slider, .irs-slider:hover { background-position: 0 -117px; } .irs-diapason { height: 10px; top: 26px; } .irs-from:after, .irs-to:after, .irs-single:after { border-color: transparent; } .irs-from, .irs-to, .irs-single { background: none; color: #000; font-size: 14px; line-height: 14px; padding: 0; font-weight: bold; top: 45px; } /* Magnific Popup CSS */ .mfp-bg { top: 0; left: 0; width: 100%; height: 100%; z-index: 1042; overflow: hidden; position: fixed; background: #0b0b0b; opacity: 0.8; filter: alpha(opacity=80); } .mfp-wrap { top: 0; left: 0; width: 100%; height: 100%; z-index: 1043; position: fixed; outline: none !important; -webkit-backface-visibility: hidden; } .mfp-container { text-align: center; position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 8px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-container:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .mfp-align-top .mfp-container:before { display: none; } .mfp-content { position: relative; display: inline-block; vertical-align: middle; margin: 0 auto; text-align: left; z-index: 1045; } .mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content { width: 100%; cursor: auto; } .mfp-ajax-cur { cursor: progress; } .mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close { cursor: -moz-zoom-out; cursor: -webkit-zoom-out; cursor: zoom-out; } .mfp-zoom { cursor: pointer; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; } .mfp-auto-cursor .mfp-content { cursor: auto; } .mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .mfp-loading.mfp-figure { display: none; } .mfp-hide { display: none !important; } .mfp-preloader { color: #cccccc; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #cccccc; } .mfp-preloader a:hover { color: white; } .mfp-s-ready .mfp-preloader { display: none; } .mfp-s-error .mfp-content { display: none; } button.mfp-close, button.mfp-arrow { overflow: visible; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none; display: block; outline: none; padding: 0; z-index: 1046; -webkit-box-shadow: none; box-shadow: none; } button::-moz-focus-inner { padding: 0; border: 0; } .mfp-close { width: 44px; height: 44px; line-height: 44px; position: absolute; right: 0; top: 0; text-decoration: none; text-align: center; padding: 0 0 18px 10px; color: white; font-style: normal; font-size: 41px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #000; font-weight: bold; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: white; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #cccccc; font-size: 12px; line-height: 18px; } .mfp-arrow { position: absolute; opacity: 0.65; filter: alpha(opacity=65); margin: 0; top: 50%; margin-top: -55px; padding: 0; width: 90px; height: 110px; -webkit-tap-highlight-color: transparent; } .mfp-arrow:active { margin-top: -54px; } .mfp-arrow:hover, .mfp-arrow:focus { opacity: 1; filter: alpha(opacity=100); } .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a { content: ''; display: block; width: 0; height: 0; position: absolute; left: 0; top: 0; margin-top: 35px; margin-left: 35px; border: medium inset transparent; } .mfp-arrow:after, .mfp-arrow .mfp-a { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before, .mfp-arrow .mfp-b { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after, .mfp-arrow-left .mfp-a { border-right: 17px solid white; margin-left: 31px; } .mfp-arrow-left:before, .mfp-arrow-left .mfp-b { margin-left: 25px; border-right: 27px solid #3f3f3f; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after, .mfp-arrow-right .mfp-a { border-left: 17px solid white; margin-left: 39px; } .mfp-arrow-right:before, .mfp-arrow-right .mfp-b { border-left: 27px solid #3f3f3f; } .mfp-iframe-holder { padding-top: 40px; padding-bottom: 40px; } .mfp-iframe-holder .mfp-content { line-height: 0; width: 100%; max-width: 900px; } .mfp-iframe-holder .mfp-close { top: -40px; } .mfp-iframe-scaler { width: 100%; height: 0; overflow: hidden; padding-top: 56.25%; } .mfp-iframe-scaler iframe { position: absolute; display: block; top: 0; left: 0; width: 100%; height: 100%; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: black; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding: 40px 0 40px; margin: 0 auto; } /* The shadow behind the image */ .mfp-figure { line-height: 0; } .mfp-figure:after { content: ''; position: absolute; left: 0; top: 40px; bottom: 40px; display: block; right: 0; width: auto; height: auto; z-index: -1; box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); background: #444444; } .mfp-figure small { color: #bdbdbd; display: block; font-size: 12px; line-height: 14px; } .mfp-figure figure { margin: 0; } .mfp-bottom-bar { margin-top: -36px; position: absolute; top: 100%; left: 0; width: 100%; cursor: auto; } .mfp-title { text-align: left; line-height: 18px; color: #f3f3f3; word-wrap: break-word; padding-right: 36px; } .mfp-image-holder .mfp-content { max-width: 100%; } .mfp-gallery .mfp-image-holder .mfp-figure { cursor: pointer; } .mfp-ie7 .mfp-img { padding: 0; } .mfp-ie7 .mfp-bottom-bar { width: 600px; left: 50%; margin-left: -300px; margin-top: 5px; padding-bottom: 5px; } .mfp-ie7 .mfp-container { padding: 0; } .mfp-ie7 .mfp-content { padding-top: 44px; } .mfp-ie7 .mfp-close { top: 0; right: 0; padding-top: 0; } .white-popup { max-width: 1024px; margin-left: auto; margin-right: auto; position: relative; background: #FFF; padding: 30px; border-top: 10px solid #00ccff; } .white-popup:after { content: " "; display: block; clear: both; } .white-popup .tab-quickview { position: relative; background: #000; top: -40px; left: 8px; height: 80px; padding: 12px 21px; display: inline-block; } .white-popup .tab-quickview h3 { color: #fff; line-height: 6px; padding-top: 16px; } .white-popup.narrow { max-width: 900px; }.white-popup.plain { border: none; max-width: 485px; padding: 40px 42px 30px 42px; } .pdp2 { *zoom: 1; } .pdp2:before, .pdp2:after { content: ""; display: table; } .pdp2:after { clear: both; } .pdp2__wrapper { position: relative; top: -60px; } .pdp2__view #pdp-view { width: 100% !important; background: #fff; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pdp2__view #pdp-view .rsSlide { background: #fff; } .pdp2__view #pdp-view .rsContainer { left: 68px; } .pdp2__view #pdp-view .rsOverflow { width: 100% !important; height: 500px !important; } .pdp2__view #pdp-view .rsUni.rsThumb { padding: 20px 0; }.pdp2__desc { *zoom: 1; } .pdp2__desc:before, .pdp2__desc:after { content: ""; display: table; } .pdp2__desc:after { clear: both; } .pdp2__desc h2 { margin-bottom: 4px; } .pdp2__desc span { font-size: 28px; } .pdp2__desc__txt { margin: 20px 0 10px; }.pdp2__select { *zoom: 1; } .pdp2__select:before, .pdp2__select:after { content: ""; display: table; } .pdp2__select:after { clear: both; } .pdp2__select h4 { margin-bottom: 10px; }.pdp2__select-size { padding-top: 20px; }.pdp2__select-size ul.sizebox li { margin: 0 5px 8px 0; } .pdp2__select-size ul.sizebox li a { padding: 4px 11px; } .pdp2__select-colors { padding-top: 20px; } .pdp2__amount { *zoom: 1; padding-top: 20px; margin-bottom: 20px; } .pdp2__amount:before, .pdp2__amount:after { content: ""; display: table; } .pdp2__amount:after { clear: both; } .pdp2__amount .select_box { float: left; width: 100px; } .pdp2__amount .select_box select { width: 120px; }.pdp2__submit hr { margin: 20px 0; }.pdp2__carrousel { display: none; }.pdp2 .cc__box--7 { margin-top: 50px; } #pdp-view2 { background: none !important; width: 540px !important; }#pdp-view2 .rsUni .rsOverflow { background: none !important; } #pdp-view2 .rsOverflow { height: 100% !important; width: 100% !important; } #pdp-view2 .rsOverflow .rsContainer .rsSlide { text-align: center; } #pdp-view2 .rsThumbsContainer { -moz-transition: none !important; -webkit-transition: none !important; -o-transition: color 0 ease-in !important; transition: none !important; -o-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; -webkit-transform: none !important; transform: none !important; } #pdp-view2 img.rsImg.rsMainSlideImage { width: auto !important; height: 100% !important; } .login-popup h2 { font-size: 24px; margin-bottom: 10px; } .login-popup p { margin-bottom: 5px; color: #666; } .login-popup .btn { float: right; margin-top: 5px; } .login-popup .link { float: left; margin-top: 11px; } .login-popup label { display: block; margin-bottom: 0; } .login-popup input { margin-bottom: 17px; } .login-popup.pass .btn { width: 100%; margin: 5px 0 3px 0; } .store-locator-popup { float: left; width: 100%; position: relative; } .store-locator-popup .container, .store-locator-popup .container--nest { padding: 0; margin-bottom: 50px; } .store-locator-popup .container--nest { margin-bottom: 0; } .store-locator-popup .container .cc__box--5, .store-locator-popup .container--nest .cc__box--5, .store-locator-popup .container .cc__box--7, .store-locator-popup .container--nest .cc__box--7 { padding-left: 0; padding-right: 1.66666%; } .store-locator-popup .container .cc__box--5.last, .store-locator-popup .container--nest .cc__box--5.last, .store-locator-popup .container .cc__box--7.last, .store-locator-popup .container--nest .cc__box--7.last { padding-right: 0; }.store-locator-popup h4 { margin-bottom: 25px; } .store-locator-popup .radio-list { float: left; width: 100%; border-bottom: dashed 1px #e8e8e8; margin-bottom: 25px; padding-bottom: 20px; } .store-locator-popup .radio-list li { width: 33.33333%; float: left; } .store-locator-popup .radio-list.last { border: none; padding-bottom: 0; margin-bottom: 0; }.store-locator-popup table { color: #666; } .store-locator-popup table tr:first-child td { color: #000; } .store-locator-popup table td { padding-bottom: 8px; }.store-locator-popup .formbox { float: left; width: 100%; margin-bottom: 25px; } .store-locator-popup .formbox .select_box select { width: 108%; }.store-locator-popup input[type="radio"] + label { font-size: 18px; } .store-locator-popup .btn { padding: 0 35px; margin-top: 12px; } .store-locator-popup .btn--black { padding: 0 30px; min-width: 10px; float: right; height: 37px; line-height: 39px; width: 100%; margin-top: 0; }.store-locator-popup .google-map { height: 350px; } .zoomContainer .zoomLens { background: #fff url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-magnifier.png") center center no-repeat !important; cursor: none !important; } .zoomContainer .zoomWindowContainer div { border: 2px solid #e8e8e8 !important; margin-left: 0px;} .badge__wrapper { position: relative; } .badge__sticker { top: 10px; right: 10px; position: absolute; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -382px -329px; height: 85px; width: 85px; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; font-size: 22px; padding: 5px 10px; text-align: center; text-transform: uppercase; z-index: 4; }.badge__sticker.large { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -334px -165px; height: 115px; width: 115px; padding: 20px 15px; }.badge__sticker.comming-soon { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -294px -329px; height: 80px; width: 88px; }.badge__sticker.be-the-first { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -467px -329px; height: 85px; width: 85px; } .lt-ie9 .show--tablet, .lt-ie9 .show--mobile { display: none !important; } .lt-ie9 .cc-carrousel-box .infoblock__wrapper .infoblock { top: 140px; } .lt-ie9 input[type="radio"] { display: inline-block; margin: 0; border: none; padding: 0; } .lt-ie9 input[type="radio"] + label { display: inline-block; cursor: pointer; font-size: 13px; margin-right: 0; padding-left: 0; position: relative; border: none; } .lt-ie9 input[type="radio"] + label:before { border: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; display: inline-block; height: auto; left: 0; margin-right: 0; position: initial; top: 0; width: auto; } .lt-ie9 input[type="radio"] + label:after { content: ""; position: initial; top: 0; width: auto; height: auto; left: 0; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; } .lt-ie9 input[type="radio"]:checked + label:before { content: ""; display: block; height: auto; width: auto; } .lt-ie9 input[type="checkbox"] { display: inline-block; margin: 0; border: none; padding: 0; } .lt-ie9 input[type="checkbox"] + label { display: block; cursor: pointer; font-size: 16px; padding-left: 0; position: relative; } .lt-ie9 input[type="checkbox"] + label:before { background-color: #fff; content: ""; display: inline-block; height: auto; left: 0; position: absolute; top: 0; width: auto; } .lt-ie9 input[type="checkbox"]:checked + label:after { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -564px -41px; height: 14px; width: 14px; top: 0; content: ""; left: 0; position: initial; }.lt-ie9 input[type="text"] { font-weight: bold; padding-right: 1px; padding-top: 7px; } .lt-ie9 .basket__prod-total-address input[type="radio"] { position: relative; top: 4px; } .lt-ie9 .header__top nav .sub-nav .inner .cb-wrap { float: left; width: 100%; } .lt-ie9 .header__top nav .sub-nav .inner .cb-wrap input { float: left; position: relative; top: -8px; } .lt-ie9 .header__top nav .sub-nav .inner .cb-wrap label { float: left; margin-left: 5px; } .lt-ie9 .basket__prod-info-box .info-price .txt-red, .lt-ie9 .basket__prod-info-box .info-total .txt-red { margin-top: 25px; } .lt-ie9 .formbox__birth .select_box.last { margin-right: 0 !important; } .lt-ie9 .your-order__product { overflow-x: scroll; } .lt-ie9 .your-order__korting li { width: auto; } .lt-ie9 .your-order__korting li + li { float: right; } .lt-ie9 .your-order__checkout .total li { width: auto; } .lt-ie9 .your-order__checkout .total li + li { float: right; } .lt-ie9 .mini-cart__header li, .lt-ie9 .mini-cart__korting li { width: auto; } .lt-ie9 .mini-cart__header li + li, .lt-ie9 .mini-cart__korting li + li { float: right; } .lt-ie9 .mini-cart__product { overflow-y: scroll; } .lt-ie9 .mini-cart__checkout .total li { width: auto; } .lt-ie9 .mini-cart__checkout .total li + li { float: right; } .lt-ie9 .formbox input[type="checkbox"] { float: left; position: relative; top: 5px; background: #fff; height: 18px; border: none; } .lt-ie9 .formbox input[type="checkbox"]:checked + label:after { background: none !important; } .lt-ie9 .formbox input[type="checkbox"].black:checked + label:before, .lt-ie9 .formbox input[type="radio"].black:checked + label:before, .lt-ie9 .formbox input[type="checkbox"].black:checked + label:after, .lt-ie9 .formbox input[type="radio"].black:checked + label:after { background: #fff !important; } .lt-ie9 .formbox label { position: relative; top: 4px; left: 5px; } .lt-ie9 .register-page .cc__box--8 .container--nest .radio input { position: relative; top: 7px; } .lt-ie9 .register-page .cc__box--8 .container--nest .radio label { margin-right: 15px; } .lt-ie9 .store-locator-popup .radio-list label { font-size: 18px !important; margin-left: 10px; float: left; width: 90%; position: relative; margin-top: -4px; } .lt-ie9 .store-locator-popup .radio-list input { float: left; } .lt-ie9 .store-locator-popup .select_box select { height: 33px; line-height: 33px; padding-top: 0; width: 115%; } .lt-ie9 .login-page .overlay-img-box__text { top: 10px; } .lt-ie9 .job-detail-page .overlay-img-box__text { top: 35px; } .lt-ie9 .newsletter-page .overlay-img-box__text { top: 50px; } .lt-ie9 .select_box select { padding-top: 0; position: relative; top: -2px; } .lt-ie9 .productbox__scrollbox--wrapper { /* height: 65px; */ } /*----------------------------------------*\ HOMEPAGE + DOELGROEP PAGES \*----------------------------------------*/ .homepage .general-box--inner, .homepage .getlook-box--inner { padding: 100px 2.375% 50px 2.375%; } .homepage .general-box--inner .cc__box--6, .homepage .getlook-box--inner .cc__box--6 { padding-right: 1.249995%; } .homepage .general-box--inner .cc__box--6.last, .homepage .getlook-box--inner .cc__box--6.last { padding-left: 1.249995%; padding-right: 0.83333%; }.homepage .general-box--inner .productbox.product-items .productbox--imagebox, .homepage .getlook-box--inner .productbox.product-items .productbox--imagebox { position: relative; height: 0; padding-bottom: 110%; } .homepage .general-box--inner .productbox.product-items .productbox--imagebox img, .homepage .getlook-box--inner .productbox.product-items .productbox--imagebox img { max-width: 100%; margin: 0 auto; } .homepage .getlook-box--wrapper { border-top: solid 10px black; float: left; overflow: hidden; width: 100%; } .homepage .getlook-box--inner { padding-bottom: 0; padding-top: 0; } .wrapper--inner #cmscontenttool_placeholder{ /*Set big height so recently is not showed on pageload (will be overridden after pageload)*/ height:820px; } .highlight-box { position: relative; } .highlight-box img { border: solid 10px #000; } .highlight-box .general-box--desc { margin-right: 15px; } .highlight-box .btn { float: left; margin-top: 17px; margin-right: 2px; } .highlight-box .btn--shopsale { margin-right: 52px; }.highlight-box .badge__sticker { right: -35px; top: -35px; } .video-box img { border: solid 10px #000; } .video-box h2 { font-size: 60px; line-height: 42px; margin-top: -2px; margin-bottom: 20px; } .featured-box .btn { float: left; margin-top: 17px; margin-right: 2px; } .featured-box .btn--shoplook { margin-right: 52px; } .featured-box .general-box--desc { margin-right: 15px; } .getlook-box { padding-top: 4.375%; padding-right: 4.375%; width: 33.3333%; float: left; }.getlook-box .btn { float: left; margin-top: 30px; } .getlook-box--wrapper { background-color: #f3f0f1; } .getlook-box--wrapper h2 { font-size: 60px; line-height: 42px; margin-top: -2px; margin-bottom: 20px; }.getlook-box--inner { padding-top: 0; padding-bottom: 0; }.getlook-box--imagebox { float: left; width: 33.3333%; } .getlook-box--imagebox img { display: block; float: right; } /* --------------------------------- *\ CATEGORY PAGE \* --------------------------------- */ .cat-page .cat-header img { width: 100%; height: auto; margin: 0 auto; display: block; } .cat-page .cat-search { padding: 20px 0; border-bottom: solid 1px #c5c4c4; }.cat-page .cat-search__img-size { text-transform: uppercase; font-size: 14px; font-family: "coolcat_3regular", Arial, Helvetica, sans-serif; float: left; font-weight: bold; }.cat-page .cat-search__img-size ul { display: inline-block; vertical-align: middle; margin-left: 15px; background-color: #f2f2f2; padding: 10px 8px; border: solid 3px #f2f2f2; cursor: pointer; }.cat-page .cat-search__img-size ul li { float: left; width: 10px; height: 10px; background-color: #c5c4c4; margin-right: 4px; } .cat-page .cat-search__img-size ul li:last-child { margin-right: 0; } .cat-page .cat-search__img-size ul.active, .cat-page .cat-search__img-size ul:hover { border-color: #000; } .cat-page .cat-search__sort { float: right; } .cat-page .cat-search .select_box { float: right; width: 230px; }.cat-page .cat-search .select_box select { padding-left: 10px; width: 245px; }.cat-page .cat-main .cc__box--6 { width: 50%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; float: none; }.cat-page .searchresult { float: left; padding-bottom: 20px; padding-top: 4px; } .cat-page .searchresult h3 { float: left; font-size: 24px; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; padding-right: 20px; min-width: 300px; }.cat-page .cat-mainbox { *zoom: 1; } .cat-page .cat-mainbox:before, .cat-page .cat-mainbox:after { content: ""; display: table; } .cat-page .cat-mainbox:after { clear: both; } .cat-page .cat-listerbox { *zoom: 1; margin-left: 243px; padding: 40px 0; } .cat-page .cat-listerbox:before, .cat-page .cat-listerbox:after { content: ""; display: table; } .cat-page .cat-listerbox:after { clear: both; }.cat-page .cat-listerbox .productbox--imagebox { position: static; height: auto; padding-bottom: 0; } .cat-page .cat-listerbox .productbox .productbox__hover { display: none; } .cat-page .cat-listerbox .productbox .pricebox { font-size: 20px; }.cat-page .cat-filter { font-family: "coolcat_3regular", Arial, Helvetica, sans-serif; font-size: 14px; } .cat-page .cat-filter h3 { font-size: 24px; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; padding: 10px 0; border-bottom: 3px solid #00ccff; background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-mobdown.png) no-repeat 95% center; } .cat-page .cat-filter h3.open { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-mobup.png) no-repeat 95% center; } .cat-page .cat-filter h3 a { color: #000; display: block; font-family: inherit; margin: -10px 0; padding: 10px 0; text-decoration: none; } .cat-page .cat-filter h3 a:hover { color: #13b4f8; } .cat-page .cat-filter h3 a i { float: right; margin: 10px 15px 0 0; } .cat-page .cat-filter h3.no-arrow { background: none; } .cat-page .cat-filter h3.no-arrow.open { background: none; } .cat-page .cat-filter__wrapper { width: 100%; position: fixed; z-index: 40; padding: 20px 4%; margin: 0 -10px; background: #fff; overflow-y: scroll; max-height: 100%; overflow-x: hidden; }.cat-page .cat-filter__list li a { display: block; text-decoration: none; color: #000; font-weight: bold; text-transform: uppercase; padding: 8px 0 8px 8px; } .cat-page .cat-filter__list li a i { font-weight: normal; color: #8c8c8c; font-size: 12px; padding-left: 5px; } .cat-page .cat-filter__list li a.active { color: #000; background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-checked.png) left center no-repeat; padding-left: 18px; } .cat-page .cat-filter__list li a.active i { color: #8c8c8c; } .cat-page .cat-filter__list li a:hover { color: #13b4f8; } .cat-page .cat-filter__list li a:hover i { color: #8c8c8c; } .cat-page .cat-filter__list li.parent.open, .cat-page .cat-filter__list li.parent.close { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-mobup-grey.png) 95% 14px no-repeat; } .cat-page .cat-filter__list li.parent.close { background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-mobdown-grey.png); } .cat-page .cat-filter__sublist { padding-bottom: 10px; } .cat-page .cat-filter__sublist li { background-image: none; border: none !important; } .cat-page .cat-filter__sublist li a { display: block; text-transform: none; padding: 5px 0 5px 16px; text-decoration: none; font-weight: normal; color: #3d3d3d; } .cat-page .cat-filter__sublist li a:hover { color: #000; } .cat-page .cat-filter__sublist li a.active { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-checked.png) left center no-repeat; color: #000; font-weight: bold; } .cat-page .cat-filter__sublist li a.active i { color: #000; } .cat-page .cat-filter__dropdown, .cat-page .cat-filter__content { padding: 12px 0; } .cat-page .cat-filter__dropdown { display: none; } .cat-page .cat-filter__content .irs .irs-from, .cat-page .cat-filter__content .irs .irs-to, .cat-page .cat-filter__content .irs .irs-single { color: #000; background: #f2f2f2; } .cat-page .cat-filter__content .irs .irs-from:after, .cat-page .cat-filter__content .irs .irs-to:after, .cat-page .cat-filter__content .irs .irs-single:after { border-top-color: #f2f2f2; } .cat-page .cat-filter--select .cat-filter__list { *zoom: 1; } .cat-page .cat-filter--select .cat-filter__list:before, .cat-page .cat-filter--select .cat-filter__list:after { content: ""; display: table; } .cat-page .cat-filter--select .cat-filter__list:after { clear: both; } .cat-page .cat-filter--select .cat-filter__list li a { display: inline-block; float: left; padding: 0 8px; background-color: #F2F2F2; background-image: none; margin: 0 15px 10px 0; line-height: 27px; } .cat-page .cat-filter--select .cat-filter__list li a span { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-close-small.png) center 3px no-repeat; margin: 0 5px 0 10px; padding: 0 5px; } .cat-page .cat-filter--arrived h3 { padding: 0; } .cat-page .cat-filter--size .cat-filter__list { margin-top: 10px; } .cat-page .cat-filter--size .cat-filter__list li a:hover { background-color: #c5c4c4; border: solid 3px #c5c4c4; } .cat-page .cat-filter--size .cat-filter__list li a.active { background-image: none; padding-left: 0; } .cat-page .cat-filter--size .cat-filter__list li a.active:hover { background-color: #f2f2f2; border: solid 3px #000; cursor: default; } .cat-page .cat-filter--color .cat-filter__list { margin-top: 10px; } .cat-page .cat-filter--color .cat-filter__list li { background-image: none; background-size: auto; background-repeat: repeat; display: inline-block; background-color: #e8e8e8; color: #3d3d3d; font-size: 14px; text-transform: uppercase; margin: 0 5px 9px 0; width: 46%; height: 33px; text-align: center; } .cat-page .cat-filter--color .cat-filter__list li a { padding: 6px 15px; color: #fff; white-space: nowrap; text-indent: 9999px; } .cat-page .cat-filter--color .cat-filter__list li a:hover { text-indent: 0; background-color: #c5c4c4; } .cat-page .cat-filter--color .cat-filter__list li a.active { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-checked-bg.png) right center no-repeat; border: solid 3px #000; padding: 3px 15px; } .cat-page .cat-filter--color .cat-filter__list li a.active:hover { text-indent: 9999px; background-color: transparent; } .cat-page .cat-filter--price .cat-filter__content { padding: 5px 0 0 0; margin: 0 0 40px 0; } .cat-page .cat-filter--price .irs-slider { background-position: 0 -86px !important; height: 25px !important; top: 18px !important; width: 25px !important; } .cat-page .cat-filter--price .irs-slider:hover { background-position: 0 -116px !important; } .cat-page .cat-filter--category li, .cat-page .cat-filter--actions li, .cat-page .cat-filter--inspiration li, .cat-page .cat-filter--sex li { border-bottom: 1px dashed #e8e8e8; } .cat-page .cat-filter--category li:last-child, .cat-page .cat-filter--actions li:last-child, .cat-page .cat-filter--inspiration li:last-child, .cat-page .cat-filter--sex li:last-child { border-bottom: 0; } .cat-page .cat-filter--info h3 { border-bottom: 0; } .cat-page .cat-filter--info .cat-filter__content { position: relative; } .cat-page .cat-filter__btnbox { display: none; border-bottom: solid 1px #f2f2f2; padding-bottom: 20px; } .cat-page .cat-filter__btnbox .cc__box--6 { width: 50%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; }.cat-page .clear-all { margin-bottom: 12px; margin-top: 15px; } .cat-page .clear-all a { text-decoration: none; } /* --------------------------------- *\ PRODUCT DETAIL PAGE \* --------------------------------- */ .pdp { *zoom: 1; padding: 65px 0 50px 0; } .pdp:before, .pdp:after { content: ""; display: table; } .pdp:after { clear: both; } .pdp__wrapper .badge__sticker { right: 60px; top: 0; }.pdp__view #pdp-view, .pdp__view #pdp-view2 { width: 100% !important; background: #fff; -webkit-user-select: none; -moz-user-select: none; user-select: none; } .pdp__view #pdp-view .rsSlide, .pdp__view #pdp-view2 .rsSlide { background: #fff; } .pdp__view #pdp-view .rsContainer, .pdp__view #pdp-view2 .rsContainer { left: 10px; } .pdp__view #pdp-view .rsOverflow, .pdp__view #pdp-view2 .rsOverflow { width: 100% !important;} .pdp__view #pdp-view.rsUni .rsThumb, .pdp__view #pdp-view2.rsUni .rsThumb { border: dashed 2px #e8e8e8; }.pdp__view #pdp-view.rsUni .rsThumb.rsNavSelected, .pdp__view #pdp-view2.rsUni .rsThumb.rsNavSelected { border: 2px solid #000; } .pdp__view #pdp-view.rsUni .rsThumb.rsNavSelected .thumbIco, .pdp__view #pdp-view2.rsUni .rsThumb.rsNavSelected .thumbIco { border: none; }.pdp__desc { *zoom: 1; } .pdp__desc:before, .pdp__desc:after { content: ""; display: table; } .pdp__desc:after { clear: both; } .pdp__desc h2 { margin-bottom: 13px; font-size: 32px; line-height: 28px; } .pdp__desc .pricebox { font-size: 35px; } .pdp__desc__txt { margin: 20px 0; }.pdp__select { *zoom: 1; } .pdp__select:before, .pdp__select:after { content: ""; display: table; } .pdp__select:after { clear: both; } .pdp__select h4 { margin-bottom: 5px; }.pdp__select-size { margin-top: 7px; }.pdp__select-size ul.sizebox { margin-bottom: 10px; }.pdp__select-size ul.sizebox li { margin: 0 5px 8px 0; } .pdp__select-size ul.sizebox li a { min-width: 43px; }.pdp__select-colors { margin-top: 20px; } .pdp__amount { *zoom: 1; margin: 10px 0 27px 0; } .pdp__amount:before, .pdp__amount:after { content: ""; display: table; } .pdp__amount:after { clear: both; } .pdp__amount .select_box { float: left; width: 100px; } .pdp__amount .select_box select { width: 120px; }.pdp__submit { position: relative; } .pdp__submit hr { margin: 20px 0; }.pdp__rollout--shoppingbag { bottom: 178px; position: absolute; padding-bottom: 16px; width: 100%; z-index: 1; } .pdp__rollout--inner { background-color: #fff; border-left: 2px solid #c5c4c4; border-right: 2px solid #c5c4c4; border-top: 2px solid #c5c4c4; height: 100%; padding: 20px; text-align: center; } .pdp__rollout--inner h4 { margin-bottom: 15px; }.pdp__rollout--inner .btn { margin-bottom: 5px; }.pdp__rollout--bottom { bottom: 0; position: absolute; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat 0 -25px; height: 16px; width: 800px; display: block; width: 100% !important; }.pdp__carrousel { display: none; }.pdp div.rsUni .rsArrowLeft .rsArrowIcn { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -477px 0; height: 25px; width: 16px; }.pdp div.rsUni .rsArrowRight .rsArrowIcn { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -620px 0; height: 25px; width: 16px; }.pdp .tabcontent { margin-top: 10px; }.review__main-wrapper .write-review a.btn--write { margin: 0 0 20px 0; } .review__wrapper { padding: 30px 0px; border-bottom: dashed 1px #c5c4c4; }.review__wrapper--last { border-bottom: 0; } .review__wrapper .review span { color: #13b4f8; } /* --------------------------------- *\ SHOPPING BASKET PAGE \* --------------------------------- */ .checkout-btn--bottom { margin-bottom: 50px; } .basket__prod-titles { border-top: 1px solid #e8e8e8; border-bottom: 3px solid #13b4f8; padding: 10px 0; margin-top: 20px; height: 50px; } .basket__prod-titles-box span { font-size: 24px; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase; } .basket__prod-info { *zoom: 1; padding: 30px 0 40px 0; position: relative; min-height: 220px; border-bottom: 1px dashed #e8e8e8; } .basket__prod-info:before, .basket__prod-info:after { content: ""; display: table; } .basket__prod-info:after { clear: both; }.basket__prod-info-box .field-wrapper { *zoom: 1; display: block; height: 1px; } .basket__prod-info-box .field-wrapper:before, .basket__prod-info-box .field-wrapper:after { content: ""; display: table; } .basket__prod-info-box .field-wrapper:after { clear: both; }.basket__prod-info-box .field-wrapper .field__quantity { *zoom: 1; } .basket__prod-info-box .field-wrapper .field__quantity:before, .basket__prod-info-box .field-wrapper .field__quantity:after { content: ""; display: table; } .basket__prod-info-box .field-wrapper .field__quantity:after { clear: both; } .basket__prod-info-box .field-wrapper .field__quantity p { margin-bottom: 8px; } .basket__prod-info-box .field-wrapper .field__quantity p span { color: #8c8c8c; padding-left: 16px; float: none; } .basket__prod-info-box .field-wrapper .field__quantity span { margin: 10px 10px 0 0; float: left; } .basket__prod-info-box .field-wrapper .field__quantity a { bottom: 12px; position: absolute; width: 100%; }.basket__prod-info-box .field-wrapper .field__quantity .select-wrapper { float: left; width: 53%; } .basket__prod-info-box .field-wrapper .field__quantity .select_box { float: left; width: 100px; margin-right: 6px; } .basket__prod-info-box .field-wrapper .field__quantity .select_box select { width: 120px; } .basket__prod-info-box .field-wrapper .field__quantity .last-chance { float: left; width: 47%; } .basket__prod-info-box .field-wrapper .field__quantity .last-chance span { font-size: 16px; color: #8c8c8c; margin: -2% -6% 0 0; float: left; line-height: 12px !important; } .basket__prod-info-box .field-wrapper .field__quantity .last-chance img { width: auto; } .basket__prod-info-box .field-wrapper .field__quantity .product-color { position: relative; } .basket__prod-info-box .field-wrapper .field__quantity .product-color span { top: 0; left: 0; position: absolute; padding-left: 58px; margin-top: 0; }.basket__prod-info-box .field-wrapper .field__quantity-edit { *zoom: 1; display: none; } .basket__prod-info-box .field-wrapper .field__quantity-edit:before, .basket__prod-info-box .field-wrapper .field__quantity-edit:after { content: ""; display: table; } .basket__prod-info-box .field-wrapper .field__quantity-edit:after { clear: both; }.basket__prod-info-box .field-wrapper .field__quantity-edit ul li { margin: 5px 0; *zoom: 1; } .basket__prod-info-box .field-wrapper .field__quantity-edit ul li:before, .basket__prod-info-box .field-wrapper .field__quantity-edit ul li:after { content: ""; display: table; } .basket__prod-info-box .field-wrapper .field__quantity-edit ul li:after { clear: both; } .basket__prod-info-box .field-wrapper .field__quantity-edit span { margin: 10px 10px 0 0; float: left; width: 50px; } .basket__prod-info-box .field-wrapper .field__quantity-edit .select_box { float: left; width: 100px; margin-right: 6px; } .basket__prod-info-box .field-wrapper .field__quantity-edit .select_box select { width: 120px; } .basket__prod-info-box .field-wrapper .field__quantity-edit .btn { margin: 10px 5px 0 0; padding: 0 37px; }.basket__prod-info-box ul.prod__details li { display: inline-block; vertical-align: top; } .basket__prod-info-box ul.prod__details li.prod__details-img { width: auto; } .basket__prod-info-box ul.prod__details li.prod__details-desc { width: auto; text-transform: uppercase; } .basket__prod-info-box ul.prod__details li.prod__details-desc span { font-size: 15px; font-weight: bold; } .basket__prod-info-box ul.prod__details li.prod__details-desc p { color: #8c8c8c; font-size: 16px; } .basket__prod-info-box img { width: 30%; height: auto; } .basket__prod-info-box .info-price, .basket__prod-info-box .info-total { float: right; text-align: right; } .basket__prod-info-box .info-price span, .basket__prod-info-box .info-total span { font-size: 18px; display: block; } .basket__prod-info-box .info-price span:last-child, .basket__prod-info-box .info-total span:last-child { margin-top: 25px; } .basket__prod-info-box .info-price .pricebox__old, .basket__prod-info-box .info-total .pricebox__old { margin-right: 0; } .basket__prod-info-box .info-total span:last-child { margin-top: 0; } .basket__prod-info-box .info-img p { font-size: 14px; font-weight: bold; display: inline-block; text-transform: uppercase; } .basket__prod-info-box .info-img div { text-transform: uppercase; font-size: 14px; font-weight: bold; } .basket__prod-info-box .info-img img { float: left; margin-right: 5%; } .basket__prod-info-box .info-img a { position: absolute; left: 15px; bottom: 10px; color: #c5c4c4; text-decoration: none; display: inline-block; padding-left: 15px; } .basket__prod-info-box .info-img a:before { content: ""; position: absolute; top: 5px; left: 0; right: auto; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -212px -41px; height: 10px; width: 10px; } .basket__prod-promo { background-color: #e8e8e8; padding: 30px 20px; margin: -1px 0 25px 0; }.basket__prod-promo-field ul { display: table; width: 100%; } .basket__prod-promo-field ul li { display: table-cell; vertical-align: middle; } .basket__prod-promo-field ul li.field__text { width: 500px; text-transform: uppercase; font-size: 18px; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; }.basket__prod-promo-field ul li.field__input { width: 615px; } .basket__prod-promo-field ul li.field__input input.promo-code { float: left; font-size: 100%; height: 37px; width: 100%; } .basket__prod-promo-field ul li.field__button button { font-size: 100%; }.basket__prod-promo-field form button { font-size: 18px; }.basket__prod-promo-field form ::-webkit-input-placeholder { color: #c5c4c4; font-size: 14px; } .basket__prod-promo-field form :-moz-placeholder { color: #c5c4c4; font-size: 14px; } .basket__prod-promo-field form ::-moz-placeholder { color: #c5c4c4; font-size: 14px; } .basket__prod-promo-field form :-ms-input-placeholder { color: #c5c4c4; font-size: 14px; } .basket__prod-promo-field span { font-size: 18px; text-transform: uppercase; padding-right: 10px; } .basket__prod-total { width: 435px; }.basket__prod-total span { text-transform: uppercase; } .basket__prod-total ul { width: 100%; } .basket__prod-total ul li { display: inline-block; width: 100%; margin: 2px 0; } .basket__prod-total-address { border: 2px dashed #e8e8e8; padding: 15px; margin: 10px 0; float: left; width: 100%; } .basket__prod-total-address span { margin-bottom: 10px; display: block; } .basket__prod-total-address ul { width: 100%; float: left; } .basket__prod-total-address ul li { margin: 0 0 15px 0; } .basket__prod-total-address ul li label { font-size: 16px; } .basket__prod-total-address ul li:last-child { margin: 0; } .basket__prod-total-address ul li.active input[type="checkbox"] + label, .basket__prod-total-address ul li.active input[type="radio"] + label { color: #000; } .basket__prod-total-address ul li.active input[type="checkbox"] + label:before, .basket__prod-total-address ul li.active input[type="radio"] + label:before { border-color: #000; } .basket__prod-total-address ul li.active input[type="checkbox"]:checked + label:before, .basket__prod-total-address ul li.active input[type="radio"]:checked + label:before { border-color: #000 !important; } .basket__prod-total-address ul li.active input[type="checkbox"]:checked + label:after, .basket__prod-total-address ul li.active input[type="radio"]:checked + label:after { background-color: #000 !important; }.basket__prod-total-price .subtotal li, .basket__prod-total-price .total li, .basket__prod-total-price .shipping li, .basket__prod-total-price .discount li { width: 49%; } .basket__prod-total-price .subtotal li:last-child, .basket__prod-total-price .total li:last-child, .basket__prod-total-price .shipping li:last-child, .basket__prod-total-price .discount li:last-child { text-align: right; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; text-transform: uppercase; } .basket__prod-total-price ul.subtotal li { font-size: 24px; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; text-transform: uppercase; } .basket__prod-total-price ul.discount li { color: #ff133f; }.basket__prod-total-price ul.total { margin: 15px 0 20px 0; } .basket__prod-total-price ul.total li { font-size: 24px; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; text-transform: uppercase; } .basket__prod-total-price .checkout ul li { margin-bottom: 25px; } .services h3.border-subtitle { cursor: pointer; padding: 10px 0; margin-bottom: 0; } .services ul { margin: 15px 0 30px 15px; } .services ul li { cursor: pointer; list-style-type: square; margin: 10px 0; color: #13b4f8; } .services ul li span { color: #000; } .services ul.service-icons { margin-left: 0; } .services ul.service-icons li { display: inline-block; list-style: none; } #show-cart, #hide-cart { cursor: pointer; } .your-order, .mini-cart { max-width: 429px; margin-left: auto; margin-right: auto; } .your-order:after, .mini-cart:after { content: " "; display: block; clear: both; } .your-order ul, .mini-cart ul { width: 100%; } .your-order ul li, .mini-cart ul li { display: inline-block; vertical-align: middle; } .your-order__header, .mini-cart__header { *zoom: 1; } .your-order__header:before, .your-order__header:after, .mini-cart__header:before, .mini-cart__header:after { content: ""; display: table; } .your-order__header:after, .mini-cart__header:after { clear: both; } .your-order__product, .mini-cart__product { max-height: 290px; overflow-x: hidden; } .your-order__product p, .mini-cart__product p { color: #666; line-height: 18px; font-size: 16px; } .your-order__product-row span, .mini-cart__product-row span { font-size: 16px; padding-right: 5px; } .your-order__product-row ul, .mini-cart__product-row ul { border-bottom: dashed 1px #e8e8e8; padding: 15px 0; } .your-order__product-row ul li, .mini-cart__product-row ul li { width: auto; } .your-order__product-row ul li.image, .mini-cart__product-row ul li.image { width: 30%; padding: 0 12px; } .your-order__product-row ul li.image img, .mini-cart__product-row ul li.image img { width: 80px; height: auto; } .your-order__product-row ul li.desc, .mini-cart__product-row ul li.desc { text-align: left; width: 38%; padding: 0 0 0 4px; margin: -7px 0 0 0; } .your-order__product-row ul li.desc span, .mini-cart__product-row ul li.desc span { font-weight: bold; font-family: "coolcat_3regular", Arial, Helvetica, sans-serif; font-size: 14px; line-height: 27px; padding-bottom: 5px; text-transform: uppercase; } .your-order__product-row ul li.price, .mini-cart__product-row ul li.price { text-align: right; width: 28%; padding-right: 5px; } .your-order__product-row ul li.price span, .mini-cart__product-row ul li.price span { display: block; } .your-order__product-row ul li.price .pricebox__old, .mini-cart__product-row ul li.price .pricebox__old { padding-right: 0; } .your-order__product-row:last-child, .mini-cart__product-row:last-child { background: none; } .your-order__korting, .mini-cart__korting { border-top: 1px solid #c5c4c4; padding: 10px 10px 10px 15px; } .your-order__korting span, .mini-cart__korting span { font-size: 18px; } .your-order__korting ul, .mini-cart__korting ul { margin: 4px 0 0 0; } .your-order__korting ul li, .mini-cart__korting ul li { text-align: left; width: 72%; } .your-order__korting ul li:last-child, .mini-cart__korting ul li:last-child { width: 25%; text-align: right; text-transform: uppercase; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; } .your-order__korting .subtotal, .mini-cart__korting .subtotal { text-transform: uppercase; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; } .your-order__korting .subtotal--exclude, .mini-cart__korting .subtotal--exclude { font-size: 13px; font-family: "coolcat_3regular", Arial, Helvetica, sans-serif; color: #8c8c8c; text-transform: lowercase; padding: 0 0 0 5px; } .your-order__korting .discount, .mini-cart__korting .discount { color: #ff133f; } .your-order__korting .pricebox, .mini-cart__korting .pricebox { padding-right: 10px; } .your-order__checkout, .mini-cart__checkout { border-top: 3px solid #13b4f8; padding: 15px 15px 26px 15px; } .your-order__checkout ul li, .mini-cart__checkout ul li { text-align: left; width: 49%; } .your-order__checkout ul li:last-child, .mini-cart__checkout ul li:last-child { width: 49%; text-align: right; text-transform: uppercase; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; } .your-order__checkout .total, .mini-cart__checkout .total { margin: 0 0 10px 0; } .your-order__checkout .total span, .mini-cart__checkout .total span { text-transform: uppercase; } .your-order__checkout .btn--gray-light, .mini-cart__checkout .btn--gray-light { padding: 0 30px; margin-right: 10px; } .your-order__checkout .pricebox, .mini-cart__checkout .pricebox { padding-right: 10px; } .mini-cart { background-color: #fff; border-width: 0px 2px 2px 2px; border-style: solid; border-color: #c5c4c4; display: none; max-width: 0; min-width: 440px; z-index: 36; top: 0; right: 19px; position: absolute; } .mini-cart__header { padding: 18px 15px; } .mini-cart__header span { font-size: 21px; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; text-transform: uppercase; line-height: 29px; } .mini-cart__header li { width: 52%; } .mini-cart__header li:last-child { text-align: right; width: 46%; } .mini-cart__header li:last-child span { font-size: 14px; font-family: "coolcat_3regular", Arial, Helvetica, sans-serif; font-weight: bold; text-transform: lowercase; } .mini-cart__header li:last-child .ico { vertical-align: sub; margin-right: 7px; } .your-order { margin-bottom: 30px; border: solid 1px #e8e8e8; } .your-order__header { padding: 18px 0 30px; } .your-order__header .btn { padding: 0 22px; }.your-order__header .price-mobile { display: none; }.your-order__topheader { background-image: none !important; } .your-order__checkout { padding-bottom: 0; } /* --------------------------------- *\ CHECKOUT PAGE \* --------------------------------- */ .check__wrapper { padding-bottom: 100px; } .check__wrapper .cc__box--4 { float: right; }.check__edit { display: none; float: right; padding-right: 10px; text-decoration: none; }.check__header { border-bottom: 3px solid #13b4f8; padding: 10px 0; margin-top: 0; } .check__header h3 { display: inline-block; font-size: 24px; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; color: #000; text-transform: uppercase; cursor: pointer; }.check__content { padding: 15px 0; } .check__content input[type="radio"].black + label { font-size: 18px !important; } .check__content .formbox__submit { padding-top: 20px; } .check__summary { color: #666; margin: 15px 0; } .check--open .check__content { display: block; } .send-method, .pay-method { margin-bottom: 15px; } .send-method input[type="radio"], .pay-method input[type="radio"] { margin-left: -25px; margin-right: 5px; width: 20px; } .send-method address, .pay-method address { margin: 15px 0; line-height: 30px; } .pay-method__select { width: 250px; padding: 15px 0; } .pay-method__select select { width: 270px; } table.tbl-opentimes { margin: 15px 0; } table.tbl-opentimes td, table.tbl-opentimes th { height: 30px; padding-right: 20px; } table.tbl-opentimes th { text-align: left; } table.tbl-opentimes td { color: #666; } /* --------------------------------- *\ LOGIN PAGE \* --------------------------------- */ .login-page { background-color: #F6F6F6; } .login-page .full-width-container .cc__box--6 { padding: 0; } .login-page .full-width-container .cc__box--6:first-child { border-right: 2px solid #fff; } .login-page .content-block { width: 100%; float: left; padding: 30px 9.375%; min-height: 330px; } .login-page .content-block h2 { font-size: 24px; line-height: 26px; } .login-page .content-block .btn { float: left; } .login-page .content-block .link { margin: 6px 0 0 10px; display: inline-block; } .login-page .content-block form { width: 350px; margin-top: 17px; margin-bottom: 42px; } .login-page .content-block form input { width: 100%; display: block; margin-bottom: 17px; } .login-page .content-block .bulleted-list { margin-top: 10px; margin-bottom: 5px; } /* --------------------------------- *\ NEWSLETTER PAGE \* --------------------------------- */ .newsletter-page .container .cc__box--6, .newsletter-page .container--nest .cc__box--6, .newsletter-page .full-width-container .cc__box--6 { padding: 0; } .newsletter-page .container .cc__box--6:first-child, .newsletter-page .container--nest .cc__box--6:first-child, .newsletter-page .full-width-container .cc__box--6:first-child { border-right: 2px solid #fff; } .newsletter-page .container .cc__box--6.last .content-block, .newsletter-page .container--nest .cc__box--6.last .content-block, .newsletter-page .full-width-container .cc__box--6.last .content-block { padding-left: 20px; } .newsletter-page .container .cc__box--6 .in-radio, .newsletter-page .container--nest .cc__box--6 .in-radio, .newsletter-page .full-width-container .cc__box--6 .in-radio { display: inline-block; margin-top: 14px; }.newsletter-page p { color: #666; margin-bottom: 23px; } .newsletter-page .content-block { width: 100%; float: left; padding: 30px 0 30px 9.375%; min-height: 330px; } .newsletter-page .content-block .container--nest { margin-bottom: 8px; }.newsletter-page .overlay-img-box__text { width: 45%; } /* --------------------------------- *\ SUCCESS PAGE \* --------------------------------- */ .success-page .topcontent__wrapper { float: left; width: 100%; padding: 35px 0 45px 0; }.success-page .general-box, .success-page .getlook-box { float: left; width: 100%; } .success-page .general-box--wrapper--noheader { float: left; width: 100%; } .success-page .general-box--wrapper--noheader .center-box h2 { margin-bottom: 25px; font-size: 32px; } .success-page .general-box--wrapper--noheader .center-box p { color: #fff; }.success-page .general-box--header li, .success-page .general-box--header--link li { margin-top: 0; } .success-page .general-box--inner, .success-page .getlook-box--inner { padding-top: 118px; } .success-page .general-box--inner.nletter h2, .success-page .nletter.getlook-box--inner h2 { font-size: 24px; } .success-page .general-box--inner.nletter .cc__box--6, .success-page .nletter.getlook-box--inner .cc__box--6 { padding-top: 0; padding-left: 0; } .success-page .general-box--inner.nletter .cc__box--6.last, .success-page .nletter.getlook-box--inner .cc__box--6.last { padding-left: 0.83333%; padding-right: 0; }.success-page .cc__box--6.last { padding-top: 70px; }.success-page .cc__box--4 { width: 31.53333%; padding: 0; margin-right: 2.631578947368421%; } .success-page .cc__box--4.last { margin-right: 0; }.success-page .btn { margin-top: 0; } .success-page .bulleted-list.first { margin-bottom: 20px; } .success-page .bulleted-list li span { color: #3d3d3d !important; } .success-page .content-block--border { border: 2px dashed #e8e8e8; padding: 17px 20px 21px 20px; } .success-page .content-block--border h2 { font-size: 24px; } .success-page .content-block--border .btn { min-width: 190px; } .success-page .content-block .infobox__txt { margin-bottom: 27px; } .success-page .content-block .infobox__txt p { margin-bottom: 15px; }.success-page .content-block .formbox { margin-bottom: 20px; } .success-page .order-details { font-size: 18px; float: left; width: 100%; margin: 13px 0 3px 0; color: #000; } .success-page .order-details td { padding-bottom: 3px; } .success-page .order-details td:first-child { min-width: 145px; } .success-page .order-details td span { color: #666; }.success-page .more-box .general-box--desc p { color: #666; margin: 23px 0 20px 0; }.success-page .social { margin-top: -10px; } .success-page .slide-down-content { display: none; float: left; width: 100%; } .success-page .slide-down-content p { color: #666; } /* --------------------------------- *\ SEARCH RESULTS PAGE \* --------------------------------- */.search-results-page .search-listerbox { float: left; width: 100%; padding: 40px 120px; }.search-results-page .search-listerbox .productbox .productbox__hover { display: none; } .search-results-page .search-listerbox .productbox .productbox--desc { font-size: 14px; color: #9a9999; text-transform: uppercase; } .search-results-page .search-listerbox .productbox .pricebox { font-size: 20px; }.search-results-page .search-main__btnbox { bottom: 0; position: fixed; right: 0; } .search-results-page .search-main .cc__box--6 { width: 50%; float: left; padding-left: 0.83333%; padding-right: 0.83333%; }.search-results-page .search-page-header { width: 100%; float: left; margin-bottom: 20px; } .search-results-page .search-page-header img { width: 100%; height: auto; margin: 0 auto; display: block; } .search-results-page .cat-search { padding: 20px 0; border-bottom: solid 1px #c5c4c4; }.search-results-page .cat-search__img-size { text-transform: uppercase; font-size: 14px; font-family: "coolcat_3regular", Arial, Helvetica, sans-serif; float: left; font-weight: bold; }.search-results-page .cat-search__img-size ul { display: inline-block; vertical-align: middle; margin-left: 15px; background-color: #f2f2f2; padding: 10px 8px; border: solid 3px #f2f2f2; cursor: pointer; }.search-results-page .cat-search__img-size ul li { float: left; width: 10px; height: 10px; background-color: #c5c4c4; margin-right: 4px; } .search-results-page .cat-search__img-size ul li:last-child { margin-right: 0; } .search-results-page .cat-search__img-size ul.active, .search-results-page .cat-search__img-size ul:hover { border-color: #000; } .search-results-page .cat-search__sort { float: right; } .search-results-page .cat-search .select_box { float: right; width: 230px; }.search-results-page .cat-search .select_box select { padding-left: 10px; width: 245px; }.search-results-page .searchresult { float: left; margin: 4px 0 10px 0; } .search-results-page .searchresult h3 { font-size: 24px; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; } /* --------------------------------- *\ REGISTRATION PAGE \* --------------------------------- */ .register-page { padding-bottom: 80px; } .register-page .topcontent__wrapper { float: left; width: 100%; margin: 30px 0 10px 0; } .register-page .cc__box--4 { float: right; } .register-page .cc__box--4 .back-pattern2 { background-color: #f7f7f7; padding: 27px 30px 20px 30px; margin-bottom: 45px; } .register-page .cc__box--4 .back-pattern2 p { color: #666; } .register-page .cc__box--4 h2 { font-size: 24px; line-height: 26px; margin-bottom: 16px; } .register-page .cc__box--4 ul.usp { border-top: dashed 1px #e8e8e8; }.register-page .cc__box--8 { padding-left: 0 !important; } .register-page .cc__box--8 .container--nest:first-child { margin-top: 15px; } .register-page .cc__box--8 .container--nest .cc { padding: 0 !important; } .register-page .cc__box--8 .container--nest .radio { margin-top: 10px; } .register-page .cc__box--8 .formbox { float: left; width: 100%; margin: 0 0 25px 0; } .register-page .cc__box--8 .formbox .cbox-list { margin-top: 20px; } .register-page .cc__box--8 .formbox .cbox-list.last { border-bottom: dashed 1px #e8e8e8; margin-bottom: 6px; padding-bottom: 24px !important; } .register-page .cc__box--8 .formbox .cbox-list.last span:first-child { margin-left: 0; }.register-page .cc__box--8 .formbox .formbox__birth .select_box select { width: 115%; } .register-page .cc__box--8 .formbox .select_box select { width: 105%; }.register-page h4 { padding-bottom: 15px; } .register-page .infobox__txt h2 { line-height: 37px; } /* --------------------------------- *\ STORE LOCATOR PAGE \* --------------------------------- */ .store-locator-page { padding-bottom: 40px; } .store-locator-page .topheader__wrapper { padding: 36px 0 16px 0; } .store-locator-page .cc__box--3, .store-locator-page .cc__box--12 { padding-left: 0; } .store-locator-page .cc__box--9 { padding-right: 0; } .store-locator-page .back-pattern2 { background-color: #f7f7f7; padding: 27px 30px 20px 30px; margin-top: 30px; } .store-locator-page .back-pattern2 h2 { font-size: 24px; line-height: 26px; margin-bottom: 16px; } .store-locator-page .back-pattern2 p { color: #666; } .store-locator-popup { margin-top: 10px; } /* --------------------------------- *\ FAQ PAGE \* --------------------------------- */ .faq-page { padding-bottom: 40px; } .faq-page .overlay-img-box { margin-bottom: 30px; } .faq-page .overlay-img-box__text { width: 40%; }.faq-page .topheader__wrapper { padding: 36px 0 16px 0; } .faq-page .cc__box--3 { padding-left: 0; } .faq-page .cc__box--9 { padding-right: 0; } .faq-page .faq-accordion { float: left; width: 100%; } .faq-page .faq-accordion--item { float: left; width: 100%; } .faq-page .faq-accordion--item__accordion-head { float: left; width: 100%; border-bottom: dashed 1px #e8e8e8; position: relative; } .faq-page .faq-accordion--item__accordion-head a { font-size: 18px; line-height: 24px; color: #000; text-transform: uppercase; display: block; width: 100%; float: left; padding: 25px 25px 10px 0; text-decoration: none; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif; }.faq-page .faq-accordion--item__accordion-head i { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -112px -41px; height: 9px; width: 12px; display: inline-block; position: absolute; bottom: 20px; right: 0; }.faq-page .faq-accordion--item__accordion-head.open i { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -40px -41px; height: 8px; width: 12px; }.faq-page .faq-accordion--item__accordion-content { display: none; float: left; width: 100%; padding: 16px 0 5px 0; } .faq-page .faq-accordion--item__accordion-content p { margin-bottom: 15px; color: #666; font-size: 18px; } .faq-page .faq-accordion--item__accordion-content p:last-child { margin-bottom: 0; } /* --------------------------------- *\ ORDERS PAGE \* --------------------------------- */ .orders-page .topheader__wrapper { padding-bottom: 16px; } /* --------------------------------- *\ ENTER REVIEW PAGE \* --------------------------------- */ .enter-review-page { padding-bottom: 80px; } .enter-review-page .topcontent__wrapper { float: left; width: 100%; margin: 30px 0 10px 0; } .enter-review-page .cc__box--4 { float: right; } .enter-review-page .cc__box--4 .back-pattern2 { float: left; width: 100%; background-color: #f7f7f7; padding: 27px 30px 20px 30px; margin-bottom: 45px; } .enter-review-page .cc__box--4 .back-pattern2 p { color: #666; } .enter-review-page .cc__box--4 h2 { font-size: 24px; line-height: 26px; margin-bottom: 16px; } .enter-review-page .cc__box--4 ul.usp { border-top: dashed 1px #e8e8e8; }.enter-review-page .cc__box--8 { padding-left: 0 !important; } .enter-review-page .cc__box--8 .intro { color: #666; margin-bottom: 35px; } .enter-review-page .cc__box--8 .formbox { float: left; width: 100%; margin: 15px 0 35px 0; border-bottom: dashed 1px #e8e8e8; padding-bottom: 20px; } .enter-review-page .cc__box--8 .formbox .formbox__required-note { margin-bottom: 10px; } .enter-review-page .cc__box--8 .formbox .cc__box--4 { float: left; width: 35%; } .enter-review-page .cc__box--8 .formbox .formbox__birth .select_box select { width: 125%; } .enter-review-page .cc__box--8 .formbox textarea { margin-bottom: 9px; } .enter-review-page .cc__box--8 .formbox .formbox__label { margin-bottom: 0; } .enter-review-page .cc__box--8 .formbox input, .enter-review-page .cc__box--8 .formbox textarea { margin-bottom: 15px; } .enter-review-page .cc__box--8 .formbox .container--nest.first { margin-bottom: 20px; }.enter-review-page .cc__box--8 .btn { min-width: 180px; } .enter-review-page h4 { padding-bottom: 15px; } /* --------------------------------- *\ REVIEW PAGE \* --------------------------------- */ .review-page { padding-bottom: 40px; } .review-page .topheader__wrapper { padding: 36px 0 16px 0; } .review-page .cc__box--3, .review-page .cc__box--12 { padding-left: 0; } .review-page .cc__box--9 { padding-right: 0; } .review-page h4 { color: #000; font-size: 22px; line-height: 24px; } .review-page .star-rating { float: none; width: auto; display: inline-block; }.review-page .top-review-wrap { float: left; width: 100%; border-bottom: dashed 1px #e8e8e8; padding: 0 0 44px 0; } .review-page .top-review-wrap h4 { display: inline-block; } .review-page .top-review-wrap p { color: #666; margin: 4px 0 18px 0; } .review-page .top-review-wrap .btn--write:hover { background: #c5c4c4; }.review-page .review-list { color: #666; float: left; width: 100%; margin-bottom: 40px; } .review-page .review-list--item { float: left; width: 100%; border-bottom: dashed 1px #e8e8e8; padding: 33px 0; } .review-page .review-list--item .title-wrap { float: left; width: 100%; position: relative; } .review-page .review-list--item .title-wrap .star-rating { padding-bottom: 30px; }.review-page .review-list--item .title-wrap h4 { display: inline-block; width: 100%; right: 0; position: absolute; padding-left: 140px; } .review-page .review-list--item .title-wrap .date { text-transform: none; font-size: 18px; color: #666; } .review-page .review-list--item .text-wrap { float: left; width: 100%; } .review-page .review-list--item .text-wrap .author { display: block; margin-bottom: 15px; } /* --------------------------------- *\ STORE LOCATOR PAGE \* --------------------------------- */ .contact-page { padding-bottom: 40px; } .contact-page .topheader__wrapper { padding: 36px 0 16px 0; } .contact-page p { color: #666; } .contact-page p.intro { margin: 20px 0 32px 0; } .contact-page .border-subtitle { margin: 0 0 8px 0; }.contact-page ul.usp { border-top: dashed 1px #e8e8e8; margin-top: 20px; } .contact-page ul.usp i.ico { position: absolute; left: 0; top: 20px; } .contact-page ul.usp li { position: relative; } .contact-page ul.usp li span { padding-left: 28px; } .contact-page ul.usp li span span { display: block; float: none; padding: 0; } .contact-page .formbox { margin-bottom: 35px; } .contact-page .formbox .select_box select { width: 110%; } .contact-page .formbox .btn { margin-top: 13px; } .contact-page .cc__box--3, .contact-page .cc__box--4, .contact-page .cc__box--12 { padding-left: 0; } .contact-page .cc__box--9 { padding-right: 0; } .contact-page .cc__box--9 .cc__box--4 span { color: #000; } /* --------------------------------- *\ FAQ PAGE \* --------------------------------- */ .job-detail-page { padding-bottom: 40px; } .job-detail-page .overlay-img-box { margin-bottom: 30px; } .job-detail-page .overlay-img-box__text { width: 40%; }.job-detail-page .topheader__wrapper { padding: 36px 0 16px 0; } .job-detail-page .column-default__content { float: left; width: 100%; }.job-detail-page .cc__box--3, .job-detail-page .cc__box--6 { padding-left: 0; } .job-detail-page .cc__box--3.last, .job-detail-page .cc__box--6.last { padding-right: 0; padding-left: 0.83333%; } .job-detail-page .cc__box--9 { padding-right: 0; } .job-detail-page .cc__box--9 .container, .job-detail-page .cc__box--9 .container--nest { padding: 0; } .job-detail-page .cc__box--9 .cc__box--12 { margin-top: 30px; padding: 0; }.job-detail-page p { margin-bottom: 15px; } .job-detail-page p.intro { margin-bottom: 0; } .job-detail-page .select_box { width: 170px; } .job-detail-page .select_box select { width: 115%; } .job-detail-page table { width: 100%; } .job-detail-page table h4 { color: #000; margin-bottom: 10px; } .job-detail-page table tr td { padding-bottom: 7px; } .job-detail-page table tr td:first-child { width: 45%; } .job-detail-page__category .intro { margin: 10px 0 0 0 !important; } .job-detail-page__overview .cc__box--9 .cc__box--12 { margin-top: 0; } .job-detail-page__overview .jobs-overview { border: 2px dashed #e8e8e8; padding: 15px 20px; float: left; width: 100%; margin-bottom: 20px; } .job-detail-page__overview .jobs-overview__inner { float: left; width: 100%; position: relative; } .job-detail-page__overview .jobs-overview__img-wrap { float: left; width: 90px; overflow: hidden; position: absolute; left: 0; } .job-detail-page__overview .jobs-overview__img-wrap img { width: 100%; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; border: 2px solid #eaeaea; } .job-detail-page__overview .jobs-overview__text-wrap { float: right; width: 100%; padding-left: 110px; } .job-detail-page__overview .jobs-overview__text-wrap h4 { margin: 6px 0 8px 0; color: #000; } .job-detail-page__overview .jobs-overview__text-wrap p { line-height: 25px; margin-bottom: 0; } /* --------------------------------- 404 PAGE --------------------------------- */ .page-404 { min-height: 480px; background: #f2f2f2 url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/404/bg-404.png) right 0 no-repeat; } .page-404__header, .page-404__text-block { margin: 0 0 30px; } .page-404__header h1, .page-404__text-block h1 { font-size: 50px; line-height: 70%; } .page-404__header h3, .page-404__text-block h3 { display: inline-block; font-size: 24px; color: #000; text-transform: uppercase; } .page-404__header span, .page-404__text-block span { color: #ff133f; text-transform: uppercase; font-size: 25px; } .page-404 .header__main-search { float: none; } .page-404 .header__main-search li { margin: 0; width: 100%; } .page-404 .header__main-search li input { background: transparent; } .page-404__text-box { padding: 55px; max-width: 340px; } .header_temp, .footer_temp { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/TEMP_header.jpg) top center no-repeat; height: 127px; text-align: center; color: red; font-size: 20px; font-weight: bold; padding: 10px; } .footer_temp { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/TEMP_footer.jpg) top center no-repeat; height: 445px; padding-top: 45px; } /* Accordion */ .accordion { margin: 50px; } .accordion dt, .accordion dd { padding: 10px; border: 1px solid black; border-bottom: 0; } .accordion dt:last-of-type, .accordion dd:last-of-type { border-bottom: 1px solid black; } .accordion dt a, .accordion dd a { display: block; color: black; font-weight: bold; } .accordion dd { border-top: 0; font-size: 12px; } .accordion dd:last-of-type { border-top: 1px solid white; position: relative; top: -1px; } /* Ui Slider */ .example-ui { border: 1px solid #DDD; border-radius: 4px; position: relative; padding: 50px; margin: 20px 0; overflow: hidden; } .tooltip { display: block; position: absolute; border: 1px solid #D9D9D9; font: 400 12px/12px Arial; border-radius: 3px; background: #fff; top: -42px; padding: 5px; left: -9px; text-align: center; width: 50px; } .tooltip strong { display: block; padding: 2px; } .inputClass { display: block; margin: 0 auto 10px; } /* Colors Scheme */ .colors li { display: inline-block; height: 30px; width: 50px; border: 1px solid #e8e8e8; } /* Template Page */ .template { padding: 20px; max-width: 1280px; margin-left: auto; margin-right: auto; } .template .template-list { width: 100%; margin: 0 20px; } .template:after { content: " "; display: block; clear: both; } .template hr { border: 1px dashed #e8e8e8; margin: 50px 0; } .template span.title { font-family: arial, sans-serif; text-align: center; display: block; text-transform: uppercase; font-size: 35px; line-height: 35px; margin: 20px 0 30px 0; -webkit-text-stroke: 1px #000; color: #999; } .template span.titlemain { color: #000; font-size: 40px; line-height: 40px; } .template p { color: #999; margin-bottom: 15px; } .template p.paragraph { width: 700px; margin-bottom: 10px; color: #000; } .template .circule p { padding-top: 24px; text-shadow: 1px 1px 0 #000; text-align: center; font-size: 16px; } .template .circule li { display: inline-block; height: 100px; width: 100px; margin: 0 10px 10px 10px; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%; } .template .circule__blue--light { background-color: #00ccff; } .template .circule__blue { background-color: #13b4f8; } .template .circule__black { background-color: #000; } .template .circule__red { background-color: #ff133f; } .template .circule__red--dark { background-color: #dc062c; } .template .circule__pink { background-color: #ff007d; } .template .circule__green { background-color: #03c525; } .template .circule__orange { background-color: #ff7a00; } .template .circule__yellow { background-color: #fee31a; } .template .circule__magenta { background-color: #be0dff; } .template .circule__gray--lighter { background-color: #f2f2f2; } .template .circule__gray--light { background-color: #e8e8e8; } .template .circule__gray { background-color: #c5c4c4; } .template .circule__gray--dark { background-color: #8c8c8c; } .template .circule__gray--darker { background-color: #666; } .template .circule__gray--darkest { background-color: #3d3d3d; } .template .templatelist-table { width: 95%; margin: 20px; font-size: 14px; } .template .templatelist-table th { font-weight: bold; } .template .templatelist-table th:nth-child(1) { width: 25%; } .template .templatelist-table th:nth-child(2) { width: 15%; } .template .templatelist-table td, .template .templatelist-table th { vertical-align: top; border: solid 1px #c5c4c4; padding: 2px 10px; } .template .color-table, .template .pattern-table { width: 95%; margin: 20px; } .template .color-table th, .template .pattern-table th { font-weight: bold; } .template .color-table th:first-child, .template .pattern-table th:first-child { width: 200px; } .template .color-table td, .template .pattern-table td, .template .color-table th, .template .pattern-table th { border: solid 1px #c5c4c4; padding: 10px; } .template .pattern-table td { height: 100px; width: 250px; } .template .icons__grid li { margin: 0 30px 20px 0; display: inline-block; overflow: hidden; padding: 0; } .template .icons__grid input { margin: 0; padding: 5px 0; line-height: 12px; font-size: 12px; display: block; width: 100%; border: 1px solid #d8e0e5; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; text-align: center; outline: 0; } .template .icons__grid input:hover, .template .icons__grid input:focus { border: 1px solid #fbde4a; -moz-box-shadow: #fbde4a 0 0 3px; -webkit-box-shadow: #fbde4a 0 0 3px; box-shadow: #fbde4a 0 0 3px; cursor: pointer; } .template .icons__grid .icon { margin: 0 auto; padding: 15px; position: relative; width: 55px; height: 55px; color: #162a36; overflow: hidden; font-size: 32px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; } .template .icons__grid .icon svg { fill: #000; } .cc-category--breadcrumb { font-size: 14px; background: #e8e8e8; height: 25px; padding: 4px 0; font-weight: bold; } .cc-category--breadcrumb a { color: #8c8c8c; } .cc-category--breadcrumb--active { color: #3d3d3d; text-transform: uppercase; } .cc-category--breadcrumb em { font-size: 16px; color: #666; } .cc-category--header { height: 255px; } .cc-category--header img { width: 100%; height: auto; margin: 0 auto; display: block; } .cc-category--search { height: 80px; } .cc-category--product h3 { font-size: 24px; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; } .cc-category--product--filters--cat ul li { padding: 10px 0; border-bottom: 1px dashed #c5c4c4; color: #000; font-weight: bold; font-size: 14px; text-transform: uppercase; } .cc-category--product--filters--cat ul span { color: #c5c4c4; font-size: 12px; } .cc-category--product--filters--color ul { margin-top: 10px; } .cc-category--product--filters--color ul li { display: inline-block; background-color: #e8e8e8; padding: 6px 15px; color: #3d3d3d; font-size: 14px; text-transform: uppercase; margin: 0 0 2px 0; width: 48%; height: 33px; text-align: center; } .cc-category--product--filters--size ul { margin-top: 10px; } .cc-category--product--filters--size ul li { display: inline-block; background-color: #e8e8e8; padding: 6px 15px; color: #3d3d3d; font-size: 14px; text-transform: uppercase; margin: 0 0 5px 0; min-width: 70px; text-align: center; } .cc-category--product--filters--price { margin-bottom: 40px; } .cc-category--product--filters--info { margin-bottom: 20px; } .cc-category--product--filters--list ul li { display: inline-block; } .cc-category--product--list { text-align: center; } .cc-category--product--list .cc__box--3 { margin-bottom: 60px; } .cc-category--product--list img { display: block; margin: 0 auto; } .cc-category--product--list ul { margin: 20px 0 15px 0; } .cc-category--product--list ul li { display: inline-block; margin-right: 5px; } .cc-category--product--list--desc { color: #8c8c8c; text-transform: uppercase; font-size: 16px; font-weight: bold; } .cc-category--product--list span { font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; font-size: 24px; } .cc-category--product--list--price--gray { color: #c5c4c4; text-decoration: line-through; margin-right: 5px; } .cc-category--product--list--price--red { color: #ff133f; } /** Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } /* FONT FACE */ @font-face { font-family: 'coolcat_3regular'; src: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/fonts/coolcat3-webfont.eot"); src: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/fonts/coolcat3-webfont.eot?#iefix") format("embedded-opentype"), url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/fonts/coolcat3-webfont.woff") format("woff"), url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/fonts/coolcat3-webfont.ttf") format("truetype"), url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/fonts/coolcat3-webfont.svg#coolcat_3regular") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'coolcat_3heavy'; src: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/fonts/coolcat3-heavy-webfont.eot"); src: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/fonts/coolcat3-heavy-webfont.eot?#iefix") format("embedded-opentype"), url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/fonts/coolcat3-heavy-webfont.woff") format("woff"), url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/fonts/coolcat3-heavy-webfont.ttf") format("truetype"), url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/fonts/coolcat3-heavy-webfont.svg#coolcat_3heavy") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: 'cc_icons'; src: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/fonts/cc_icons.eot"); src: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/fonts/cc_icons.eot?#iefix") format("embedded-opentype"), url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/fonts/cc_icons.woff") format("woff"), url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/fonts/cc_icons.ttf") format("truetype"), url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/fonts/cc_icons.svg#cc-icons") format("svg"); font-weight: normal; font-style: normal; } /* Standard Font */ body, p, span, a { font-family: "coolcat_3regular", Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif; } /* BODY */ body { font-size: 18px; color: #000; line-height: 22px; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; -ms-font-smoothing: antialiased; -o-font-smoothing: antialiased; overflow-x: hidden; } /* HEADINGS */ h1, h2, h3, h4, h5 { font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif; text-transform: uppercase; } h1 { font-size: 42px; line-height: 45px; } h2 { font-size: 28px; line-height: 30px; } h3 { font-family: "coolcat_3regular", Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif; font-size: 24px; line-height: 27px; } h3.border-subtitle { font-size: 24px; font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; border-bottom: 1px dashed #e8e8e8; margin-bottom: 20px; padding-bottom: 13px; display: block; } h4 { font-size: 18px; line-height: 20px; } h4.blue-border { font-size: 24px; border-bottom: 3px solid #13b4f8; padding-bottom: 15px; } a { text-decoration: underline; color: #13b4f8; cursor: pointer; } p { font-size: 18px; font-weight: normal; line-height: 22px; } strong { font-weight: bold; } hr { border: 0; border-bottom: dashed 1px #e8e8e8; margin: 0; } /* LINKS */ .link { color: #00ccff; text-decoration: underline; cursor: pointer; } .link:hover { color: #13b4f8; } .link--basic { text-decoration: none; } .link--uppercase { text-transform: uppercase; text-decoration: none; } .link--black { color: #000 !important; text-decoration: none; } .link--red { color: #ff133f !important; text-decoration: none; } /* MARKUP HELPERS */ .clearfix { *zoom: 1; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .hide { display: none; } .show { display: block; } .visibility__hidden { visibility: hidden; } .fleft { float: left !important; } .fright { float: right !important; } .center { text-align: center; } .bold { font-weight: bold; } .bold--cc { font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif; } .txt-white { color: #fff !important; } .txt-black { color: #000 !important; } .txt-red { color: #ff133f !important; } .txt-pink { color: #ff007d !important; } .txt-magenta { color: #be0dff !important; } .txt-yellow { color: #fee31a !important; } .txt-green { color: #03c525 !important; } .txt-bluelight { color: #00ccff !important; } .txt-blue { color: #13b4f8 !important; } .txt-orange { color: #ff7a00 !important; } .txt-graydarkest { color: #3d3d3d !important; } .txt-graydarker { color: #666 !important; } .txt-graydark { color: #8c8c8c !important; } .txt-gray { color: #c5c4c4 !important; } .txt-graylight { color: #e8e8e8 !important; } .txt-graylighter { color: #f2f2f2 !important; } .bordertop-white { border-top-color: #fff !important; } .bordertop-black { border-top-color: #000 !important; } .bordertop-red { border-top-color: #ff133f !important; } .bordertop-pink { border-top-color: #ff007d !important; } .bordertop-magenta { border-top-color: #be0dff !important; } .bordertop-yellow { border-top-color: #fee31a !important; } .bordertop-green { border-top-color: #03c525 !important; } .bordertop-bluelight { border-top-color: #00ccff !important; } .bordertop-blue { border-top-color: #13b4f8 !important; } .bordertop-orange { border-top-color: #ff7a00 !important; } .bordertop-graydarkest { border-top-color: #3d3d3d !important; } .bordertop-graydarker { border-top-color: #666 !important; } .bordertop-graydark { border-top-color: #8c8c8c !important; } .bordertop-gray { border-top-color: #c5c4c4 !important; } .bordertop-graylight { border-top-color: #e8e8e8 !important; } .bordertop-graylighter { border-top-color: #f2f2f2 !important; } .back-pattern1 { background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/patterns/pattern1.png) !important; } .back-pattern2 { background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/patterns/pattern2.png) !important; } .back-pattern3 { background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/patterns/pattern3.png) !important; } .back-pattern4 { background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/patterns/pattern4.png) !important; } .back-pattern5 { background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/patterns/pattern5.png) !important; } .back-pattern6 { background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/patterns/pattern6.png) !important; } .back-pattern7 { background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/patterns/pattern7.png) !important; } .back-pattern8 { background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/patterns/pattern8.png) !important; } .back-pattern9 { background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/patterns/pattern9.png) !important; } .back-pattern10 { background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/patterns/pattern10.png) !important; } .back-pattern11 { background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/patterns/pattern11.png) !important; } .back-white { background-color: #fff !important; } .back-whitedark { background-color: #f6f6f6 !important; } .back-black { background-color: #000 !important; } .back-red { background-color: #ff133f !important; } .back-pink { background-color: #ff007d !important; } .back-magenta { background-color: #be0dff !important; } .back-yellow { background-color: #fee31a !important; } .back-green { background-color: #03c525 !important; } .back-bluelight { background-color: #00ccff !important; } .back-blue { background-color: #13b4f8 !important; } .back-orange { background-color: #ff7a00 !important; } .back-graydarkest { background-color: #3d3d3d !important; } .back-graydarker { background-color: #666 !important; } .back-graydark { background-color: #8c8c8c !important; } .back-gray { background-color: #c5c4c4 !important; } .back-graylight { background-color: #e8e8e8 !important; } .back-graylighter { background-color: #f2f2f2 !important; } .social { float: left; width: 100%; }.social li { float: left; padding: 0 !important; margin-right: 5px; } .social li a { overflow: hidden; text-indent: -9000px; display: block; } .social .icon__facebook--circled { color: #5379d7; } .social .icon__twitter--circled { color: #46bdef; } .social .icon__pinterest--circled { color: #ff4265; } .social .icon__star { color: #ffcc00; } .share-btns { float: left; } .share-btns li { float: left; margin-right: 12px; } .share-btns .twitter-share-button { width: 78px !important; } .share-btns .fb-like { top: -2px; } @media (max-width: 1024px) { .container, .container--nest { padding: 0 10px; } .sub-menu h3 { font-size: 18px; line-height: 20px; } .sub-menu h4 { font-size: 16px; } .header__main-menu { margin-left: 18%; } .header__main-menu li.border { margin-right: 19px; } .header__main-menu li.border a { font-size: 18px; } .header__main-search { width: auto; } .header__main-search li { width: 125px; } .header__main-search li:last-child { width: 42px !important; overflow: hidden; height: 24px; } .header__main-logo img { width: 17%; top: -35px; left: 2%; position: absolute; } .topheader h1 { line-height: 38px; } .footer--main h3 { font-size: 21px; line-height: 24px; } .footer--main ul span { white-space: normal; } .general-box--wrapper .btn { float: left; margin-top: 20px; } .general-box--header li:first-tab, .general-box--header--link li:first-tab { min-width: 220px; } .general-box--tab { padding: 15px 10px; } .general-box--header--link { left: 3.275%; } .center-box .productbox { width: 215px; } .overlay-img-box h2 { font-size: 50px; line-height: 68px; } .overlay-img-box__text { left: 45px; } .btn--shoppingbag { font-size: 23px; } input, textarea { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .formbox input[type="text"], .formbox input[type="password"], .formbox input[type="email"], .formbox input[type="tel"] { -webkit-appearance: none; } .formbox.nletter--form .cc__box--2 { width: 16.66667%; } .cc-carrousel-box h2 { font-size: 50px; line-height: 68px; } .cc-carrousel-box .infoblock__wrapper .infoblock--left { left: 46px; } .cc-carrousel-box .infoblock__wrapper .infoblock--right { right: 46px; } .cc-carrousel-box .rsMinW .rsArrowLeft { left: 7px; } .cc-carrousel-box .rsMinW .rsArrowRight { right: 7px; } #pdp-view2 { width: 100% !important; } .highlight-box .btn--shopsale { margin-right: 56px !important; } .highlight-box .btn--shopsale em { right: -36px !important; } .highlight-box .btn { min-width: 130px; } .highlight-box .btn--shopsale { margin-right: 26px; } .highlight-box .btn--shopsale em { width: 34px; } .video-box h2 { font-size: 50px; } .featured-box .general-box--desc h3 { font-size: 19px; } .featured-box .general-box--desc h2 { font-size: 22px; } .getlook-box--imagebox { width: 50%; } .getlook-box { width: 50%; } .cat-page .cat-search__img-size { margin: 10px 0; } .cat-page .cat-search__img-size ul { margin-left: 7px; } .cat-page .cat-search .select_box { width: 150px; margin: 10px; } .cat-page .cat-listerbox { margin-left: 0; } .cat-page .cat-listerbox .searchresult { float: none; } .cat-page .cat-listerbox .searchresult h3 { float: none; } .cat-page .cat-filter__wrapper { padding: 20px 2%; margin: 0 -10px 0 -13px; } .cat-page .cat-filter__innerwrapper .cat-search { margin: 0 -10px; padding-top: 0; } .cat-page .cat-filter__innerwrapper { display: none; } .cat-page .cat-filter__btnbox .btn { display: block; margin: 0; width: auto; } .cat-page .cat-filter__btnbox { display: block; } .pdp__wrapper .badge__sticker { right: 30px; } .pdp__view #pdp-view.rsUni .rsThumb, .pdp__view #pdp-view2.rsUni .rsThumb { height: auto; } .basket__prod-info-box .field-wrapper .field__quantity .select-wrapper { width: 100%; margin-bottom: 8px; } .basket__prod-info-box .field-wrapper .field__quantity .last-chance { width: 100%; } .basket__prod-info-box .field-wrapper .field__quantity .last-chance span { line-height: 20px !important; } .your-order__product ul li.desc { margin: -7px 0 0 36px; width: 49%; } .check__wrapper .your-order__korting li, .check__wrapper .your-order__checkout li { width: 100% !important; } .check__wrapper .your-order__korting li span, .check__wrapper .your-order__checkout li span { display: block !important; padding: 0 !important; } .search-results-page .search-listerbox .searchresult { float: none; } .search-results-page .search-listerbox { padding: 40px 10px; } .search-results-page .cat-search__img-size ul { margin-left: 0; } .search-results-page .cat-search .select_box { width: 150px; } .faq-page .overlay-img-box__text { width: 80%; } .enter-review-page .cc__box--8 .formbox .formbox__label { line-height: normal; } .enter-review-page .cc__box--8 .formbox .cc__box--4 { width: 45%; } .enter-review-page .cc__box--8 .formbox .cc__box--5 { width: 46.66667%; } .review-page .btn.show-mobile { display: none; } .job-detail-page .overlay-img-box__text { width: 80%; } .page-404 { background-position: 350px 0; } .page-404 .header__main-search li { width: 100% !important; height: inherit; } .show--tablet { display: block !important; } .show--desktop, .show--mobile { display: none !important; } .hide--tablet { display: none !important; } } @media (max-width: 767px) { .cc__box--2 { width: 100%; } .cc__box--3 { width: 100%; } .cc__box--4 { width: 100%; } .cc__box--5 { width: 100%; } .cc__box--6 { width: 100%; } .cc__box--7 { width: 100%; } .cc__box--8 { width: 100%; } .cc__box--9 { width: 100%; } .cc__box--10 { width: 100%; } .cc__box--11 { width: 100%; } .breadcrumb__prev-page { display: inline; } .topheader h1 { font-size: 30px; line-height: 21px; margin-top: -5px; } .topheader span { font-size: 20px; } .footer--top ul li { width: 100%; text-align: left; border-bottom: 1px solid #000; padding: 13px 0; margin: 0; } .footer--top ul li:last-child { text-align: left; } .footer--top { height: auto; } .footer--main { padding-bottom: 5px; } .footer--main--box { border-bottom: 2px solid #13b4f8; margin-bottom: 0; } .footer--main h3 { margin: 0; padding: 15px 0; cursor: pointer; font-size: 23px; background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-mobdown.png) no-repeat 95% center; } .footer--main h3.active { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-mobup.png) no-repeat 95% center; } .footer--main ul { display: none; } .footer--main ul li { width: 100%; } .footer--main .social { display: block !important; } .footer--main .social li { height: auto !important; width: 25% !important; } .footer--main form input { width: 80%; } .footer--bottom .footer--payment { float: left; margin-top: 10px; } .general-box--wrapper .btn { float: none; margin-bottom: 20px; } .general-box--wrapper .container, .general-box--wrapper .container--nest { margin-top: 0; } .general-box--wrapper .tabcontent__wrapper .tabcontent { padding-top: 0; } .general-box--wrapper h2 { font-size: 26px; line-height: 22px; } .general-box--wrapper .container, .general-box--wrapper .container--nest { margin: 0 -5px; padding: 0; } .general-box--inner, .getlook-box--inner { padding: 0 0 15px 0 !important; } .general-box--inner .video-box, .getlook-box--inner .video-box { padding: 0 10px !important; } .general-box--inner-small { padding: 0 0 15px 0; } .general-box--wrapper--noheader .general-box--inner, .general-box--wrapper--noheader .getlook-box--inner { padding-top: 30px !important; } .general-box--desc { float: none; padding: 0 15px; } .general-box--header li, .general-box--header--link li { margin: 0; } .general-box--header li.active, .general-box--header--link li.active { margin: 0; } .general-box--header li, .general-box--header--link li { float: none; margin-right: 0; margin-bottom: 5px; } .general-box--header, .general-box--header--link { position: relative; left: 0; width: 100%; padding: 0 15px; } .active .general-box--tab { background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-mobup-white-small.png); } .general-box--tab { background-image: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-mobdown-white-small.png); background-position: 95% center; background-repeat: no-repeat; padding: 15px 20px; } .general-box--header--link .general-box--tab { border-right: 0; border-bottom: 0; } .center-box { display: block; margin: 10px; } .center-box .productbox { margin: 0 1% 2% 1%; width: 48%; } ul.prod_selectbox li { width: 62px; } .rate-box ul, .rate-box--large ul { display: inline-block; float: none; } .rate-box--large ul { width: 100%; } .infobox__txt { padding: 0 5px; } .infobox__txt h2 { margin-top: -7px; font-size: 30px; line-height: 21px !important; } .infobox__imgbox img { width: 80%; } .overlay-img-box h2 { font-size: 25px !important; line-height: 33px !important; } .overlay-img-box__text { left: 15px !important; } .btn--shoplook em { right: 0; } .btn--shoplook { margin: 30px 5px !important; } .btn--write em { right: 0; } .btn--write { text-align: left; font-size: 16px; } .btn--shopsale em { right: 0; } .btn--arrow em { right: 0; } .btn--arrow-mini em { right: 0; } .btn--shoppingbag { margin: 0 !important; } .btn { display: block; width: auto; margin: 0 15px; } .btn--arrow { position: relative; margin: 0 34px 0 0; padding: 0; } .btn--arrow em { right: -34px; } .formbox__label { margin-bottom: 5px; margin-top: 5px; } .formbox.nletter--form { margin-bottom: 7px; } .formbox.nletter--form .inputs input { width: 100%; } .formbox .cbox-list span { width: 50%; margin: 0 0 20px 0 !important; } .cc-carrousel-box h2 { font-size: 40px; line-height: 50px; } .cc-carrousel-box .infoblock__wrapper .btn { margin: 0; } .cc-carrousel-box .infoblock__wrapper .infoblock--left { width: 75%; left: 40px; } .cc-carrousel-box .infoblock__wrapper .infoblock--right { width: 75%; right: 40px; } .btf-collections--mobile { display: block; } .cc-carrousel-box #full-width-slider, .cc-carrousel-box #btf-slider { height: 250px !important; } .cc-carrousel-box .rsMinW .rsArrowLeft { left: 7px; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -277px -113px; height: 22px; width: 20px; } .cc-carrousel-box .rsMinW .rsArrowRight { right: 7px; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -297px -113px; height: 22px; width: 20px; } .cc-carrousel-box .rsBullets { bottom: 10px; } .mobile__accordion--wrapper div[class*='header'] { background: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-mobdown.png") no-repeat 95% center; cursor: pointer; } .mobile__accordion--wrapper div[class*='header'].open { background: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-mobup.png") no-repeat 95% center; } .column-default__header { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-mobdown.png) no-repeat 95% center; } .column-default__header.open { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-mobup.png) no-repeat 95% center; } .column-default__header.no-arrow { background: none !important; } .column-default__header h3 { cursor: pointer; } .column-default__content .btn { float: none; margin: 10px 0 0 0; } .column-default__table tbody tr td { border: 2px solid #f2f2f2; padding: 10px; } .column-default__table tbody tr td.last { border: none; padding-left: 0; } .column-default__table tbody tr:hover { background: #fff; } .video-box .rsDefault .rsCloseVideoBtn { left: 0; } .white-popup.narrow { width: 100%; } .white-popup.plain { width: 100%; } .pdp2__view { display: none; } .pdp2__desc__txt { margin-top: 10px; } .pdp2__desc { text-align: center; padding: 0 20px; } .pdp2__select h4 { display: none; } .pdp2__select { text-align: center; } .pdp2__amount .select_box select { width: 105%; } .pdp2__amount .select_box { width: 100%; } .pdp2__submit { text-align: left; } .pdp2__carrousel { display: block; } .pdp2__carrousel #pdp-view-mobile { width: 100% !important; } .pdp2__carrousel #pdp-view-mobile img { width: 100% !important; height: 100% !important; margin: 0 !important; } .pdp2__carrousel #pdp-view-mobile .rsSlide { height: 100%; width: 80%; left: 11%; } .pdp2 { padding: 20px 0; } .login-popup .btn { width: 100%; margin-left: 0; margin-right: 0; } .store-locator-popup .container .cc__box--5.last, .store-locator-popup .container--nest .cc__box--5.last, .store-locator-popup .container .cc__box--7.last, .store-locator-popup .container--nest .cc__box--7.last { margin-top: 20px; } .store-locator-popup .container, .store-locator-popup .container--nest { margin-bottom: 20px; } .store-locator-popup .radio-list { border: none; padding-bottom: 0; margin-bottom: 0; } .store-locator-popup .radio-list li { width: 100%; margin-bottom: 15px; } .store-locator-popup table { margin: 15px 0 10px 0; } .store-locator-popup .formbox { margin-bottom: 0; } .store-locator-popup .formbox input { width: 100%; margin: 15px 0; } .store-locator-popup .btn { margin: 0; float: left; } .badge__sticker { top: -10px; right: -10px; -moz-transform: scale(0.56); -ms-transform: scale(0.56); -webkit-transform: scale(0.56); transform: scale(0.56); } .homepage .general-box--inner .cc__box--6, .homepage .getlook-box--inner .cc__box--6 { padding-left: 0 !important; padding-right: 0 !important; } .highlight-box .productbox--imagebox { padding: 0 15px; } .highlight-box .productbox--imagebox img { width: 100%; } .highlight-box .btn { margin-top: 5px !important; } .video-box .rsVideoContainer { margin-left: 0 !important; width: 100% !important; } .featured-box .productbox--imagebox img { width: 100%; } .featured-box .btn { margin: 5px 15px 30px 15px !important; } .featured-box .btn--shoplook { margin-bottom: 15px !important; } .getlook-box { font-size: 17px; } .getlook-box--wrapper h2 { font-size: 44px; line-height: 20px; } .getlook-box--wrapper h3 { font-size: 18px; line-height: 30px; } .getlook-box--inner { padding-top: 20px; } .getlook-box--imagebox { width: 50%; } .getlook-box--imagebox img { width: 100%; } .home .cc__box--4 { padding: 0; } .cat-page .cat-search { margin-bottom: 20px; padding: 0 0 20px 0; border-color: #f2f2f2; } .cat-page .cat-search__img-size { display: block; } .cat-page .cat-search .select_box select { margin-left: 10px; } .cat-page .cat-main .cc__box--6 { width: 50%; } .cat-page .searchresult h3 { font-size: 16px; line-height: 16px; } .cat-page .cat-listerbox .productbox .pricebox__new { display: block; /* position: absolute; z-index: 1000; display: block; width: 100%; margin: 0 auto; */ } .cat-page .cat-filter__btnbox .cc__box--6 { width: 50%; } .pdp__wrapper .badge__sticker { left: auto; right: 35px; top: 5px; } .pdp__view { display: none; } .pdp__desc__txt { margin-top: 10px; padding-top: 0px; } .pdp__desc { text-align: center; padding: 0 20px; } .pdp__select h4 { display: none; } .pdp__select { text-align: center; } .pdp__select-size { text-align: left; } .pdp__select-size ul.sizebox { *zoom: 1; } .pdp__select-size ul.sizebox:before, .pdp__select-size ul.sizebox:after { content: ""; display: table; } .pdp__select-size ul.sizebox:after { clear: both; } .pdp__select-size ul.sizebox li a { min-width: 0; } .pdp__select-size ul.sizebox li { display: block; float: left; margin: 0 0.5% 8px 0; width: 19.5%; } .pdp__select-size ul.sizebox li:last-child { margin-right: 0; } .pdp__amount .select_box select { width: 105%; } .pdp__amount .select_box { width: 100%; } .pdp__submit { text-align: left; } .pdp__rollout--inner h4 { display: block !important; } .pdp__carrousel { display: block; } .pdp__carrousel #pdp-view-mobile { width: 100% !important; } .pdp__carrousel #pdp-view-mobile img { width: 100% !important; height: 100% !important; margin: 0 !important; } .pdp__carrousel #pdp-view-mobile .rsSlide { height: 100%; width: 80%; left: 11%; } .pdp { margin: 20px 0 40px 0; padding-bottom: 0; padding-top: 0; } .review__main-wrapper { display: none; margin-left: 10px; margin-right: 10px; padding: 0 5px; } .review__wrapper { padding: 16px 10px; } #fullinfo { margin-left: 10px; margin-right: 10px; } .checkout-btn .fright { width: 100%; } .checkout-btn .btn { font-size: 16px; } .basket__prod-info { padding: 20px 0; } .basket__prod-info-box .field-wrapper { height: auto; } .basket__prod-info-box .field-wrapper .field__quantity a { float: left; margin-top: 20px; position: static; width: auto; } .basket__prod-info-box .field-wrapper .field__quantity .in { margin-top: -22%; float: right; width: 65%; } .basket__prod-info-box .field-wrapper .field__quantity .in .prices p { margin: 0; } .basket__prod-info-box .field-wrapper .field__quantity .in .prices .pricebox { display: inline-block; float: right; margin-top: 0; font-size: 18px; color: #000; } .basket__prod-info-box .field-wrapper .field__quantity .in .prices .pricebox__old { color: #c5c4c4; } .basket__prod-info-box .field-wrapper .field__quantity .in .prices .pricebox__new { color: #ff133f; } .basket__prod-info-box .field-wrapper .field__quantity .product-color span { margin-right: 0; } .basket__prod-info-box .field-wrapper .field__quantity-edit { float: right; width: 65%; margin-top: -22%; } .basket__prod-info-box .field-wrapper .field__quantity-edit ul { margin: 15px 0 0 0; } .basket__prod-info-box .field-wrapper .field__quantity-edit .btn { width: 40%; margin-bottom: 10px; } .basket__prod-info-box .cc__box--2 { display: none; } .basket__prod-info-box .info-img a { display: inherit; float: right; margin-top: 0; position: relative; } .basket__prod-info-box .info-img a:before { right: 20px; left: auto; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -212px -41px; height: 10px; width: 10px; } .basket__prod-promo { background: none; padding: 5px 0px; margin-bottom: 0; } .basket__prod-promo-field ul li.field__text { display: none; } .basket__prod-promo-field ul { padding-top: 10px; } .basket__prod-promo-field ul li { float: left; display: block; width: 100% !important; } .basket__prod-promo-field ul li.field__button { margin-top: 13px; } .basket__prod-promo-field ul li.field__button button { width: 100%; } .basket__prod-promo-field form button { width: 100%; margin: 10px 0; } .basket__prod-total { width: 100%; } .basket__prod-total-address { border: 0; padding: 0 0 10px 0; border-bottom: dashed 1px #e8e8e8; } .basket__prod-total-price .details { border: 0; padding: 10px 0; } .basket__prod-total-price .shipping { border-bottom: 3px solid #13b4f8; padding-bottom: 10px; } .basket__prod-total-price ul.discount { padding-bottom: 10px; border-bottom: dashed 1px #e8e8e8; } .services { display: none; padding: 0 15px; } .your-order__header .price-mobile { display: inline; } .your-order__header { padding-bottom: 0; } .your-order { display: none; } .check__edit { float: none; margin-top: 5px; } .check__header { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-mobdown.png) no-repeat 95% center; } .check__header.open { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-mobup.png) no-repeat 95% center; } .check__header h3 { cursor: pointer; } .login-page .content-block { padding: 20px 15px; min-height: 100px; } .login-page .content-block .btn { float: none; } .login-page .content-block form { width: 100%; margin-bottom: 30px; } .login-page .content-block .link { margin: 0 0 15px 0; } .login-page .container, .login-page .container--nest { padding: 0; } .login-page .cc__box--6:last-child .content-block .btn { float: left; width: 100%; } .login-page .btn { margin: 0; } .newsletter-page .container .cc__box--6, .newsletter-page .container--nest .cc__box--6, .newsletter-page .full-width-container .cc__box--6 { padding: 25px 15px 0 15px !important; } .newsletter-page .container .cc__box--6.last, .newsletter-page .container--nest .cc__box--6.last, .newsletter-page .full-width-container .cc__box--6.last { padding-top: 15px !important; } .newsletter-page .container .cc__box--6.last .content-block, .newsletter-page .container--nest .cc__box--6.last .content-block, .newsletter-page .full-width-container .cc__box--6.last .content-block { margin-top: 20px; padding-left: 0; } .newsletter-page .container .cc__box--6 .in-radio, .newsletter-page .container--nest .cc__box--6 .in-radio, .newsletter-page .full-width-container .cc__box--6 .in-radio { margin-top: 0; } .newsletter-page .content-block { min-height: 10px; padding: 0; } .newsletter-page .content-block .container--nest { margin-bottom: 0; } .newsletter-page .content-block .container--nest .cc__box--6 { padding: 0 !important; } .newsletter-page .content-block .formbox { margin-bottom: 0 !important; } .newsletter-page .content-block .formbox .cbox-list span { margin-bottom: 15px !important; } .newsletter-page .content-block .formbox .cbox-list.last { margin-top: 10px !important; } .newsletter-page .container, .newsletter-page .container--nest { padding: 0; } .newsletter-page .btn { margin: 0; float: left; width: 100%; } .success-page .topcontent__wrapper { padding: 0; } .success-page .general-box--wrapper--noheader .center-box h2 { font-size: 30px; } .success-page .general-box--wrapper--noheader .center-box p br { display: none; } .success-page .general-box--inner .general-box--tab h2, .success-page .getlook-box--inner .general-box--tab h2 { font-size: 30px; } .success-page .cc__box--6 { padding: 25px 15px 0 15px !important; } .success-page .cc__box--4 { width: 100%; margin-bottom: 50px; } .success-page .cc__box--4 .productbox--imagebox { padding: 0 15px; } .success-page .content-block .infobox__txt h3 { font-size: 20px; } .success-page .content-block .infobox__txt h2 { font-size: 30px; line-height: 21px; margin-top: -2px; } .success-page .order-details { border-top: 2px dashed #e8e8e8; border-bottom: 2px dashed #e8e8e8; margin: 10px 0 35px 0; } .success-page .order-details tr:first-child td { padding-top: 25px; } .success-page .order-details tr:last-child td { padding-bottom: 25px; } .success-page .order-details td span { display: block; } .success-page .more-box h2 { font-size: 30px; } .success-page .container, .success-page .container--nest { padding: 0; } .success-page .container--nest label { margin-left: 5px; } .success-page .btn { margin: 0; width: 100%; } .search-results-page { margin-top: 15px; } .search-results-page .search-listerbox .productbox--wrapper { width: 50%; } .search-results-page .search-listerbox .productbox .pricebox__new { display: block; /* position: absolute; z-index: 1000; display: block; width: 100%; margin: 0 auto; */ } .search-results-page .search-listerbox { padding: 10px 0 20px 0; } .search-results-page .search-main .cc__box--6 { width: 50%; } .search-results-page .cat-search { margin-bottom: 20px; padding: 0 0 20px 0; border-color: #f2f2f2; } .search-results-page .cat-search__img-size { display: block; } .search-results-page .cat-search .select_box { width: 100%; } .search-results-page .cat-search .select_box select { width: 105%; } .search-results-page .cat-search .select_box select { margin-left: 10px; } .search-results-page .searchresult { margin-bottom: 20px; } .register-page .cc__box--4 { margin-top: 25px; } .register-page .cc__box--8 .formbox .cbox-list.last { padding-bottom: 0 !important; margin-bottom: 0; } .register-page .infobox__txt h3 { font-size: 20px; } .register-page { padding-bottom: 20px; } .register-page .cc__box--6:last-child .content-block .btn { float: left; width: 100%; } .register-page .btn { margin: 0; float: left; width: 100%; } .store-locator-page .back-pattern2 { *zoom: 1; } .store-locator-page .back-pattern2:before, .store-locator-page .back-pattern2:after { content: ""; display: table; } .store-locator-page .back-pattern2:after { clear: both; } .store-locator-page .container--nest label { margin-left: 5px; } .store-locator-page .back-pattern2 { margin: 25px 0; } .store-locator-page .btn { margin: 0; width: 100%; } .store-locator-popup .cc__box--7.last .cc__box--5 { margin-bottom: 0 !important; } .store-locator-popup .radio-list { float: none; } .store-locator-popup .radio-list li { float: none; } .faq-page .faq-accordion--item__accordion-head a { padding-top: 10px; } .orders-page .orders__wrapper { margin-bottom: 20px; } .enter-review-page .cc__box--4 { width: 100%; margin-top: 25px; } .enter-review-page .cc__box--8 .formbox { margin-bottom: 20px; } .enter-review-page .cc__box--8 .formbox .formbox__label { line-height: normal; } .enter-review-page .cc__box--8 .formbox .cc__box--4 { width: 100% !important; margin-top: 0; } .enter-review-page .cc__box--8 .formbox .cc__box--5 { padding-left: 0; width: 100% !important; } .enter-review-page .cc__box--8 .formbox textarea { margin-bottom: 0; } .enter-review-page .cc__box--8 .formbox .formbox__label { margin-bottom: 15px; } .enter-review-page .cc__box--8 .formbox input, .enter-review-page .cc__box--8 .formbox textarea { margin-bottom: 10px; } .enter-review-page { padding-bottom: 20px; } .enter-review-page .cc__box--6:last-child .content-block .btn { float: left; width: 100%; } .enter-review-page .btn { margin: 0; float: left; width: 100%; } .review-page .btn.show-mobile { display: block; } .review-page .top-review-wrap .star-rating { margin: 10px 0 5px 0; } .review-page .review-list { margin-bottom: 25px; } .review-page .review-list--item { padding: 25px 0; } .review-page .review-list--item .title-wrap .star-rating { float: left; width: 100%; padding-bottom: 15px !important; } .review-page .review-list--item .title-wrap h4 { position: initial; padding-left: 0; margin-bottom: 12px; } .review-page .btn { margin: 0; width: 100%; } .contact-page .container--nest label { margin-left: 5px; } .contact-page .cc__box--4 { float: none; margin-top: 20px; } .contact-page .btn { margin: 0; width: 100%; } .job-detail-page .cc__box--9 .cc__box--12 { margin-top: 0; } .job-detail-page__overview .jobs-overview { text-align: center; height: auto !important; } .job-detail-page__overview .jobs-overview__img-wrap { width: 100% !important; height: 85px !important; position: initial; } .job-detail-page__overview .jobs-overview__img-wrap img { width: 85px; } .job-detail-page__overview .jobs-overview__text-wrap { padding-left: 0 !important; } .job-detail-page__overview .jobs-overview__text-wrap h4 { margin-top: 18px; } .page-404 { min-height: inherit; background: #f2f2f2; } .page-404__text-box { max-width: inherit; } body { -webkit-text-size-adjust: none; } h3.border-subtitle { font-size: 22px !important; } .show--mobile { display: block !important; } .show--desktop, .show--tablet { display: none !important; } .hide--mobile { display: none !important; } .social { display: block; text-align: center; } .social li { height: 50px; margin-right: 0; width: 25%; } .social li a { position: relative; left: 50%; margin-left: -25px; } .social li a.ico.fb { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -716px -113px; height: 52px; width: 52px; } .social li a.ico.tw { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -664px -113px; height: 52px; width: 52px; } .social li a.ico.pi { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -612px -113px; height: 52px; width: 52px; } .social li a.ico.in { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat 0 -329px; height: 52px; width: 52px; } } @media (-webkit-min-device-pixel-ratio: 2), (-o-min-device-pixel-ratio: 3 / 2), (min-device-pixel-ratio: 2) { .ico.fb { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -426px 0; background-size: 800px 343px; height: 18.5px; width: 18.5px; } .ico.fb2x { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -425px -94px; background-size: 800px 343px; height: 52px; width: 52px; } .ico.tw { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -327px 0; background-size: 800px 343px; height: 18.5px; width: 18.5px; } .ico.tw2x { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -373px -94px; background-size: 800px 343px; height: 52px; width: 52px; } .ico.pi { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -407px 0; background-size: 800px 343px; height: 18.5px; width: 18.5px; } .ico.pi2x { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -269px -94px; background-size: 800px 343px; height: 52px; width: 52px; } .ico.in { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -346px 0; background-size: 800px 343px; height: 18.5px; width: 18.5px; } .ico.in2x { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -346px 0; background-size: 800px 343px; height: 18.5px; width: 18.5px; } .ico.search-mob-active { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -274px 0; background-size: 800px 343px; height: 18px; width: 18px; } .ico.search-mob { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -292px 0; background-size: 800px 343px; height: 18px; width: 18px; } .ico.search-mini { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -601px -55px; background-size: 800px 343px; height: 14px; width: 14px; } .ico.ping { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -647px -55px; background-size: 800px 343px; height: 22px; width: 22px; } .ico.heart { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -629px -55px; background-size: 800px 343px; height: 15px; width: 18px; } .ico.heart-white { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -77px 0; background-size: 800px 343px; height: 16px; width: 16px; } .ico.glass { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -426px -55px; background-size: 800px 343px; height: 12px; width: 15px; } .ico.glasses { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -380px -55px; background-size: 800px 343px; height: 12px; width: 28px; } .ico.ink { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -381px -179px; background-size: 800px 343px; height: 28px; width: 30px; } .ico.percentage { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -28px 0; background-size: 800px 343px; height: 16px; width: 16.5px; } .ico.percentage-small { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -279px -179px; background-size: 800px 343px; height: 24px; width: 24px; } .ico.palm { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -496px -55px; background-size: 800px 343px; height: 13.5px; width: 14px; } .ico.fr { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -323px -55px; background-size: 800px 343px; height: 11px; width: 18px; } .ico.nl { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -561px -55px; background-size: 800px 343px; height: 14px; width: 23px; } .ico.bg { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -538px -55px; background-size: 800px 343px; height: 14px; width: 23px; } .ico.close { /* background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -83px -55px; background-size: 800px 343px; height: 6px; width: 6px; */ } .ico.close-small { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -213px -55px; background-size: 800px 343px; height: 10px; width: 10px; } .ico.burger { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -380px 0; background-size: 800px 343px; height: 18px; width: 27px; } .ico.user { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -310px 0; background-size: 800px 343px; height: 20px; width: 17px; } .ico.small-arrow-down { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -233px -55px; background-size: 800px 343px; height: 10px; width: 10px; } .ico.small-close { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -223px -55px; background-size: 800px 343px; height: 10px; width: 10px; } .ico.visa { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -654px 0; background-size: 800px 343px; height: 20px; width: 35px; } .ico.master { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -619px 0; background-size: 800px 343px; height: 20px; width: 35px; } .ico.ideal { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -243px -55px; background-size: 800px 343px; height: 10.5px; width: 12.5px; } .ico.bag { /*background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -441px -55px; background-size: 800px 343px; height: 12px; width: 12.5px;*/ } .ico.bag-white { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -183px 0; background-size: 800px 343px; height: 18px; width: 18px; } .ico.help { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -735px -55px; background-size: 800px 343px; height: 22px; width: 22px; } .ico.discount { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -477px -55px; background-size: 800px 343px; height: 13px; width: 19px; } .ico.hung { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -351px -179px; background-size: 800px 343px; height: 26px; width: 30px; } .ico.up { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -2px -55px; background-size: 800px 343px; height: 4px; width: 6px; } .ico.down { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -8px -55px; background-size: 800px 343px; height: 4px; width: 6px; } .ico.mobdown { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -125px -55px; background-size: 800px 343px; height: 9px; width: 12px; } .ico.mobup { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -149px -55px; background-size: 800px 343px; height: 9px; width: 12px; } .ico.mobdown-white-small { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -43px -55px; background-size: 800px 343px; height: 5.5px; width: 8px; } .ico.mobup-white-small { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -51px -55px; background-size: 800px 343px; height: 5.5px; width: 8px; } .ico.btn-arrow { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -602px 0; background-size: 800px 343px; height: 20px; width: 17px; } .ico.write { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -212px -94px; background-size: 800px 343px; height: 46px; width: 57px; } .ico.creditcard { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -266px -55px; background-size: 800px 343px; height: 11px; width: 39px; } .ico.ideal-large { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -584px -55px; background-size: 800px 343px; height: 14px; width: 17px; } .ico.check { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -14px -55px; background-size: 800px 343px; height: 4.5px; width: 6.5px; } .ico.ico-email { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -255px -179px; background-size: 800px 343px; height: 24px; width: 24px; } .ico.ico-error { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -781px 0; background-size: 800px 343px; height: 39px; width: 18px; } .ico.ico-reduction { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -757px -55px; background-size: 800px 343px; height: 39px; width: 18px; } .ico.star { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -179px -179px; background-size: 800px 343px; height: 24px; width: 26px; } .ico.star-active { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -205px -179px; background-size: 800px 343px; height: 24px; width: 26px; } .ico.cc-blue { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -231px -179px; background-size: 800px 343px; height: 24px; width: 24px; } .ico.phone-blue { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -303px -179px; background-size: 800px 343px; height: 24px; width: 24px; } .ico.at-blue { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -327px -179px; background-size: 800px 343px; height: 24px; width: 24px; } .menu-mobile__header li.search-mob a.active i { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -274px 0; background-size: 800px 343px; height: 18px; width: 18px; } .header__top nav ul > li.header__top-arrow:hover .ico { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -464px 0; background-size: 800px 343px; height: 20px; width: 17px; } .header__top nav ul > li.header__top-store-loc:hover .ico { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -669px -55px; background-size: 800px 343px; height: 22px; width: 22px; } .header__top nav ul > li.header__top-help:hover .ico { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -115px -179px; background-size: 800px 343px; height: 22px; width: 22px; } .breadcrumb a em { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -453px -55px; background-size: 800px 343px; height: 12px; width: 8px; } .productbox__scrollbox--wrapper .btn__scroll--prev { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -461px -55px; background-size: 800px 343px; height: 12px; width: 8px; } .productbox__scrollbox--wrapper .btn__scroll--next { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -469px -55px; background-size: 800px 343px; height: 12px; width: 8px; } input[type="checkbox"]:checked + label:after { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -615px -55px; background-size: 800px 343px; height: 14px; width: 14px; } .btf-collections__btn { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -661px -179px; background-size: 800px 343px; height: 164px; width: 74px; } .btf-collections__btn:hover { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -587px -179px; background-size: 800px 343px; height: 164px; width: 74px; } .btf-collections .crsl-top .previous { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -546px 0; background-size: 800px 343px; height: 20px; width: 17px; } .btf-collections .crsl-top .next { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -481px 0; background-size: 800px 343px; height: 20px; width: 17px; } .btf-collections .crsl-top .close { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -444px 0; background-size: 800px 343px; height: 20px; width: 20px; } .cc-carrousel-box .rsMinW .rsArrowLeft { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -547px -179px; background-size: 800px 343px; height: 44px; width: 40px; } .cc-carrousel-box .rsMinW .rsArrowRight { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -172px -94px; background-size: 800px 343px; height: 44px; width: 40px; } .badge__sticker { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -537px -94px; background-size: 800px 343px; height: 85px; width: 85px; } .badge__sticker.large { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat 0 -179px; background-size: 800px 343px; height: 115px; width: 115px; } .badge__sticker.comming-soon { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -622px -94px; background-size: 800px 343px; height: 80px; width: 88px; } .badge__sticker.be-the-first { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -710px -94px; background-size: 800px 343px; height: 85px; width: 85px; } .lt-ie9 input[type="checkbox"]:checked + label:after { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -615px -55px; background-size: 800px 343px; height: 14px; width: 14px; } .pdp__rollout--bottom { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat 0 -39px; background-size: 800px 343px; height: 16px; width: 800px; } .pdp div.rsUni .rsArrowLeft .rsArrowIcn { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -258px 0; background-size: 800px 343px; height: 25px; width: 16px; } .pdp div.rsUni .rsArrowRight .rsArrowIcn { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -364px 0; background-size: 800px 343px; height: 25px; width: 16px; } .basket__prod-info-box .info-img a:before { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -213px -55px; background-size: 800px 343px; height: 10px; width: 10px; } .faq-page .faq-accordion--item__accordion-head i { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -125px -55px; background-size: 800px 343px; height: 9px; width: 12px; } .faq-page .faq-accordion--item__accordion-head.open i { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -149px -55px; background-size: 800px 343px; height: 9px; width: 12px; } } @media (orientation: portrait) { .sub-menu i { display: none; } .sub-menu h3 { font-size: 18px; line-height: 20px; } .sub-menu h4 { font-size: 14px; } .sub-menu .sub-menu__list li { font-size: 12px; } .header__top nav ul > li > a { padding-left: 5px; padding-right: 5px; } .header__main-search li:last-child { width: auto; } .general-box--header li.first-tab, .general-box--header--link li.first-tab { min-width: 0; } .general-box--tab { min-width: 0; } .overlay-img-box h2 { font-size: 35px; line-height: 45px; } .overlay-img-box__text { left: 34px; } .formbox.nletter--form .cbox-list span { width: 50%; margin: 0 0 20px 0 !important; } .cc-carrousel-box .rsMinW .rsArrowLeft { left: 7px; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -277px -113px; height: 22px; width: 20px; } .cc-carrousel-box .rsMinW .rsArrowRight { right: 7px; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-s26eb2c3d96.png') no-repeat -297px -113px; height: 22px; width: 20px; } .pdp2__select-size { padding-top: 0; } .featured-box .btn { margin-top: 10px; } .pdp__rollout--inner .btn { display: inline-block; } .login-page .content-block form { width: 100%; margin-bottom: 30px; } .login-page .content-block .link { margin: 0 5px 15px 0; } .login-page .container, .login-page .container--nest { padding: 0; } .newsletter-page .content-block .container--nest .cc__box--2 { display: none !important; } .newsletter-page .content-block .container--nest .cc__box--4, .newsletter-page .content-block .container--nest .cc__box--6 { width: 100%; } .newsletter-page .content-block .container--nest .formbox__label { margin-bottom: 0; margin-top: 10px; } .newsletter-page .content-block .container--nest:first-child .formbox__label { margin-top: 0; } .newsletter-page .content-block .bulleted-list li { width: auto; margin-right: 16px; } .newsletter-page .overlay-img-box__text { width: 55%; } .newsletter-page .container, .newsletter-page .container--nest { padding: 0; } .success-page .container, .success-page .container--nest { padding: 0; } .register-page .cc__box--8 .formbox .formbox__nr { width: 90px; } .store-locator-popup .cc__box--7.last .cc__box--5, .store-locator-popup .cc__box--7.last .cc__box--7 { width: 100%; } .store-locator-popup .cc__box--7.last .cc__box--5 { margin-bottom: 25px; } .enter-review-page .cc__box--8 .formbox .formbox__label { line-height: normal; } .enter-review-page .cc__box--8 .formbox .cc__box--4 { width: 38%; } .enter-review-page .cc__box--8 .formbox .cc__box--5 { width: 62%; } .enter-review-page .cc__box--8 .formbox .formbox__birth .select_box select { width: 125%; display: block; } .review-page .review-list--item .title-wrap .star-rating { padding-bottom: 40px; } .contact-page .column-default__content .cc__box--4 { float: none; margin-top: 20px; width: 100%; } .job-detail-page .column-default__content #jobs-list-regio-vacancies { margin-top: 70px; width: 100%; } .job-detail-page .column-default__content #jobs-list-select-area { padding-left: 0; position: absolute; width: 100%; } .job-detail-page__overview .jobs-overview__img-wrap { width: 70px; } .job-detail-page__overview .jobs-overview__text-wrap { padding-left: 80px; } .job-detail-page .fleft, .job-detail-page .fright { width: 100%; } .job-detail-page .fright { margin-bottom: 30px; } .job-detail-page .fright .btn { margin-right: 34px; } } @media (min-width: 1281px) { .footer--top ul li { width: 33%; } .general-box--desc h2 { font-size: 30px; } .general-box--desc h3 { font-size: 24px; line-height: 20px; } } @media (max-width: 320px) { .footer--bottom .footer--deliver li { margin-right: 0px; } .general-box--wrapper h2 { font-size: 26px; line-height: 22px; } .review__main-wrapper .write-review a.btn--write { font-size: 14px; text-align: left; } } @media (min-width: 1025px) { .formbox__birth .select_box select { width: 112%; } .cat-page .cat-filter__wrapper { float: left; width: 220px; padding: 20px 0 0 0; position: relative; overflow-y: auto; } .your-order__header .btn { padding: 0 30px; float: right; } .show--desktop { display: block !important; } .show--tablet, .show--mobile { display: none !important; } .hide--desktop { display: none !important; } } @media screen and (min-width: 0px) and (max-width: 800px) { .cc-carrousel-box .infoBlock { padding: 10px; height: auto; max-height: 100%; min-width: 40%; left: 5px; top: 5px; right: auto; font-size: 12px; } .cc-carrousel-box .infoBlock h3 { font-size: 14px; line-height: 17px; } } @media (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2), (orientation: portrait) and (-o-min-device-pixel-ratio: 3 / 2), (orientation: portrait) and (min-device-pixel-ratio: 2) { .cc-carrousel-box .rsMinW .rsArrowLeft { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -761px 0; background-size: 800px 343px; height: 22px; width: 20px; } .cc-carrousel-box .rsMinW .rsArrowRight { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -159px -179px; background-size: 800px 343px; height: 22px; width: 20px; } } @media (max-width: 767px) and (-webkit-min-device-pixel-ratio: 2), (max-width: 767px) and (-o-min-device-pixel-ratio: 3 / 2), (max-width: 767px) and (min-device-pixel-ratio: 2) { .cc-carrousel-box .rsMinW .rsArrowLeft { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -761px 0; background-size: 800px 343px; height: 22px; width: 20px; } .cc-carrousel-box .rsMinW .rsArrowRight { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -159px -179px; background-size: 800px 343px; height: 22px; width: 20px; } .basket__prod-info-box .info-img a:before { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -213px -55px; background-size: 800px 343px; height: 10px; width: 10px; } .social li a.ico.fb { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -425px -94px; background-size: 800px 343px; height: 52px; width: 52px; } .social li a.ico.tw { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -373px -94px; background-size: 800px 343px; height: 52px; width: 52px; } .social li a.ico.pi { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -269px -94px; background-size: 800px 343px; height: 52px; width: 52px; } .social li a.ico.in { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons2x-s73037aea7e.png') no-repeat -321px -94px; background-size: 800px 343px; height: 52px; width: 52px; } } @media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { /** * Remove all paddings around the image on small screen */ .mfp-img-mobile .mfp-image-holder { padding-left: 0; padding-right: 0; } .mfp-img-mobile img.mfp-img { padding: 0; } .mfp-img-mobile .mfp-figure:after { top: 0; bottom: 0; } .mfp-img-mobile .mfp-figure small { display: inline; margin-left: 5px; } .mfp-img-mobile .mfp-bottom-bar { background: rgba(0, 0, 0, 0.6); bottom: 0; margin: 0; top: auto; padding: 3px 5px; position: fixed; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mfp-img-mobile .mfp-bottom-bar:empty { padding: 0; } .mfp-img-mobile .mfp-counter { right: 5px; top: 3px; } .mfp-img-mobile .mfp-close { top: 0; right: 0; width: 35px; height: 35px; line-height: 35px; background: rgba(0, 0, 0, 0.6); position: fixed; text-align: center; padding: 0; } } @media all and (max-width: 900px) { .mfp-arrow { -webkit-transform: scale(0.75); transform: scale(0.75); } .mfp-arrow-left { -webkit-transform-origin: 0; transform-origin: 0; } .mfp-arrow-right { -webkit-transform-origin: 100%; transform-origin: 100%; } .mfp-container { padding-left: 6px; padding-right: 6px; } } /******************************** ADDITIONAL STYLING OVERRINDING DEFAULT STYLING ********************************/ /*Overflow default hidden, only show scroll on y (IE8 fix)*/ .your-order__product, .mini-cart__product{ overflow: hidden !important; overflow-y: scroll !important } /* de a href's in de footer waren blauw en moesten zwart zijn */ .footer--main ul li a { color: #000; text-decoration: none; } .footer--main ul li .local-navigation-subitems li:last-child { padding-bottom: 0px; margin-bottom: 0px;} .main, .footer { max-width: 1600px !important; margin: 0 auto !important;} /* Selected filters hidden, it's not finished for stage 1 responsive */ .cat-filter--select { display:none; } .cat-header{ position: relative; } .cat-header .category_seo_description{ z-index:10; } .container{ clear:both; } .col-holder {max-width: 1280px !important; margin: 0 auto !important;} /*Ico be styling (be vlag) */ .ico.be { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-sdbe960282b.png') no-repeat -518px -41px; height: 14px; width: 23px; } .ico.menuicon{ background-image: none; width: 20px; height: 18px;} .ico.menuicon img{border: none;} /* use a separate imagee for frankrijk-frankrijk in the header */ .ico.fr {background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/flag_fr_fr.png')!important; height: 14px!important; width: 23px!important;} /* adding a float:left on left-sidebar only for the /page/2columns-left-category.phtml to align the main content and padding the column - removed the padding-top in .cat-filter__wrapper*/ .col2-left-layout-category .col-left.sidebar { float: left; padding-top: 20px; } /* override header__main-menu li.border a to display the submenu links with the right fontsize */ .sub-menu__list a { font-size: 14px!important; font-family: "coolcat_3regular", Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif!important; } .productbox--wrapper a, .productbox a { color: black; text-decoration: none; } .pricebox span { font-family: "coolcat_3heavy", Arial, Helvetica, sans-serif; font-size: 24px; } /* remove duplicate slider buttons */ .rsMinW .rsArrowIcn { background: none!important; } /* layered nav full width in mobile */ @media (max-width: 767px) { .col-left.sidebar { width: 98% !important; } } .header__top nav ul li a.btn { padding: 0px !important; padding-top: 2px;} .header__top nav ul.header__top-user { display: none; } .header__top nav ul.header__top-flagmenu { display: none; } .header__top nav .header__top-help ul li a { padding: 5px 0px 10px 0px !important;} .header__top nav .ico.mainflag{margin:4px 0 0 0;} /* Current flag is now a icon*/ .header__top nav .sub-nav .inner input[type="password"], .header__top nav .sub-nav .inner input[type="email"] { border: none; width: 100%; margin-bottom: 10px; height: 40px; } /* type=password zat er niet in bij emakina */ .header__top-flag { height: 65px; } .header__top-user-logged { width: 249px;} .header__top-user-logged.sub-nav.plain li > a { padding: 5px 0 10px !important; } .header_hover_login { color: #8c8c8c; background: #2b2b2b; } .header_hover_ico { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-sdbe960282b.png') no-repeat -582px 0!important; height: 20px; width: 17px; } /*Padding in plaats van margin, zodat ruimte voor hover groter is*/ .header__main-menu li.border { margin-right: 0px !important; padding: 0 15px; } /* Don't use link color on this item*/ .mini-cart__header li.hide-cart-span a{ color: #000; text-decoration: none; } .mini-cart__header li.hide-cart-span .ico{ vertical-align: sub; } .mini-cart__header li:last-child .ico { margin-right: 0px !important;} /* Styling aangepast, zodat searchbalk op tablet ook los staat*/ .header__main-search li{width: auto !important;} .menu-tablet__search form input.search-box{ width: 95% !important; } .menu-mobile__search form input.noborder { border:0px !important; font-size: 14px; } .menu-mobile__search form .search-box { text-transform: uppercase; font-size: 14px; line-height: 18px;} .menu-mobile__search button.search-mini { background: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-mobile-search.png") no-repeat 0px 0px !important; height: 17px; width: 17px; } .search_mini_button a{ background: transparent; color: #000; font-size: 18px; height: 35px; padding-top: 10px; text-decoration: none; } /* correct the orange overlay of the left toggle menu button when collapse */ .menu-mobile__header.active { background: none!important; } /*Productfilter styling, maat and kleur names are different from original styling*/ .cat-filter--size .cat-filter__list li{ display: inline-block; margin: 0 0 8px 2px; text-align: center; text-transform: uppercase; } .cat-filter--size .cat-filter__list li label{ background-color: #f2f2f2; border: 3px solid #f2f2f2; color: #3d3d3d; display: block; font-size: 14px; font-weight: normal; line-height: 27px; min-width: 68px; padding: 2px 0; text-decoration: none; } .cat-filter--size .cat-filter__list li:hover label{ background-color: #c5c4c4; border: solid 3px #c5c4c4; } .cat-filter--size .cat-filter__list li.activeFilter label{ background-color: #f2f2f2; border: solid 3px #000; background-image: none; padding-left: 0; } .cat-filter--size .cat-filter__list li.activeFilter:hover label{ cursor: default; } /*Filters with category-list items styling (used on gender filter)*/ .cat-filter__list li.category_styling label{ display: block; text-decoration: none; color: black; font-weight: bold; text-transform: uppercase; padding: 8px 0 8px 8px; cursor: pointer; font-family: "coolcat_3regular", Arial, Helvetica, sans-serif, Arial, Helvetica, sans-serif; } .cat-filter__list li.category_styling label i{ font-weight: normal; color: #8c8c8c; font-size: 12px; padding-left: 5px; } .cat-filter__wrapper li input[type="checkbox"]:checked + label:after, .cat-filter__wrapper li input[type="checkbox"] + label:before{ display:none; border: none; } .cat-filter--color .cat-filter__list input{ display:none; } .cat-filter--color .cat-filter__list li{ background-color: #e8e8e8; background-image: none; background-repeat: repeat; background-size: auto auto; color: #3d3d3d; display: inline-block; font-size: 14px; height: 33px; margin: 0 5px 9px 0; text-align: center; text-transform: uppercase; width: 46%; } .cat-filter--color .cat-filter__list li label{ color: white; padding: 6px 15px; text-indent: 9999px; white-space: nowrap; } .cat-filter--color .cat-filter__list li:hover label{ text-indent:0; background-color:#c5c4c4; } .cat-filter--color .cat-filter__list li.activeFilter label{ background: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-checked-bg.png") no-repeat scroll right center rgba(0, 0, 0, 0); border: 3px solid black; padding: 3px 15px; } .cat-filter--color .cat-filter__list li.activeFilter:hover label{ background: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-checked-bg.png") no-repeat scroll right center rgba(0, 0, 0, 0); text-indent: 9999px; } .mini-cart { width: 429px !important; margin-left: -150px !important; } #minicart-mob a{text-decoration: none; color:#000;} /* extend the width to avoid the coupontext breaking in cart */ .basket__prod-promo-field ul li.field__text { width: 550px!important; padding-top: 5px; } /* change textcolor of shippingcost-options to black */ .basket__prod-total-address label { color: #000!important; } .basket__prod-total-address{ /*hide shipping method in cart function */ display:none; } .basket__prod-promo-field ul li { padding-bottom: 10px; vertical-align: top!important; } .basket__prod-promo-field li p { clear: both; position: absolute; float: left; margin-left: -550px; margin-top: 4px;} .basket__prod-promo { padding-bottom: 10px!important; } .basket__prod-info-box .info-img a.product_link:before{ display: none !important; } .basket__prod-info-box .info-img a.product_link_img{ float:left; left: 0px; padding-left: 0px; margin-right: 5%; position:relative; width: 30% !important; } .basket__prod-info-box .info-img a.product_link img{ margin-right: 19px; width: 100% !important; float:left; } .basket__prod-info-box .info-img a.product_link_name{ float:left; left: 0px; padding-left: 0px; position:relative; display:ineline-block; color: #000; width: auto !important; } /*Productdetail productopties*/ /*Dont set margin on last list element*/ ul.prod_selectbox.colorbox li:last-child{ margin-right: 0px; } .product-options ul.prod_selectbox li img{ width: 100%; } .product-options ul.prod_selectbox li p{ height: 50px; } .product-options ul.prod_selectbox li label{ margin:0px; padding: 5px; border: dashed 2px #e8e8e8; } .product-options ul.prod_selectbox li.attributeChecked label{ border: solid 2px black; } .product-options ul.sizebox li.attributeChecked label{ border: solid 3px black; } .product-options ul.prod_selectbox li.attributeChecked label:hover{ border: solid 2px black; } .product-options ul.prod_selectbox.sizebox li.attributeChecked label:hover{ border: solid 3px black; } ul.prod_selectbox li.attributeChecked label + p, ul.prod_selectbox li label:hover + p{ color: #666666; } .pdp__select-size ul.sizebox{ margin-bottom: 5px !important; width: 100% !important; } .pdp__select-size ul.sizebox li{ display: inline-block; text-transform: uppercase; margin: 0 5px 8px 0; text-align: center; width:auto; } .pdp__select-size ul.sizebox li label{ display: block; min-width: 43px; color: #3d3d3d; border: solid 3px #f2f2f2; background-color: #f2f2f2; padding: 2px 0; font-weight: normal; font-size: 14px; line-height: 27px; text-decoration: none; } .pdp__select-size ul.sizebox li label:hover{ color: black; background-color: #e8e8e8; border: solid 3px #e8e8e8; } .product-options ul.prod_selectbox li label.notavailable{ color: #c5c4c4; text-decoration: line-through; } .pdp__select-size ul.sizebox li input[type="radio"] + label:before, .pdp__select-size ul.sizebox li input[type="radio"] + label:after{ display:none; } /*Custom styling errormessage in colorbox*/ .basket__prod-info-box .info-img p { width: 225px; line-height: 18px; max-height: 32px; overflow: hidden;} @media (max-width: 767px) { .pdp__select-size { text-align: left; } .pdp__select-size ul.sizebox { *zoom: 1; width: 100%; } .pdp__select-size ul.sizebox div { width: 100%; } .pdp__select-size ul.sizebox:before, .pdp__select-size ul.sizebox:after { content: ""; display: table; } .pdp__select-size ul.sizebox:after { clear: both; } .pdp__select-size ul.sizebox li input[type="radio"] { min-width: 0; } .pdp__select-size ul.sizebox li { display: block; float: left; margin: 0 0.5% 8px 0; width: 19.5%; } .pdp__select-size ul.sizebox li:last-child { margin-right: 0; } .formbox__submit--final button { width: 89% !important;} #register-submit.btn { float: left; margin: 0; width: 100%; } #left-menu-content { display: none;} /* Fix for shoppingbag icon showing arrows */ .header__main-search li i.bag{ width: 10px !important; padding: 0 !important; margin-right: 5px; } .category-products { margin-top: 90px; } } /*Show click layout on hover at mobile (iPhone fix)*/ @media (max-width: 1024px){ .basket__prod-info-box .info-img p { width: 150px; line-height: 18px; max-height: 32px; overflow: hidden;} .product-options ul.prod_selectbox li label:hover{ border: solid 2px black; } .product-options ul.sizebox li:hover label{ border: solid 3px black; } } .btn { cursor: pointer;} .btn--shoppingbag { width: 100% !important;} .scrolltop-box { z-index: 500 !important; background:transparent !important; /*Transparent mobile bg fix*/} .option-element label:before { background-color: #fff !important; border: 1px solid #ccc !important; } input[type=radio]:checked + label:before { content: "\2022" !important; font-size: 16px; line-height: 13px; } .center-box .productbox { margin-top: 5px !important; margin-bottom: 5px !important;} .local-navigation-subitems { display: block !important;} /*Remove underline if h3 is link*/ .sub-menu__collumn h3 a{ text-decoration: none; font-size:24px !important; line-height:27px; color: #000 !important; } .sub-menu__list li { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .toolbar { visibility: hidden; display: none; } /*Hide maattabel on popup*/ .popup-content .pdp2__wrapper #maattabel{ display:none; } #dialog-formsizetable-button { overflow: visible; } #sizetable .col2-set .col-1{ width:auto; } #sizetable .col2-set .col-2{ width:auto; } #sizetable_controls{ position:absolute; right: 30px; top: -22px; font-family: "Palatino Linotype", "Times New Roman", serif; font-weight: bold; text-transform: uppercase; } #sizetable_controls span { margin: 0 10px 0 10px; } #sizetable_controls .active { text-decoration: underline; } #sizetable h3 { margin-top: 20px; } #sizetable table{ margin-top: 10px; } #sizetable table th{ background:#E5E5E5; } #sizetable table th, #sizetable table td{ padding:5px; border:solid 1px #ccc; text-align:center; text-transform:uppercase; min-width: 60px; } #sizetable table td{ font-family:'Trebuchet MS', Arial, sans-serif; } #addtocart_loader { position: relative; margin-bottom: 0px; padding: 0px; width: 40px; clear: both; width: 100%; text-align: center;} .ajaxloader-box{ display:none; z-index:20; position: relative; } .ajaxloader_categorylist { position:absolute; top:0; left:0; right:0; bottom:0; z-index:11; color:white; text-align:center; padding-top: 10%; display:none; background:#FFF; /* IE 8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE 5-7 */ filter: alpha(opacity=60); /* Netscape */ -moz-opacity: 0.6; /* Safari 1.x */ -khtml-opacity: 0.6; /* Good browsers */ opacity: 0.6; } /* remove styling in onestepcheckout-shipping-method */ div.onestepcheckout-shipping-method { border-top: 0!important; margin-bottom: 0!important; padding-top: 0!important; } .basket__prod-info-box .info-price span.txt-red{ margin-top: 0px !important; } .cart_applied_rules{ margin-top: 25px; } /* override #onestepcheckout-form label in onestepcheckout.css */ .formbox__label {font-family: "coolcat_3heavy",Arial,Helvetica,sans-serif,Arial,Helvetica,sans-serif!important; } /* emakina has used href instead of button */ .your-order__header .btn { font-size: 18px; padding: 0 10px !important; width: 90%; } #onestepcheckout-place-order { font-size: 18px; padding: 0px 40px!important; margin-right: 40px!important; } #onestepcheckout-form .group-select { padding: 0!important; } #onestepcheckout-form input[type="text"].readonly { color: #6D6D6D; } /* override #onestepcheckout-form li in onestepcheckout.css */ ul.usp li { padding: 20px 0px!important; } /* form validation when input error */ .validation-failed { border: 2px solid #EB340A !important; } .validation-advice { float: left; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-error.png') no-repeat scroll 0px 0px transparent; height: 40px; padding-left: 23px; line-height: 41px; margin: 4px 0px 0px; font-size: 18px; font-family: "coolcat_3regular",Arial,Helvetica,sans-serif; color: #FF133F; } /* fixed breadcrumb styling for Firefox */ .breadcrumb .container { clear:both; } .searchResultNumber { font-family: "coolcat_3heavy",Arial,Helvetica,sans-serif; } .cc-ajax-load { position: absolute; width: 100%; text-align: center; left: 0px; bottom: 15px; } /*Ajaxloader styling in cart*/ .cart_ajax_load img{ width:auto !important; margin-top: 5px; } .cart_edit_ajax_load{ display:inline-block; } .cart_edit_ajax_load img{ width:auto !important; } /* remove border of the payment select box for iDeal */ #checkout-payment-method-load .select_box { border: none!important; } .select_box li { background: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-down.png") no-repeat scroll 95% center #fff; border: 2px solid #c5c4c4; overflow: hidden; } .pay-method__select ul li label, .pay-method__select ul li br { display: none;} .pay-method__select { padding: 0px !important; } #fullinfoAnchor, #serviceAnchor { display: block; height: 102px; /*same height as header*/ margin-top: -102px; /*same height as header*/ visibility: hidden; } .cart-empty { display: block; height: 150px; margin-left: 10px; } .check__content { padding: 15px 0px 0px 0px !important; } /* links uitlijnen van global notices */ .error span { display:block; width: 100%; float: none !important; } /*Custom styling errormessage in colorbox*/ #productoptions_error .error span{ line-height: 21px !important; margin-bottom:10px; } .infoblock__wrapper a, general-box--header a, .general-box--desc a, .getlook-box a {text-decoration: none;} .job-detail-page .page-title, .contact-page .page-title { display:none; } /* fix voor clipping bovenkant producrsMainSlideImagetafbeelding in productdetail pagina */ .pdp__wrapper .pdp__view .rsImg.rsMainSlideImage { margin-top: -20px!important; margin-left: 0px !important; } /* hoogte aanpassen van get the look */ .homepage .getlook-box--inner { padding: 100px 2.375% 30px !important; } .general-box--wrapper .tabcontent__wrapper .tabcontent { padding-top: 20px!important; } .center-box .productbox { padding: 0px 20px 10px !important; } .getlook-box--inner { position: relative; padding: 100px 4.375% 30px!important; } .mini-cart__checkout .btn--gray-light { padding: 0px 20px!important; } #cart_productname { font-size: 14px; font-weight: bold; display: inline-block; text-transform: uppercase; text-decoration: none; color: black; padding-left: 20px; width: 220px; } .review-page .cc__box--9 .page-title { display: none;} /* remove default static CSM page title */ .ico.ideal-large { margin-right: 10px; } .ico.creditcard { margin-right: 10px; } /* aanpassen kleur als emailadres al bestaat */ .email-already, .email-already a { color: #00a5ff!important; } /* onecheckout storelocator */ .shipment-methods #store_picker_container { margin-left: 30px; } /* witruimte tussen 'volgende' en headers in onecheckout */ .check__content .formbox__submit { padding-bottom: 30px; } .ico.discount_flap { background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-sdbe960282b.png') no-repeat -317px -114px; height: 22px; width: 40px; } .contact-page ul.usp em.ico { left: 0; position: absolute; top: 20px; } /* add additional spacing btween rating and color header on product detail page */ .rate-box { margin-bottom: 20px; } .success-msg { color: #00A5ff; background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-success.png) no-repeat 0 0; padding-left: 23px; line-height: 41px; margin: 4px 0 0 0; font-size: 18px; font-family: "coolcat_3regular", Arial, Helvetica, sans-serif; } .error-msg { color: #ff133f; background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-error.png) no-repeat 0 0; padding-left: 23px; line-height: 41px; margin: 4px 0 0 0; font-size: 18px; font-family: "coolcat_3regular", Arial, Helvetica, sans-serif; } /* fix for ajax error messages displaying 'het poppetje' twice */ #message-wrapper .error-msg, #message-wrapper .success-msg { background: none!important; padding-left: 0px!important; } /* global message in the shoppingcart */ .messages {padding: 0px 20px;} /* fix for tablet portrait mode, fields getting two lines */ #billing-address .container--nest .cc__box--3 { width: 30% !important; } .btn--shoplook em.ico_percent {background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/bg_ic-shopsale.png') no-repeat scroll right bottom transparent; color: #000;height: 34px;content: '%';} .btn--shoplook em.ico_hung {position: absolute; top: 0px;right: -51px; display: inline-block; width: 48px; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-sdbe960282b.png') no-repeat scroll -24px -63px #FF007D;height: 26px;width:30px} /* fix for outroll arrows on FAQ page */ .faq-page .faq-accordion--item__accordion-head em { background: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-sdbe960282b.png") no-repeat scroll -112px -41px rgba(0, 0, 0, 0); bottom: 20px; display: inline-block; height: 9px; position: absolute; right: 0; width: 12px; } .faq-page .faq-accordion--item__accordion-head.open em { background: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-sdbe960282b.png") no-repeat scroll -28px -41px rgba(0, 0, 0, 0); height: 8px; width: 12px; } .cc__box--4 .productbox--imagebox {padding: 0px 15px; } /* fix for search option on mobile */ .menu-mobile__search input.ico.close { cursor: pointer; outline: 0 none; position: absolute; right: 8px; top: 18px; padding:0; } /* fix for removing arrows from recently viewed and related boxes on mobile */ .recently-viewed-block .general-box--tab { background-image: none !important; } #register-submit { border: none; font-size: 18px; } .register-page .messages { display: inline-block; clear: both; margin-bottom: 20px;} /*add whitespace below 'no searchresult'*/ .search-results-page.searchresult.note-msg { padding-bottom: 40px; } .btn__scroll--next2 { position: relative; text-indent: -99999px; left: auto; right: -5px; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons-sdbe960282b.png') no-repeat -389px -41px; height: 12px; width: 8px; display: block; } .next-more { width:8px; height: 36px; vertical-align: middle; display: block; } .getlook-box--wrapper .container {padding: 0;} .getlook-box--wrapper .container .getlook-box--inner {padding: 0 !important; } .getlook-box--wrapper .container .getlook-box--inner .getlook-box--imagebox {width: 100%; } .getlook-box--wrapper .container .getlook-box--inner .getlook-box {margin-left:40px; position: absolute; } /*Ogone template tussenpagina*/ .placeform_content{ margin: 20px 20px 50px 20px; font-size: 20px; } .ops-payment-placeform .col-left{ display: none; } .footer--links--holder { width: 100%; text-align: center; margin-top: -30px; z-index: 30; position: relative; } .footer--links--holder ul { margin: 0 auto; } .footer--links--holder li { margin: 0 1%; } .footer--links a { color: #000; text-decoration: none; } @media (max-width: 1200px){ .footer--links--holder { margin-top: 20px !important; } } /* fix for dropdown country on account edit page */ .customer-account-edit .cc__box--9 .formbox .select_box select { width: 105%; } .customer-account-edit .cc__box--9 .formbox .formbox__birth .select_box select { width: 115%; } /* fix the width of the help */ .header__top nav ul.header__top-helpmenu { width: auto!important; } /* additional icons in the footer */ .icon__postnl { background: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/postnl.png") transparent no-repeat; width: 46px; height: 30px; } .icon__bancontact { background: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/bancontact.png") transparent no-repeat; width: 31px; height: 22px; } .icon__kbconline { background: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/kbconline.png") transparent no-repeat; width: 31px; height: 22px; } .icon__dhlparcel { background: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/dhlparcel.gif") transparent no-repeat; width: 81px; height: 20px; } /* added styling for newsletter popup */ .newsletter-popup { max-width: 500px !important; padding-bottom: 17px !important; } /* fix for dropdown layout */ .column-default__filter .select_box__wrapper .select_box select { width: 90px !important; } /* fix for styling of subscriber page */ .pages { display: block; float: right; margin: 9px 10px 0 0; } .pages strong { float: left; } .pages ol { position: relative; float: left; } .pages ol li { position: relative; float: left; padding: 0 5px; font-size: 18px; } /* fix coolcat header text overlay font */ .overlay-img-box__text h1 span { font-family: "coolcat_3heavy",Arial,Helvetica,sans-serif !important; } /* fix for rating stars not overflowing the review title */ .review-page .review-list--item .title-wrap h4 { padding-left: 170px !important; } /* SITEMAP */ .sitemap-row { width: 100%; overflow: hidden; } .sitecatul { margin: 0 5px; padding: 0 0 0 10px; } .sitecat-li { float: left; } .sitecatul li { list-style: none; font-size: 1em !important; } .sitecatul li ul { margin: 0 5px; padding: 0 0 0 10px; } .sitecatul li ul li { list-style: inside; } .sitecatul div {height: 30px; } .menu-mobile__links ul.main-links li a.third-layer { background: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-mobdown.png") no-repeat scroll 95% 22px rgba(0, 0, 0, 0); display: block; font-family: "coolcat_3heavy",Arial,Helvetica,sans-serif; font-size: 20px; padding: 15px 0 15px 20px; text-decoration: none; text-transform: uppercase; } .menu-mobile__links ul.main-links a.link--small{ background: none; font-family: "coolcat_3regular", Arial, Helvetica, sans-serif; font-size: 12px; text-transform: uppercase; padding: 8px 0 5px 20px; } .menu-mobile__links ul.main-links a.link--doelgroep{ font-size:14px; padding: 15px 0 11px 20px; } .lt-ie9 .cat-filter__list INPUT[type='checkbox'] { display:none !important;} .lt-ie9 .prod_selectbox INPUT[type='radio'] { display:none !important;} .lt-ie9 #subscribe-popuplink-popup input[type='checkbox'] { clear: both; float: left !important; height: 20px !important; } .lt-ie9 #subscribe-popuplink-popup label { float: left !important; height: 20px; line-height: 20px; padding: 0 0 0 10px; vertical-align: middle; } /* fix for IE8 to prevent shoppingbag icon going over search field */ .lt-ie9 .header__main-search li { float: left; } /* fix styling of buttons with to much width because of padding */ .lt-ie9 .btn { padding-left: 0px !important; padding-right: 0px !important;} /* fix for strange grey area's in transparant PNG images in IE8 and lower */ .lt-ie9 .rsThumb .rsTmb { background: transparent !important; -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)" !important; /* IE8 */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF) !important; /* IE6 & 7 */ zoom: 1 !important; } .lt-ie9 .cat-page .cat-filter__wrapper { margin: 25px 0px 0px -10px !important; overflow: hidden !important; padding: 0px !important; position: relative; float: left; width: 220px !important; } .lt-ie9 .cat-filter__innerwrapper { overflow: hidden !important; height: 100% !important; } .lt-ie9 .cat-page .cat-filter__wrapper.sticky { top: inherit !important; border-bottom: none !important; margin: 25px 0px 0px 0px !important; } /* rechterpijl in de productdetailpagina */ .rsUni.rsHor .rsArrowRight { right: -15px!important; } .rsUni.rsWithThumbsVer .rsThumbsContainer { height: 100px !important; } .rsUni .rsThumbsVer { height: auto!important; } .checkout-btn .btn--arrow{ padding: 0px 90px !important; } @media (max-width: 767px) { /*Change padding on small screens to avoid line break*/ .checkout-btn .btn--arrow{ padding: 0px 10px !important; } #onestepcheckout-place-order{ padding: 0px 10px !important; } .cat-page .cat-filter__wrapper.sticky { top: 25px; border-bottom: none !important; margin: 25px 0px 0px 0px !important; } .cat-page .cat-filter__wrapper { margin: 25px 0px 0px -10px !important; overflow-y: hidden !important; padding: 10px 2% !important; z-index: 35 !important; } .cat-filter__innerwrapper { overflow-y: scroll; overflow-x: hidden; height: 400px; z-index: 35; } .breadcrumb { position: relative; top: 60px; margin-bottom: 70px;} } @media (max-width: 1024px) and (min-width: 768px) { .cat-page .cat-filter__wrapper.sticky { top: 38px !important; border-bottom: none !important; margin: 25px 0px 0px 0px !important; } .cat-filter__btnbox { padding-bottom: 10px !important; } .cat-page .cat-filter__wrapper { margin: 25px 0px 0px -10px !important; overflow-y: hidden !important; padding: 10px 2% !important; z-index: 35 !important; } .cat-filter__innerwrapper { overflow-y: scroll; overflow-x: hidden; height: 400px; z-index: 35; } } .check__edit { z-index: 101; } #email-already-used { margin: 10px 0px; } /* CMS pages content styling */ .cms-content-page h3 { font-family: "coolcat_3regular",Arial,Helvetica,sans-serif,Arial,Helvetica,sans-serif; font-size: 24px; line-height: 27px; margin: 20px 0px 10px 0px; } .cms-content-page p { font-size: 18px; font-weight: normal; line-height: 22px; } .cms-content-page p, .cms-content-page p span { color: #000 !important;ccweb@coolcat.nl } .cms-content-page .bulleted-list li { color: #000 !important; list-style-type: circle; margin-left: 16px; width: 100%; line-height: 22px; } .cms-content-page li { color: #000 !important; list-style-type: circle; margin-left: 16px; width: 100%; line-height: 22px; } .menu-tablet__search { position: relative; } .menu-tablet__search form { width: 100%; padding: 8px 0; } .menu-tablet__search form input { width: 85%; border-top: 0px !important; border-right: 0px !important; border-bottom: 1px solid #c5c4c4 !important; border-left: 0px !important; margin-left: 20px; padding-left: 20px; height: 30px; } .menu-tablet__search form input:focus { outline: 0; } .menu-tablet__search button.search-mini { position: absolute; left: 20px; top: 15px; z-index: 15; } .menu-tablet__search button.ico.close { outline: 0; cursor: pointer; position: absolute; top: 18px; right: 8px; } .menu-tablet__search .search-box:not(:valid) ~ .ico.close { display: none; } .menu-tablet__search form input.noborder { border:0px !important; font-size: 14px; padding-left: 0px !important; margin-left: 0px !important; } .menu-tablet__search form .search-box { text-transform: uppercase; font-size: 14px; line-height: 18px;} .menu-tablet__search button.search-mini { background: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/icons/ico-mobile-search.png") no-repeat 0px 0px !important; height: 17px; width: 17px; } .menu-mobile__search form input.noborder { border:0px !important; font-size: 14px; padding-left: 0px !important; margin-left: 0px !important; } .formbox__birth input, .formbox__birth label { display: none; } .btn-continue { background-color: #e8e8e8; color: #000;height: 40px; line-height: 40px; } .btn-continue:hover { background-color: #dedede; color: #000; } /****************************** * * RoyalSlider White Controls Skin * * 1. Arrows * 2. Bullets * 3. Thumbnails * 4. Tabs * 5. Fullscreen button * 6. Play/close video button * 7. Preloader * 8. Caption * * Sprite: 'rs-minimal-white.png' * Feel free to edit anything * If you don't some part - just delete it * ******************************/ /* Background */ .rsMinW, .rsMinW .rsOverflow, .rsMinW .rsSlide, .rsMinW .rsVideoFrameHolder, .rsMinW .rsThumbs { background: #000; color: #FFF; } /*************** * * 3. Thumbnails * ****************/ .rsMinW .rsThumbsHor { width: 100%; height: 72px; } .rsMinW .rsThumbsVer { width: 96px; height: 100%; position: absolute; top: 0; right: 0; } .rsMinW.rsWithThumbsHor .rsThumbsContainer { position: relative; height: 100%; } .rsMinW.rsWithThumbsVer .rsThumbsContainer { position: relative; width: 100%; } .rsMinW .rsThumb { float: left; overflow: hidden; width: 96px; height: 72px; } .rsMinW .rsThumb img { width: 100%; height: 100%; } .rsMinW .rsThumb.rsNavSelected { background: #333; } .rsMinW .rsThumb.rsNavSelected img { filter: alpha(opacity=40); opacity: 0.7; } .rsMinW .rsThumb.rsNavSelected span.thumbIco { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 2px solid #FFF; border: 2px solid rgba(255,255,255,0.9); -webkit-backface-visibility: hidden; } .rsMinW .rsTmb { display: block; } /* Thumbnails arrow icons */ .rsMinW .rsThumbsArrow { height: 100%; width: 20px; position: absolute; display: block; cursor: pointer; z-index: 21; } .rsMinW.rsWithThumbsVer .rsThumbsArrow { width: 100%; height: 20px; } .rsMinW.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; } .rsMinW.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0; left: 0; } .rsMinW.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; } .rsMinW.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; } .rsMinW .rsThumbsArrowIcn { width: 16px; height: 16px; top: 50%; left: 50%; margin-top:-8px; margin-left: -8px; position: absolute; cursor: pointer; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/css/minimal-white/rs-minimal-white.png'); } .rsMinW.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; } .rsMinW.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; } .rsMinW.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; } .rsMinW.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; } .rsMinW .rsThumbsArrowDisabled { display: none !important; } /* Thumbnails resizing on smaller screens */ @media screen and (min-width: 0px) and (max-width: 800px) { .rsMinW .rsThumb { width: 59px; height: 44px; } .rsMinW .rsThumbsHor { height: 44px; } .rsMinW .rsThumbsVer { width: 59px; } } /*************** * * 4. Tabs * ****************/ .rsMinW .rsTabs { width: 100%; height: auto; margin: 0 auto; text-align:center; overflow: hidden; padding-top: 12px; position: relative; } .rsMinW .rsTab { display: inline-block; cursor: pointer; text-align: center; height: auto; width: auto; color: #333; padding: 5px 13px 6px; min-width: 72px; border: 1px solid #D9D9DD; border-right: 1px solid #f5f5f5; text-decoration: none; background-color: #000; background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4); background-image: linear-gradient(to bottom, #fefefe, #f4f4f4); *display:inline; *zoom:1; } .rsMinW .rsTab:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .rsMinW .rsTab:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; border-right: 1px solid #cfcfcf; } .rsMinW .rsTab:active { border: 1px solid #D9D9DD; background-color: #f4f4f4; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset; } .rsMinW .rsTab.rsNavSelected { color: #000; border: 1px solid #999; text-shadow: 1px 1px #838383; box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset; background: #ACACAC; background-image: -webkit-linear-gradient(top, #ACACAC, #BBB); background-image: -moz-llinear-gradient(top, #ACACAC, #BBB); background-image: linear-gradient(to bottom, #ACACAC, #BBB); } /*************** * * 5. Fullscreen button * ****************/ .rsMinW .rsFullscreenBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 22; display: block; position: absolute; cursor: pointer; } .rsMinW .rsFullscreenIcn { display: block; margin: 6px; width: 32px; height: 32px; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/css/minimal-white/rs-minimal-white.png') 0 0 transparent; } .rsMinW .rsFullscreenIcn:hover { opacity: 0.8; } .rsMinW.rsFullscreen .rsFullscreenIcn { background-position: -32px 0; } /*************** * * 6. Play/close video button * ****************/ .rsMinW .rsPlayBtn { -webkit-tap-highlight-color:rgba(0,0,0,0.3); width:64px; height:64px; margin-left:-32px; margin-top:-32px; cursor: pointer; } .rsMinW .rsPlayBtnIcon { width:64px; display:block; height:64px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; background:url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/css/minimal-white/rs-minimal-white.png) no-repeat 0 -32px; background-color: #000; background-color: rgba(0,0,0,0.75); *background-color: #000; } .rsMinW .rsPlayBtn:hover .rsPlayBtnIcon { background-color: rgba(0,0,0,0.9); } .rsMinW .rsBtnCenterer { position:absolute; left:50%; top:50%; width: 20px; height: 20px; } .rsMinW .rsCloseVideoBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 500; position: absolute; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .rsMinW .rsCloseVideoBtn.rsiOSBtn { top: -38px; right: -6px; } .rsMinW .rsCloseVideoIcn { margin: 6px; width: 32px; height: 32px; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/css/minimal-white/rs-minimal-white.png') -64px 0; background-color: #000; background-color: rgba(0,0,0,0.75); *background-color: #000; } .rsMinW .rsCloseVideoIcn:hover { background-color: rgba(0,0,0,0.9); } /*************** * * 7. Preloader * ****************/ .rsMinW .rsPreloader { width:20px; height:20px; background-image:url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/css/preloaders/preloader-white.gif); left:50%; top:50%; margin-left:-10px; margin-top:-10px; } /*************** * * 8. Global caption * ****************/ .rsMinW .rsGCaption { position: absolute; float: none; bottom: 6px; left: 6px; text-align: left; background: #000; background: rgba(0,0,0, 0.75); color: #FFF; padding: 2px 8px; width: auto; font-size: 12px; border-radius: 2px; } /****************************** * * RoyalSlider Universal Skin * * 1. Arrows * 2. Bullets * 3. Thumbnails * 4. Tabs * 5. Fullscreen button * 6. Play/close video button * 7. Preloader * 8. Caption * * Sprite: 'rs-universal.png' * Feel free to edit anything * If you don't some part - just delete it * ******************************/ /* Background */ .rsUni, .rsUni .rsOverflow, .rsUni .rsSlide, .rsUni .rsVideoFrameHolder, .rsUni .rsThumbs { background: #fff; color: #000; } /*************** * * 1. Arrows * ****************/ .rsUni .rsArrow { height: 100%; width: 60px; position: absolute; display: block; cursor: pointer; z-index: 21; } .rsUni.rsVer .rsArrow { width: 100%; height: 60px; } .rsUni.rsVer .rsArrowLeft { top: 0; left: 0; } .rsUni.rsVer .rsArrowRight { bottom: 0; left: 0; } .rsUni.rsHor .rsArrowLeft { left: 0; top: 0; } .rsUni.rsHor .rsArrowRight { right: 0; top:0; } .rsUni .rsArrowIcn { width: 32px; height: 32px; top: 50%; left: 50%; margin-top:-16px; margin-left: -16px; position: absolute; cursor: pointer; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/css/universal/rs-universal.png'); opacity: 0.5; border-radius: 2px; } .rsUni .rsArrow:hover .rsArrowIcn { opacity: 1; } .rsUni.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; } .rsUni.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; } .rsUni.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; } .rsUni.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; } .rsUni .rsArrowDisabled .rsArrowIcn { opacity: .1 !important; filter: alpha(opacity=20); *display: none; } /*************** * * 2. Bullets * ****************/ .rsUni .rsBullets { position: relative; z-index: 35; padding-top: 4px; width: 100%; height: auto; margin: 0 auto; text-align: center; line-height: 5px; overflow: hidden; } .rsUni .rsBullet { width: 8px; height: 8px; display: inline-block; *display:inline; *zoom:1; padding: 5px; } .rsUni .rsBullet span { display: block; width: 8px; height: 8px; border-radius: 50%; background: #BBB; } .rsUni .rsBullet.rsNavSelected span { background-color: #383838; } /*************** * * 3. Thumbnails * ****************/ .rsUni .rsThumbsHor { width: 100%; height: 72px; } .rsUni .rsThumbsVer { width: 96px; height: 100%; position: absolute; top: 0; left: 0; } .rsUni.rsWithThumbsHor .rsThumbsContainer { position: relative; height: 100%; } .rsUni.rsWithThumbsVer .rsThumbsContainer { position: relative; width: 100%; } .rsUni .rsThumb { float: left; overflow: hidden; width: 96px; height: auto; } .rsUni .rsThumb img { width: 100%; height: 100%; } .rsUni .rsThumb.rsNavSelected { } .rsUni .rsThumb.rsNavSelected img { opacity: 0.7; filter: alpha(opacity=30); } .rsUni .rsThumb.rsNavSelected .thumbIco { position: absolute; top: 0; bottom: 0; left: 0; right: 0; border: 2px solid #c5c4c4; -webkit-backface-visibility: hidden; } .rsUni .rsTmb { display: block; } /* Thumbnails with text */ .rsUni .rsTmb h5 { font-size: 16px; margin: 0; padding: 0; line-height: 20px; color: #FFF; } .rsUni .rsTmb span { color: #DDD; margin: 0; padding: 0; font-size: 13px; line-height: 18px; } /* Thumbnails arrow icons */ .rsUni .rsThumbsArrow { height: 100%; width: 20px; position: absolute; display: block; cursor: pointer; z-index: 21; } .rsUni .rsThumbsArrow:hover { } .rsUni.rsWithThumbsVer .rsThumbsArrow { width: 100%; height: 20px; } .rsUni.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; } .rsUni.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0; left: 0; } .rsUni.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; } .rsUni.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; } .rsUni .rsThumbsArrowIcn { width: 16px; height: 16px; top: 50%; left: 50%; margin-top:-8px; margin-left: -8px; position: absolute; cursor: pointer; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/css/universal/rs-universal.png') transparent; } .rsUni.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; } .rsUni.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; } .rsUni.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; } .rsUni.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; } .rsUni .rsThumbsArrowDisabled { display: none !important; } /* Thumbnails resizing on smaller screens */ @media screen and (min-width: 0px) and (max-width: 800px) { .rsUni .rsThumb { width: 59px; height: 44px; } .rsUni .rsThumbsHor { height: 44px; } .rsUni .rsThumbsVer { width: 59px; } } /*************** * * 4. Tabs * ****************/ .rsUni .rsTabs { width: 100%; height: auto; margin: 0 auto; text-align:center; overflow: hidden; padding-top: 12px; position: relative; } .rsUni .rsTab { display: inline-block; cursor: pointer; text-align: center; height: auto; width: auto; color: #333; padding: 5px 13px 6px; min-width: 72px; border: 1px solid #D9D9DD; text-decoration: none; background: #FFF; border-right: none; *display:inline; *zoom:1; *border-right: 1px solid #d9d9d9; } .rsUni .rsTab:first-child { border-top-left-radius: 16px; border-bottom-left-radius: 16px; } .rsUni .rsTab:last-child { border-top-right-radius: 16px; border-bottom-right-radius: 16px; border-right: 1px solid #D9D9DD; } .rsUni .rsTab:active { background-color: #f4f4f4; } .rsUni .rsTab.rsNavSelected { color: #FFF; background: #383838; border-color: #383838; } /*************** * * 5. Fullscreen button * ****************/ .rsUni .rsFullscreenBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 22; display: block; position: absolute; cursor: pointer; } .rsUni .rsFullscreenIcn { display: block; margin: 6px; width: 32px; height: 32px; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/css/universal/rs-universal.png') 0 0 transparent; opacity: 0.7; border-radius: 2px; } .rsUni .rsFullscreenBtn:hover .rsFullscreenIcn { opacity: 1; } .rsUni.rsFullscreen .rsFullscreenIcn { background-position: -32px 0; } /*************** * * 6. Play/close video button * ****************/ .rsUni .rsPlayBtn { -webkit-tap-highlight-color:rgba(0,0,0,0.3); width:64px; height:64px; margin-left:-32px; margin-top:-32px; cursor: pointer; } .rsUni .rsPlayBtnIcon { width:64px; display:block; height:64px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; background:url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/css/universal/rs-universal.png) no-repeat 0 -32px; background-color: #383838; background-color: rgba(0,0,0,0.75); *background-color: #383838; } .rsUni .rsPlayBtn:hover .rsPlayBtnIcon { background-color: rgba(0,0,0,0.9); } .rsUni .rsBtnCenterer { position:absolute; left:50%; top:50%; width: 20px; height: 20px; } .rsUni .rsCloseVideoBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 500; position: absolute; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .rsUni .rsCloseVideoBtn.rsiOSBtn { top: -38px; right: -6px; } .rsUni .rsCloseVideoIcn { margin: 6px; width: 32px; height: 32px; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/css/universal/rs-universal.png') -64px 0; background-color: #383838; background-color: rgba(0,0,0,0.75); *background-color: #383838; } .rsUni .rsCloseVideoIcn:hover { background-color: rgba(0,0,0,0.9); } /*************** * * 7. Preloader * ****************/ .rsUni .rsPreloader { width:20px; height:20px; background-image:url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/css/preloaders/preloader-white.gif); left:50%; top:50%; margin-left:-10px; margin-top:-10px; } /*************** * * 8. Global caption * ****************/ .rsUni .rsGCaption { position: absolute; float: none; bottom: 6px; left: 6px; text-align: left; background: #222; color: #FFF; padding: 2px 8px; width: auto; font-size: 12px; border-radius: 2px; } /****************************** * * RoyalSlider Default Skin * * 1. Arrows * 2. Bullets * 3. Thumbnails * 4. Tabs * 5. Fullscreen button * 6. Play/close video button * 7. Preloader * 8. Caption * * Sprite: 'rs-default.png' * Feel free to edit anything * If you don't some part - just delete it * ******************************/ /* Background */ .rsDefault, .rsDefault .rsOverflow, .rsDefault .rsSlide, .rsDefault .rsVideoFrameHolder, .rsDefault .rsThumbs { background: #151515; color: #FFF; } /*************** * * 1. Arrows * ****************/ .rsDefault .rsArrow { height: 100%; width: 44px; position: absolute; display: block; cursor: pointer; z-index: 21; } .rsDefault.rsVer .rsArrow { width: 100%; height: 44px; } .rsDefault.rsVer .rsArrowLeft { top: 0; left: 0; } .rsDefault.rsVer .rsArrowRight { bottom: 0; left: 0; } .rsDefault.rsHor .rsArrowLeft { left: 0; top: 0; } .rsDefault.rsHor .rsArrowRight { right: 0; top:0; } .rsDefault .rsArrowIcn { width: 32px; height: 32px; top: 50%; left: 50%; margin-top:-16px; margin-left: -16px; position: absolute; cursor: pointer; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/css/default/rs-default.png'); background-color: #000; background-color: rgba(0,0,0,0.75); *background-color: #000; border-radius: 2px; } .rsDefault .rsArrowIcn:hover { background-color: rgba(0,0,0,0.9); } .rsDefault.rsHor .rsArrowLeft .rsArrowIcn { background-position: -64px -32px; } .rsDefault.rsHor .rsArrowRight .rsArrowIcn { background-position: -64px -64px; } .rsDefault.rsVer .rsArrowLeft .rsArrowIcn { background-position: -96px -32px; } .rsDefault.rsVer .rsArrowRight .rsArrowIcn { background-position: -96px -64px; } .rsDefault .rsArrowDisabled .rsArrowIcn { opacity: .2; filter: alpha(opacity=20); *display: none; } /*************** * * 2. Bullets * ****************/ .rsDefault .rsBullets { position: absolute; z-index: 35; left: 0; bottom: 0; width: 100%; height: auto; margin: 0 auto; background: #000; background: rgba(0,0,0,0.75); text-align: center; line-height: 8px; overflow: hidden; } .rsDefault .rsBullet { width: 8px; height: 8px; display: inline-block; *display:inline; *zoom:1; padding: 6px 5px 6px; } .rsDefault .rsBullet span { display: block; width: 8px; height: 8px; border-radius: 50%; background: #777; background: rgba(255,255,255,0.5); } .rsDefault .rsBullet.rsNavSelected span { background-color: #FFF; } /*************** * * 3. Thumbnails * ****************/ .rsDefault .rsThumbsHor { width: 100%; height: 72px; } .rsDefault .rsThumbsVer { width: 96px; height: 100%; position: absolute; top: 0; right: 0; } .rsDefault.rsWithThumbsHor .rsThumbsContainer { position: relative; height: 100%; } .rsDefault.rsWithThumbsVer .rsThumbsContainer { position: relative; width: 100%; } .rsDefault .rsThumb { float: left; overflow: hidden; width: 96px; height: 72px; } .rsDefault .rsThumb img { width: 100%; height: 100%; } .rsDefault .rsThumb.rsNavSelected { background: #02874a; } .rsDefault .rsThumb.rsNavSelected img { opacity: 0.3; filter: alpha(opacity=30); } .rsDefault .rsTmb { display: block; } /* Thumbnails with text */ .rsDefault .rsTmb h5 { font-size: 16px; margin: 0; padding: 0; line-height: 20px; color: #FFF; } .rsDefault .rsTmb span { color: #DDD; margin: 0; padding: 0; font-size: 13px; line-height: 18px; } /* Thumbnails arrow icons */ .rsDefault .rsThumbsArrow { height: 100%; width: 20px; position: absolute; display: block; cursor: pointer; z-index: 21; background: #000; background: rgba(0,0,0,0.75); } .rsDefault .rsThumbsArrow:hover { background: rgba(0,0,0,0.9); } .rsDefault.rsWithThumbsVer .rsThumbsArrow { width: 100%; height: 20px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft { top: 0; left: 0; } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight { bottom: 0; left: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft { left: 0; top: 0; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight { right: 0; top:0; } .rsDefault .rsThumbsArrowIcn { width: 16px; height: 16px; top: 50%; left: 50%; margin-top:-8px; margin-left: -8px; position: absolute; cursor: pointer; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/css/default/rs-default.png'); } .rsDefault.rsWithThumbsHor .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -128px -32px; } .rsDefault.rsWithThumbsHor .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -128px -48px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowLeft .rsThumbsArrowIcn { background-position: -144px -32px; } .rsDefault.rsWithThumbsVer .rsThumbsArrowRight .rsThumbsArrowIcn { background-position: -144px -48px; } .rsDefault .rsThumbsArrowDisabled { display: none !important; } /* Thumbnails resizing on smaller screens */ @media screen and (min-width: 0px) and (max-width: 800px) { .rsDefault .rsThumb { width: 59px; height: 44px; } .rsDefault .rsThumbsHor { height: 44px; } .rsDefault .rsThumbsVer { width: 59px; } } /*************** * * 4. Tabs * ****************/ .rsDefault .rsTabs { width: 100%; height: auto; margin: 0 auto; text-align:center; overflow: hidden; padding-top: 12px; position: relative; } .rsDefault .rsTab { display: inline-block; cursor: pointer; text-align: center; height: auto; width: auto; color: #333; padding: 5px 13px 6px; min-width: 72px; border: 1px solid #D9D9DD; border-right: 1px solid #f5f5f5; text-decoration: none; background-color: #FFF; background-image: -webkit-linear-gradient(top, #fefefe, #f4f4f4); background-image: -moz-linear-gradient(top, #fefefe, #f4f4f4); background-image: linear-gradient(to bottom, #fefefe, #f4f4f4); -webkit-box-shadow: inset 1px 0 0 #fff; box-shadow: inset 1px 0 0 #fff; *display:inline; *zoom:1; } .rsDefault .rsTab:first-child { -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .rsDefault .rsTab:last-child { -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; border-right: 1px solid #cfcfcf; } .rsDefault .rsTab:active { border: 1px solid #D9D9DD; background-color: #f4f4f4; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2) inset; } .rsDefault .rsTab.rsNavSelected { color: #FFF; border: 1px solid #999; text-shadow: 1px 1px #838383; box-shadow: 0 1px 9px rgba(102, 102, 102, 0.65) inset; background: #ACACAC; background-image: -webkit-linear-gradient(top, #ACACAC, #BBB); background-image: -moz-llinear-gradient(top, #ACACAC, #BBB); background-image: linear-gradient(to bottom, #ACACAC, #BBB); } /*************** * * 5. Fullscreen button * ****************/ .rsDefault .rsFullscreenBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 22; display: block; position: absolute; cursor: pointer; } .rsDefault .rsFullscreenIcn { display: block; margin: 6px; width: 32px; height: 32px; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/css/default/rs-default.png') 0 0; background-color: #000; background-color: rgba(0,0,0,0.75); *background-color: #000; border-radius: 2px; } .rsDefault .rsFullscreenIcn:hover { background-color: rgba(0,0,0,0.9); } .rsDefault.rsFullscreen .rsFullscreenIcn { background-position: -32px 0; } /*************** * * 6. Play/close video button * ****************/ .rsDefault .rsPlayBtn { -webkit-tap-highlight-color:rgba(0,0,0,0.3); width:64px; height:64px; margin-left:-32px; margin-top:-32px; cursor: pointer; } .rsDefault .rsPlayBtnIcon { width:64px; display:block; height:64px; -webkit-border-radius: 4px; border-radius: 4px; -webkit-transition: .3s; -moz-transition: .3s; transition: .3s; background:url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/css/default/rs-default.png) no-repeat 0 -32px; background-color: #000; background-color: rgba(0,0,0,0.75); *background-color: #000; } .rsDefault .rsPlayBtn:hover .rsPlayBtnIcon { background-color: rgba(0,0,0,0.9); } .rsDefault .rsBtnCenterer { position:absolute; left:50%; top:50%; } .rsDefault .rsCloseVideoBtn { right: 0; top: 0; width: 44px; height: 44px; z-index: 500; position: absolute; cursor: pointer; -webkit-backface-visibility: hidden; -webkit-transform: translateZ(0); } .rsDefault .rsCloseVideoBtn.rsiOSBtn { top: -38px; right: -6px; } .rsDefault .rsCloseVideoIcn { margin: 6px; width: 32px; height: 32px; background: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/css/default/rs-default.png') -64px 0; background-color: #000; background-color: rgba(0,0,0,0.75); *background-color: #000; } .rsDefault .rsCloseVideoIcn:hover { background-color: rgba(0,0,0,0.9); } /*************** * * 7. Preloader * ****************/ .rsDefault .rsPreloader { width:20px; height:20px; background-image:url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/css/preloaders/preloader-white.gif); left:50%; top:50%; margin-left:-10px; margin-top:-10px; } /*************** * * 8. Global caption * ****************/ .rsDefault .rsGCaption { position: absolute; float: none; bottom: 6px; left: 6px; text-align: left; background: rgb(0, 0, 0); background: rgba(0, 0, 0, 0.75); color: #FFF; padding: 2px 8px; width: auto; font-size: 12px; border-radius: 2px; } /* v1.0.5 */ /* Core RS CSS file. 95% of time you shouldn't change anything here. */ .royalSlider { width: 600px; height: 400px; position: relative; direction: ltr; } .royalSlider > * { float: left; } .rsWebkit3d .rsSlide { -webkit-transform: translateZ(0); } .rsWebkit3d .rsSlide, .rsWebkit3d .rsContainer, .rsWebkit3d .rsThumbs, .rsWebkit3d .rsPreloader, .rsWebkit3d img, .rsWebkit3d .rsOverflow, .rsWebkit3d .rsBtnCenterer, .rsWebkit3d .rsAbsoluteEl, .rsWebkit3d .rsABlock, .rsWebkit3d .rsLink { -webkit-backface-visibility: hidden; } .rsFade.rsWebkit3d .rsSlide, .rsFade.rsWebkit3d img, .rsFade.rsWebkit3d .rsContainer { -webkit-transform: none; } .rsOverflow { width: 100%; height: 100%; position: relative; overflow: hidden; float: left; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVisibleNearbyWrap { width: 100%; height: 100%; position: relative; overflow: hidden; left: 0; top: 0; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVisibleNearbyWrap .rsOverflow { position: absolute; left: 0; top: 0; } .rsContainer { position: relative; width: 100%; height: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsArrow, .rsThumbsArrow { cursor: pointer; } .rsThumb { float: left; position: relative; } .rsArrow, .rsNav, .rsThumbsArrow { opacity: 1; -webkit-transition:opacity 0.3s linear; -moz-transition:opacity 0.3s linear; -o-transition:opacity 0.3s linear; transition:opacity 0.3s linear; } .rsHidden { opacity: 0; visibility: hidden; -webkit-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -moz-transition:visibility 0s linear 0.3s,opacity 0.3s linear; -o-transition:visibility 0s linear 0.3s,opacity 0.3s linear; transition:visibility 0s linear 0.3s,opacity 0.3s linear; } .rsGCaption { width: 100%; float: left; text-align: center; } /* Fullscreen options, very important ^^ */ .royalSlider.rsFullscreen { position: fixed !important; height: auto !important; width: auto !important; margin: 0 !important; padding: 0 !important; z-index: 2147483647 !important; top: 0 !important; left: 0 !important; bottom: 0 !important; right: 0 !important; } .royalSlider .rsSlide.rsFakePreloader { opacity: 1 !important; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; display: none; } .rsSlide { position: absolute; left: 0; top: 0; display: block; overflow: hidden; height: 100%; width: 100%; } .royalSlider.rsAutoHeight, .rsAutoHeight .rsSlide { height: auto; } .rsContent { width: 100%; height: 100%; position: relative; } .rsPreloader { position:absolute; z-index: 0; } .rsNav { -moz-user-select: -moz-none; -webkit-user-select: none; user-select: none; } .rsNavItem { -webkit-tap-highlight-color:rgba(0,0,0,0.25); } .rsThumbs { cursor: pointer; position: relative; overflow: hidden; float: left; z-index: 22; } .rsTabs { float: left; background: none !important; } .rsTabs, .rsThumbs { -webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight-color:rgba(0,0,0,0); } .rsVideoContainer { /*left: 0; top: 0; position: absolute;*/ /*width: 100%; height: 100%; position: absolute; left: 0; top: 0; float: left;*/ width: auto; height: auto; line-height: 0; position: relative; } .rsVideoFrameHolder { position: absolute; left: 0; top: 0; background: #141414; opacity: 0; -webkit-transition: .3s; } .rsVideoFrameHolder.rsVideoActive { opacity: 1; } .rsVideoContainer iframe, .rsVideoContainer video, .rsVideoContainer embed, .rsVideoContainer .rsVideoObj { position: absolute; z-index: 50; left: 0; top: 0; width: 100%; height: 100%; } /* ios controls over video bug, shifting video */ .rsVideoContainer.rsIOSVideo iframe, .rsVideoContainer.rsIOSVideo video, .rsVideoContainer.rsIOSVideo embed { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; padding-right: 44px; } .rsABlock { left: 0; top: 0; position: absolute; z-index: 15; } img.rsImg { max-width: none; } .grab-cursor { cursor:url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/css/grab.png) 8 8, move; } .grabbing-cursor{ cursor:url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/css/grabbing.png) 8 8, move; } .rsNoDrag { cursor: auto; } .rsLink { left:0; top:0; position:absolute; width:100%; height:100%; display:block; z-index: 20; background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/css/blank.gif); } /* Ion.RangeSlider // css version 1.8.1 // by Denis Ineshin | ionden.com // ===================================================================================================================*/ /* ===================================================================================================================== // RangeSlider */ .irs { position: relative; display: block; } .irs-line { position: relative; display: block; overflow: hidden; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { left: 0; width: 10%; } .irs-line-mid { left: 10%; width: 80%; } .irs-line-right { right: 0; width: 10%; } .irs-diapason { position: absolute; display: block; left: 0; width: 100%; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.single { left: 10px; } .irs-slider.single:before { position: absolute; display: block; content: ""; top: -50%; left: -100%; width: 300%; height: 200%; background: rgba(0,0,0,0.0); } .irs-slider.from { left: 100px; } .irs-slider.from:before { position: absolute; display: block; content: ""; top: -50%; left: -200%; width: 300%; height: 200%; background: rgba(0,0,0,0.0); } .irs-slider.to { left: 300px; } .irs-slider.to:before { position: absolute; display: block; content: ""; top: -50%; left: 0; width: 300%; height: 200%; background: rgba(0,0,0,0.0); } .irs-slider.last { z-index: 2; } .irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; width: 100px; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; color: #000; } /* Ion.RangeSlider, Flat UI Skin // css version 1.8.1 // by Denis Ineshin | ionden.com // ===================================================================================================================*/ /* ===================================================================================================================== // Skin details */ .irs-line-mid, .irs-line-left, .irs-line-right, .irs-diapason, .irs-slider { background: url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/sprite-skin-flat.png) repeat-x; } .irs { height: 40px; } .irs-with-grid { height: 60px; } .irs-line { height: 12px; top: 25px; } .irs-line-left { height: 12px; background-position: 0 -30px; } .irs-line-mid { height: 12px; background-position: 0 0; } .irs-line-right { height: 12px; background-position: 100% -30px; } .irs-diapason { height: 12px; top: 25px; background-position: 0 -60px; } .irs-slider { width: 16px; height: 18px; top: 22px; background-position: 0 -90px; } #irs-active-slider, .irs-slider:hover { background-position: 0 -120px; } .irs-min, .irs-max { color: #999; font-size: 10px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 3px; background: #e1e4e9; border-radius: 4px; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: 10px; line-height: 1.333; text-shadow: none; padding: 1px 5px; /*background: #ed5565;*/ border-radius: 4px; } .irs-from:after, .irs-to:after, .irs-single:after { position: absolute; display: block; content: ""; bottom: -6px; left: 50%; width: 0; height: 0; margin-left: -3px; overflow: hidden; border: 3px solid transparent; /*border-top-color: #ed5565;*/ } .irs-grid-pol { background: #e1e4e9; } .irs-grid-text { color: #999; } /** * Interakting Slider * * NOTICE OF LICENSE * * This source file is subject to the Open Software License (OSL 3.0) * that is bundled with this package in the file LICENSE.txt. * It is also available through the world-wide-web at this URL: * http://opensource.org/licenses/osl-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@magentocommerce.com and you will be sent a copy immediately. * * @category BusinessDecision * @package BusinessDecision_Interaktingslider * @author Business & Decision Picardie - contactmagento@interakting.com * @copyright Copyright (c) 2009 Business & Decision (http://www.businessdecision.com) * @license http://opensource.org/licenses/osl-3.0.php Open Software License (OSL 3.0) */ #div-interaktingslider{ margin-bottom:10px; /** Fase 2 **/ margin-top: 10px; } #frame{ text-align:left; width:940px; height: 380px; /** fase 2 **/ } #frame div{ position:absolute; } #frame div div{ } #middle-center{ width: 940px; height: 380px; /** fase 2 **/ /* margin-left: 10px; margin-top: -2px;*/ } .slide { background: none repeat scroll 0 0 #F8F7F5; color: #2F2F2F; font: 12px/1.55em arial,helvetica,sans-serif; width: 940px; height: 380px; /** fase 2 **/ margin: 0; position: absolute; text-align: left; } .slide * { margin:0 ; padding:0; } .slide table { margin: auto; padding: auto; } .slide h1, .slide h2, .slide h3, .slide h4{ color:#e65505; text-transform:uppercase; } .slide h1 { font-size:2em; line-height:1.17; } .slide h2 { font-size:1.5em; } .slide h3 { font-size:1.35em; } .slide h4 { font-size:1.05em; } .slide h5 { font-size:1.05em; } .slide h6 { font-size:.95em; } .slide a { color:#1e7ec8; text-decoration:underline; } .slide a:hover { color:#1e7ec8; text-decoration:underline; } .slide a img { border:0;} #slide-content{ overflow: hidden; text-align: left; width: 940px; height: 380px; /** fase 2 **/ } #slide-commands{ position: absolute; text-align: center; z-index: 5; bottom:20px; right:20px; right:20px; } #slide-commands a span{ display:none; } #slide-commands a{ width:20px; height:20px; display:inline-block; text-decoration: none ; margin:2px; overflow:visible; font:bold 12px arial, sans-serif !important; cursor:pointer; text-align:center; vertical-align:middle; } #slide-commands .normal{ background: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/normal_btn.png") no-repeat scroll center center transparent; } #slide-commands .active{ background: url("//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/active_btn.png") no-repeat scroll center center transparent; } #prev{ display:none; } #next{ display:none; } .normal{ background:#f18200; } .jcarousel-skin-tango .jcarousel-container { background:url(//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/slider_bg.jpg) 100% 4px no-repeat; } .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tango .jcarousel-container-horizontal { padding: 38px 70px; height:195px; } .jcarousel-skin-tango .jcarousel-container-vertical { width: 75px; height: 330px; padding: 40px 20px; } .jcarousel-skin-tango .jcarousel-clip { overflow: hidden; } .jcarousel-skin-tango .jcarousel-clip-horizontal { height: 200px; } .jcarousel-skin-tango .jcarousel-clip-vertical { width: 75px; height: 330px; } .jcarousel-skin-tango .jcarousel-item { height: 163px; width: 178px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin: 33px 0 36px 22px; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-tango .jcarousel-item-placeholder { /*background: #fff;*/ color: #000; } /** * Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 95px; right: 20px; width: 32px; height: 32px; cursor: pointer; background: transparent url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jcarousel/next-horizontal.png') no-repeat 0 0; -webkit-user-select: none; /*webkit (safari, chrome) browsers*/ -moz-user-select: none; /*mozilla browsers*/ -khtml-user-select: none; /*webkit (konqueror) browsers*/ } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jcarousel/prev-horizontal.png'); } .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position: -32px 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 95px; left: 20px; width: 32px; height: 32px; cursor: pointer; background: transparent url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jcarousel/prev-horizontal.png') no-repeat 0 0; -webkit-user-select: none; /*webkit (safari, chrome) browsers*/ -moz-user-select: none; /*mozilla browsers*/ -khtml-user-select: none; /*webkit (konqueror) browsers*/ } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jcarousel/next-horizontal.png'); } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-position: -32px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; } /** * Vertical Buttons */ .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jcarousel/next-vertical.png') no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-vertical:hover, .jcarousel-skin-tango .jcarousel-next-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url('//www.coolcat.nl/skin/frontend/coolcat_rd/default/images/jcarousel/prev-vertical.png') no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; } #product_carousel { clear: both; position: relative; } #product_carousel #title { position: absolute; top: 0; left: 0; z-index: 1; text-transform: uppercase; margin-left:20px; font-size: 26px; font-family: Coolcat-Heavy; padding: 10px; } .product_carousel_image_wrapper { float:left; width:100px; } .product_carousel_image_wrapper2 { height:130px; position:relative; } .product_carousel_image { z-index: 99; top: 0; left: 0; width: 100%; position:relative; } .product_carousel_backlight { position:absolute; top: 0; left: 0; z-index: 1; margin-left: -35px !important; display: none; } .product_carousel_shadow { margin-top:5px; width: 100%; } .product_carousel_info { float:left; width:70px; margin-top:6px; } .product_carousel_info_name { text-align: left; height: 32px; } .product_carousel_info_price { color: #00CCFF; font-size: 18px; text-align: left; } .product_carousel_info_checkout { color: #00CCFF; display: none; position:absolute; bottom:115px; } .product_carousel_info_checkout img { margin-right:5px; } .product_carousel_info_checkout a { margin-top:-4px; color: #00CCFF; text-transform:uppercase; }