/** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(../../Themes/ActSiteM1/Content/libs/owlcarousel/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /*! jQuery UI - v1.12.1 - 2018-06-15 * http://jqueryui.com * Includes: draggable.css, core.css, resizable.css, selectable.css, sortable.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, progressbar.css, selectmenu.css, slider.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=smoothness&cornerRadiusShadow=8px&offsetLeftShadow=-8px&offsetTopShadow=-8px&thicknessShadow=8px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=aaaaaa&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cd0a0a&fcError=cd0a0a&borderColorError=cd0a0a&bgImgOpacityError=95&bgTextureError=glass&bgColorError=fef1ec&iconColorHighlight=2e83ff&fcHighlight=363636&borderColorHighlight=fcefa1&bgImgOpacityHighlight=55&bgTextureHighlight=glass&bgColorHighlight=fbf9ee&iconColorActive=454545&fcActive=212121&borderColorActive=aaaaaa&bgImgOpacityActive=65&bgTextureActive=glass&bgColorActive=ffffff&iconColorHover=454545&fcHover=212121&borderColorHover=999999&bgImgOpacityHover=75&bgTextureHover=glass&bgColorHover=dadada&iconColorDefault=888888&fcDefault=555555&borderColorDefault=d3d3d3&bgImgOpacityDefault=75&bgTextureDefault=glass&bgColorDefault=e6e6e6&iconColorContent=222222&fcContent=222222&borderColorContent=aaaaaa&bgImgOpacityContent=75&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=222222&fcHeader=222222&borderColorHeader=aaaaaa&bgImgOpacityHeader=75&bgTextureHeader=highlight_soft&bgColorHeader=cccccc&cornerRadius=4px&fsDefault=1.1em&fwDefault=normal&ffDefault=Verdana%2CArial%2Csans-serif * Copyright jQuery Foundation and other contributors; Licensed MIT */ .ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width: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:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important;pointer-events:none}.ui-icon{display:inline-block;vertical-align:middle;margin-top:-.25em;position:relative;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-icon-block{left:50%;margin-left:-8px;display:block}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:0.1px;display:block;-ms-touch-action:none;touch-action:none}.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}.ui-selectable{-ms-touch-action:none;touch-action:none}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted black}.ui-sortable-handle{-ms-touch-action:none;touch-action:none}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin:2px 0 0 0;padding:.5em .5em .5em .7em;font-size:100%}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{margin:0;cursor:pointer;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-item-wrapper{position:relative;padding:3px 1em 3px .4em}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item-wrapper{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-button{padding:.4em 1em;display:inline-block;position:relative;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2em;box-sizing:border-box;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-button-icon-only{text-indent:0}.ui-button-icon-only .ui-icon{position:absolute;top:50%;left:50%;margin-top:-8px;margin-left:-8px}.ui-button.ui-icon-notext .ui-icon{padding:0;width:2.1em;height:2.1em;text-indent:-9999px;white-space:nowrap}input.ui-button.ui-icon-notext .ui-icon{width:auto;height:auto;text-indent:0;white-space:normal;padding:.4em 1em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-controlgroup{vertical-align:middle;display:inline-block}.ui-controlgroup > .ui-controlgroup-item{float:left;margin-left:0;margin-right:0}.ui-controlgroup > .ui-controlgroup-item:focus,.ui-controlgroup > .ui-controlgroup-item.ui-visual-focus{z-index:9999}.ui-controlgroup-vertical > .ui-controlgroup-item{display:block;float:none;width:100%;margin-top:0;margin-bottom:0;text-align:left}.ui-controlgroup-vertical .ui-controlgroup-item{box-sizing:border-box}.ui-controlgroup .ui-controlgroup-label{padding:.4em 1em}.ui-controlgroup .ui-controlgroup-label span{font-size:80%}.ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item{border-left:none}.ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item{border-top:none}.ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content{border-right:none}.ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content{border-bottom:none}.ui-controlgroup-vertical .ui-spinner-input{width:75%;width:calc( 100% - 2.4em )}.ui-controlgroup-vertical .ui-spinner .ui-spinner-up{border-top-style:solid}.ui-checkboxradio-label .ui-icon-background{box-shadow:inset 1px 1px 1px #ccc;border-radius:.12em;border:none}.ui-checkboxradio-radio-label .ui-icon-background{width:16px;height:16px;border-radius:1em;overflow:visible;border:none}.ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon,.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon{background-image:none;width:8px;height:8px;border-width:4px;border-style:solid}.ui-checkboxradio-disabled{pointer-events:none}.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,.ui-datepicker select.ui-datepicker-year{width:45%}.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}.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,.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:0}.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,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-datepicker .ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;left:.5em;top:.3em}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:20px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:none;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0 0;background-image:none;margin-top:.5em;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-n{height:2px;top:0}.ui-dialog .ui-resizable-e{width:2px;right:0}.ui-dialog .ui-resizable-s{height:2px;bottom:0}.ui-dialog .ui-resizable-w{width:2px;left:0}.ui-dialog .ui-resizable-se,.ui-dialog .ui-resizable-sw,.ui-dialog .ui-resizable-ne,.ui-dialog .ui-resizable-nw{width:7px;height:7px}.ui-dialog .ui-resizable-se{right:0;bottom:0}.ui-dialog .ui-resizable-sw{left:0;bottom:0}.ui-dialog .ui-resizable-ne{right:0;top:0}.ui-dialog .ui-resizable-nw{left:0;top:0}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw==");height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px 0.4em;margin:0.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-text{display:block;margin-right:20px;overflow:hidden;text-overflow:ellipsis}.ui-selectmenu-button.ui-button{text-align:left;white-space:nowrap;width:14em}.ui-selectmenu-icon.ui-icon{float:right;margin-top:0}.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;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.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}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:none;background:none;color:inherit;padding:.222em 0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:2em}.ui-spinner-button{width:1.6em;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top-style:none;border-bottom-style:none;border-right-style:none}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-tabs{position:relative;padding:.2em}.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:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav .ui-tabs-anchor{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor,.ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor{cursor:text}.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:none}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Verdana,Arial,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:Verdana,Arial,sans-serif;font-size:1em}.ui-widget.ui-widget-content{border:1px solid #d3d3d3}.ui-widget-content{border:1px solid #aaa;background:#fff;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url("../lib/jquery-ui/jquery-ui-1.12.1.custom/images/ui-bg_highlight-soft_75_cccccc_1x100.png") 50% 50% repeat-x;color:#222;font-weight:bold}.ui-widget-header a{color:#222}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,.ui-button,html .ui-button.ui-state-disabled:hover,html .ui-button.ui-state-disabled:active{border:1px solid #d3d3d3;background:#e6e6e6 url("../lib/jquery-ui/jquery-ui-1.12.1.custom/images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#555}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited,a.ui-button,a:link.ui-button,a:visited.ui-button,.ui-button{color:#555;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,.ui-button:hover,.ui-button:focus{border:1px solid #999;background:#dadada url("../lib/jquery-ui/jquery-ui-1.12.1.custom/images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited,.ui-state-focus a,.ui-state-focus a:hover,.ui-state-focus a:link,.ui-state-focus a:visited,a.ui-button:hover,a.ui-button:focus{color:#212121;text-decoration:none}.ui-visual-focus{box-shadow:0 0 3px 1px rgb(94,158,214)}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active,.ui-button:active,.ui-button.ui-state-active:hover{border:1px solid #aaa;background:#fff url("../lib/jquery-ui/jquery-ui-1.12.1.custom/images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;font-weight:normal;color:#212121}.ui-icon-background,.ui-state-active .ui-icon-background{border:#aaa;background-color:#212121}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee url("../lib/jquery-ui/jquery-ui-1.12.1.custom/images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;color:#363636}.ui-state-checked{border:1px solid #fcefa1;background:#fbf9ee}.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:#fef1ec url("../lib/jquery-ui/jquery-ui-1.12.1.custom/images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;color:#cd0a0a}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}.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}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url("../lib/jquery-ui/jquery-ui-1.12.1.custom/images/ui-icons_222222_256x240.png")}.ui-widget-header .ui-icon{background-image:url("../lib/jquery-ui/jquery-ui-1.12.1.custom/images/ui-icons_222222_256x240.png")}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon,.ui-button:hover .ui-icon,.ui-button:focus .ui-icon{background-image:url("../lib/jquery-ui/jquery-ui-1.12.1.custom/images/ui-icons_454545_256x240.png")}.ui-state-active .ui-icon,.ui-button:active .ui-icon{background-image:url("../lib/jquery-ui/jquery-ui-1.12.1.custom/images/ui-icons_454545_256x240.png")}.ui-state-highlight .ui-icon,.ui-button .ui-state-highlight.ui-icon{background-image:url("../lib/jquery-ui/jquery-ui-1.12.1.custom/images/ui-icons_2e83ff_256x240.png")}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url("../lib/jquery-ui/jquery-ui-1.12.1.custom/images/ui-icons_cd0a0a_256x240.png")}.ui-button .ui-icon{background-image:url("../lib/jquery-ui/jquery-ui-1.12.1.custom/images/ui-icons_888888_256x240.png")}.ui-icon-blank{background-position:16px 16px}.ui-icon-caret-1-n{background-position:0 0}.ui-icon-caret-1-ne{background-position:-16px 0}.ui-icon-caret-1-e{background-position:-32px 0}.ui-icon-caret-1-se{background-position:-48px 0}.ui-icon-caret-1-s{background-position:-65px 0}.ui-icon-caret-1-sw{background-position:-80px 0}.ui-icon-caret-1-w{background-position:-96px 0}.ui-icon-caret-1-nw{background-position:-112px 0}.ui-icon-caret-2-n-s{background-position:-128px 0}.ui-icon-caret-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:-65px -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:-65px -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:1px -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:-96px -128px}.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-on{background-position:-96px -144px}.ui-icon-radio-off{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{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}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:4px}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:4px}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:4px}.ui-widget-overlay{background:#aaa;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{-webkit-box-shadow:-8px -8px 8px #aaa;box-shadow:-8px -8px 8px #aaa} /*********** CSS RESET **********/ * { margin: 0; outline: none; padding: 0; text-decoration: none; } *, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } html { margin: 0; -webkit-text-size-adjust: none; } ol, ul { list-style: none; } a img { border: none; } a:active { outline: none; } input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner { margin: 0; border: 0; padding: 0; } input[type="button"], input[type="submit"], input[type="reset"], input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea { border-radius: 0; } input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 1000px #fff; } script { display: none !important; } /*********** GLOBAL STYLES **********/ body { max-width: 100%; overflow-x: hidden; background-color: #fff; font: normal 14px Arial, Helvetica, sans-serif; color: #2e2e2e; } h1, h2, h3, h4, h5, h6 { color: #444; } a { color: inherit; cursor: pointer; } a img { opacity: 0.99; /*firefox scale bug fix*/ } table { width: 100%; border-collapse: collapse; } input[type="text"], input[type="email"], input[type="tel"], input[type="password"], textarea, select { height: 36px; /*safari padding fix*/ border: 1px solid #ddd; padding: 8px; vertical-align: middle; } input, textarea, select, button { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #777; } textarea { min-height: 150px; } select { min-width: 50px; height: 32px; /*safari padding fix*/ padding: 6px; } input[type="text"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="password"]:focus, textarea:focus, select:focus { border-color: #ccc; color: #444; } input[type="checkbox"], input[type="radio"], input[type="checkbox"] + *, input[type="radio"] + * { vertical-align: middle; } input[type="button"], input[type="submit"], button, .button-1, .button-2 { cursor: pointer; } label, label + * { vertical-align: middle; } .master-wrapper-content { position: relative; z-index: 0; width: 90%; margin: 0 auto; } .master-column-wrapper { position: relative; z-index: 0; } .master-column-wrapper:after { content: ""; display: block; clear: both; } .center-1 { margin: 0 0 100px; } .center-2, .side-2 { margin: 0 0 50px; } .side-2:after { content: ""; display: block; clear: both; } .page { min-height: 200px; text-align: center; } .page-title { min-height: 50px; margin: 0 0 25px; border-bottom: 1px solid #ddd; padding: 6px 10px; } .page-title h1 { font-size: 30px; font-weight: normal; } .page:after, .page-title:after, .page-body:after { content: ""; display: block; clear: both; } .center-1 .page-title, .center-1 .title { text-align: center; } .buttons { margin: 0 0 30px; } .link-rss { display: none; width: 24px; height: 24px; background: url('../../Themes/ActSiteM1/Content/images/rss.png') center no-repeat; font-size: 0 !important; } .category-description ul, .manufacturer-description ul, .full-description ul, .topic-block ul, .topic-page ul, .post-body ul { margin: 12px 0; padding: 0 0 0 36px; list-style: disc; } .category-description ol, .manufacturer-description ol, .full-description ol, .topic-block ol, .topic-page ol, .post-body ol { margin: 12px 0; padding: 0 0 0 36px; list-style: decimal; } .category-description p, .manufacturer-description p, .full-description p, .topic-block p, .topic-page p, .post-body p, .news-body p { margin: 10px 0; text-align: justify; } .flyout-cart { display: none; } /*********** GLOBAL FORMS ***********/ .fieldset, .section { position: relative; margin: 0 0 40px; } .fieldset .title, .section .title { margin: 0 0 15px; padding: 0 10px; font-size: 20px; color: #444; } .fieldset .title strong, .section .title strong { font-weight: normal; } .form-fields { position: relative; border-top: 1px solid #e6e6e6; background-color: #f9f9f9; padding: 30px 15px; } .inputs { position: relative; margin: 0 0 15px; text-align: center; white-space: nowrap; /*fix for 'required' elements*/ font-size: 0; } .inputs:after { content: ""; display: block; clear: both; } .inputs label { display: block; width: 100%; margin: 0 0 10px; text-align: center; font-size: 14px; /*reset zeroing*/ color: #444; } .inputs input[type="text"], .inputs input[type="email"], .inputs input[type="tel"], .inputs input[type="password"], .inputs select, .inputs textarea { width: 400px; max-width: 100%; background-color: #fff; } .inputs.custom-attributes { white-space: normal; } .inputs .option-list { display: inline-block; max-width: 95%; vertical-align: middle; } .inputs .option-list li { display: inline-block; margin: 5px; border: 1px solid #ddd; background-color: #fff; padding: 8px 10px; } .inputs .option-list label { display: inline-block; width: auto !important; margin: 0 0 0 5px; } .inputs.reversed { margin: 0 0 20px; text-align: center; } .required { margin: 0 -8px 0 3px; /*siblings offset*/ vertical-align: top; font-size: 20px; font-weight: normal; color: #e4434b; } .message-error, .field-validation-error, .username-not-available-status, .poll-vote-error, .password-error { display: block; text-align: center; font-size: 13px; color: #e4434b; margin-top: 5px; } .field-validation-valid, .username-available-status { display: block; text-align: center; font-size: 13px; color: #4cb17c; } .captcha-box { text-align: center; line-height: 0; /*firefox line-height bug fix*/ } .captcha-box > div { display: inline-block; max-width: 100%; } .captcha-box input { height: auto; } /*********** GLOBAL TABLES ***********/ .table-wrapper { overflow-x: auto; } .data-table .hidden-row { height: 1px; border: none; } .data-table tr.hidden-row th { padding: 0; border-top: none; } .data-table tr.hidden-row th > span { height: 1px; width: 1px; position: absolute; overflow: hidden; top: -10px; } .cart th, .data-table th, .forum-table th { border-width: 1px 1px 0; border-style: solid; border-color: #ddd; background-color: #f6f6f6; padding: 10px; white-space: nowrap; font-weight: normal; } .forum-table th.replies, .forum-table th.views, .forum-table th.votes, .forum-table th.latest-post, .forum-table th.topics, .forum-table th.posts, .forum-table td.replies, .forum-table td.views, .forum-table td.votes, .forum-table td.latest-post, .forum-table td.topics, .forum-table td.posts { display: none; } .forum-table td.image { min-width: 0; } .cart td, .data-table td, .forum-table td { min-width: 50px; border-width: 1px; border-style: solid; border-color: transparent #ddd #ddd; background-color: #fff; padding: 20px; color: #444; } .forum-table td { min-width: 90px; padding: 10px; } .cart a, .data-table a, .forum-table a { font-weight: normal; color: #4ab2f1; } .cart a:hover, .data-table a:hover, .forum-table a:hover { text-decoration: underline; } .cart .product, .data-table .product, .data-table .message, .data-table .info, .data-table .name { min-width: 225px; text-align: left; } .forum-table .forum-details, .forum-table .topic-details { text-align: left; } .cart .product a, .data-table .product a, .data-table .info a { font-weight: bold; color: #444; } .cart .product a:hover, .data-table .product a:hover, .data-table .info a:hover { color: #4ab2f1; text-decoration: none; } .cart .product .edit-item { margin: 10px 0 0; } .cart .product .edit-item a { font-weight: normal; color: #4ab2f1; } .cart .product .edit-item a:hover { text-decoration: underline; } .cart .remove-from-cart, .cart .add-to-cart, .data-table .select-boxes, .data-table .order { text-align: center; } .cart td.unit-price, .data-table td.unit-price { white-space: nowrap; } .cart td.quantity input { width: 50px; text-align: center; } .cart td.subtotal, .data-table td.total { white-space: nowrap; color: #444; } .cart td.subtotal .discount, .cart td.subtotal .discount-additional-info { font-style: italic; color: #4ab2f1; } .data-table em a { font-weight: bold; color: #444; } .data-table div.download { margin: 10px 0 0; } /*********** NOTIFICATIONS & POPUPS ***********/ .bar-notification-container { position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; line-height: 16px; color: #fff; opacity: 0.95; } .bar-notification.success { background-color: #4bb07a; } .bar-notification.error { background-color: #e4444c; } .bar-notification.warning { background-color: #f39c12; } .bar-notification { position: relative; display: none; padding: 15px 25px 15px 10px; } .bar-notification .content { margin: 0 10px 0 0; } .bar-notification .content a { color: #fff; text-decoration: underline; } .bar-notification .close { position: absolute; top: 0; right: 0; width: 32px; height: 32px; margin: 7px; background: #fff url('../../Themes/ActSiteM1/Content/images/close.png') center no-repeat; cursor: pointer; } .popup-notification { border-radius: 5px; padding: 3px; margin: 5px 0; } .popup-notification.success { border: 2px rgba( 75,176,122,.5) solid; } .popup-notification.error { border: 2px rgba( 228,68,76,.5) solid; } .popup-notification.warning { border: 2px rgba( 243,156,18,.5) solid; } .noscript { border-bottom: 1px solid #333; background-color: #ff9; padding: 30px 15px; text-align: center; line-height: 22px; color: #444; } .ajax-loading-block-window { position: fixed; top: 50%; left: 50%; z-index: 999; width: 32px; height: 32px; margin: -16px 0 0 -16px; background: url('../../Themes/ActSiteM1/Content/images/loading.gif') center no-repeat; } .please-wait { background: url('../../Themes/ActSiteM1/Content/images/ajax-loader-small.gif') no-repeat; padding-left: 20px; font-size: 14px; } .ui-dialog { max-width: 90%; border: 1px solid #ddd; box-shadow: 0 0 2px rgba(0,0,0,0.15); overflow: hidden; background-color: #fff; /*override jQuery UI styles, do not delete doubled properties*/ border-radius: 0; padding: 0; font: normal 14px Arial, Helvetica, sans-serif; } .ui-dialog:before { content: ""; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); } .ui-dialog-titlebar { border-bottom: 1px solid #ddd; overflow: hidden; background-color: #eee; padding: 10px 15px; /*override jQuery UI styles, do not delete doubled properties*/ border-width: 0 0 1px; border-radius: 0; background-image: none; padding: 10px 15px !important; font-weight: normal; cursor: auto !important; } .ui-dialog-titlebar > span { float: left; font-size: 18px; color: #444; /*override jQuery UI styles, do not delete doubled properties*/ margin: 0 !important; } .ui-dialog-titlebar button { position: absolute; top: 0; right: 0; width: 42px; height: 42px; border: none; overflow: hidden; background: url('../../Themes/ActSiteM1/Content/images/close.png') center no-repeat; font-size: 0; /*override jQuery UI styles, do not delete doubled properties*/ top: 0 !important; right: 0 !important; width: 42px !important; height: 42px !important; margin: 0 !important; border: none !important; border-radius: 0; background: url('../../Themes/ActSiteM1/Content/images/close.png') center no-repeat !important; padding: 0 !important; } .ui-dialog-titlebar button span { display: none !important; } .ui-dialog-content { padding: 15px; line-height: 20px; /*override jQuery UI styles, do not delete doubled properties*/ background-color: #fff !important; padding: 15px 15px 20px 15px !important; color: #777; } .ui-dialog-content .page { min-height: 0; } .ui-dialog-content .page-title { min-height: 0; margin: 0 0 15px; padding: 0px 10px 10px 10px; text-align: center; } .ui-dialog-content .page-title h1 { font-size: 24px; line-height: 30px; } .ui-dialog-content .back-in-stock-subscription-page { text-align: center; } .ui-dialog-content .back-in-stock-subscription-page .tooltip { margin-bottom: 10px; } .ui-dialog-content .back-in-stock-subscription-page .button-1 { border: none; background-color: #4ab2f1; padding: 10px 15px; font-size: 15px; color: #fff; text-transform: uppercase; } .ui-dialog-content .back-in-stock-subscription-page .button-1:hover { background-color: #248ece; } .eu-cookie-bar-notification { position: fixed; top: 50%; left: 50%; z-index: 1050; width: 320px; height: 180px; margin: -90px 0 0 -160px; border: 1px solid #ccc; box-shadow: 0 0 2px rgba(0,0,0,0.15); background-color: #fff; padding: 20px; text-align: center; } .eu-cookie-bar-notification .text { margin-bottom: 20px; line-height: 20px; } .eu-cookie-bar-notification button { min-width: 60px; margin: 5px 0 10px; border: none; background-color: #4ab2f1; padding: 8px 12px; font-size: 14px; color: #fff; } .eu-cookie-bar-notification button:hover { background-color: #248ece; } .eu-cookie-bar-notification a { display: block; color: #4ab2f1; } .eu-cookie-bar-notification a:hover { text-decoration: underline; } /*********** HEADER ***********/ /*Act Theme Change*/ .admin-header-links { background-color: #35459d; text-align: center; color: #eee; position: fixed; z-index: 2; bottom: 0; left: 0; width: 100%; } .admin-header-links * { display: inline-block; margin: 0 10px; line-height: 35px; font-size: 12px; font-weight: bold; } .admin-header-links .impersonate { display: inline-block; } .admin-header-links .impersonate a { background-color: #555; padding: 0 15px; } .admin-header-links .impersonate a:hover { background-color: #666; } .header { position: relative; z-index: 10; width: 95%; margin: auto; text-align: center; } .header-upper { position: relative; z-index: 1; border-bottom: 1px solid #ddd; } .header-selectors-wrapper { border-bottom: 1px solid #ddd; padding: 10px 0; } .header-selectors-wrapper > div { display: block; width: 50%; margin: 10px auto; vertical-align: middle; } .header-selectors-wrapper select { width: 100%; } .language-list { max-width: 100%; font-size: 0; } .language-list li { display: inline-block; margin: 0 1px; vertical-align: middle; } .language-list a { display: block; position: relative; width: 24px; height: 32px; line-height: 0; } .language-list img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; } .header-links-wrapper { position: relative; padding: 20px 0; } .header-links { } .header-links ul { font-size: 0; } .header-links li { display: inline-block; margin: 0 10px; } .header-links span, .header-links a { display: inline-block; font-size: 12px; /*reset zeroing*/ line-height: 36px; text-transform: uppercase; } .header-links a:hover { color: #4ab2f1; } #topcartlink { display: block; width: 70%; max-width: 400px; margin: 10px auto 0; background-color: #f6f6f6; padding: 0 20px; } #topcartlink a { background: url('../../Themes/ActSiteM1/Content/images/shopping-bag.png') left center no-repeat; padding: 0 0 0 20px; } .header-lower { position: relative; z-index: 0; padding: 35px 0; } .header-logo { margin: 0 0 20px; text-align: center; } .header-logo a { display: inline-block; max-width: 100%; line-height: 0; /*firefox line-height bug fix*/ } .header-logo a img { max-width: 100%; opacity: 1; } .search-box form { display: inline-block; } .search-box form:after { content: ""; display: block; clear: both; } .search-box input.search-box-text { float: left; width: 200px; height: 36px; margin: 0 -1px 0 0; } .search-box .search-box-button { float: left; min-width: 86px; height: 36px; border: none; background-color: #4ab2f1; padding: 0 15px; text-align: center; color: #fff; text-transform: uppercase; } .search-box .search-box-button:hover { background-color: #248ece; } .search-box .ui-autocomplete-loading { background: #fff url('../../Themes/ActSiteM1/Content/images/ajax-loader-small.gif') right center no-repeat; } .ui-helper-hidden-accessible { display: none !important; } .ui-autocomplete { width: 285px !important; border: 1px solid #ddd; border-top: none; overflow: hidden; background-color: #fff; text-align: left; /*override jQuery UI styles, do not delete doubled properties*/ border-radius: 0; padding: 0; font: normal 14px Arial, Helvetica, sans-serif; } .ui-autocomplete li { border-top: 1px solid #ddd; } .ui-autocomplete li:first-child { border-top: none; } .ui-autocomplete a { display: block; padding: 15px; font-size: 14px; /*override jQuery UI styles, do not delete doubled properties*/ margin: 0 !important; border: none !important; border-radius: 0 !important; background: none !important; padding: 15px !important; line-height: normal !important; color: #777 !important; } .ui-autocomplete a:hover, .ui-autocomplete a.ui-state-focus { background-color: #f6f6f6 !important; } .ui-autocomplete img { display: none; min-width: 20px; margin: 0 10px 0 0; vertical-align: middle; } /*********** FOOTER ***********/ .footer { background-color: #eee; text-align: center; } .footer-upper { width: 95%; margin: auto; border-bottom: 1px solid #ddd; overflow: hidden; padding: 40px 0; font-size: 0; } .footer-block { width: 95%; margin: 1px auto; text-align: left; font-size: 14px; /*reset zeroing*/ } /*Act Theme Change*/ .footer-block .title { margin: 0 0 1px; background: #293288 url('../../Themes/ActSiteM1/Content/images/toggle-white.png') right center no-repeat; padding: 10px 15px; font-size: 19px; color: #fff; cursor: pointer; } .footer-block .title strong { font-weight: normal; } .footer-block .list { display: none; margin: 0 0 20px; background-color: #fff; padding: 10px 15px; } .footer-block .list a { display: block; padding: 10px 15px; line-height: 20px; } .footer-block .list a:hover { color: #7984b9; } .follow-us { margin: 30px auto 0; text-align: center; } .follow-us .title { margin: 0 0 10px; background: none; color: #444; cursor: auto; } .follow-us .social ul { margin: 0 0 30px; border-bottom: 1px solid #ddd; padding: 0 0 30px; font-size: 0; } .follow-us .social li { display: inline-block; margin: 0 5px; } .follow-us .social a { display: block; width: 38px; height: 38px; background: url('../../Themes/ActSiteM1/Content/images/social-sprite.png') no-repeat; font-size: 0; } .follow-us .social .facebook a { background-position: 0 0; } .follow-us .social .twitter a { background-position: -38px 0; } .follow-us .social .rss a { background-position: -76px 0; } .follow-us .social .youtube a { background-position: -114px 0; } .follow-us .social .google-plus a { background-position: -152px 0; } /*Act Theme Change*/ .newsletter-email { /*display: inline-block;*/ overflow: hidden; } /*Act Theme Change*/ /*.newsletter-email input[type="email"] { float: left; width: 180px; height: 36px; margin: 0 -1px 0 0; }*/ .newsletter-subscribe-text { width: 100%; max-width: 300px; margin: auto; display: block; border: none !important; background-color: #eeeeee; } .newsletter-subscribe-button { height: 36px; border: none; background-color: #323c97; padding: 0 15px; text-align: center; color: #fff; text-transform: uppercase; width: 100%; max-width: 300px; margin: auto; display: block; border: none; border-bottom-left-radius: 10px !important; border-bottom-right-radius: 10px !important; } .newsletter-subscribe-button:hover { background-color: #3d4ac1; } .newsletter-email .options { clear: both; padding: 10px 0 0; } .newsletter-validation, .newsletter-result { width: 100%; overflow: hidden; line-height: 28px; } /*.newsletter-validation .please-wait { display: none !important; }*/ .footer-lower { width: 95%; margin: auto; overflow: hidden; padding: 25px 0; font-size: 12px; } .footer-tax-shipping a { font-weight: bold; color: #4ab2f1; } .footer-tax-shipping a:hover { text-decoration: underline; } .footer-powered-by { margin: 10px 0 0; } .footer-powered-by a { font-weight: bold; color: #4ab2f1; } .footer-powered-by a:hover { text-decoration: underline; } .theme-selector { margin: 10px 0 0; } .theme-selector select { width: 170px; } /*********** SIDE COLUMN ***********/ .block { max-width: 600px; /*width limit in mobile*/ min-height: 50px; margin: auto; text-align: left; } .block .title { position: relative; margin: 0 0 10px; border-bottom: 1px solid #ddd; background: #f6f6f6 url('../../Themes/ActSiteM1/Content/images/toggle-gray.png') right 14px no-repeat; padding: 12px 30px 12px 10px; font-size: 20px; color: #444; cursor: pointer; } .block .title strong { font-weight: normal; } .block .listbox { display: none; border-bottom: 1px solid #ddd; padding: 10px 5px; } .block .list li { padding: 5px 0 5px 15px; } .block .list a { display: inline-block; position: relative; padding: 5px 0; font-size: 16px; color: #444; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; } .block .list a:before { content: ""; position: absolute; top: 12px; left: -15px; width: 5px; height: 5px; background-color: #ddd; } .block .list .active > a { color: #32439b; } .block .list a:hover { color: #7984b9; } .block a.product-picture { display: none; } .block a.product-picture:before { display: none; } .block .sublist { margin: 15px 0 5px; } .block .sublist a { font-size: 14px; } .block .view-all { margin: 10px 0 0; } .block .view-all a { display: inline-block; padding: 10px 15px; font-size: 16px; color: #36469d; } .block .view-all a:hover { text-decoration: underline; } .block .tags { margin: 5px 0 10px; } .block .tags ul { font-size: 0; } .block .tags li, .product-tags-all-page li { display: inline-block; position: relative; margin: 0 10px; overflow: hidden; font-size: 17px !important; /*setting base size*/ } .block .tags li a, .product-tags-all-page li a { float: left; line-height: 30px; color: #444; } .block .tags li a:hover, .product-tags-all-page li a:hover { color: #4ab2f1; } .poll strong { display: block; margin: 10px 0; background-color: #f6f6f6; padding: 10px 15px; font-size: 15px; font-weight: normal; color: #444; text-transform: uppercase; } .poll-options, .poll-results { margin: 10px 0 15px; overflow: hidden; font-size: 15px; color: #444; } .poll-options li, .poll-results li { margin: 10px 0; } .poll-options li > input { margin: 0 5px 0 0; cursor: pointer; } .poll-options li > label { display: inline-block; font-size: 16px; cursor: pointer; } .poll .buttons, .poll-total-votes { } .poll .buttons input { border: none; background-color: #aaa; padding: 10px 20px; font-size: 13px; color: #fff; text-transform: uppercase; } .poll .buttons input:hover { background-color: #bbb; } .poll-total-votes { display: block; margin: 10px 0 0; font-weight: bold; font-style: italic; color: #444; } .home-page-polls { text-align: center; } .home-page-polls .title { border-bottom: 1px solid #ddd; color: #444; font-size: 30px; font-weight: normal; margin: 0 0 30px; padding: 0 0 15px; } .home-page-polls .title strong { font-weight: normal; } .home-page-polls li { display: inline-block; margin: 10px; } /********** CATEGORY PAGE **********/ .breadcrumb { margin: 0 0 50px; background-color: #f6f6f6; padding: 5px 10px; } .breadcrumb ul { font-size: 0; } .breadcrumb li { display: inline-block; } .breadcrumb li * { display: inline-block; margin: 0 5px; font-size: 14px; /*reset zeroing*/ line-height: 32px; } .breadcrumb strong { font-weight: normal; } /*Act Theme Change*/ .breadcrumb a:hover { color: #7984b9; } .category-description, .manufacturer-description, .vendor-description { margin: 0 0 25px; line-height: 22px; } .contact-vendor { margin: 0 0 30px; } .contact-vendor .button-2 { border: none; background-color: #4ab2f1; padding: 10px 15px; font-size: 14px; color: #fff; text-transform: uppercase; } .contact-vendor .button-2:hover { background-color: #248ece; } .product-selectors { margin: 0 0 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px 0; } .product-selectors:first-child { border-top: none; } .product-selectors:after { content: ""; display: block; clear: both; } .product-selectors > div { display: inline-block; margin: 5px; } .product-selectors span { vertical-align: middle; font-size: 16px; } .product-selectors select { margin: 0 8px; } .product-selectors .product-viewmode { display: none; font-size: 0; } .product-filters { display: table; width: 100%; margin: -20px 0 20px; border-bottom: 1px solid #ddd; } .product-filter { margin: 0 0 10px; } .product-filter .filter-title { margin: 0 0 10px; background-color: #f6f6f6; padding: 10px; font-size: 17px; color: #444; } .product-filter .filter-title strong { font-weight: normal; } .product-filter .filter-content { padding: 10px; color: #444; } .product-filter .available-items:after { content: ""; display: block; clear: both; } .product-filter .group { margin: 0 0 10px; } .product-filter .group li { font-size: 15px; } .product-filter .group li a, .product-filter .group li strong { display: inline-block; padding: 5px 0; } .product-filter .group li a:hover { color: #4ab2f1; } .product-filter .group li.item { display: inline-block; position: relative; margin: 0 15px 0 0; padding: 0 0 0 15px; } .product-filter .group li.item:before { content: ""; position: absolute; top: 12px; left: 0; width: 5px; height: 5px; background-color: #ddd; } .product-filter .group li.color-item { padding: 0; display: inline-block; } .product-filter .group li.color-item a { padding: 0; } .product-filter .group li.color-item:before { display: none; } .filtered-items .title { margin: 0 0 5px; font-style: italic; } .filtered-items .item { color: #4ab2f1; } .remove-filter { margin: 15px 0; } .remove-filter a { display: inline-block; background-color: #aaa; padding: 10px 20px; font-size: 13px; color: #fff; text-transform: uppercase; } .remove-filter a:hover { background-color: #999; } .item-grid:after { content: ""; display: block; clear: both; } .item-box { position: relative; width: 100%; float: left; margin: 0 0 80px; text-align: left; } .item-box .picture { z-index: 1; overflow: hidden; background-color: #fff; margin: 0 0 20px; } .item-box .picture a { display: block; position: relative; } /*Act Theme Change*/ /*.item-box .picture a:before { content: ""; display: block; padding-top: 100%; }*/ .product-list .item-box .picture a:before { display: none; } /*Act Theme Change*/ /*.item-box .picture a img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; -webkit-transform: translateZ(0) scale(1.0, 1.0); }*/ .item-box:hover .picture a img { opacity: 0.85; } .item-box .details { padding: 0 10px; } .item-box .product-title { margin: 0 0 10px; overflow: hidden; font-size: 17px; line-height: 1.2; font-weight: normal; color: #36469d; } .item-box .product-title a { display: block; } .item-box .product-title a:hover { color: #7984b9; } .item-box .sku { margin: 0 0 15px; } .item-box .product-rating-box { display: inline-block; margin: 0 0 10px; } .item-box .rating { background: url('../../Themes/ActSiteM1/Content/images/rating1.png') repeat-x; width: 95px; height: 14px; } .item-box .rating div { background: url('../../Themes/ActSiteM1/Content/images/rating2.png') repeat-x; height: 14px; } .item-box .description { display: none; } .item-box .description a { display: block; overflow: hidden; } .item-box .prices { margin: 0 0 10px; overflow: hidden; } .item-box .old-price { margin: 0 5px 0 0; font-size: 16px; color: #aaa; text-decoration: line-through; } .item-box .actual-price { margin: 0 5px 0 0; font-size: 16px; color: #666; } .item-box .tax-shipping-info a { color: #4ab2f1; } .item-box .tax-shipping-info a:hover { text-decoration: underline; } .item-box .buttons { margin: 0; font-size: 0; } .item-box input[type="button"] { display: inline-block; height: 40px; border: none; vertical-align: middle; } .item-box .product-box-add-to-cart-button { width: 60%; background-color: #4ab2f1; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; } .item-box .product-box-add-to-cart-button:hover { background-color: #248ece; } .item-box .add-to-compare-list-button, .item-box .add-to-wishlist-button { width: 20%; border-left: 1px solid #fff !important; background-color: #eaeaea; background-position: center; background-repeat: no-repeat; font-size: 0; } .item-box .add-to-compare-list-button { background-image: url('../../Themes/ActSiteM1/Content/images/compare-button.png'); } .item-box .add-to-wishlist-button { background-image: url('../../Themes/ActSiteM1/Content/images/wishlist-button.png'); } .item-box .add-to-compare-list-button:hover, .item-box .add-to-wishlist-button:hover { background-color: #ddd; } .home-page-category-grid, .sub-category-grid, .manufacturer-grid, .vendor-grid { margin: 0 0 20px; } .home-page-category-grid .title, .sub-category-grid .title { text-align: center; font-size: 22px; font-weight: normal; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .home-page-category-grid .title a, .sub-category-grid .title a { display: block; padding: 0 0 15px; } .home-page-category-grid .picture, .sub-category-grid .picture { margin: 0; } /*Act Theme Change*/ /*.home-page-category-grid .picture a:before, .sub-category-grid .picture a:before { padding-top: 65%; }*/ .product-grid, .product-list { margin: 0 0 50px; } .product-grid .title { margin: 0 0 30px; border-bottom: 1px solid #ddd; padding: 0 0 15px; font-size: 30px; font-weight: normal; color: #444; } .product-grid .title strong { font-weight: normal; } .manufacturer-grid .title { margin: 0 0 15px; text-align: center; font-size: 16px; } .manufacturer-grid .title a:hover { color: #4ab2f1; } .manufacturer-grid .picture { border: 1px solid #ddd; } .vendor-grid .title { margin: 0 0 15px; text-align: center; font-size: 16px; } .vendor-grid .title a:hover { color: #4ab2f1; } .vendor-grid .picture { border: 1px solid #ddd; } .pager { margin: 0 0 20px; } .pager ul { text-align: right; font-size: 0; } .pager li { display: inline-block; margin: 0 5px; vertical-align: top; } .pager li a, .pager li span { display: block; min-width: 35px; height: 35px; border: 1px solid #ddd; background-color: #eee; padding: 8px; text-align: center; font-size: 14px; /*reset zeroing*/ cursor: pointer; } .pager li span { border-color: transparent; background-color: #4ab2f1; color: #fff; } .pager li.previous-page *, .pager li.next-page *, .pager li.first-page *, .pager li.last-page * { background-position: center; background-repeat: no-repeat; font-size: 0; color: #fff; } .pager li.previous-page * { background-image: url('../../Themes/ActSiteM1/Content/images/prev.png'); } .pager li.next-page * { background-image: url('../../Themes/ActSiteM1/Content/images/next.png'); } .pager li.first-page * { background-image: url('../../Themes/ActSiteM1/Content/images/first.png'); } .pager li.last-page * { background-image: url('../../Themes/ActSiteM1/Content/images/last.png'); } .pager li a:hover { border-color: transparent; background-color: #ddd; } /********** PRODUCT PAGE **********/ .product-details-page { padding: 20px 0 0; } .product-essential { margin: 0 0 40px; border-bottom: 1px solid #ddd; padding: 0 0 10px; } .product-essential:after { content: ""; display: block; clear: both; } .gallery { margin: 0 auto 50px; } .gallery .picture-wrapper { margin: 0 0 10px; } .gallery .picture { position: relative; max-width: 100%; margin: 0 auto 10px; overflow: hidden; } .gallery .picture:before { content: ""; display: block; padding-top: 60%; } .gallery .picture img, .gallery .picture-thumbs img, .variant-picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; } .gallery .picture-thumbs { overflow: hidden; font-size: 0; } .gallery .picture-thumbs .thumb-item { display: inline-block; position: relative; width: 100px; height: 100px; margin: 0 5px 10px; overflow: hidden; cursor: pointer; } .overview { position: relative; margin: 0 0 50px; } .overview .discontinued-product { background: #f3f3f3; margin: 0 0 20px; } .overview .discontinued-product h4 { display: inline-block; font-size: 14px; padding: 17px 17px 17px 40px; background: url('../../Themes/ActSiteM1/Content/images/discontinued-product-icon.png') no-repeat 13px center; color: #de444c; } .overview .product-name { margin: 0 0 25px; border-bottom: 1px solid #ddd; padding: 0 0 10px; } .overview .product-name h1 { font-size: 30px; font-weight: normal; } .overview .short-description { margin: 0 0 25px; line-height: 25px; color: #313131; font-size: 16px; } .product-no-reviews, .product-reviews-overview { margin: 0 0 25px; color: #444; } .product-no-reviews a { text-decoration: underline; } .product-review-box { display: inline-block; margin: 0 0 8px; } .product-review-box .rating { width: 95px; height: 14px; background: url('../../Themes/ActSiteM1/Content/images/rating1.png') repeat-x; } .product-review-box .rating div { height: 14px; background: url('../../Themes/ActSiteM1/Content/images/rating2.png') repeat-x; } .product-review-links a { text-decoration: underline; } .product-review-links a:hover { color: #4ab2f1; } .overview .value, .variant-overview .value { color: #444; } .overview .value a, .variant-overview .value a { color: #4ab2f1; } .overview .value a:hover, .variant-overview .value a:hover { text-decoration: underline; } .overview-buttons { margin: 0 0 25px; font-size: 0; } .overview-buttons div { width: 80%; margin: 0 auto 3px; } /*Act Theme Change*/ /*.overview .button-2, .variant-overview .button-2 { display: block; width: 100%; border: none; background-color: #eaeaea; background-position: left center; background-repeat: no-repeat; padding: 12px 15px 12px 40px; text-align: left; font-size: 14px;*/ /*reset zeroing*/ /*color: #666; }*/ /*Act Theme Change*/ /*.overview .download-sample-button, .variant-overview .download-sample-button { background-image: url('../../Themes/ActSiteM1/Content/images/download-button.png'); } */ /*.overview .button-2:hover, .variant-overview .button-2:hover { background-color: #ddd; }*/ /*.overview .add-to-compare-list-button { background-image: url('../../Themes/ActSiteM1/Content/images/compare-button.png'); } .overview .email-a-friend-button { background-image: url('../../Themes/ActSiteM1/Content/images/email-button.png'); } .overview .subscribe-button, .variant-overview .subscribe-button { background-image: url('../../Themes/ActSiteM1/Content/images/email-button.png'); } .overview .add-to-wishlist-button, .variant-overview .add-to-wishlist-button { background-image: url('../../Themes/ActSiteM1/Content/images/wishlist-button.png'); }*/ .html-product-details-page .download-sample-button { background-color: #36469d; color: white; padding: 15px 25px 15px 55px; border-radius: 4px; position: relative; transition: 0.3s ease-out; } .html-product-details-page .download-sample-button:hover { background-color: #4055c3; } .html-product-details-page .download-sample-button:before { content: ""; width: 25px; height: 25px; position: absolute; left: 15px; top: 50%; transform: translateY(-50%); z-index: 1; background-color: white; border-radius: 50%; box-shadow: inset 0px 0px 4px 0px #383838; background-image: url(../../Themes/ActSiteM1/Content/images/download-button.png); background-repeat: no-repeat; background-size: 32px; background-position: center; } .overview .manufacturers { margin: 0 0 20px; } .overview .availability, .variant-overview .availability { margin: 0 0 20px; overflow: hidden; } .overview .availability .stock, .variant-overview .availability .stock { margin: 0 0 10px; } .overview .availability .back-in-stock-subscription, .variant-overview .availability .back-in-stock-subscription { display: inline-block; } .overview .additional-details, .variant-overview .additional-details { margin: 0 0 20px; } .overview .additional-details div, .variant-overview .additional-details div { margin: 0 0 8px; } .overview .delivery, .variant-overview .delivery { overflow: hidden; } .overview .free-shipping, .variant-overview .free-shipping { display: inline-block; margin: 10px 0; background: url('../../Themes/ActSiteM1/Content/images/shipping.png') left center no-repeat; padding: 2px 0 2px 28px; font-weight: bold; color: #444; } .overview .free-shipping.invisible, .variant-overview .free-shipping.invisible { display: none; } .overview .delivery-date, .variant-overview .delivery-date { margin: 10px 0; } .overview .min-qty-notification, .variant-overview .min-qty-notification { margin: 10px 0; font-style: italic; color: #444; } .overview .download-sample, .variant-overview .download-sample { display: inline-block; margin: 0 0 25px; } .overview .prices, .variant-overview .prices { margin: 0 0 10px; overflow: hidden; } .overview .prices > div, .variant-overview .prices > div { margin: 0 0 5px; } .overview .prices > div > span, .variant-overview .prices > div > span { vertical-align: middle; } .overview .old-product-price, .variant-overview .old-product-price, .overview .non-discounted-price, .variant-overview .non-discounted-price { font-size: 14px; color: #999; text-decoration: line-through; } .overview .product-price, .variant-overview .product-price { font-size: 20px; font-weight: bold; color: #444; } .overview .tax-shipping-info a, .variant-overview .tax-shipping-info a { color: #4ab2f1; } .overview .tax-shipping-info a:hover, .variant-overview .tax-shipping-info a:hover { text-decoration: underline; } .customer-entered-price { margin: 0 0 20px; overflow: hidden; } .customer-entered-price .price-input label { display: block; margin: 0 0 5px; font-weight: bold; color: #444; } .customer-entered-price .price-input input { width: 170px; text-align: center; } .customer-entered-price .price-range { margin: 5px 0 0; color: #777; } .tier-prices { margin: 0 0 20px; } .tier-prices .title { display: none; } .tier-prices table td { border: 1px solid #ddd; padding: 10px; color: #444; } .tier-prices .field-header { min-width: 80px; } .tier-prices .item-price { background-color: #f9f9f9; font-size: 16px; color: #e4434b; } .overview .add-to-cart { margin: 0 0 20px; } .overview .add-to-cart-panel, .variant-overview .add-to-cart-panel { display: inline-block; position: relative; } .overview .add-to-cart-panel > *, .variant-overview .add-to-cart-panel > * { float: left; } .overview .qty-label, .variant-overview .qty-label { display: none !important; } .overview .qty-input, .variant-overview .qty-input { width: 45px; height: 43px; padding: 0 12px; text-align: center; font-size: 15px; color: #444; } .overview .qty-dropdown, .variant-overview .qty-dropdown { height: 43px; padding: 0 12px; font-size: 15px; color: #444; } .overview .add-to-cart-button, .variant-overview .add-to-cart-button { height: 43px; border: none; background-color: #4ab2f1; padding: 0 24px; font-size: 15px; color: #fff; text-transform: uppercase; } .overview .add-to-cart-button:hover, .variant-overview .add-to-cart-button:hover { background-color: #248ece; } .product-share-button { display: inline-block; overflow: hidden; } .full-description { clear: both; line-height: 24px; } .product-collateral { margin: 0 0 75px; } .product-collateral .title { margin: 0 0 10px; font-size: 18px; color: #444; } .product-collateral .title strong { font-weight: normal; } .product-variant-line { margin: 0 0 30px; border-bottom: 1px solid #ddd; padding: 0 0 20px; } .product-variant-line:after { content: ""; display: block; clear: both; } .variant-picture { position: relative; width: 220px; height: 220px; margin: 0 auto 15px; overflow: hidden; } .variant-overview { width: 100%; } .variant-overview .variant-name { margin: 0 0 10px; padding: 10px 0; font-size: 16px; font-weight: bold; color: #4ab2f1; } .variant-overview .variant-description { margin: 0 0 15px; line-height: 22px; } .variant-overview .add-to-wishlist { margin: 0 0 25px; } .variant-overview .add-to-wishlist-button { display: inline-block; width: auto; } .variant-overview .add-to-cart { margin: 0 0 10px; } .product-specs-box { margin: 0 0 40px; } .product-specs-box td { border: 1px solid #ddd; padding: 10px; } .product-tags-list { font-size: 0; } .product-tags-list li { display: inline-block; font-size: 14px; /*reset zeroing*/ } .product-tags-list li.separator { margin: 0 5px 0 3px; } .product-tags-list a { display: inline-block; line-height: 24px; } .product-tags-list a:hover { color: #444; } .attributes { margin: 20px 0; } .attributes dl { overflow: hidden; padding: 0 2px; /* fix for Chrome in Mac, the checkboxes get cut off */ } .attributes dt, .attribute-label { display: block; margin: 0 0 5px; white-space: nowrap; font-weight: bold; color: #444; } .attributes dd, .attribute-data { margin: 0 0 10px; } .attributes li { margin: 8px 0 12px; } .attributes select { width: auto; min-width: 100px; max-width: 100%; } .attributes .option-list label { margin: 0 5px; } .attributes .datepicker { width: 280px; text-align: center; color: #444; } .attributes .qty-box input { width: 48px; height: 32px; text-align: center; } .ui-datepicker { width: 280px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); background-color: #fff; text-align: center; /*override jQuery UI styles, do not delete doubled properties*/ border: none; border-radius: 0; padding: 0; font: normal 14px Arial, Helvetica, sans-serif; color: #777; } .ui-datepicker-header { position: relative; height: 32px; background-color: #4ab2f1; color: #fff; /*override jQuery UI styles, do not delete doubled properties*/ border: none; border-radius: 0; background-image: none; padding: 0 !important; font-weight: normal; } .ui-datepicker-header a { position: absolute; top: 0; z-index: 1; width: 32px; height: 32px; line-height: 32px; font-size: 0; /*override jQuery UI styles, do not delete doubled properties*/ top: 0 !important; width: 32px !important; height: 32px !important; border: none !important; } .ui-datepicker-header a.ui-datepicker-prev { left: 0; background: url('../../Themes/ActSiteM1/Content/images/calendar-prev.png') center no-repeat; } .ui-datepicker-header a.ui-datepicker-next { right: 0; background: url('../../Themes/ActSiteM1/Content/images/calendar-next.png') center no-repeat; } .ui-datepicker-header a span { /*override jQuery UI styles, do not delete doubled properties*/ display: none !important; } .ui-datepicker-title { position: relative; z-index: 0; line-height: 32px; font-weight: bold; text-transform: uppercase; /*override jQuery UI styles, do not delete doubled properties*/ line-height: 32px !important; } .ui-datepicker-calendar { /*override jQuery UI styles, do not delete doubled properties*/ margin: 0 !important; font-size: 14px !important; } .ui-datepicker-calendar th { background-color: #eee; } .ui-datepicker-calendar th, .ui-datepicker-calendar td { width: 14.285%; border: 1px solid #ddd; /*override jQuery UI styles, do not delete doubled properties*/ padding: 0; } .ui-datepicker-calendar th span, .ui-datepicker-calendar td a { display: block; min-height: 32px; line-height: 32px; color: #444; } .ui-datepicker-calendar td a { /*override jQuery UI styles, do not delete doubled properties*/ border: none !important; background: none !important; padding: 0; text-align: center; color: #444 !important; } .ui-datepicker-calendar .ui-state-active { outline: 2px solid #4ab2f1; font-weight: bold; color: #4ab2f1; /*override jQuery UI styles, do not delete doubled properties*/ color: #4ab2f1 !important; } .attribute-squares { font-size: 0; } .attribute-squares li { display: inline-block; margin: 0 5px 5px; text-align: center; } .attribute-squares .attribute-square-container { display: block; position: relative; z-index: 0; padding: 1px; } .attribute-squares label { display: block; margin: 0 !important; overflow: hidden; } .attribute-squares .attribute-square { display: table !important; width: 32px !important; height: 32px !important; border: 1px solid #444 !important; cursor: pointer; } .attribute-squares .selected-value .attribute-square-container { background-color: #4ab2f1; } .attribute-squares li input { position: relative; z-index: -1; margin: -32px 0 0; } .tooltip-container { position: absolute; width: 200px; color: #000000; background: #FFFFFF; border: 1px solid #eeeeee; text-align: center; visibility: hidden; border-radius: 5px; } .tooltip-container:before { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -7px; width: 0; height: 0; border-bottom: 7px solid #eeeeee; border-right: 7px solid transparent; border-left: 7px solid transparent; } .tooltip-container:after { content: ''; position: absolute; bottom: 100%; left: 50%; margin-left: -6px; width: 0; height: 0; border-bottom: 6px solid #FFFFFF; border-right: 6px solid transparent; border-left: 6px solid transparent; } .attribute-squares li:hover .tooltip-container { visibility: visible; margin-left: -83px; margin-top: 5px; z-index: 999; } .tooltip-container .tooltip-header { background-color: #F6F6F6; height: 25px; border-top-right-radius: 4px; border-top-left-radius: 4px; padding-left: 10px; padding-top: 5px; text-align: left; width: 198px; font-size: 15px; border-bottom: 1px #EEEEEE solid; } .tooltip-container .tooltip-body { margin: 5px; } .tooltip-container .tooltip-body img { border: 0px #FFF; width: 190px; } .giftcard { margin: 0 0 20px; overflow: hidden; } .giftcard div { margin: 0 0 10px; } .giftcard label { display: block; margin: 0 auto 5px; font-weight: bold; color: #444; } .giftcard input, .giftcard textarea { width: 350px; max-width: 100%; } .giftcard textarea { height: 150px; } /********** PRODUCT REVIEWS **********/ .product-reviews-page h1 a { color: #4ab2f1; } .product-reviews-page h1 a:before, .product-reviews-page h1 a:after { content: "''"; } .product-reviews-page .title { margin: 0 0 20px; font-size: 20px; color: #444; } .product-reviews-page .title strong { font-weight: normal; } .write-review { margin: 0 0 60px; } .write-review .fieldset { margin: 0 0 30px; } .tooltip { position: initial; display: inline-block; border-bottom: 1px dotted black; color: #444; } .tooltip .tooltiptext { visibility: hidden; width: auto; background: #f0f0f0 no-repeat 100% 5%; border: #c0c0c0 1px dotted; text-align: Left; padding: 10px 10px 5px 5px; position: absolute; z-index: 1; left: 10%; opacity: 0; transition: opacity 0.3s; } .tooltip .tooltiptext::after { content: ""; position: absolute; } .tooltip:hover .tooltiptext { visibility: visible; opacity: 1; cursor: help; } .write-review .review-rating { text-align: left; padding-top: 10px; padding-bottom: 10px; } .write-review .review-rating label { display: block; margin: 0 0 5px; font-size: 14px; color: #444; } .write-review .review-rating div.first { color: #e4444c; } .write-review .review-rating div.rating-options { padding-top: 2px; } .write-review .review-rating div.rating-options input { vertical-align: baseline; } .write-review .review-rating div.last { color: #4cb17c; } .write-review .captcha-box { margin: 15px 0 0; } .write-review .button-1 { border: none; background-color: #4ab2f1; padding: 10px 25px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; } .write-review .button-1:hover { background-color: #248ece; } .product-reviews-page .result, .product-reviews-page .message-error { margin: 0 0 20px; } .product-review-list { overflow: hidden; } .product-review-item { margin: 0 0 40px; } .product-review-item .review-item-head { border-top: 1px solid #ddd; overflow: hidden; background-color: #f6f6f6; padding: 10px; } .product-review-item .review-title { line-height: 20px; font-size: 15px; color: #444; } .product-review-item .product-review-box { margin: 3px 0 0; } .product-review-item .review-content { padding: 20px 10px; } .product-review-item .review-text { margin: 0 0 15px; line-height: 22px; color: #444; } .product-review-item .avatar { margin: 0 0 10px; } .product-review-item .reply { margin: 15px 0; border-top: 1px solid #ddd; } .product-review-item .reply-header { margin: 15px 0; font-weight: bold; } .product-review-item .reply-text { line-height: 22px; } .product-review-item .review-info { margin: 0 0 5px; } .product-review-item .review-info label { font-weight: normal; } .product-review-item .review-info a, .product-review-helpfulness .vote { display: inline-block; padding: 0 5px; color: #4ab2f1; cursor: pointer; } .product-review-helpfulness .question { margin: 0 5px 0 0; font-style: italic; } .product-review-helpfulness .result { margin: 0 0 0 10px; } .product-review-item .review-type-rating-ext { overflow: hidden; margin: 0 0 20px; } /********** WISHLIST & COMPARE LIST **********/ .wishlist-page .page-title { margin: 0 0 -1px; } .wishlist-content { margin: 0 0 20px; } .wishlist-content .message-error { margin: 20px 0; } .wishlist-content .table-wrapper { margin: 0 0 30px; } .wishlist-content .product-content { min-width: 300px; text-align: left; } .wishlist-content .tax-shipping-info { margin: 0 0 20px; text-align: center; } .wishlist-content .tax-shipping-info a { color: #4ab3f1; } .wishlist-content .tax-shipping-info a:hover { text-decoration: underline; } .wishlist-content .buttons { font-size: 0; } .wishlist-content .button-2 { display: block; width: 250px; margin: 0 auto 3px; border: none; padding: 10px 25px; text-align: center; line-height: 20px; font-size: 15px; color: #fff; } .wishlist-content .update-wishlist-button, .wishlist-content .wishlist-add-to-cart-button { background-color: #4ab2f1; text-transform: uppercase; } .wishlist-content .update-wishlist-button:hover, .wishlist-content .wishlist-add-to-cart-button:hover { background-color: #248ece; } .wishlist-content .email-a-friend-wishlist-button { background-color: #aaa; } .wishlist-content .email-a-friend-wishlist-button:hover { background-color: #999; } .wishlist-page .share-info { text-align: center; } .wishlist-page .share-info span { display: block; margin: 0 0 5px; } .wishlist-page .share-info a { font-weight: bold; color: #444; } .wishlist-page .share-info a:hover { color: #4ab2f1; } .wishlist-page .no-data { margin: 25px 0 0; } .compare-products-page { position: relative; overflow: hidden; } .compare-products-page .clear-list { display: inline-block; margin: 0 0 20px; background-color: #4ab2f1; padding: 10px 15px; font-size: 12px; color: #fff; text-transform: uppercase; } .compare-products-page .clear-list:hover { background-color: #248ece; } .compare-products-page .table-wrapper { margin: 0 0 30px; padding: 0 0 1px; /*IE mobile table border fix*/ } .compare-products-table td { min-width: 150px; border: 1px solid #ddd; background-color: #fff; padding: 20px; text-align: left; vertical-align: top; color: #444; } .compare-products-table td:first-child { min-width: 0; } .compare-products-table td label { font-weight: normal; color: #777; } .compare-products-table .remove-button { display: inline-block; border: none; background: url('../../Themes/ActSiteM1/Content/images/remove.png') left center no-repeat; padding: 0 0 0 18px; font-size: 12px; color: #666; } .compare-products-table .remove-button:hover { color: #4ab2f1; } .compare-products-table .picture { display: block; position: relative; max-width: 200px; height: 200px; overflow: hidden; } .compare-products-table .picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; } .compare-products-table .product-name td { font-weight: bold; } .compare-products-table .product-name td a:hover { color: #4ab2f1; } .compare-products-table .short-description td { line-height: 22px; } .compare-products-table .full-description td { display: none; } .compare-products-page .no-data { margin: 25px 0 0; } /*********** TOPICS ***********/ .topic-block { margin: 0 0 25px; } .topic-block-title { min-height: 50px; margin: 0 0 25px; border-bottom: 1px solid #ddd; padding: 0 0 15px; } .topic-block-title h2 { font-size: 30px; font-weight: normal; } .topic-block-body { text-align: justify; line-height: 24px; font-size: 16px; } .topic-page .page-body { text-align: justify; line-height: 22px; } .topic-block a, .topic-page a { text-decoration: underline; } .topic-block strong, .topic-page strong { color: #444; } .home-page .topic-block { margin: 0 0 50px; } .popup-window .topic-page { padding: 15px; } .not-found-page p { margin: 30px 15px; } .topic-password { text-align: center; } .enter-password-title { margin: 0 0 20px; color: #444; } .enter-password-form { display: inline-block; overflow: hidden; } .enter-password-form input[type="password"] { float: left; width: 200px; height: 40px; margin: 0 -1px 0 0; } .enter-password-form input[type="submit"] { float: left; width: auto; min-width: 86px; height: 40px; border: none; background-color: #4ab2f1; padding: 0 15px; color: #fff; text-transform: uppercase; } .enter-password-form input[type="submit"]:hover { background-color: #248ece; } /*********** CONTACT & EMAIL A FRIEND & APPLY FOR VENDOR ACCOUNT ***********/ .contact-page .page-title, .email-a-friend-page .page-title, .apply-vendor-page .page-title { margin: 0 0 -1px; } .contact-page .result, .contact-page .message-error, .email-a-friend-page .result, .email-a-friend-page .message-error, .apply-vendor-page .result, .apply-vendor-page .message-error { margin: 20px 0; } .contact-page .button-1, .email-a-friend-page .button-1, .apply-vendor-page .button-1 { min-width: 140px; border: none; background-color: #4ab2f1; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; } .contact-page .button-1:hover, .email-a-friend-page .button-1:hover, .apply-vendor-page .button-1:hover { background-color: #248ece; } .contact-page .topic-block, .email-a-friend-page .title, .apply-vendor-page .title { margin: 25px 0; } .email-a-friend-page .title h2 { font-weight: normal; color: #4ab2f1; } .apply-vendor-page .terms-of-service { text-align: center; } .apply-vendor-page .terms-of-service > * { display: inline-block; line-height: 32px; } .apply-vendor-page .terms-of-service span, .apply-vendor-page .terms-of-service a { color: #4ab2f1; cursor: pointer; } /********** REGISTRATION, LOGIN, ACCOUNT PAGES **********/ .gender { display: inline-block; } .gender span { display: inline-block; margin: 0 5px; } .gender span > * { display: inline !important; margin: 0 5px; line-height: 32px; } .date-of-birth .date-picker-wrapper { display: inline; } .date-of-birth select { width: 31%; /*always single line*/ max-width: 126px; } .date-of-birth select + select { margin: 0 0 0 10px; } .date-of-birth .select-wrapper + .select-wrapper { margin: 0 0 0 10px; } #check-availability-button { margin: 10px 0 0; border: none; background-color: #888; padding: 10px 15px; font-size: 12px; color: #fff; text-transform: uppercase; } #check-availability-button:hover { background-color: #999; } .inputs.accept-consent { text-align: center; } .inputs.accept-consent > * { display: inline-block; line-height: 32px; } .inputs.accept-consent span, .inputs.accept-consent a { color: #4ab2f1; cursor: pointer; font-size: 14px; } .inputs.accept-consent label { width: auto; margin-left: 10px; margin-bottom: 0; } .registration-page .button-1, .registration-result-page .button-1, .login-page .button-1, .password-recovery-page .button-1, .account-page .button-1, .return-request-page .button-1 { min-width: 140px; border: none; background-color: #4ab2f1; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; } .registration-page .button-1:hover, .registration-result-page .button-1:hover, .login-page .button-1:hover, .password-recovery-page .button-1:hover, .account-page .button-1:hover, .return-request-page .button-1:hover { background-color: #248ece; } .return-request-page h1 a { color: #4ab2f1; } .return-request-page .return-request-file { font-size: 14px; } .return-request-page .return-request-file .uploadedfileinput { display: inline-block; } .registration-page .message-error, .login-page .message-error, .account-page .message-error { margin: 0 0 10px; } .registration-result-page .result { margin: 0 0 30px; padding: 30px 0; text-align: center; font-size: 16px; color: #4cb17c; } .customer-info-page .email-to-revalidate, .customer-info-page .readonly-username, .customer-info-page .vat-status { margin: 0 5px; font-size: 14px; } .customer-info-page .vat-status { display: block; } .registration-page .vat-note, .customer-info-page .vat-note, .customer-info-page .email-to-revalidate-note { display: block; font-size: 14px; margin-top: 7px; white-space: normal; } .login-page .customer-blocks { margin: 0 0 30px; } .login-page .title { margin: 0 0 15px; font-size: 20px; color: #444; } .login-page .title strong { font-weight: normal; } .login-page .new-wrapper { margin: 0 0 50px; } .login-page .new-wrapper .text { margin: 0 0 30px; border-top: 1px solid #e6e6e6; background-color: #f9f9f9; padding: 30px; line-height: 22px; } .login-page .new-wrapper .topic-block { margin: 0; } .login-page .new-wrapper .topic-block-body strong { color: #444; } .login-page .new-wrapper .button-1 { margin: 0 0 5px; } .login-page .returning-wrapper { margin: 0; } .login-page .returning-wrapper .form-fields { /*overflow: hidden; padding: 30px 15px 0;*/ } .login-page .returning-wrapper .inputs.reversed { white-space: normal; } .login-page .returning-wrapper .inputs.reversed * { display: inline-block; width: auto; margin: 5px; font-size: 14px; /*reset zeroing*/ color: #444; } .login-page .returning-wrapper .inputs.reversed a:hover { color: #4ab2f1; } .login-page .captcha-box { margin: -15px 0 20px; } .login-page .returning-wrapper .buttons { background-color: #fff; padding: 30px 0; } .external-authentication { margin: 0 0 50px; overflow: hidden; text-align: center; } .external-authentication .title { margin: 0 0 15px; font-size: 20px; color: #444; } .external-authentication .buttons { margin: 0 0 30px; border-top: 1px solid #e6e6e6; padding: 30px; } .external-auth-errors { color: #e4444c; } .external-auth-association { color: #444; } .external-auth-association a { color: #4ab2f1; } .external-auth-association a:hover { text-decoration: underline; } .password-recovery-page .result { margin: 0 0 5px; font-weight: bold; color: #444; } .password-recovery-page .tooltip { margin: 0 0 25px; } .add-more-external-records { text-align: center; } .add-more-external-records a { color: #4ab2f1; } .add-more-external-records a:hover { text-decoration: underline; } .account-page .buttons { text-align: center; } .account-page .description { margin: 0 0 25px; padding: 0 10px; } .account-page .table-wrapper { margin: 0 0 30px } .gdpr-tools-page .result { margin: 20px 0; font-size: 13px; color: #e4434b; } .gdpr-tools-page .buttons { margin-top: 20px; } .address-list-page .info, .order-list-page .info { margin: 0 0 10px; border-top: 1px solid #e6e6e6; background-color: #f9f9f9; padding: 20px; line-height: 26px; color: #444; } .address-list-page .info .name, .order-list-page .info .name { font-size: 16px; font-weight: bold; } .address-list-page .button-2, .order-list-page .button-2 { display: inline-block; margin: 0 0 0 10px; border: none; padding: 0 0 0 18px; font-size: 12px; color: #444; } .edit-address-button { background: url('../../Themes/ActSiteM1/Content/images/edit.png') left center no-repeat; } .delete-address-button, .cancel-recurring-order-button { background: url('../../Themes/ActSiteM1/Content/images/remove.png') left center no-repeat; } .retry-recurring-order-button { background: url('../../Themes/ActSiteM1/Content/images/retry.png') left center no-repeat; } .return-items-button { background: url('../../Themes/ActSiteM1/Content/images/return.png') left center no-repeat; } .order-details-button { background: url('../../Themes/ActSiteM1/Content/images/details.png') left center no-repeat; } .address-list-page .button-2:hover, .order-list-page .button-2:hover { color: #4ab2f1; } .address-list-page .add-button { margin: 0 0 20px; text-align: center; } .address-edit-page .page-title { margin: 0 0 -1px; } .address-edit-page .message-error { margin: 20px 0; } .address-edit-page .edit-address { margin: 0 0 30px; border-top: 1px solid #e6e6e6; background-color: #f9f9f9; padding: 30px 15px; } .recurring-payments table td { white-space: nowrap; } .recurring-payments table td:first-child { min-width: 120px; white-space: normal; } .recurring-payments .button-2 { font-size: 14px; } .return-request-list-page .details { border-top: 1px solid #e6e6e6; background-color: #f9f9f9; padding: 20px; line-height: 22px; color: #444; } .return-request-list-page label { margin: 0 5px 0 0; } .return-request-list-page a { color: #4ab2f1; } .return-request-list-page a:hover { text-decoration: underline; } .return-request-list-page .comments div { margin: 10px 0 0; font-size: 15px; font-style: italic; color: #444; } .downloadable-products-page table td { color: #444; } .reward-points-overview { margin: 0 0 25px; } .reward-points-history table td { color: #444; } .reward-points-history table td:first-child { min-width: 120px; } .change-password-page .page-title { margin: 0 0 -1px; } .change-password-page .result, .change-password-page .message-error { margin: 20px 0; } .change-password-page .fieldset { margin: 0 0 30px; } .avatar-page .page-title { margin: 0; } .avatar-page .page-body { margin: 0 0 30px; overflow: hidden; background-color: #f9f9f9; padding: 30px 25px; } .avatar-page .message-error { margin: 0 0 10px; } .avatar-page .image { margin: 0 0 10px; } .avatar-page .image img { border: 1px solid #ccc; } .avatar-page .button-1 { font-size: 14px; } .avatar-page .button-2 { border: none; background-color: #888; padding: 10px 15px; font-size: 14px; color: #fff; text-transform: uppercase; } .avatar-page .button-2:hover { background-color: #999; } .avatar-page .info { color: #444; } .vendorinfo-page .button-2 { border: medium none; background-color: #888; padding: 10px 15px; font-size: 14px; color: #fff; text-transform: uppercase; } .vendorinfo-page .button-2:hover { background-color: #999; } .vendorinfo-page .vendor-picture { width: 400px; margin: 0 auto; } .vendorinfo-page .vendor-picture * { display: block; margin-top: 15px; } .check-gift-card-balance-page .page-title { margin: 0 0 -1px; } .check-gift-card-balance-page .result, .check-gift-card-balance-page .message-error { margin: 20px 0; } .check-gift-card-balance-page .fieldset { margin: 0 0 30px; } /********** SHOPPING CART **********/ .order-progress { margin: 0 0 50px; background-color: #f6f6f6; padding: 15px 0; text-align: center; } .order-progress ul { font-size: 0; } .order-progress li { display: inline-block; margin: 10px; } .order-progress a { display: block; min-width: 70px; font-size: 14px; /*reset zeroing*/ color: #444; } .order-progress a:before { content: ""; display: block; width: 40px; height: 40px; margin: 0 auto 15px; border: 1px solid #bbb; background: #fff url('../../Themes/ActSiteM1/Content/images/pointer.png') center no-repeat; } .order-progress li.active-step a { cursor: pointer; } .order-progress li.inactive-step a { opacity: 0.3; cursor: default; } .shopping-cart-page .page-title { margin: 0 0 -1px; padding: 10px; } .shopping-cart-page .message-error { margin: 20px 0; } .shopping-cart-page td .message-error { margin: 10px 0 0; text-align: left; } .shopping-cart-page .checkout-attributes a { color: #4ab3f1; } .shopping-cart-page .checkout-attributes a:hover { text-decoration: underline; } .shopping-cart-page .tax-shipping-info { margin: 20px 0; text-align: center; } .shopping-cart-page .tax-shipping-info a { color: #4ab3f1; } .shopping-cart-page .tax-shipping-info a:hover { text-decoration: underline; } .shopping-cart-page .common-buttons { margin: 0 0 60px; background-color: #f6f6f6; padding: 20px; font-size: 0; } .shopping-cart-page .common-buttons input { display: inline-block; min-width: 180px; margin: 5px; border: none; background-color: #aaa; padding: 10px 20px; font-size: 15px; color: #fff; } .shopping-cart-page .common-buttons input:hover { background-color: #999; } .shopping-cart-page .common-buttons input:first-child { background-color: #4ab2f1; } .shopping-cart-page .common-buttons input:first-child:hover { background-color: #248ece; } .checkout-attributes { margin: -30px 0 30px; color: #444; } .checkout-attributes dt { margin: 0 0 5px; font-weight: bold; } .checkout-attributes dd { margin: 0 0 20px; } .checkout-attributes input[type="text"], .checkout-attributes select { min-width: 170px; } .checkout-attributes ul { font-size: 0; } .checkout-attributes li { display: inline-block; margin: 5px; border: 1px solid #ddd; background-color: #fff; padding: 8px 10px; font-size: 14px; /*reset zeroing*/ } .checkout-attributes .attribute-squares li { border: none; padding: 0; line-height: 0; } .checkout-attributes li label { display: inline-block; margin: 0 0 0 5px; } .selected-checkout-attributes { margin: 30px 0; color: #444; } .selected-checkout-attributes br { content: ""; display: block; margin: 3px; } .cart-footer { margin: 0 0 50px; border-top: 1px solid #ddd; } .cart-footer:after { content: ""; display: block; clear: both; } .cart-footer .totals { width: 350px; max-width: 100%; margin: 0 auto 50px; background-color: #f9f9f9; padding: 10px; color: #444; } .cart-footer .total-info { margin: 0 0 20px; border-bottom: 1px solid #ddd; padding: 5px 30px 15px; } .cart-total td { width: 50%; padding: 5px 0; text-align: right; } .cart-total td:first-child { text-align: left; } .cart-total .giftcard-remaining { display: block; font-style: italic; } .cart-total .order-total { font-size: 20px; color: #4ab2f1; } .cart-total .order-total strong { font-weight: normal; } .cart-total .earn-reward-points { font-style: italic; } .min-amount-warning { margin: 0 0 20px; padding: 0 30px; color: #e4434b; } .terms-of-service { margin: 0 0 20px; padding: 0 30px; } .terms-of-service label { cursor: pointer; } .terms-of-service a { margin: 0 0 0 3px; color: #4ab2f1; } .cart-footer .checkout-buttons { padding: 0 10px; } .cart-footer .checkout-disabled { font-size: 20px; text-align: center; background: #ffa500; border: 1px solid #c3891e; color: #fff; padding: 15px 50px; } .cart-footer .checkout-button { display: inline-block; min-width: 160px; border: none; background-color: #4ab2f1; padding: 10px 20px; font-size: 16px; color: #fff; text-transform: uppercase; } .cart-footer .checkout-button:hover { background-color: #248ece; } .cart-footer .addon-buttons { margin: 20px 0 0; padding: 0 10px; } .cart-collaterals { width: 350px; max-width: 100%; margin: 0 auto 50px; padding: 25px 0 0; } .cart-collaterals > div { max-width: 400px; margin: 0 0 50px; } .cart-collaterals .button-2 { display: inline-block; border: none; background-color: #aaa; padding: 10px 15px; color: #fff; text-transform: uppercase; } .cart-collaterals .button-2:hover { background-color: #999; } .cart-collaterals .title { margin: 0 0 5px; font-size: 18px; color: #444; } .cart-collaterals .title strong { font-weight: normal; } .cart-collaterals .hint { margin: 0 0 10px; } .cart-collaterals .deals > div { margin: 0 0 20px; } .cart-collaterals .coupon-code { overflow: hidden; } .cart-collaterals .coupon-code input[type="text"] { float: left; width: 60%; height: 36px; /*safari padding fix*/ margin: 0 -1px 0 0; } .cart-collaterals .coupon-code input[type="submit"] { float: left; width: 40%; height: 36px; /*safari padding fix*/ padding: 0; } .cart-collaterals .message-failure { margin: 5px 0 0; font-size: 12px; color: #e4434b; } .cart-collaterals .message-success { margin: 5px 0 0; font-size: 12px; color: #4cb17c; } .cart-collaterals .current-code { margin: 5px 0 0; color: #4cb17c; } .remove-discount-button, .remove-gift-card-button { width: 16px; height: 16px; border: 1px solid #999; background: #fff url('../../Themes/ActSiteM1/Content/images/close.png') center no-repeat; cursor: pointer; } .cart-collaterals .shipping select { height: 36px; } .cart-collaterals .shipping-results { margin: 30px 0 0; } .cart-collaterals .shipping-results li { margin: 20px 0; } .cart-collaterals .shipping-results li strong { display: block; margin: 0 0 5px; color: #444; } .shopping-cart-page .no-data { margin: 25px 0 0; } /*** ESTIMATE SHIPPING POPUP COMMON ***/ .estimate-shipping-popup { position: relative; background: #FFF; padding: 25px 10px; width: auto; max-width: 800px; margin: 0 auto; } .estimate-shipping-popup-zoom-in .mfp-with-anim { opacity: 0; transition: all 0.2s ease-in-out; transform: scale(0.8); } .estimate-shipping-popup-zoom-in.mfp-bg { opacity: 0; transition: all 0.3s ease-out; } .estimate-shipping-popup-zoom-in.mfp-ready .mfp-with-anim { opacity: 1; transform: scale(1); } .estimate-shipping-popup-zoom-in.mfp-ready.mfp-bg { opacity: 0.8; } .estimate-shipping-popup-zoom-in.mfp-removing .mfp-with-anim { transform: scale(0.8); opacity: 0; } .estimate-shipping-popup-zoom-in.mfp-removing.mfp-bg { opacity: 0; } .shipping-options-loading { background: url(../../Themes/ActSiteM1/Content/images/ajax-loader-small.gif) no-repeat; width: 16px; height: 16px; position: relative; right: 8px; margin: 4% 50%; } .shipping-address .required { margin-left: 0px; } .estimate-shipping-row { display: flex; display: -webkit-flex; align-items: center; } .estimate-shipping-row.shipping-option { cursor: pointer; } .estimate-shipping-row.shipping-option.active { font-weight: 700; } .estimate-shipping-row-item { flex: 0 1 100%; } .estimate-shipping-row-item.shipping-item { padding: 8px 0; overflow: hidden; overflow-wrap: break-word; } .estimate-shipping-row-item.shipping-header-item { padding: 12px 0; border-bottom: 1px solid #f2f2f2; align-self: flex-end; } .estimate-shipping-row-item.address-item + .estimate-shipping-row-item.address-item { padding-left: 15px; } .estimate-shipping-row-item + .estimate-shipping-row-item { padding-left: 10px; } .estimate-shipping-row-item-radio { flex: 0 0 35px; } .ship-to-title { margin-bottom: 10px; } .choose-shipping-title { margin-top: 20px; } .estimate-shipping-address-control { width: 100%; height: 36px; } .estimate-shipping-radio { display: none; } .estimate-shipping-radio + label { -webkit-appearance: none; background-color: #fafafa; border: 1px solid #cacece; padding: 9px; border-radius: 50px; display: inline-block; position: relative; } .estimate-shipping-radio:checked + label:after { content: ' '; width: 6px; height: 6px; border-radius: 50px; position: absolute; top: 6px; left: 6px; background: #ffffff; } .estimate-shipping-radio:checked + label { background-color: #4ab2f1; color: #99a1a7; border: 1px solid #adb8c0; border-color: #4ab2f1; } .apply-shipping-button { border: none; padding: 8px 25px; background-color: #4ab2f1; color: #fff; } .apply-shipping-button-container { margin-top: 15px; text-align: center; } .shipping-options-header { top: 0; z-index: 1; position: sticky; background-color: #fff; } .shipping-options { position: relative; z-index: 1; overflow: hidden; overflow-y: auto; max-height: 200px; background: #FFF no-repeat; background-image: -webkit-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), -webkit-radial-gradient(50% 100%, farthest-side, rgba(242, 242, 242, 1), rgba(0, 0, 0, 0)); background-image: -moz-radial-gradient(50% 0, farthest-side, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), -moz-radial-gradient(50% 100%, farthest-side, rgba(242, 242, 242, 1), rgba(0, 0, 0, 0)); background-image: radial-gradient(farthest-side at 50% 0, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0)), radial-gradient(farthest-side at 50% 100%, rgba(242, 242, 242, 1), rgba(0, 0, 0, 0)); background-position: 0 0, 0 100%; background-size: 100% 7px; } .shipping-options:before, .shipping-options:after { content: ""; position: relative; z-index: -1; display: block; height: 30px; margin: 0 0 -30px; background: -webkit-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0)); background: -moz-linear-gradient(top, #FFF, #FFF 30%, rgba(255, 255, 255, 0)); background: linear-gradient(to bottom, #FFF, #FFF 30%, rgba(255, 255, 255, 0)); } .shipping-options:after { margin: -30px 0 0; background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF); background: -moz-linear-gradient(top, rgba(255, 255, 255, 0), #FFF 70%, #FFF); background: linear-gradient(to bottom, rgba(255, 255, 255, 0), #FFF 70%, #FFF); } .no-shipping-options { text-align: center; margin: 4% 0; } .estimate-shipping-popup .message-failure { margin: 5px 0 -5px; font-size: 12px; color: #e4434b; } /*** SHOPPING CART ESTIMATE SHIPPING ***/ .shopping-cart-page .common-buttons .estimate-shipping-button { display: inline-block; min-width: 180px; margin: 5px; border: none; background-color: #aaa; padding: 10px 20px; font-size: 15px; text-align: center; color: #fff; } .shopping-cart-page .common-buttons .estimate-shipping-button:hover { background-color: #999; } /*** PRODUCT ESTIMATE SHIPPING ***/ .product-estimate-shipping { margin-bottom: 20px; } .product-estimate-shipping .shipping-date { margin-top: 3px; } .product-estimate-shipping .shipping-title { font-size: 16px; font-weight: bold; color: #444; margin-bottom: 5px; justify-content: center; } .product-estimate-shipping .shipping-title .shipping-price { margin-left: 5px; vertical-align: middle; } .product-estimate-shipping .shipping-title .shipping-loading { margin-left: 5px; vertical-align: middle; background: url(../../Themes/ActSiteM1/Content/images/ajax-loader-small.gif) no-repeat; width: 16px; height: 16px; display: inline-block; } .product-estimate-shipping .open-estimate-shipping-popup .arrow-down { transform: rotate(45deg); -webkit-transform: rotate(45deg); margin: 0 0 3px 6px; border: solid black; border-width: 0 1px 1px 0; display: inline-block; padding: 3px; } /********** CHECKOUT **********/ .checkout-page .section { margin: 0 0 30px; } .checkout-page .section.order-summary { margin: 100px 0 30px; } .checkout-page .cart-options { min-height: 60px; overflow: hidden; } .checkout-page .cart-footer { border-top: none; } .checkout-page .total-info { margin: 0; border-bottom: none; padding: 5px 20px 10px; } .checkout-page .button-1 { display: inline-block; min-width: 140px; border: none; background-color: #4ab2f1; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; } .checkout-page .button-1:hover { background-color: #248ece; } .checkout-page .address-item { width: 350px; max-width: 100%; margin: 0 auto 40px; } .checkout-page .address-item ul { margin: 0 0 15px; background-color: #f9f9f9; padding: 20px; color: #444; } .checkout-page .address-item li { padding: 5px 0; } .checkout-page .address-item li.name { font-size: 16px; font-weight: bold; } .enter-address .message-error { margin: 20px 0; } .enter-address .edit-address { background-color: #f9f9f9; border-top: 1px solid #e6e6e6; margin: 0 0 30px; padding: 30px 15px; } .checkout-page .ship-to-same-address { padding: 30px 0; text-align: center; } .checkout-page .ship-to-same-address .selector { margin: 0 0 5px; font-weight: bold; color: #444; } .checkout-page .pickup-in-store { text-align: center; } .checkout-page .pickup-in-store .selector { margin: 0 0 5px; font-weight: bold; color: #444; } .select-pickup-point { text-align: center; } .checkout-page .pickup-points-map { min-width: 400px; min-height: 350px; vertical-align: middle; margin-top: 5px; margin-bottom: 5px; } .shipping-method .method-list, .payment-method .method-list { margin: 0 auto 30px; overflow: hidden; text-align: center; font-size: 0; } .shipping-method .method-list li, .payment-method .method-list li { margin: 20px 0; font-size: 14px; /*reset zeroing*/ } .shipping-method .method-list li label, .payment-method .method-list li label { font-size: 13px; font-weight: bold; color: #444; } .shipping-method .method-description { margin: 5px 0 0; } .payment-method .use-reward-points { margin: 0 0 30px; text-align: center; color: #444; } .payment-method .payment-logo { display: inline-block; vertical-align: middle; } .payment-method .payment-logo label { display: block; font-size: 0 !important; } .payment-method .payment-details { min-width: 180px; display: inline-block; margin: 0 0 0 10px; text-align: left; vertical-align: middle; } .payment-info .info { padding: 30px 15px; color: #444; } .payment-info .info tr { display: block; margin: 0 0 15px; font-size: 0; } .payment-info .info td { display: inline-block; width: 100% !important; max-width: 400px !important; font-size: 14px; /*reset zeroing*/ } .payment-info .info td:only-child { width: 100% !important; max-width: 100% !important; } .payment-info .info td input[type="text"] { width: 100% !important; } .payment-info .info td input[name="CardCode"] { width: 65px !important; } .payment-info .info td select { min-width: 70px; } .payment-info .info td:first-child { margin: 0 0 10px; } .payment-info .info p { text-align: center; } .confirm-order .buttons { padding: 10px 0; } .confirm-order .button-1 { font-size: 16px; } .order-review-data > div, .order-details-area > div, .shipment-details-area > div { width: 350px; max-width: 100%; margin: 0 auto 40px; background-color: #f9f9f9; padding: 20px; color: #444; } .order-review-data li, .order-details-area li, .shipment-details-area li { padding: 3px 0; } .order-review-data .title, .order-details-area .title, .shipment-details-area .title { margin: 0 0 5px; padding: 0; font-size: 16px; font-weight: bold; } .order-review-data .title strong, .order-details-area .title strong, .shipment-details-area .title strong { font-weight: 700; } .order-review-data .payment-method-info, .order-review-data .shipping-method-info, .order-details-area .payment-method-info, .order-details-area .shipping-method-info { margin-top: 20px; } .order-completed .details { margin: 0 0 30px; padding: 30px 15px; text-align: center; color: #444; } .order-completed .details div { margin: 5px 0; } .order-completed .details strong { font-weight: normal; text-transform: uppercase; } .order-completed .details a { color: #4ab2f1; } .order-completed .details a:hover { text-decoration: underline; } .opc .step-title { margin: 0 0 1px; overflow: hidden; background-color: #f6f6f6; } .opc .allow .step-title { background-color: #4ab2f1; cursor: pointer; } .opc .step-title .number, .opc .step-title .title { float: left; min-height: 40px; padding: 10px 15px; line-height: 20px; font-size: 16px; font-weight: normal; } .opc .allow .step-title .number, .opc .allow .step-title .title { color: #fff; cursor: pointer; } .opc .step-title .number { width: 42px; border-right: 1px solid #fff; text-align: center; } .opc .allow .step-title .number { background-color: #248ece; } .opc .step { margin: 10px 0; padding: 30px 15px; text-align: center; } .opc .section { margin: 0 0 30px; } .opc .section > label { display: block; margin: 0 0 10px; } .opc input[type="text"], .opc select { max-width: 100%; } .opc .buttons { margin-bottom: 0; } .opc .back-link { margin: 0 0 10px; } .opc .back-link small { display: none; } .opc .back-link a { display: inline-block; margin: 0 0 0 -15px; background: url('../../Themes/ActSiteM1/Content/images/back-button.png') left center no-repeat; padding: 0 0 0 18px; color: #444; } .opc .back-link a:hover { color: #4ab2f1; } .opc .buttons .please-wait { display: block; margin: 10px 0 0; background: none; } .opc .section.ship-to-same-address { margin: 0 0 30px; padding: 0; } .opc .section.pickup-in-store { margin: 0 0 30px; padding: 0; } .opc .payment-info .info tr { text-align: left; } .opc .section.order-summary { margin: 0; } /****** ORDER DETAILS & SHIPPING DETAILS ******/ .order-details-page .page-title { border-bottom: none; } .order-details-page .page-title h1 { margin: 0 0 30px; border-bottom: 1px solid #ddd; padding: 0 0 10px; } .order-details-page .page-title a { display: inline-block; min-width: 180px; margin: 5px 0; border: none; background-color: #aaa; background-image: none; padding: 10px 20px; font-size: 15px; color: #fff; } .order-details-page .page-title a:hover { background-color: #999; } .order-details-page .page-title a.print-order-button { background-color: #4ab2f1; } .order-details-page .page-title a.print-order-button:hover { background-color: #248ece; } .order-details-page .order-overview { margin: 0 0 50px; line-height: 26px; text-align: center; font-size: 16px; color: #444; } .order-details-page .order-overview .order-number { margin: 0 0 10px; text-transform: uppercase; } .order-details-page .order-overview .order-total strong { font-weight: normal; color: #4ab2f1; } .order-details-page .repost .button-2 { display: inline-block; margin: 10px 0; border: none; background-color: #4ab2f1; padding: 10px 15px; font-size: 12px; color: #fff; text-transform: uppercase; } .order-details-page .repost .button-2:hover { background-color: #248ece; } .order-details-page .download a { font-weight: normal; color: #4ab2f1; } .order-details-page .download a:hover { text-decoration: underline; } .user-agreement-page .terms-of-agreement { margin: 0 0 20px; padding: 20px; text-align: center; } .user-agreement-page .button-1 { min-width: 140px; border: none; background-color: #4ab2f1; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; } .user-agreement-page .button-1:hover { background-color: #248ece; } .order-details-page .tax-shipping-info { margin: 30px 0; } .order-details-page .tax-shipping-info a { color: #4ab2f1; } .order-details-page .tax-shipping-info a:hover { text-decoration: underline; } .order-details-page .actions { margin: 30px 0 0; font-size: 0; } .order-details-page .actions input { display: inline-block; min-width: 165px; margin: 5px; border: none; background-color: #aaa; background-image: none; padding: 10px 20px; font-size: 15px; color: #fff; } .order-details-page .actions input:hover { background-color: #999; } .order-details-page .actions input:first-child { background-color: #4ab2f1; } .order-details-page .actions input:first-child:hover { background-color: #248ece; } .order-details-page .totals.section { width: 370px; padding: 0 10px; max-width: 100%; margin: 0 auto 50px; } .order-details-page .total-info { background-color: #f9f9f9; padding: 15px 20px; color: #444; } /****** SEARCH & SITEMAP ******/ .search-page .page-title { margin: 0 0 -1px; } .search-input .fieldset { margin: 0 0 30px; } .search-input .form-fields { padding: 30px 15px 10px; } .search-input input + label { display: inline; margin: 0 0 0 5px; } .advanced-search { margin: 30px 0 0; } .advanced-search .price-range { display: inline-block; } .advanced-search .price-range input { width: 80px; margin: 3px; } .search-input .buttons { text-align: center; } .search-input .button-1 { min-width: 140px; border: none; background-color: #4ab2f1; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; } .search-input .button-1:hover { background-color: #248ece; } .search-results { margin: 30px 0 0; } .search-results .warning, .search-results .no-result { margin: 10px 0; color: #e4434b; } .sitemap-page .description { margin: 0 0 30px; text-align: center; } .sitemap-page .entity { margin: 0 0 30px; } .sitemap-page .entity-title { margin: 0 0 15px; padding: 0 10px; text-align: center; } .sitemap-page .entity-title h2 { font-size: 20px; font-weight: normal; color: #444; } .sitemap-page .entity-body { border-top: 1px solid #e6e6e6; background-color: #f9f9f9; padding: 30px 15px; text-align: center; } .sitemap-page .entity ul { font-size: 0; } .sitemap-page .entity li { display: inline-block; position: relative; margin: 0 8px; padding: 0 12px; line-height: 50px; font-size: 14px; /*reset zeroing*/ } .sitemap-page .entity li:before { content: ""; position: absolute; top: 23px; left: 0; width: 5px; height: 5px; background-color: #ddd; } .sitemap-page .entity a { color: #444; } .sitemap-page .entity a:hover { color: #4ab2f1; } .sitemap-page .entity a:empty { display: none; } /****** BLOG & NEWS ******/ .block-blog-archive .number { display: block; color: #444; cursor: auto; } .block-blog-archive .sublist { margin: 5px 0 5px 15px; } .block-blog-archive li.month { padding: 3px 0 3px 15px; } .blog-page .page-title, .news-list-page .page-title { margin: 0; } .blog-page .post, .news-items .news-item { margin: 0 0 30px; } .blog-page .post:after { content: ""; display: block; clear: both; } /*Act Theme Change*/ .post-title, .news-title { display: inline-block; padding: 20px 10px; line-height: 20px; font-size: 16px; font-weight: bold; color: #767676; } /*Act Theme Change*/ .html-home-page .post-title, .html-home-page .news-title { color: white; } .post-title:hover, .news-title:hover { color: #35459d; } /*Act Theme Change*/ .post-date, .news-date { display: block; margin: 0 0 15px; background-color: transparent; padding: 10px; font-style: italic; color: #a5a5a5; } /*Act Theme Change*/ .post-body, .news-body { margin: 0 0 20px; padding: 0 10px; line-height: 22px; color: #aeaeae; } .blog-page .tags, .blogpost-page .tags { margin: 0 0 15px; overflow: hidden; padding: 0 10px; } .blog-page .tags label, .blogpost-page .tags label { display: inline-block; margin: 0 3px 3px 0; font-weight: bold; color: #444; } .blog-page .tags ul, .blogpost-page .tags ul { display: inline-block; margin: 0 0 3px 3px; font-size: 0; } .blog-page .tags li, .blogpost-page .tags li { display: inline-block; font-size: 14px; /*reset zeroing*/ } .blog-page .tags li.separator, .blogpost-page .tags li.separator { margin: 0 8px 0 0; } .blog-page .tags a, .blogpost-page .tags a { display: block; color: #4ab2f1; } .blog-page .tags a:hover, .blogpost-page .tags a:hover { text-decoration: underline; } .blog-posts .buttons, .news-items .buttons { margin: 0; padding: 0 10px; } .blog-posts .buttons .read-comments { display: block; margin: 0 0 15px; font-weight: bold; color: #444; } .blog-posts .buttons .read-comments:hover { color: #4ab2f1; } /*Act Theme Change*/ .blog-posts .buttons .read-more, .news-items .buttons .read-more { display: inline-block; border: none; background-color: #eeeeee; padding: 10px 20px; font-size: 12px; color: #0a0d20; text-transform: capitalize; } /*Act Theme Change*/ .blog-posts .buttons .read-more:hover, .news-items .buttons .read-more:hover { background-color: #35459d; color: white; box-shadow: 0px 5px 26px -2px #35459d; } .new-comment { margin: 50px 0 60px; } .new-comment .notifications { margin: 0 0 10px; } .new-comment .result { color: #690; } .new-comment .form-fields { margin: 0 0 20px; } .new-comment .button-1 { border: none; background-color: #4ab2f1; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; } .new-comment .button-1:hover { background-color: #248ece; } .comment-list { margin: 0 0 100px; } .comment-list .title { margin: 0 0 15px; padding: 0 10px; font-size: 20px; color: #444; } .comment-list .title strong { font-weight: normal; } .comment-list .comment { margin: 0 0 40px; border-top: 1px solid #ddd; } .comment-list .comment:after { content: ""; display: block; clear: both; } .comment-info { width: 150px; margin: 20px auto; } .comment-info .username { display: block; margin: 0 0 -1px; border: 1px solid #ddd; background-color: #f6f6f6; padding: 11px 0; font-weight: bold; color: #444; } .comment-info a.username:hover { color: #4ab2f1; } .comment-info .avatar { position: relative; width: 150px; height: 150px; border: 1px solid #ddd; overflow: hidden; } .comment-info .avatar img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; border: solid 2px #CEDBE1 !important; } .comment-time { margin: 0 0 15px; font-size: 13px; font-weight: bold; } .comment-time span { color: #444; } .comment-title { margin: 0 0 15px; font-size: 16px; color: #444; } .comment-body { line-height: 22px; } /*Act Theme Change*/ .news-list-homepage { margin: 100px 0 75px 0; padding: 0 20px; } /*Act Theme Change*/ .news-list-homepage .title { margin: 0 0 80px 0; border-bottom: 1px solid #ddd; padding: 100px 0 28px 0; font-size: 38px; font-weight: normal; color: #444; } /*Act Theme Change*/ .news-list-homepage .title strong { font-weight: normal; color: white; } /*Act Theme Change*/ .news-list-homepage .title h1 { color: white; margin: 0; font-size: 60px; font-weight: 800; } /*Act Theme Change*/ .news-list-homepage .title h1 span { font-weight: bold; color: #3d49b9; text-shadow: 0px 0px 10px #0d176c; } .news-list-homepage .view-all { text-align: center; } /*Act Theme Change*/ .news-list-homepage .view-all a { color: #bbbcc1; text-decoration: underline; } .news-list-homepage .view-all a:hover { color: #4ab2f1; } /*** FORUM & PROFILE ***/ .forums-main-page .topic-block { margin: 0 0 35px; text-align: center; } .forums-main-page .topic-block p { text-align: center; } .forums-main-page .pager { display: none; } .forum-breadcrumb { margin: 0 0 40px; } .forums-header { margin: 0 0 50px; overflow: hidden; } .forums-header:after { content: ""; display: block; clear: both; } .forums-header .current-time { margin: 0 0 15px; color: #444; } .forum-search-box .basic { overflow: hidden; margin: 0 0 10px; } .forum-search-box .advanced a { line-height: 22px; color: #444; text-decoration: underline; } .forum-search-box .advanced a:hover { color: #4ab2f1; } .forum-search-page .page-title { margin: 0 0 -1px; } .forum-search-page .search-error, .forum-search-page .no-result { margin: 0 0 15px; text-align: center; color: #e4434b; } /* forum group */ .forums-table-section { margin: 0 0 60px; } .forums-table-section + .pager { margin: -30px 0 30px; } .forums-table-section-title { margin: 0 0 15px; padding: 0 10px; } .forums-table-section-title a, .forums-table-section-title strong { font-size: 22px; font-weight: normal; color: #444; } .forums-table-section-title a:hover { color: #4ab2f1; } .forums-table-section .image div { width: 38px; height: 32px; margin: auto; background: url('../../Themes/ActSiteM1/Content/images/topic-type1.png') center no-repeat; } .forums-table-section .image div.sticky { background: url('../../Themes/ActSiteM1/Content/images/topic-type2.png') center no-repeat; } .forums-table-section .image div.announcement { background: url('../../Themes/ActSiteM1/Content/images/topic-type3.png') center no-repeat; } .forums-table-section .forum-title, .forums-table-section .topic-title { margin: 5px 0; } .forums-table-section .forum-title a, .forums-table-section .topic-title a { font-size: 16px; font-weight: bold; color: #444; } .forums-table-section .forum-title a:hover, .forums-table-section .topic-title a:hover { color: #4ab2f1; text-decoration: none; } .forums-table-section .topic-title span { display: block; color: #777; } .forums-table-section .forum-description, .forums-table-section .topic-starter { margin: 5px 0; } .forums-table-section .latest-post { white-space: nowrap; } .forums-table-section .latest-post div { margin: 5px 0; } .forums-table-section .latest-post label { color: #777; } .forums-table-section .view-all { margin: 30px 0 0; padding: 0 10px; } .forums-table-section .view-all a { background-color: #4ab2f1; padding: 10px 15px; font-size: 12px; color: #fff; text-transform: uppercase; } .forums-table-section .view-all a:hover { background-color: #248ece; } /* forum-page, topic page */ .forum-page .forum-info { margin: 0 0 30px; } .forum-page .forum-name, .forum-topic-page .topic-name { margin: 0 0 25px; border-bottom: 1px solid #ddd; padding: 0 10px 10px; } .forum-page .forum-name h1, .forum-topic-page .topic-name h1 { font-size: 30px; font-weight: normal; } .forum-actions, .topic-actions { margin: 0 0 30px; font-size: 0; } .forum-actions .actions a, .topic-actions .actions a { display: inline-block; margin: 1px; padding: 10px 10px 10px 33px; font-size: 14px; } .forum-actions .actions .new-topic { background: #eee url('../../Themes/ActSiteM1/Content/images/new.png') left center no-repeat; } .forum-actions .actions .watch-forum, .topic-actions .actions .watch-forum { background: #eee url('../../Themes/ActSiteM1/Content/images/watch.png') left center no-repeat; } .forum-actions .actions a:hover, .topic-actions .actions a:hover { background-color: #e6e6e6; } .forum-actions .pager.upper, .topic-actions .pager.upper { display: none; margin: 0; } .topic-actions .reply-topic-button { background: #eee url('../../Themes/ActSiteM1/Content/images/reply.png') left center no-repeat; } .topic-actions .watch-topic-button { background: #eee url('../../Themes/ActSiteM1/Content/images/watch.png') left center no-repeat; } .topic-actions .move-topic-button { background: #eee url('../../Themes/ActSiteM1/Content/images/move.png') left center no-repeat; } .topic-actions .edit-topic-button { background: #eee url('../../Themes/ActSiteM1/Content/images/edit_.png') left center no-repeat; } .topic-actions .delete-topic-button { background: #eee url('../../Themes/ActSiteM1/Content/images/remove_.png') left center no-repeat; } .topic-actions.lower .actions { display: none; } .active-discussions-page .forums-table-section-title { margin: 0 0 25px; border-bottom: 1px solid #ddd; padding: 0 10px 10px; } .active-discussions-page .forums-table-section-title strong { font-size: 30px; font-weight: normal; } .active-discussions-page .forums-table-section-body { margin: 0 0 20px; } /* topic post */ .topic-post { margin: 0 0 30px; border-top: 1px solid #ddd; } .topic-post:last-child { border-bottom: 1px solid #ddd; } .topic-post:after { content: ""; display: block; clear: both; } .topic-post .post-info { margin: 30px 0; } .topic-post .user-info { width: 150px; margin: 0 auto 15px } .topic-post .username { display: block; margin: 0 0 -1px; border: 1px solid #ddd; background-color: #f6f6f6; padding: 11px 0; font-weight: bold; color: #444; } .topic-post a.username:hover { color: #4ab2f1; } .topic-post .avatar, .profile-info-box .avatar { position: relative; width: 150px; height: 150px; border: 1px solid #ddd; overflow: hidden; } .topic-post .avatar img, .profile-info-box .avatar img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; } .topic-post .avatar img { border: solid 2px #CEDBE1 !important; } .topic-post .user-stats { margin: 0 0 15px; } .topic-post .user-stats li { display: inline-block; margin: 0 10px; } .topic-post .user-stats span, .profile-info-box .profile-stats span { margin: 0 0 0 3px; font-weight: bold; color: #444; } .topic-post .pm-button, .profile-info-box .pm-button { display: inline-block; border: none; background-color: #888; padding: 10px 20px; font-size: 12px; color: #fff; text-transform: uppercase; } .topic-post .pm-button:hover, .profile-info-box .pm-button:hover { background-color: #999; } .topic-post .post-time { margin: 0 0 15px; background-color: #f6f6f6; padding: 10px 15px; font-size: 13px; font-weight: bold; } .topic-post .post-time span { color: #444; } .topic-post .post-actions { margin: 0 0 15px; font-size: 0; } .topic-post .post-actions > div { display: inline-block; } .topic-post .post-actions a { display: inline-block; margin: 1px 5px; font-size: 14px; } .topic-post .post-actions .edit-post-button, .topic-post .post-actions .delete-post-button { padding: 10px 10px 10px 33px; } .topic-post .post-actions .edit-post-button { background: url('../../Themes/ActSiteM1/Content/images/edit_.png') left center no-repeat; } .topic-post .post-actions .delete-post-button { background: url('../../Themes/ActSiteM1/Content/images/remove_.png') left center no-repeat; } .topic-post .post-actions .edit-post-button:hover, .topic-post .post-actions .delete-post-button:hover { color: #4ab2f1; } .topic-post .post-actions .post-link-button { padding: 10px; font-weight: bold; color: #4ab2f1; } .topic-post .post-actions .post-link-button:hover { text-decoration: underline; } .topic-post .post-actions .quote-post-button { background-color: #888; padding: 10px 20px; color: #fff; } .topic-post .post-actions .quote-post-button:hover { background-color: #999; color: #fff; } .topic-post .post-text { /*topic post-text also gets style from blog post-body*/ padding: 0 10px 20px; line-height: 22px; color: #444; margin-bottom: 0; } .topic-post .post-vote { text-align: center; display: table; margin: 0 auto 20px; } .topic-post .user-posted-image, .latest-posts .user-posted-image { max-width: 100%; height: auto; } .topic-post .quote, .latest-posts .quote { margin: 10px 0; border: 1px dashed #ccc; background-color: #f9f9f9; padding: 10px; color: #777; } .topic-post .signature { border-top: 1px solid #ddd; padding: 20px; font-size: 13px; font-style: italic; clear: both; } .topic-post .post-vote span.vote { cursor: pointer; display: block; width: 40px; height: 24px; } .topic-post .post-vote span.up { background: url('../../Themes/ActSiteM1/Content/images/vote-up.png') no-repeat 50% 50%; } .topic-post .post-vote span.vote.up.selected { background: url('../../Themes/ActSiteM1/Content/images/vote-up-selected.png') no-repeat 50% 50%; } .topic-post .post-vote span.down { background: url('../../Themes/ActSiteM1/Content/images/vote-down.png') no-repeat 50% 50%; } .topic-post .post-vote span.vote.down.selected { background: url('../../Themes/ActSiteM1/Content/images/vote-down-selected.png') no-repeat 50% 50%; } .topic-post .vote-count-post { display: block; font-size: 160%; } /* forum edit & send message */ .forum-edit-page .page-title, .move-topic-page .page-title, .private-message-send-page .page-title { margin: 0 0 -1px; } .move-topic-page label { white-space: normal; } .forum-edit-page .message-error, .private-message-send-page .message-error { margin: 20px 0; } .forum-edit-page .inputs strong { display: inline-block; max-width: 400px; font-size: 22px; /*reset zeroing*/ font-weight: normal; color: #444; white-space: normal; } .forum-edit-page .inputs .topic-subject { font-size: 17px; } .forum-edit-page .inputs.reversed { margin: 0; } .forum-edit-page .inputs.reversed label { width: auto; margin: 5px; font-size: 14px; /*reset zeroing*/ white-space: normal; } .forum-edit-page .bb-code-editor-wrapper, .private-message-send-page .bb-code-editor-wrapper { max-width: 400px; margin: 20px auto; background-color: #ddd; padding: 10px; } .forum-edit-page .toolbar .button, .private-message-send-page .toolbar .button { margin: 0 2px 0 0; border: #cec6b5 1px solid; padding: 2px; } .forum-edit-page .toolbar .button:hover, .private-message-send-page .toolbar .button:hover { border: #333 1px solid; } .forum-edit-page textarea, .private-message-send-page textarea { display: block; margin: auto; } .forum-edit-page .buttons input, .move-topic-page .buttons input, .private-messages .buttons input { min-width: 140px; border: none; background-color: #999; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; } .forum-edit-page .buttons input:hover, .move-topic-page .buttons input:hover, .private-messages .buttons input:hover { background-color: #888; } .forum-edit-page .buttons .button-1, .move-topic-page .buttons .button-1, .private-messages .buttons .button-1 { background-color: #4ab2f1; } .forum-edit-page .buttons .button-1:hover, .move-topic-page .buttons .button-1:hover, .private-messages .buttons .button-1:hover { background-color: #248ece; } .private-message-send-page a { font-size: 14px; color: #4ab2f1; } .private-message-send-page span { font-size: 14px; } /* jQuery tabs */ .ui-tabs { /*override jQuery UI styles, do not delete doubled properties*/ border: none; border-radius: 0; background: none; padding: 0; font: normal 14px Arial, Helvetica, sans-serif; color: #777; } .ui-widget.ui-widget-content.ui-tabs { border: none; } .ui-tabs-nav { margin: 0 0 30px; border-bottom: 1px solid #ddd; overflow: hidden; font-size: 0; /*override jQuery UI styles, do not delete doubled properties*/ margin: 0 0 30px !important; border-width: 0 0 1px; border-radius: 0; background: none; padding: 0 !important; line-height: normal; font-weight: normal; color: #444; } .ui-tabs-nav li { margin: 0 0 -1px; /*override jQuery UI styles, do not delete doubled properties*/ float: none !important; margin: 0 0 -1px !important; border: none !important; border-radius: 0; background: none !important; padding: 0 !important; } .ui-tabs-nav li a { display: block; border: 1px solid #ddd; padding: 12px 24px; text-align: center; font-size: 18px; color: #444; /*override jQuery UI styles, do not delete doubled properties*/ float: none !important; padding: 12px 24px !important; } .ui-tabs-nav li.ui-state-active a { background-color: #eee; color: #4ab2f1; } .ui-tabs-panel { /*override jQuery UI styles, do not delete doubled properties*/ padding: 0 !important; } /* inbox & view message */ .private-messages-page .table-wrapper, .private-message-view-page .view-message { margin: 0 0 30px; } .private-messages-page th.select { text-align: center; } .private-messages-page td.from, .private-messages-page td.to, .private-messages-page td.subject { min-width: 150px; } .private-messages-page td.date { white-space: nowrap; } .private-messages-page td.subject a { color: #444; } .private-messages-page td.subject a.pm-unread { color: #4ab2f1; } .private-messages-page .pager { margin: 0 0 30px; } .private-messages-page .buttons, .private-message-view-page .buttons { font-size: 0; } .private-messages-page .buttons .button-1, .private-messages-page .buttons .button-2, .private-message-view-page .buttons .button-1, .private-message-view-page .buttons .button-2 { display: block; width: 250px; margin: 0 auto 3px; font-size: 15px; /*reset zeroing*/ } .private-messages-page .no-items { padding: 20px; text-align: center; } .private-message-view-page .view-message { margin: 0 0 30px; } .private-message-view-page .message-head { margin: 0 0 20px; line-height: 22px; } .private-message-view-page .message-head span { font-weight: bold; color: #444; } .private-message-view-page .message-body { border-top: 1px solid #ddd; background-color: #f9f9f9; padding: 30px 20px; line-height: 22px; text-align: justify; } .private-message-view-page .back-pm-button { text-transform: capitalize !important; } /* profile page */ .profile-info-box { overflow: hidden; /*override jQuery UI styles, do not delete doubled properties*/ line-height: normal; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #777; } .profile-info-box .user-details { margin: 0 0 30px; } .profile-info-box .avatar { margin: 0 auto 15px; } .profile-info-box .title { margin: 0 0 10px; font-size: 18px; color: #444; } .profile-info-box .stats { margin: 0 0 15px; } .latest-posts { /*override jQuery UI styles, do not delete doubled properties*/ line-height: normal; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #777; } .latest-posts .topic { margin: 0 0 35px; } .latest-posts .topic-title { margin: 0 0 20px; border-top: 1px solid #ddd; background: #f6f6f6; padding: 10px; font-size: 16px; } .latest-posts .topic-title a { font-weight: bold; color: #444; } .latest-posts .topic-title a:hover { color: #4ab2f1; } .latest-posts .topic-body { margin: 0 0 15px; line-height: 22px; } .latest-posts .topic-data { color: #444; } /* BB codes */ pre { white-space: pre-wrap; white-space: normal; word-wrap: break-word; } .csharpcode { margin: 10px 0; border: 1px dashed #ccc; background-color: #fff; padding: 10px; font-family: "Courier New", Courier, monospace; color: #000; } .csharpcode .rem { color: green; } .csharpcode .kwrd { color: #00f; } .csharpcode .str { color: #006080; } .csharpcode .op { color: #00c; } .csharpcode .preproc { color: #c63; } .csharpcode .asp { background-color: #ff0; } .csharpcode .html { color: maroon; } .csharpcode .attr { color: red; } .csharpcode .alt { width: 100%; margin: 0; background-color: #f6f6f6; } .csharpcode .lnum { color: #666; } @media all and (max-width: 769px) { .review-rating .name-description { text-align: center; width: 100%; display: block; } .write-review .review-rating div { text-align: center; padding-bottom: 10px; display: inline-block; } /*** ESTIMATE SHIPPING POPUP ***/ .shipping-address { flex-flow: column; } .address-item { width: 100%; } .estimate-shipping-row-item.address-item + .estimate-shipping-row-item.address-item { padding-left: 0px; padding-top: 8px; } } @media all and (max-width: 1000px) { /*** GLOBAL TABLES ***/ .cart { display: block; } .cart colgroup, .cart thead { display: none; } .cart tbody { display: block; overflow: hidden; } .cart tr { display: block; float: left; width: 100%; margin: 40px 0 0; border: 1px solid #ddd; } .cart td { display: block; border: none; padding: 10px; } .cart td.remove-from-cart { margin: 0 0 15px; border-bottom: 1px solid #ddd; background-color: #eee; padding: 10px; } .cart td.product-picture { border-top: 1px solid #ddd; padding: 15px 10px 5px; } .cart td.product { min-width: 0; border-bottom: 1px solid #ddd; padding: 5px 10px 15px; text-align: center; } .cart td.quantity { display: inline-block; padding: 0 10px; vertical-align: middle; } .cart td.unit-price, .cart td.subtotal { display: inline-block; padding: 20px 10px; vertical-align: middle; } .order-details-page .data-table { display: block; } .order-details-page .data-table colgroup, .order-details-page .data-table thead { display: none; } .order-details-page .data-table tbody { display: block; overflow: hidden; } .order-details-page .data-table tr { display: block; float: left; width: 100%; margin: 40px 0 0; border: 1px solid #ddd; } .order-details-page .data-table td { display: block; border: none; padding: 10px; } .order-details-page .data-table td.product, .order-details-page .data-table td.tracking-number { min-width: 0; border-bottom: 1px solid #ddd; padding: 5px 10px 15px; text-align: center; } /*** MOBILE NAVIGATION ***/ .header-menu { position: relative; z-index: 1; width: 90%; max-width: 600px; margin: 0 auto 40px; } .menu-toggle { background: #4ab2f1 url('../../Themes/ActSiteM1/Content/images/menu-icon.png') right center no-repeat; padding: 15px; font-size: 15px; font-weight: bold; color: #fff; text-transform: uppercase; cursor: pointer; } .top-menu { display: none; } .top-menu > li { position: relative; margin: 1px 0; background-color: #f6f6f6; } .top-menu > li > a { display: block; min-height: 55px; padding: 18px; font-size: 15px; color: #555; } .top-menu .sublist { display: none; background-color: #fff; padding: 5px 0; } .top-menu .sublist li { position: relative; margin: 1px 0 1px 20px; } .top-menu .sublist li a { display: block; padding: 15px 18px; font-size: 15px; } .sublist-toggle { position: absolute; top: 0; right: 0; width: 55px; height: 55px; border-left: 1px solid #fff; background: url('../../Themes/ActSiteM1/Content/images/toggle-black.png') center no-repeat; padding: 15px; font-size: 15px; font-weight: bold; color: #fff; text-transform: uppercase; cursor: pointer; } .sublist .sublist-toggle { height: 49px; } .sublist .sublist li { background-color: #f6f6f6; } .sublist .sublist .sublist li { background-color: #fff; } .block-category-navigation { display: none; } .block-account-navigation { float: none; margin: auto !important; } .write-review .review-rating { text-align: center; } .write-review .review-rating div.name-description { width: 100%; margin: 0 5px 0 0; text-align: center; } } @media all and (min-width: 481px) { /*** GLOBAL ***/ .master-wrapper-content, .header-menu { width: 92.5%; } /*** GLOBAL TABLES ***/ .cart tr { width: 46%; margin: 40px 2% 0; } .cart tr:nth-child(2n+1) { clear: both; } .order-details-page .data-table tr { width: 46%; margin: 40px 2% 0; } .order-details-page .data-table tr:nth-child(2n+1) { clear: both; } /*** HEADER ***/ .header-selectors-wrapper > div { display: inline-block; width: 30%; margin: 10px auto; } .search-box input.search-box-text { width: 280px; } .ui-autocomplete { width: 280px !important; } .ui-autocomplete img { display: inline; } /*** FOOTER ***/ .footer-block { width: 85%; } .newsletter-email input[type="text"] { width: 240px; } /*** CATEGORY ***/ .product-filter { display: table-cell; vertical-align: top; text-align: left; } .product-filter.price-range-filter { width: 200px; } .product-filter .product-spec-group { float: left; margin: 0 25px 10px 0; } .product-filter .product-spec-group.product-spec-color { max-width: 190px; } .product-filter .group li.item { display: block; margin: 0; } .product-filter .group li.color-item { display: inline-block; } .item-box { width: 49%; margin: 0 0.5% 50px; } .item-box:nth-child(2n+1) { clear: both; } .item-box .product-rating-box { margin: 0 0 15px; } .item-box .prices { min-height: 40px; } .item-box .product-title { min-height: 42px; margin: 0 0 5px; } /*** PRODUCT PAGE ***/ .overview-buttons div { display: inline-block; width: auto; margin: 0 1px 2px; } /*** WISHLIST ***/ .wishlist-content .button-2 { display: inline-block; width: auto; min-width: 140px; margin: 0 1px 5px; } /*** TOPICS ***/ .enter-password-form input[type="password"] { width: 260px; } /*** FORUM & PROFILE ***/ .forums-header { background-color: #f9f9f9; padding: 30px 20px 20px; } .ui-tabs-nav li { display: inline-block; min-width: 150px; margin: 0 5px -1px; /*override jQuery UI styles, do not delete doubled properties*/ margin: 0 5px -1px !important; } .private-messages-page .buttons .button-1, .private-messages-page .buttons .button-2, .private-message-view-page .buttons .button-1, .private-message-view-page .buttons .button-2 { display: inline-block; width: auto; margin: 1px; } .topic-post .post-text { float: left; width: 90.5%; text-align: left; } .forum-group .forum-table th.latest-post, .forum-group .forum-table th.topics, .forum-group .forum-table th.posts, .forum-group .forum-table td.latest-post, .forum-group .forum-table td.topics, .forum-group .forum-table td.posts { display: table-cell; } .topic-group .forum-table th.latest-post, .topic-group .forum-table td.latest-post { display: table-cell; } .forum-table td.image { max-width: 40px; } .forum-table td.image div { max-width: 100%; background-size: contain; } /*** ESTIMATE SHIPPING POPUP ***/ .estimate-shipping-popup { padding: 25px; } } @media all and (min-width: 769px) { /**** GLOBAL ***/ .master-wrapper-content { width: 94%; } .home-page-polls li { min-width: 100px; } /**** GLOBAL TABLES ***/ .cart tr { width: 31.33333%; margin: 40px 1% 0; } .cart tr:nth-child(2n+1) { clear: none; } .cart tr:nth-child(3n+1) { clear: both; } .order-details-page .data-table tr { width: 31.33333%; margin: 40px 1% 0; } .order-details-page .data-table tr:nth-child(2n+1) { clear: none; } .order-details-page .data-table tr:nth-child(3n+1) { clear: both; } /*** HEADER ***/ .header-selectors-wrapper > div { width: 20%; } /*** FOOTER ***/ .footer-block { display: inline-block; width: 25.33333%; margin: 0 4%; vertical-align: top; } .footer-block .title { margin: 0 0 15px; background: none; padding: 0; color: #444; cursor: auto; } .footer-block .list { display: block !important; /* prevents toggle display:none on resize */ background: none; padding: 0; } .footer-block .list li { padding: 5px 0; } .footer-block .list a { display: inline; padding: 0; } .follow-us { width: 98%; margin: 25px auto 0; } /*** CATEGORY ***/ .product-selectors { text-align: left; } .product-selectors .product-viewmode { display: inline-block; float: right; } .product-selectors .product-viewmode span { display: none; } .product-selectors .product-viewmode a { display: inline-block; width: 24px; height: 32px; margin: 0 0 0 12px; background-position: center; background-repeat: no-repeat; opacity: 0.5; } .product-selectors .product-viewmode a.grid { background-image: url('../../Themes/ActSiteM1/Content/images/view-grid.png'); } .product-selectors .product-viewmode a.list { background-image: url('../../Themes/ActSiteM1/Content/images/view-list.png'); } .product-selectors .product-viewmode a.selected { opacity: 1; } .item-box { width: 32.33333%; margin: 0 0.5% 50px; } .item-box:nth-child(2n+1) { clear: none; } .item-box:nth-child(3n+1) { clear: both; } .product-list .item-box { float: none; width: auto; margin: 0 5px 20px; } .product-list .item-box .product-item:after { content: ""; display: block; clear: both; } /*Act Theme Change*/ /*.product-list .item-box .picture { float: left; width: 220px; }*/ .product-list .item-box:hover .picture a img { opacity: 1; } .product-list .item-box .picture:hover a img { opacity: 0.85; } /*Act Theme Change*/ /*.product-list .item-box .picture + .details { margin: 0 0 0 240px; }*/ .product-list .item-box .product-title { height: auto; padding: 10px 0; font-size: 18px; } .product-list .item-box .description { display: block; margin: 0 0 10px; line-height: 22px; } .product-list .item-box .prices { height: auto; margin: 0 0 30px; } .product-list .item-box .buttons { } .product-list .item-box .product-box-add-to-cart-button { width: auto; min-width: 150px; padding: 0 20px; } .product-list .item-box .add-to-compare-list-button, .product-list .item-box .add-to-wishlist-button { width: 42px; } /*** PRODUCT PAGE ***/ .gallery { width: 550px; } .variant-picture { float: left; } .variant-picture + .variant-overview { width: auto; margin: 0 0 0 240px; } .variant-overview { text-align: left; } /*** PRODUCT REVIEWS ***/ .product-review-item .review-title { float: left; max-width: 600px; } .product-review-item .product-review-box { float: right; } .write-review .review-rating div { display: inline-block; margin: 0 0 0 5px; cursor: default; vertical-align: middle; font-size: 14px; height: 17px; } /*** REGISTRATION, LOGIN, ACCOUNT ***/ .address-list-page .section, .order-list-page .section, .return-request-list-page .section { display: inline-block; width: 45%; margin: 20px 1%; vertical-align: top; } .recurring-payments { width: 100% !important; margin: 20px 0 !important; } /*** SHOPPING CART ***/ .order-progress { padding: 20px; } .order-progress li { margin: 0 10px; } .order-progress a { min-width: 80px; } .cart-options .common-buttons { text-align: right; } .cart-options .checkout-attributes, .cart-options .selected-checkout-attributes { padding: 0 10px; } .cart-footer .totals { float: right; width: 45%; margin: 0 2.5%; } .cart-footer .terms-of-service { text-align: left; } .cart-footer .checkout-buttons, .cart-footer .addon-buttons { text-align: right; } .cart-footer .cart-collaterals { float: left; width: 45%; margin: 0 2.5%; } .cart-footer .cart-collaterals div, .cart-footer .cart-collaterals label { text-align: left; } .cart-footer .estimate-shipping label { display: block; margin: 0 0 10px; } .cart-footer .estimate-shipping .buttons { text-align: right; } /*** CHECKOUT ***/ .checkout-page .selected-checkout-attributes { float: right; text-align: right; } .checkout-page .cart-footer .totals { max-width: 350px; margin: 0; } .checkout-page .address-grid { overflow: hidden; } .checkout-page .address-item { display: inline-block; *display: inline; vertical-align: top; zoom: 1; width: 48%; margin: 0 1% 40px; } .shipping-method .method-list li, .payment-method .method-list li { display: inline-block; width: 25%; margin: 20px 2%; vertical-align: top; } .shipping-method .method-name { background-color: #f6f6f6; padding: 10px; } .payment-method .payment-logo { display: block; background-color: #f6f6f6; padding: 10px; } .payment-method .payment-details { display: block; width: auto; min-width: 0; margin: 10px 0 0; text-align: center; } .payment-info .info { padding: 30px 75px; } .order-review-data, .order-details-area, .shipment-details-area { overflow: hidden; } .order-review-data > div, .order-details-area > div, .shipment-details-area > div { float: left; width: 48%; margin: 0 1% 40px; } /*** ORDER DETAILS & SHIPPING DETAILS ***/ .order-details-page .section.options { text-align: right; } .order-details-page .selected-checkout-attributes { padding: 0 10px; } .order-details-page .tax-shipping-info { text-align: right; } .order-details-page .totals { float: right; clear: both; } .shipment-details-page .tracking-number .tracking-url { color: #4ab2f1; } /*** BLOG & NEWS ***/ .blog-posts .tags { float: right; width: 80%; text-align: right; } .blog-posts .buttons { float: left; width: 20%; text-align: left; } .new-comment { text-align: center; } .new-comment .buttons { text-align: center; } .comment-list .comment { display: table; width: 100%; margin: 0; } .comment-list .comment:last-child { border-bottom: 1px solid #ddd; } .comment-info { display: table-cell; width: 15%; margin: 0; vertical-align: top; } .comment-info .username { min-height: 40px; margin: 0; border: none; text-align: center; } .comment-info .avatar { border: none; } .comment-info .avatar img { max-width: 80%; max-height: 80%; } .comment-content { display: table-cell; width: 85%; border-left: 1px solid #ddd; vertical-align: top; text-align: left; } .comment-time { min-height: 40px; margin: 0; background-color: #f6f6f6; padding: 10px 15px; font-size: 14px; font-weight: normal; } .comment-title { margin: 0 0 -20px; padding: 20px; } .comment-body { padding: 20px; } /*** FORUM & PROFILE ***/ .forum-actions, .topic-actions { overflow: hidden; } .forum-actions .actions, .topic-actions .actions { float: left; } .forum-actions .pager, .topic-actions .pager { float: right; max-width: 450px; } .forum-actions .pager li, .topic-actions .pager li { margin: 2px 4px; } .forum-actions .pager.upper { display: block; } .topic-actions.lower .actions { display: block; } .topic-posts { margin: 0 0 30px; } .topic-post { display: table; width: 100%; margin: 0; } .topic-post .post-info { display: table-cell; width: 15%; margin: 0; vertical-align: top; text-align: left; } .topic-post .user-info { width: auto; } .topic-post .username { min-height: 40px; margin: 0; border: none; text-align: center; } .topic-post .avatar { margin: auto; border: none; } .topic-post .avatar img { max-width: 80%; max-height: 80%; } .topic-post .user-stats li { margin: 0; } .topic-post .send-pm { margin: 0 0 20px; } .topic-post .pm-button, .profile-info-box .pm-button { padding: 8px 16px; font-size: 13px; } .topic-post .post-content { display: table-cell; width: 85%; border-left: 1px solid #ddd; vertical-align: top; text-align: left; } .topic-post .post-head { min-height: 40px; overflow: hidden; background-color: #f6f6f6; } .topic-post .post-time { float: left; margin: 0; font-size: 14px; font-weight: normal; } .topic-post .post-actions { float: right; margin: 0; } .topic-post .post-actions a { margin: 0; line-height: 20px; } .topic-post .post-actions .manage-post a { } .topic-post .post-actions .quote-post a { min-width: 70px; } .topic-post .post-actions a.post-link-button { margin: 0 0 0 10px; border-left: 1px solid #ddd; text-align: center; } .topic-post .post-text { padding: 20px 5px; } .topic-post .post-vote { padding: 20px 0 20px 15px; } .forum-table th.replies, .forum-table th.views, .forum-table th.votes, .forum-table td.replies, .forum-table td.views, .forum-table td.votes { display: table-cell; } .forum-table td.image { max-width: none; } .forum-table td.image div { max-width: none; background-size: initial; } .ui-tabs-nav { text-align: left; } .ui-tabs-nav li { margin: 0 10px -1px 0; /*override jQuery UI styles, do not delete doubled properties*/ margin: 0 10px -1px 0 !important; } .profile-info-box .avatar { float: left; margin: 0 15px 15px 0; } .profile-info-box .profile-stats { float: left; text-align: left; } .profile-info-box .title { text-align: left; } .profile-info-box .send-pm { clear: both; text-align: left; } } @media all and (min-width: 1001px) { /*** GLOBAL STYLES ***/ .master-wrapper-content { width: 980px; margin: auto; } .center-2 { float: right; width: 73%; } .side-2 { float: left; width: 25%; } .page { text-align: left; } .inputs { text-align: left; } .inputs label { display: inline-block; width: 265px; margin: 0 10px 0 0; text-align: right; } .inputs input[type="text"], .inputs input[type="email"], .inputs input[type="tel"], .inputs input[type="password"], .inputs select { min-height: 40px; } .inputs .option-list li { margin: 0 10px 0 0; } .center-1 .buttons { text-align: center; } .center-2 .inputs label { width: 136px; } .inputs.accept-consent label { width: auto; } .page-title a + h1 { float: left; } .link-rss { display: block; float: right; margin: 6px 0 0; } /*** GLOBAL TABLES ***/ .cart tr { width: auto; margin: 0; } .cart label { display: none; } .order-details-page .data-table tr { width: auto; margin: 0; } .order-details-page .data-table label { display: none; } /*** HEADER ***/ .header { width: 980px; margin: auto; } .header-upper:after { content: ""; display: block; clear: both; } .header-selectors-wrapper { float: left; border: none; padding: 0; } .header-selectors-wrapper > div { width: auto; min-width: 100px; margin: 0 12px 0 0; line-height: 43px; } .header-selectors-wrapper select { height: 25px; padding: 4px; font-size: 12px; } /*Act Theme Change*/ .language-list { text-align: center; } .header-links-wrapper { float: right; padding: 0; } .header-links li { margin: 0 16px; } .header-links a, .header-links span { line-height: 45px; text-transform: none; } #topcartlink { display: inline-block; width: auto; margin: 0; padding: 0 18px; } .flyout-cart { position: absolute; top: 100%; right: 0; z-index: 100; width: 300px; box-shadow: 0 0 2px rgba(0,0,0,0.25); background-color: #fff; } .flyout-cart.active { display: block; } .mini-shopping-cart { padding: 12px; text-align: left; font-size: 12px; } .mini-shopping-cart .count { padding: 5px 0 15px; color: #444; } .mini-shopping-cart .count a { margin: 0 2px; font-weight: bold; color: #444; } .mini-shopping-cart .items { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; margin: 0 0 20px; } .mini-shopping-cart .item { overflow: hidden; padding: 10px 0; } .mini-shopping-cart .picture { float: left; width: 70px; text-align: center; } .mini-shopping-cart .picture a { display: block; position: relative; overflow: hidden; } .mini-shopping-cart .picture a:before { content: ""; display: block; padding-top: 100%; } .mini-shopping-cart .picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; max-width: 100%; } .mini-shopping-cart .picture + .product { margin: 0 0 0 80px; } .mini-shopping-cart .name { margin: 0 0 10px; font-size: 14px; } .mini-shopping-cart .name a { color: #4ab2f1; } .mini-shopping-cart .name a:hover { color: #248ece; } .mini-shopping-cart .attributes { margin: 5px 0; color: #444; } .mini-shopping-cart .totals { margin: 0 0 12px; font-size: 14px; } .mini-shopping-cart .totals strong { font-size: 16px; color: #444; } .mini-shopping-cart .buttons { margin: 0 0 5px; } .mini-shopping-cart input[type="button"] { display: inline-block; border: none; background-color: #4ab2f1; padding: 10px 20px; font-size: 12px; color: #fff; text-transform: uppercase; } .mini-shopping-cart input[type="button"]:hover { background-color: #248ece; } .header-lower { display: table; width: 100%; } .header-logo { display: table-cell; text-align: left; vertical-align: middle; font-size: 0; } .search-box { display: table-cell; text-align: right; vertical-align: middle; } .search-box input.search-box-text, .search-box .search-box-button { height: 40px; } /*** NAVIGATION ***/ .header-menu { position: relative; z-index: 5; width: 980px; margin: 0 auto 30px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 25px 0; text-align: center; } .menu-toggle, .sublist-toggle { display: none; } .header-menu > ul { display: block !important; /* prevents toggle display:none on resize */ font-size: 0; } .header-menu > ul.mobile { display: none !important; } .header-menu > ul > li { display: inline-block; border-left: 1px solid #ddd; padding: 0 15px; vertical-align: middle; } .header-menu > ul > li:first-child { border-left: none; } .header-menu > ul > li > a { display: block; padding: 5px 10px; line-height: 20px; font-size: 17px; /*reset zeroing*/ color: #555; cursor: pointer; } .header-menu > ul > li > a:hover { color: #4ab2f1; } .header-menu .sublist { display: none; position: absolute; width: 200px; box-shadow: 0 0 2px rgba(0,0,0,0.2); background-color: #fff; padding: 10px 0; text-align: left; } .header-menu .sublist li { position: relative; } .header-menu .sublist li a { display: block; position: relative; padding: 10px 20px 10px 30px; font-size: 14px; color: #444; } .header-menu .sublist li a:before { content: ""; position: absolute; top: 17px; left: 15px; width: 5px; height: 5px; background-color: #ddd; } .header-menu .sublist li:hover > a { background-color: #f6f6f6; } .header-menu ul li:hover > .sublist { display: block; } .header-menu .sublist .sublist { top: -10px; left: 100% !important; } /*** FOOTER ***/ /*Act Theme Change*/ .footer-upper { width: 980px; padding: 5px 10px 35px 10px; } .footer-upper:after { content: ""; display: block; clear: both; } /*Act Theme Change*/ .footer-block { /*float: left;*/ width: 220px; margin: 0; } .footer-block:first-child { } .footer-block .list { margin: 0; } /*Act Theme Change*/ .follow-us { /*float: right;*/ width: 300px !important; margin: 0; text-align: left; } .follow-us .social li { margin: 0 10px 0 0; } .newsletter-email { display: block; } .newsletter-email input[type="text"] { width: 200px; } /*Act Theme Change*/ /*.newsletter-email .newsletter-subscribe-button { width: 100px; padding: 0 5px; } .newsletter-validation .field-validation-valid { text-align: left; }*/ .footer-lower { position: relative; width: 980px; padding: 25px 5px; } .footer-lower:after { content: ""; display: block; clear: both; } .footer-info { float: right; line-height: 32px; } .footer-powered-by { float: left; margin: 0; line-height: 32px; } .theme-selector { float: left; margin: 0 0 0 15px; } /*** COLUMN ***/ .block { float: none; width: auto; margin: 0 0 20px; } .block .title { margin: 0; border-bottom: 1px solid #ddd; background: none; cursor: auto; } .block .title strong { font-weight: bold; } .block .listbox { display: block; border-bottom: none; } .block a.product-picture { display: inline-block; position: relative; width: 30%; margin: 0 0 0 -15px; vertical-align: middle; } .block a.product-name { vertical-align: middle; } .block a.product-picture + a.product-name { width: 70%; } .block a.product-picture + a.product-name:before { display: none; } /*** CATEGORY ***/ .breadcrumb { margin: 0 0 20px; } .item-box .buttons { text-align: left; } .home-page .product-grid .item-box, .product-details-page .product-grid .item-box, .shopping-cart-page .product-grid .item-box { width: 24%; margin: 0 0.5% 50px; } .home-page .product-grid .item-box:nth-child(3n+1), .product-details-page .product-grid .item-box:nth-child(3n+1), .shopping-cart-page .product-grid .item-box:nth-child(3n+1) { clear: none; } .home-page .product-grid .item-box:nth-child(4n+1), .product-details-page .product-grid .item-box:nth-child(4n+1), .shopping-cart-page .product-grid .item-box:nth-child(4n+1) { clear: both; } /*** PRODUCT PAGE ***/ .gallery { float: left; width: 46%; } .gallery .picture { width: auto; } .overview { float: right; width: 52%; } .rental-attributes { overflow: hidden; } .rental-attributes .attribute-item { float: left; margin: 0 20px 0 0; } .rental-attributes .datepicker { width: 160px; text-align: left; } .attribute-squares li { margin: 0 10px 10px 0; } .product-details-page .title { text-align: left; } /*** PRODUCT REVIEWS ***/ .product-review-item .review-title { max-width: 850px; } .write-review .review-rating div.name-description { width: 265px; margin: 0 5px 0 0; text-align: right } .product-review-item .review-text { display: table; width: 100%; table-layout: fixed; } .product-review-item .avatar { display: table-cell; vertical-align: top; width: 120px; } .product-review-item .avatar img { max-width: 100%; } .product-review-item .text-body { display: table-cell; vertical-align: top; } .product-review-item .avatar + .text-body { padding: 0 0 0 20px; } /*** WISHLIST & COMPARE LIST ***/ .compare-products-page .page-title { margin: 0 0 -1px; } .compare-products-page .clear-list { position: absolute; top: 7px; right: 0; } .compare-products-table .full-description td { display: table-cell; } .compare-products-table .full-description td p { margin-top: 0; } /*** TOPICS ***/ .center-1 .topic-block-title { text-align: center; } .topic-page p { text-align: justify; } /*** REGISTRATION, LOGIN, ACCOUNT ***/ .gender span { margin: 0 10px 0 0; } .gender span > * { margin: 0 5px 0 0; } .date-of-birth select + select { margin: 0 0 0 11px; } #check-availability-button { display: block; margin: 10px auto; } .login-page .customer-blocks { overflow: hidden; } .login-page .new-wrapper { float: left; width: 49%; margin: 0; } .login-page .new-wrapper .text { min-height: 200px; } .login-page .returning-wrapper { float: right; width: 49%; } /*Act Theme Change*/ .login-page .returning-wrapper .form-fields { /*min-height: 200px;*/ /*padding: 30px 0 0;*/ } .login-page .returning-wrapper .inputs label { width: 110px; } .login-page .returning-wrapper input[type="text"], .login-page .returning-wrapper input[type="email"], .login-page .returning-wrapper input[type="password"] { width: 300px; } .address-list-page .section, .order-list-page .section, .return-request-list-page .section { display: block; width: auto; margin: 0 0 40px; } .address-list-page .buttons, .order-list-page .buttons { position: absolute; top: 5px; right: 10px; } .avatar-page .message-error, .avatar-page .buttons { text-align: left; } .registration-page .vat-note { margin-left: 275px; } .customer-info-page .vat-note, .customer-info-page .email-to-revalidate-note { margin-left: 150px; } .customer-info-page .vat-status { display: inline-block; } /*** SHOPPING CART ***/ .shopping-cart-page .cart-options { overflow: hidden; } .shopping-cart-page .checkout-attributes { float: left; max-width: 565px; margin: -30px 0 15px; } .shopping-cart-page .checkout-attributes li { margin: 5px 10px 5px 0; } .shopping-cart-page .selected-checkout-attributes { float: right; max-width: 395px; margin: 15px 0; } /*** CHECKOUT ***/ .order-progress { margin: -30px 0 50px; } .checkout-page .address-item { width: 31.33333%; } .checkout-page .terms-of-service { text-align: center; } .payment-info .info { padding: 30px 15px; } .payment-info .info td:first-child { width: 265px !important; margin: 0 10px 0 0; text-align: right; } .payment-info .info td:only-child { width: 100% !important; } .order-review-data .title, .order-details-area .title, .shipment-details-area .title { text-align: left; } .opc .order-review-data ul { text-align: left; } /*** SEARCH & SITEMAP ***/ .advanced-search .price-range { margin-left: 114px; } /*** BLOG & NEWS ***/ .comment-list { margin: 0 0 50px; } .news-list-homepage .news-items { overflow: hidden; text-align: left; } .news-list-homepage .news-item { float: left; width: 31.33333%; margin: 0 1% 30px; } .news-list-homepage .news-item:nth-child(3n+1) { clear: both; } .news-list-homepage .news-item:only-child { float: none; width: auto; margin: 0 0 30px; } .news-list-homepage .news-head { text-align: center; } .news-list-homepage .news-body { text-align: justify; } /*** FORUM & PROFILE ***/ .forum-breadcrumb { margin: -30px 0 30px; } .current-time { float: right; } .forum-search-box { float: left; } .forum-search-box .advanced { text-align: left; } .forum-search-box .advanced a { line-height: normal; } .forums-table-section td { min-width: 150px; } .forums-table-section td:first-child { min-width: 90px; } .forums-table-section .view-all { text-align: right; } .topic-actions .pager.upper { display: block; max-width: 400px; } .forum-table .forum-details, .forum-table .topic-details { min-width: 225px; } .forum-table td { padding: 20px; } .forum-edit-page textarea, .private-message-send-page textarea { width: 600px; height: 250px; } .private-message-send-page .bb-code-editor-wrapper { display: inline-block; width: 400px; margin: 10px 0; vertical-align: middle; } } @media all and (min-width: 1367px) { /*** GLOBAL STYLES ***/ .master-wrapper-content { width: 1200px; } .inputs label { width: 375px; } .center-2 .inputs label { width: 213px; } .inputs.accept-consent label { width: auto; } /*** HEADER ***/ .header { width: 1200px; } /*** NAVIGATION ***/ .header-menu { width: 1200px; } .header-menu > ul > li { padding: 0 20px; } .header-menu > ul > li > a, .header-menu > ul > li > span { font-size: 18px; } /*** FOOTER ***/ /*Act Theme Change*/ .footer-upper { width: 1200px; padding: 5px 30px 35px 30px; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; } .footer-block { width: 280px; } .footer-lower { width: 1200px; padding: 25px 20px; } /*** PRODUCT REVIEWS ***/ .product-review-item .review-title { max-width: 1050px; } .write-review .review-rating div.name-description { margin: 0 5px 0 0; min-width: 375px; } /*** REGISTRATION, LOGIN, ACCOUNT ***/ .login-page .returning-wrapper input[type="text"], .login-page .returning-wrapper input[type="email"], .login-page .returning-wrapper input[type="password"] { width: 360px; } .registration-page .vat-note { margin-left: 385px; } .customer-info-page .vat-note, .customer-info-page .email-to-revalidate-note { margin-left: 225px; } /*** SHOPPING CART ***/ .cart-footer .totals { width: 395px; margin: 0; } .cart-footer .cart-collaterals { width: 760px; margin: 0; } .cart-footer .cart-collaterals .deals { float: left; width: 360px; } .cart-footer .cart-collaterals .shipping { float: right; width: 360px; } .cart-footer .estimate-shipping .inputs label { display: inline-block; width: 35%; } .cart-footer .estimate-shipping .inputs input, .cart-footer .estimate-shipping .inputs select { width: 65%; } /*** CHECKOUT ***/ .shipping-method .method-list li, .payment-method .method-list li { margin: 20px 1%; } .payment-info .info td:first-child { width: 375px !important; } .payment-info .info td:only-child { width: 100% !important; } /*** FORUM & PROFILE ***/ .forum-actions .pager, .topic-actions .pager { max-width: 600px !important; } .topic-post .post-text { width: 930px; max-width: 100%; } } body { font-family: 'Noto Sans', sans-serif; } .html-home-page body { background-color: #0a0d20; } .html-home-page .master-wrapper-content { width: 100%; overflow: hidden; } .html-home-page .center-1 { margin: 0; } ::selection { background: #3d49b9; /* WebKit/Blink Browsers */ color: white; } ::-moz-selection { background: #3d49b9; /* Gecko Browsers */ color: white; } .act-header-wrapper { position: sticky; z-index: 5; width: 100%; top: 0; background-color: #ffffffb8; box-shadow: 0px 14px 45px #0606065e; margin-bottom: 45px; transition: 0.3s; } .act-header-wrapper.act-sticky { background-color: white; } .html-home-page .act-header-wrapper { position: fixed; margin-bottom: 0; } .act-header-wrapper-inner, .act-header-wrapper-inner2 { display: inline-block; width: 100%; text-align: center; position: relative; } .act-header-wrapper-inner .act-A1, .act-header-wrapper-inner .act-A3 { display: inline-block; width: 20%; vertical-align: middle; text-align: center; padding: 0 10px; } .act-header-wrapper-inner .act-A2 { display: inline-block; width: 60%; vertical-align: middle; text-align: center; } .act-logobox img { width: 200px; height: 100%; object-fit: contain; } .act-arrow-down img { width: 52%; height: 100%; object-fit: contain; filter: drop-shadow(0px 0px 16px white); transition: 0.2s; } .act-imagebox-wrapper:active .act-arrow-down img { width: 44%; } .act-mainbody-container { height: 100vh; } .act-mainbody-container:after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 100px; background: linear-gradient(to top, black, transparent); } .act-landing-img { width: 100%; height: 100%; object-fit: cover; animation: kenburns 20s infinite; } /*Animation*/ @keyframes kenburns { 0% { opacity: 0; } 5% { opacity: 1; } 95% { transform: scale3d(1.5, 1.5, 1.5) translate3d(-48px, -95px, 0px); animation-timing-function: ease-in; opacity: 1; } 100% { transform: scale3d(2, 2, 2) translate3d(-170px, -100px, 0px); opacity: 0; } } .act-imagebox-wrapper { position: absolute; top: -29px; left: 50%; transform: translateX(-50%); background: #293a97; border-radius: 50px; width: 60px; height: 60px; box-shadow: 0px 10px 24px #060606b3; cursor: pointer; transition: 0.2s; -webkit-tap-highlight-color: transparent; opacity: 1; pointer-events: initial; animation: pulse-blue-desktop 1.5s infinite; } .act-imagebox-wrapper.hide { opacity: 0; pointer-events: none; } .act-imagebox-wrapper.active { background: #a73131; box-shadow: 0 0 0 0 rgba(255, 82, 82, 1); animation: pulse-red-desktop 1.5s infinite; } @keyframes pulse-red-desktop { 0% { transform: translateX(-50%) scale(0.95); box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7); } 70% { transform: translateX(-50%) scale(1); box-shadow: 0 0 0 10px rgba(255, 82, 82, 0); } 100% { transform: translateX(-50%) scale(0.95); box-shadow: 0 0 0 0 rgba(255, 82, 82, 0); } } @keyframes pulse-blue-desktop { 0% { transform: translateX(-50%) scale(0.95); box-shadow: 0 0 0 0 rgba(41, 58, 151, 0.7); } 70% { transform: translateX(-50%) scale(1); box-shadow: 0 0 0 10px rgba(41, 58, 151, 0); } 100% { transform: translateX(-50%) scale(0.95); box-shadow: 0 0 0 0 rgba(41, 58, 151, 0); } } @keyframes pulse-red-mobile { 0% { transform: translateX(-90%) scale(0.95); box-shadow: 0 0 0 0 rgba(255, 82, 82, 0.7); } 70% { transform: translateX(-90%) scale(1); box-shadow: 0 0 0 10px rgba(255, 82, 82, 0); } 100% { transform: translateX(-90%) scale(0.95); box-shadow: 0 0 0 0 rgba(255, 82, 82, 0); } } @keyframes pulse-blue-mobile { 0% { transform: translateX(-90%) scale(0.95); box-shadow: 0 0 0 0 rgba(41, 58, 151, 0.7); } 70% { transform: translateX(-90%) scale(1); box-shadow: 0 0 0 0 rgba(41, 58, 151, 0); } 100% { transform: translateX(-90%) scale(0.95); box-shadow: 0 0 0 0 rgba(41, 58, 151, 0); } } .act-imagebox-wrapper:hover { box-shadow: 0px 10px 24px #060606b3, inset 0px 0px 10px #0c1e7d; } .act-imagebox.act-logobox { padding: 15px 0; } .act-imagebox.act-logobox, .act-imagebox.act-arrow-down { width: 100%; height: 100%; margin: auto; } ul.act-menu-list { list-style: none; padding: 0; margin: 0; } ul.act-menu-list li { display: inline-block; padding: 20px 10px; color: #424242; cursor: pointer; transition: 0.2s; font-size: 1rem; position: relative; transition: 0.3s linear; font-weight: bold; letter-spacing: initial; } ul.act-menu-list li:hover { text-shadow: 0px 8px 20px #4a4a4a; letter-spacing: 2px; } ul.act-menu-list li:hover .sublist li { text-shadow: none; } .act-menu-list .sublist li:hover { background-color: #34449c; box-shadow: inset 0px 0px 19px -6px black; color: white; } .act-menu-list .sublist li { display: block; padding: 12px 10px; color: #424242; cursor: pointer; transition: 0.2s; font-size: 14px; line-height: 23px; font-weight: bold; } .act-menu-list .sublist li a { display: block; } .act-mainbody-container-wrapper { position: relative; } .body-container-overlay { background: #2b2b2bba; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .6; z-index: 2; } .inner { position: absolute; z-index: 3; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%; background-color: #00000038; padding: 40px 0; } .inner h1, .inner h3 { color: white; text-shadow: 0px 0px 25px black, 0px 0px 25px black; } .inner h1 { margin-bottom: 68px; font-size: 45px; } .inner h3 { font-size: 30px; } .inner-row.row1 { width: 100%; display: flex; flex-direction: row; justify-content: flex-start; align-items: center; } .inner-row.row2 { width: 100%; display: flex; flex-direction: row; justify-content: flex-end; align-items: center; } .inner-row.row1 .inner-cell { width: 50%; text-align: right; } .inner-row.row2 .inner-cell { width: 50%; text-align: left; } @media(max-width: 1500px) { .inner h1 { font-size: 40px; } .inner h3 { font-size: 30px; } } @media (max-width: 1300px) { .inner-row.row1 { justify-content: center; } .inner-row.row2 { justify-content: center; } .inner-row.row1 .inner-cell { width: 100%; text-align: center; } .inner-row.row2 .inner-cell { width: 100%; text-align: center; } } @media (max-width: 700px) { .inner h1 { font-size: 35px; } } .act-mbl-menubtn { display: none; } @media only screen and (max-width: 600px) { .inner { width: 100%; text-align: center; } .inner h3 { text-align: center; } } .act-header.act-header1 { margin: 70px 0 200px 0; text-align: center; color: white; letter-spacing: 1px; } .act-heder-cell1 { display: inline-block; width: 50%; vertical-align: middle; position: relative; } .act-heder-cell2 { display: inline-block; width: 50%; vertical-align: middle; position: relative; } .act-heder-cell1 h2 { position: absolute; top: 0; left: 100%; transform: translateX(-100%); width: 100%; text-align: right; color: white; font-size: 22px; } .act-heder-cell2 h3 { position: absolute; top: 52px; left: 0; width: 100%; text-align: left; color: white; font-size: 18px; } * { box-sizing: border-box; } .act-ecommerce-presentation { width: 100%; text-align: center; background-color: #0a0d20; padding: 75px 0; } .act-erp-presentation { width: 100%; text-align: center; background-color: #0a0d20; padding: 75px 0; background-image: linear-gradient(to right, #141c4c 10%, rgb(255 255 255 / 0%) 0%); background-position: top; background-size: 6px 1px; } .img-comp-container { position: relative; height: 400px; /*should be the same height as the images*/ width: 900px; margin: 0px auto 200px auto; transition: 0.3s; perspective: 1000px; transform-style: preserve-3d; } .img-comp-container { display: none; } .img-comp-container-inner { transition: 0.6s ease-out; } .img-comp-container:hover .img-comp-container-inner { transform: rotateY(8deg) rotateX(8deg); } .img-comp-img { position: absolute; width: auto; height: auto; overflow: hidden; outline: 1px solid transparent; } .img-comp1 { box-shadow: 0px 0px 25px #1b1c4b; transition: box-shadow 0.3s ease-out; } .img-comp-container:hover .img-comp1 { box-shadow: 0px 0px 24px #bababa; } .img-comp-img img { width: 900px; height: 550px; object-fit: cover; } .img-comp-img img { display: block; } .img-comp-slider { position: absolute; z-index: 9; cursor: grab; /*set the appearance of the slider:*/ width: 50px; height: 50px; background-color: #36469d; border-radius: 50%; border: 2px solid #ffffff; box-shadow: 0px 0px 10px black; background-image: url(/Themes/ActSiteM1/Content/images/arrows.png); background-repeat: no-repeat; background-size: 25px; background-position: center; } .img-comp2:after { content: ""; position: absolute; width: 2px; height: 100%; top: 0; right: 0px; background-color: white; z-index: 8; } .act-knowus { width: 100%; text-align: center; background-color: #0a0d20; padding: 75px 0; display: flex; flex-direction: column; justify-content: center; align-items: center; background-image: linear-gradient(to right, #141c4c 10%, rgb(255 255 255 / 0%) 0%); background-position: top; background-size: 6px 1px; position: relative; } .act-knowus:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100px; background: linear-gradient(to bottom, #0a0d20, transparent); } .act-knowus-header h1 { padding-bottom: 22px; } .act-knowus-header h2 { font-weight: normal; } .act-knowus-header h1, .act-knowus-header h2 { color: white; margin: 0; } .act-knowus-header span { font-weight: bold; color: #3d49b9; text-shadow: 0px 0px 10px #0d176c; } .act-hh2 { font-size: 23px; padding-top: 10px; } .flip-card { background-color: transparent; width: 350px; height: 260px; perspective: 1000px; margin: 30px 30px; display: inline-block; vertical-align: middle; } .flip-card-inner { position: relative; width: 100%; height: 100%; text-align: center; transition: transform 0.7s ease-in; transform-style: preserve-3d; } .flip-card:hover .flip-card-inner { transform: rotateY(180deg); } .flip-card-front, .flip-card-back { position: absolute; width: 100%; height: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .flip-card-back h2 { color: white; padding: 38px 8px 24px 8px; word-break: break-word; font-size: 22px; letter-spacing: 1px; transition: 0.3s ease-out; } .flip-card-back h2:hover { text-shadow: 0px 1px 15px #ffffffe8; } .flip-card-back p { color: white; font-size: 15px; padding: 10px 20px; word-break: break-word; line-height: 26px; } .flip-card-front { background-color: white; color: black; border-radius: 5px; box-shadow: 2px 4px 31px black; overflow: hidden; } .flip-card-back { background-color: #0e174f; color: white; transform: rotateY(180deg); border-radius: 5px; box-shadow: 2px 4px 31px black; overflow: hidden; } .flip-card-front img { width: 100%; height: 100%; object-fit: contain; } .act-knowus-header { padding: 0 15px; } .act-knowus-cards { width: 100%; padding: 70px 70px 0px 70px; text-align: center; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; } .act-hhh { font-size: 48px; font-weight: 800; } .img-comp-container:before { content: "Λεπτομέρεια στον σχεδιασμό \A και την λειτουργικότητα"; position: absolute; top: 70px; left: -250px; background-image: url(/Themes/ActSiteM1/Content/images/coolarrow.png); background-repeat: no-repeat; background-size: 70px; background-position: 82px 160px; padding: 100px 0; white-space: pre; text-align: center; line-height: 24px; color: white; font-size: 15px; } .act-eshop-header { width: 100%; text-align: center; background-color: #0a0d20; padding-bottom: 100px; } .act-erp-presentation .act-eshop-header { background-image: linear-gradient(to right, #141c4c 10%, rgb(255 255 255 / 0%) 0%); background-position: top; background-size: 6px 1px; } .img-comp-container-mbl:before { content: "Modern websites \A for modern businesses"; position: absolute; top: -112px; left: 50%; transform: translateX(-50%); background-image: url(/Themes/ActSiteM1/Content/images/coolarrowdown.png); background-repeat: no-repeat; background-size: 50px; background-position: center 167px; padding: 100px 0; white-space: pre; text-align: center; line-height: 24px; color: white; } .img-comp-container-mbl { position: relative; width: 80%; margin: auto; padding-top: 160px; } .img-comp-img-mbl { width: 100%; margin-bottom: 50px; } .img-comp-img-mbl img { width: 100%; height: 100%; object-fit: contain; display: block; border-radius: 5px; box-shadow: 0px 0px 25px #1b1c4b; } .act-power-popup { position: fixed; z-index: 6; width: 70%; left: 50%; bottom: 10px; padding: 50px; transition: 0.5s; box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2); border-radius: 10px; background-image: linear-gradient(to right bottom, #0e1543, #0d1441, #0c1340, #0c123e, #0b113d, #0a103b, #0a103a, #090f38, #080f36, #080e34, #070e32, #070d30); opacity: 0; transform: translateX(-50%) scale(0); color: white; border: 2px solid white; } .act-power-popup.active { opacity: 1; transform: translateX(-50%) scale(1); } .act-power-popup-inner { margin: auto; } .act-powerpopup-header { text-align: center; margin-bottom: 50px; } .act-powerpopup-header h2 { margin: 0; font-size: 28px; color: white; } .act-overlay { background: #8e8e8e; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 4; opacity: 0; transition: 0.5s; pointer-events: none; } .act-overlay.active { opacity: 0.6; pointer-events: initial; } .act-powerpopup-body { text-align: center; } .act-powerpopup-cell { display: inline-block; width: 200px; height: 200px; vertical-align: middle; padding: 20px; margin: 20px 0; -webkit-tap-highlight-color: transparent; } .act-powerpopup-cell-imgbox { width: 100%; height: 100%; margin: auto; padding: 45px; border-radius: 50px; background: #080f36; box-shadow: 20px 20px 60px #070d2e, -20px -20px 60px #09113e; transition: 0.5s; cursor: pointer; } .act-powerpopup-cell-imgbox:hover { box-shadow: 20px 20px 60px #141f5b, -20px -20px 60px #242f6c; } .act-powerpopup-cell-imgbox img { width: 100%; height: 100%; object-fit: contain; } .act-powerpopup-cell-desc { padding-top: 10px; } .act-powerpopup-cell-desc p { cursor: default; font-size: 15px; color: white; } .act-mbl-menubtn-inner { width: 40px; height: 25px; margin: auto; position: relative; } .act-mbl-menubtn-line { width: 40px; height: 2px; background-color: #3f3f3f; position: absolute; transition: 0.2s; } .act-mbl-menubtn-line1 { top: 0; } .act-mbl-menubtn-line2 { top: 50%; transform: translateY(-50%); } .act-mbl-menubtn-line3 { bottom: 0; } .act-mbl-menubtn-inner.active .act-mbl-menubtn-line1 { top: 50%; transform: translateY(-50%) rotate(45deg); } .act-mbl-menubtn-inner.active .act-mbl-menubtn-line2 { display: none; } .act-mbl-menubtn-inner.active .act-mbl-menubtn-line3 { top: 50%; transform: translateY(-50%) rotate(-45deg); } @media only screen and (max-width: 1450px) { .act-power-popup { width: 90%; } } @media only screen and (max-width: 1100px) { .act-power-popup { top: 200px; transform: translateX(-50%) scale(0); overflow-y: auto; bottom: 0; } .act-power-popup.active { opacity: 1; transform: translateX(-50%) scale(1); } .act-lang-selector { display: none; } .act-mbl-menubtn { display: block; } .act-header-wrapper-inner .act-A2 { display: block; } .act-header-wrapper-inner .act-A1, .act-header-wrapper-inner .act-A3 { width: 100%; } .act-imagebox-wrapper { left: 90%; transform: translateX(-90%); animation: pulse-blue-mobile 1.5s infinite; } .act-imagebox-wrapper.active { animation: pulse-red-mobile 1.5s infinite; } ul.act-menu-list { position: fixed; width: 80%; right: 0; background-color: #ffffffb8; z-index: 10; padding: 10px; top: 159px; left: 50%; transform: translateX(-50%); opacity: 0; pointer-events: none; transition: 0.2s; } ul.act-menu-list li { display: block; } ul.act-menu-list.active { opacity: 1; pointer-events: initial; } .act-sticky ul.act-menu-list { background-color: white; } } @media only screen and (max-width: 1300px) { .act-hhh { font-size: 40px; } } @media only screen and (max-width: 600px) { .act-hhh { font-size: 30px; } .act-hh2 { font-size: 20px; } } @media only screen and (min-width: 1255px) { .img-comp-container { display: block; } .img-comp-container-mbl { display: none; } } @media only screen and (max-width: 1432px) and (min-width: 1255px) { .img-comp-container { margin-top: 160px; } .img-comp-container:before { top: -270px; left: 50%; transform: translateX(-50%); background-image: url(../../Themes/ActSiteM1/Content/css/images/coolarrowdown.png); background-repeat: no-repeat; background-size: 50px; background-position: center 167px; } } @media only screen and (min-width: 1900px) { .act-power-popup { width: 65%; } } @media only screen and (max-width: 600px) { .act-heder-cell1, .act-heder-cell2 { width: 80%; } .act-heder-cell1 h2 { position: absolute; top: 0; left: 0; transform: translateX(0); width: 100%; text-align: center; color: white; font-size: 16px; } .act-heder-cell2 h3 { position: absolute; top: 52px; left: 0; width: 100%; text-align: center; color: white; font-size: 15px; } .act-knowus-cards { padding: 70px 40px; } } .act-menu-list .sublist { display: none; position: absolute; width: 345px; box-shadow: 0 0 2px #00000033; background-color: #fff; padding: 10px 5px 10px 5px; text-align: left; left: 50%; transform: translateX(-50%); top: 55px; z-index: 10; } .sublist-toggle { display: none !important; } @media (min-width: 1001px) { .act-menu-list li:hover > .sublist, .act-menu-list li:focus > .sublist { display: block; } } .html-actportfolio-page .act-topregion-fullwidth, .html-actcompany-page .act-topregion-fullwidth, .html-contact-page .act-topregion-fullwidth, .html-login-page .act-topregion-fullwidth { width: 100%; background-image: url(/Themes/ActSiteM1/Content/images/companypagetitle.jpg); position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; } .actcompany-page-welcomeregion { text-align: center; padding: 180px 20px; max-width: 1000px; margin: auto; z-index: 2; position: relative; } .actcompany-page-welcomeregion h1 { font-size: 22px; color: white; text-shadow: 0px 8px 10px #2b2b2b; } .actcompany-page-welcomeregion p { color: white; font-size: 15px; margin-top: 40px; line-height: 22px; text-shadow: 0px 10px 10px #2b2b2b; } .actcompany-page-welcomeregion-shadow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background-color: #00000073; } .html-contact-page .actcompany-page-welcomeregion, .html-login-page .actcompany-page-welcomeregion { padding: 120px 20px; } .html-actportfolio-page .act-header-wrapper, .html-actcompany-page .act-header-wrapper, .html-contact-page .act-header-wrapper, .html-login-page .act-header-wrapper { margin-bottom: 0; } .html-category-page .act-topregion-fullwidth { width: 100%; background-image: url(/Themes/ActSiteM1/Content/images/categorypagetitle.jpg); position: relative; background-repeat: no-repeat; background-position: center; background-size: cover; background-attachment: fixed; } .actcategories-page-topregion-shadow { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 0; background-color: #00000073; } .actcategories-page-topregion-shadow-title { text-align: center; padding: 80px 20px; max-width: 1000px; margin: auto; z-index: 2; position: relative; } .actcategories-page-topregion-shadow-title h1 { font-size: 24px; color: white; text-shadow: 0px 8px 10px #2b2b2b; letter-spacing: 2px; } .html-category-page .act-header-wrapper { margin-bottom: 0; } .actcompany-alternatingtable-row-cell { width: 50%; display: inline-block; vertical-align: middle; text-align: center; padding: 20px 10px; } .actcompany-alternatingtable-row-cell img { object-fit: cover; object-position: center; width: 80%; height: 200px; display: block; margin: auto; border-radius: 10px; box-shadow: 5px 5px 20px -8px black; } .act-actcompany-textbox h3 { font-size: 17px; margin-bottom: 22px; position: relative; word-break: break-word; } .act-actcompany-textbox p { font-size: 15px; line-height: 25px; word-break: break-word; } .act-actcompany-textbox h3:after { content: ""; position: absolute; width: 80px; height: 1px; bottom: -10px; background-color: #868686; left: 50%; transform: translateX(-50%); } .actcompany-alternatingtable-row:nth-child(odd) { background-color: #f7f7f7; } .act-erpcarousel-container { width: 90%; margin: auto; max-height: 500px; max-width: 1800px; position: relative; } .act-erpcarousel-imgbox { width: 100%; max-height: 500px; } .act-erpcarousel-imgbox img { width: 100%; height: 100%; object-fit: cover; } .owl-carousel .owl-stage-outer { border-radius: 5px; } .act-erpcarousel-box { cursor: grab; padding: 0px 10px; } .act-erpcarousel-box p { color: #3d49b9; font-size: 16px; font-weight: 600; text-shadow: 0px 1px 11px #f5f5f58a; word-break: break-word; } .act-erpcarousel .act-erpcarousel-box p { font-size: 21px; } .act-erpcarousel-rtl .act-erpcarousel-box-inner p { color: white; } .act-erpcarousel-box-inner { background-color: white; cursor: grab; padding: 20px 20px; width: 240px; margin: auto; height: 135px; display: flex; flex-direction: column; justify-content: center; align-items: center; transition: 0.6s ease-out; box-shadow: inset 0px 0px 30px -8px black; border-top-right-radius: 40px; border-bottom-left-radius: 0; } .act-erpcarousel-rtl .act-erpcarousel-box-inner { background-color: #3d49b9; border-top-right-radius: 0; border-bottom-left-radius: 40px; } .act-erpcarousel-coonnector { width: 100%; display: flex; flex-direction: row; justify-content: center; align-items: center; height: 0; overflow: hidden; transition: 0.2s ease-out; } .act-erpcarousel-coonnector.active { height: 20px; } .act-erpcarousel-coonnector-box { width: 33.33%; padding: 20px; } .act-erpcarousel-coonnector-line { width: 2px; height: 100px; background-color: #3d49b9; margin: auto; transition: 0.2s ease-out; opacity: 0; } .act-erpcarousel-coonnector.active .act-erpcarousel-coonnector-line { } .product-filters { display: none; } .product-selectors { display: none; } .product-list .product-item { display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; } .product-list .product-item .add-info, .product-list .product-item .product-rating-box { display: none; } .product-list .product-item .picture { width: 30%; height: 200px; border: 1px solid #ececec; border-radius: 8px; padding: 10px; box-shadow: 0px 0px 15px -12px black; } .product-list .product-item .picture a { width: 100%; height: 100%; } .product-list .product-item .picture img { width: 100%; height: 100%; object-fit: contain; transition: 0.3s; } .product-list .product-item .details { padding: 0 20px; width: 50%; border-bottom: 1px solid #ececec; } .product-estimate-shipping { display: none; } .home-page-category-grid .title, .sub-category-grid .title { height: 80px; } @media (max-width: 800px) { .product-list .product-item { display: flex; flex-direction: column; justify-content: center; align-items: center; } .product-list .product-item .picture { width: 100%; } .product-list .product-item .details { width: 100%; } } @media (min-width: 1001px) { .html-category-page .side-2 .block { border: 1px solid #ececec; border-radius: 8px; padding: 10px; box-shadow: 0px 0px 15px -12px black; } } @media (max-width: 1000px) { .html-category-page .side-2 .block .title { border-bottom: none !important; } } .category-grid .sub-category-item .picture { width: 100%; height: 200px; border: 1px solid #ececec; border-radius: 8px; padding: 20px; box-shadow: 0px 0px 15px -12px black; } .category-grid .sub-category-item .picture a { width: 100%; height: 100%; } .category-grid .sub-category-item .picture img { width: 100%; height: 100%; object-fit: contain; transition: 0.3s; } .actportfolio-page-container-inner { box-shadow: inset -5px -6px 16px -6px; margin: 20px 0; border-radius: 5px; } .act-multiboxes-snakeview { display: flex; flex-direction: row; justify-content: center; align-items: flex-start; width: 100%; flex-wrap: wrap; } .act-snakeview-box { padding: 20px 40px; background-color: #2a3489; margin: 30px 30px; border-radius: 3px; box-shadow: inset 0px 0px 20px -9px black, 0px 6px 17px -8px black; } .act-snakeview-box p { color: white; font-size: 15px; } .login-page .new-wrapper { display: none; } .login-page .returning-wrapper { float: none; width: 100%; text-align: center; } .login-page .returning-wrapper .form-fields .inputs { text-align: center; } .login-page .returning-wrapper .form-fields .reversed { display: none; } .login-page .returning-wrapper .buttons .button-1 { border-bottom-left-radius: 10px !important; border-bottom-right-radius: 10px !important; width: 280px; background-color: #323c97; } .login-page .returning-wrapper .form-fields .inputs label { display: block; width: auto !important; text-align: center; margin-bottom: 10px; } .login-page .title { padding: 10px 0; } .login-page .form-fields { padding: 30px; border: 1px solid #d7d7d7; box-shadow: inset 0px 0px 20px -14px black; margin-top: 30px; } .login-page .returning-wrapper .form-fields input { padding-left: 40px; background-repeat: no-repeat; background-position: 10px center; } .login-page .returning-wrapper .form-fields input.password { background-size: 23px; background-image: url(/Themes/ActSiteM1/Content/images/lock.png); } .login-page .returning-wrapper .form-fields input.email { background-image: url(/Themes/ActSiteM1/Content/images/user.png); background-size: 21px; } .act-login-required { text-align: center; padding: 10px; } p.act-login-required-text { font-size: 20px; color: #494949; margin-bottom: 15px; padding: 0 10px; line-height: 30px; } .act-login-required a { font-size: 17px; text-decoration: underline; letter-spacing: 1px; color: #35459d; font-weight: bold; } .act-eshop-link { margin: 25px auto 0 auto; outline: none; border: none; height: 55px; padding: 0 45px; background-color: #3d49b9; color: white; font-size: 16px; font-weight: bold; border-radius: 5px; transition: 0.3s; letter-spacing: 0px; } .act-eshop-link:hover { letter-spacing: 2px; box-shadow: 0px 6px 20px -3px #333b6a; } .act-products-link { margin: 25px auto 0 auto; outline: none; border: none; height: 55px; padding: 0 45px; background-color: #3d49b9; color: white; font-size: 16px; font-weight: bold; border-radius: 5px; transition: 0.3s; letter-spacing: 0px; } .act-products-link:hover { letter-spacing: 2px; box-shadow: 0px 6px 20px -3px #333b6a; } .contact-page .result { text-align: center; font-size: 20px; font-weight: bold; color: #1cb61c; text-shadow: 0px 3px 13px #b6b6b6; } .contact-page .button-1 { border-bottom-left-radius: 10px !important; border-bottom-right-radius: 10px !important; width: 280px; background-color: #323c97; } /*li.dt-link a { color: #0772ba; font-size: 18px; font-weight: bold; }*/ .digtran-sepimage { margin: 40px 0; } .digtran-sepimage img { width: 100%; } .actcompany-alternatingtable-row-cell.cell1 { background-color: #ffffff; } .actcompany-alternatingtable-row-cell.cell1 img { object-fit: contain; } .actcompany-alternatingtable-row-cell.cell2 img { object-fit: contain; } /*Product Contact Us Button*/ .contactusregion { text-align: center; width: 100%; } .contactusregion a { border: none; outline: none; padding: 20px 38px; background-color: #323c97; color: white; font-size: 15px; font-weight: bold; border-radius: 5px; transition: 0.2s; } .contactusregion a:hover { background-color: #4c57bc; } /*HSC*/ .act-hybridclients-container { min-height: 400px; display: flex; flex-direction: row; align-items: self-start; justify-content: flex-start; padding: 20px; gap: 20px; width: 100%; } .act-hsc-box { background-color: #2a3489; padding: 20px 25px; border-radius: 5px; } .act-hsc-box p { color: white; font-size: 15px; } .act-hybridclients-noserviceshops { font-size: 15px; font-weight: bold; color: #6c6c6c; } .hslogo { width: 60px; height: 60px; background-color: white; border-radius: 50%; box-shadow: 0px 0px 26px -1px black; background-image: url(/Themes/ActSiteM1/Content/images/hslogo.png); background-repeat: no-repeat; background-size: 60px; background-position: center; } .hsc-popup .hslink { position: absolute; width: 230px; top: -17px; left: 65px; padding: 10px; background-color: white; border-radius: 19px; text-align: center; box-shadow: 0px 0px 26px -1px black; font-size: 14px; color: #262626; } .hsc-popup { position: fixed; left: 10px; bottom: 20px; z-index: 100; } @media (max-width: 600px) { .act-hybridclients-container { flex-wrap: wrap; min-height: initial; justify-content: center; } .act-hybridclients-container { padding: 58px 20px; } } @media (max-width: 600px) { .act-snakeview-box { padding: 20px 30px; margin: 16px 5px; } .act-snakeview-box p { font-size: 10px; } } .actportfolio-page-bottom { text-align: center; margin: 45px 0 10px 0; } .actportfolio-page-bottom p { font-size: 16px; line-height: 25px; } .act-footer-logo { width: 300px; height: 125px; margin: auto; } @media (max-width: 600px) { .actcompany-alternatingtable-row-cell img { height: 170px; width: 100%; } .act-actcompany-textbox p { font-size: 13px; } .act-actcompany-textbox h3 { font-size: 15px; } } /* 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; } .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; 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: #CCC; position: absolute; top: 50%; width: auto; text-align: center; margin-top: -0.8em; left: 8px; right: 8px; z-index: 1044; } .mfp-preloader a { color: #CCC; } .mfp-preloader a:hover { color: #FFF; } .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; box-shadow: none; touch-action: manipulation; } 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; opacity: 0.65; padding: 0 0 18px 10px; color: #FFF; font-style: normal; font-size: 28px; font-family: Arial, Baskerville, monospace; } .mfp-close:hover, .mfp-close:focus { opacity: 1; } .mfp-close:active { top: 1px; } .mfp-close-btn-in .mfp-close { color: #333; } .mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close { color: #FFF; right: -6px; text-align: right; padding-right: 6px; width: 100%; } .mfp-counter { position: absolute; top: 0; right: 0; color: #CCC; font-size: 12px; line-height: 18px; white-space: nowrap; } .mfp-arrow { position: absolute; opacity: 0.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; } .mfp-arrow:before, .mfp-arrow:after { 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 { border-top-width: 13px; border-bottom-width: 13px; top: 8px; } .mfp-arrow:before { border-top-width: 21px; border-bottom-width: 21px; opacity: 0.7; } .mfp-arrow-left { left: 0; } .mfp-arrow-left:after { border-right: 17px solid #FFF; margin-left: 31px; } .mfp-arrow-left:before { margin-left: 25px; border-right: 27px solid #3F3F3F; } .mfp-arrow-right { right: 0; } .mfp-arrow-right:after { border-left: 17px solid #FFF; margin-left: 39px; } .mfp-arrow-right:before { 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: #000; } /* Main image in popup */ img.mfp-img { width: auto; max-width: 100%; height: auto; display: block; line-height: 0; 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: #444; } .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; } @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; 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; } }