/* Minification failed. Returning unminified contents.
(2325,21): run-time error CSS1036: Expected expression, found '''
(2325,319): Scanner error CSS1002: Unterminated string: '%2F%3E%3C%2Fsvg%3E);
(2331,21): run-time error CSS1036: Expected expression, found '''
(2331,319): Scanner error CSS1002: Unterminated string: '%2F%3E%3C%2Fsvg%3E);
(2337,21): run-time error CSS1036: Expected expression, found '''
(2337,319): Scanner error CSS1002: Unterminated string: '%2F%3E%3C%2Fsvg%3E);
(2341,21): run-time error CSS1036: Expected expression, found '''
(2341,319): Scanner error CSS1002: Unterminated string: '%2F%3E%3C%2Fsvg%3E);
(2345,21): run-time error CSS1036: Expected expression, found '''
(2345,319): Scanner error CSS1002: Unterminated string: '%2F%3E%3C%2Fsvg%3E);
(2349,21): run-time error CSS1036: Expected expression, found '''
(2349,319): Scanner error CSS1002: Unterminated string: '%2F%3E%3C%2Fsvg%3E);
(2636,21): run-time error CSS1036: Expected expression, found '''
(2636,1509): Scanner error CSS1002: Unterminated string: '%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
(2642,21): run-time error CSS1036: Expected expression, found '''
(2642,1506): Scanner error CSS1002: Unterminated string: '%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
 */
/*! jQuery UI - v1.10.3 - 2013-12-16
* http://jqueryui.com
* Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css, jquery.ui.theme.css
* To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana%2CArial%2Csans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=highlight_soft&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=flat&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=glass&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=glass&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=glass&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=glass&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=glass&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=flat&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=flat&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
* Copyright 2013 jQuery Foundation and other contributors; Licensed MIT */

.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-clearfix{min-height:0}.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}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.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}.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-helper{position:absolute;z-index:100;border:1px dotted black}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.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-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.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-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:21px;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-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:none}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;/*list-style-image:url(/Content/jquery-ui-themes/smoothness/data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP/yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)*/}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:normal}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:normal;margin:-1px}.ui-menu .ui-state-disabled{font-weight:normal;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.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(/Content/jquery-ui-themes/smoothness/images/animated-overlay.gif);height:100%;filter:alpha(opacity=25);opacity:0.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.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}.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:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;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:none;border-bottom:none;border-right:none}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.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 li a{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 a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{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;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}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-content{border:1px solid #aaa;background:#fff url(/Content/jquery-ui-themes/smoothness/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;color:#222}.ui-widget-content a{color:#222}.ui-widget-header{border:1px solid #aaa;background:#ccc url(/Content/jquery-ui-themes/smoothness/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{border:1px solid #d3d3d3;background:#e6e6e6 url(/Content/jquery-ui-themes/smoothness/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{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{border:1px solid #999;background:#dadada url(/Content/jquery-ui-themes/smoothness/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{color:#212121;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff url(/Content/jquery-ui-themes/smoothness/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;font-weight:normal;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(/Content/jquery-ui-themes/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;color:#363636}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec url(/Content/jquery-ui-themes/smoothness/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(/Content/jquery-ui-themes/smoothness/images/ui-icons_222222_256x240.png)}.ui-widget-header .ui-icon{background-image:url(/Content/jquery-ui-themes/smoothness/images/ui-icons_222222_256x240.png)}.ui-state-default .ui-icon{background-image:url(/Content/jquery-ui-themes/smoothness/images/ui-icons_888888_256x240.png)}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(/Content/jquery-ui-themes/smoothness/images/ui-icons_454545_256x240.png)}.ui-state-active .ui-icon{background-image:url(/Content/jquery-ui-themes/smoothness/images/ui-icons_454545_256x240.png)}.ui-state-highlight .ui-icon{background-image:url(/Content/jquery-ui-themes/smoothness/images/ui-icons_2e83ff_256x240.png)}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(/Content/jquery-ui-themes/smoothness/images/ui-icons_cd0a0a_256x240.png)}.ui-icon-blank{background-position:16px 16px}.ui-icon-carat-1-n{background-position:0 0}.ui-icon-carat-1-ne{background-position:-16px 0}.ui-icon-carat-1-e{background-position:-32px 0}.ui-icon-carat-1-se{background-position:-48px 0}.ui-icon-carat-1-s{background-position:-64px 0}.ui-icon-carat-1-sw{background-position:-80px 0}.ui-icon-carat-1-w{background-position:-96px 0}.ui-icon-carat-1-nw{background-position:-112px 0}.ui-icon-carat-2-n-s{background-position:-128px 0}.ui-icon-carat-2-e-w{background-position:-144px 0}.ui-icon-triangle-1-n{background-position:0 -16px}.ui-icon-triangle-1-ne{background-position:-16px -16px}.ui-icon-triangle-1-e{background-position:-32px -16px}.ui-icon-triangle-1-se{background-position:-48px -16px}.ui-icon-triangle-1-s{background-position:-64px -16px}.ui-icon-triangle-1-sw{background-position:-80px -16px}.ui-icon-triangle-1-w{background-position:-96px -16px}.ui-icon-triangle-1-nw{background-position:-112px -16px}.ui-icon-triangle-2-n-s{background-position:-128px -16px}.ui-icon-triangle-2-e-w{background-position:-144px -16px}.ui-icon-arrow-1-n{background-position:0 -32px}.ui-icon-arrow-1-ne{background-position:-16px -32px}.ui-icon-arrow-1-e{background-position:-32px -32px}.ui-icon-arrow-1-se{background-position:-48px -32px}.ui-icon-arrow-1-s{background-position:-64px -32px}.ui-icon-arrow-1-sw{background-position:-80px -32px}.ui-icon-arrow-1-w{background-position:-96px -32px}.ui-icon-arrow-1-nw{background-position:-112px -32px}.ui-icon-arrow-2-n-s{background-position:-128px -32px}.ui-icon-arrow-2-ne-sw{background-position:-144px -32px}.ui-icon-arrow-2-e-w{background-position:-160px -32px}.ui-icon-arrow-2-se-nw{background-position:-176px -32px}.ui-icon-arrowstop-1-n{background-position:-192px -32px}.ui-icon-arrowstop-1-e{background-position:-208px -32px}.ui-icon-arrowstop-1-s{background-position:-224px -32px}.ui-icon-arrowstop-1-w{background-position:-240px -32px}.ui-icon-arrowthick-1-n{background-position:0 -48px}.ui-icon-arrowthick-1-ne{background-position:-16px -48px}.ui-icon-arrowthick-1-e{background-position:-32px -48px}.ui-icon-arrowthick-1-se{background-position:-48px -48px}.ui-icon-arrowthick-1-s{background-position:-64px -48px}.ui-icon-arrowthick-1-sw{background-position:-80px -48px}.ui-icon-arrowthick-1-w{background-position:-96px -48px}.ui-icon-arrowthick-1-nw{background-position:-112px -48px}.ui-icon-arrowthick-2-n-s{background-position:-128px -48px}.ui-icon-arrowthick-2-ne-sw{background-position:-144px -48px}.ui-icon-arrowthick-2-e-w{background-position:-160px -48px}.ui-icon-arrowthick-2-se-nw{background-position:-176px -48px}.ui-icon-arrowthickstop-1-n{background-position:-192px -48px}.ui-icon-arrowthickstop-1-e{background-position:-208px -48px}.ui-icon-arrowthickstop-1-s{background-position:-224px -48px}.ui-icon-arrowthickstop-1-w{background-position:-240px -48px}.ui-icon-arrowreturnthick-1-w{background-position:0 -64px}.ui-icon-arrowreturnthick-1-n{background-position:-16px -64px}.ui-icon-arrowreturnthick-1-e{background-position:-32px -64px}.ui-icon-arrowreturnthick-1-s{background-position:-48px -64px}.ui-icon-arrowreturn-1-w{background-position:-64px -64px}.ui-icon-arrowreturn-1-n{background-position:-80px -64px}.ui-icon-arrowreturn-1-e{background-position:-96px -64px}.ui-icon-arrowreturn-1-s{background-position:-112px -64px}.ui-icon-arrowrefresh-1-w{background-position:-128px -64px}.ui-icon-arrowrefresh-1-n{background-position:-144px -64px}.ui-icon-arrowrefresh-1-e{background-position:-160px -64px}.ui-icon-arrowrefresh-1-s{background-position:-176px -64px}.ui-icon-arrow-4{background-position:0 -80px}.ui-icon-arrow-4-diag{background-position:-16px -80px}.ui-icon-extlink{background-position:-32px -80px}.ui-icon-newwin{background-position:-48px -80px}.ui-icon-refresh{background-position:-64px -80px}.ui-icon-shuffle{background-position:-80px -80px}.ui-icon-transfer-e-w{background-position:-96px -80px}.ui-icon-transferthick-e-w{background-position:-112px -80px}.ui-icon-folder-collapsed{background-position:0 -96px}.ui-icon-folder-open{background-position:-16px -96px}.ui-icon-document{background-position:-32px -96px}.ui-icon-document-b{background-position:-48px -96px}.ui-icon-note{background-position:-64px -96px}.ui-icon-mail-closed{background-position:-80px -96px}.ui-icon-mail-open{background-position:-96px -96px}.ui-icon-suitcase{background-position:-112px -96px}.ui-icon-comment{background-position:-128px -96px}.ui-icon-person{background-position:-144px -96px}.ui-icon-print{background-position:-160px -96px}.ui-icon-trash{background-position:-176px -96px}.ui-icon-locked{background-position:-192px -96px}.ui-icon-unlocked{background-position:-208px -96px}.ui-icon-bookmark{background-position:-224px -96px}.ui-icon-tag{background-position:-240px -96px}.ui-icon-home{background-position:0 -112px}.ui-icon-flag{background-position:-16px -112px}.ui-icon-calendar{background-position:-32px -112px}.ui-icon-cart{background-position:-48px -112px}.ui-icon-pencil{background-position:-64px -112px}.ui-icon-clock{background-position:-80px -112px}.ui-icon-disk{background-position:-96px -112px}.ui-icon-calculator{background-position:-112px -112px}.ui-icon-zoomin{background-position:-128px -112px}.ui-icon-zoomout{background-position:-144px -112px}.ui-icon-search{background-position:-160px -112px}.ui-icon-wrench{background-position:-176px -112px}.ui-icon-gear{background-position:-192px -112px}.ui-icon-heart{background-position:-208px -112px}.ui-icon-star{background-position:-224px -112px}.ui-icon-link{background-position:-240px -112px}.ui-icon-cancel{background-position:0 -128px}.ui-icon-plus{background-position:-16px -128px}.ui-icon-plusthick{background-position:-32px -128px}.ui-icon-minus{background-position:-48px -128px}.ui-icon-minusthick{background-position:-64px -128px}.ui-icon-close{background-position:-80px -128px}.ui-icon-closethick{background-position:-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 url(/Content/jquery-ui-themes/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30)}.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(/Content/jquery-ui-themes/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.3;filter:Alpha(Opacity=30);border-radius:8px}

/*********** 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 !important; -webkit-text-size-adjust: none; height: 100%; }
ol, ul { list-style: none; padding: 0; }
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="password"],
textarea { border-radius: 3px; }
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; font: normal 14px Arial, Helvetica, sans-serif; color: #444; min-height: 100vh; margin: 0; }
h1, h2, h3, h4, h5, h6 { color: #444; }
a { color: inherit; cursor: pointer; text-decoration: none; }
a img { opacity: 0.99; /*firefox scale bug fix*/ }
table { width: 100%; border-collapse: collapse; }
input[type="text"],
input[type="password"],
input[type="number"],
textarea, select { height: 32px; /*safari padding fix*/ border: 1px solid #ccc; padding: 6px; vertical-align: middle; }
input[type="number"] { padding: 0; margin: 8px; }
input, textarea, select { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #666; }
textarea { min-height: 150px; }
select { min-width: 50px; height: 32px; /*safari padding fix*/ padding: 6px; border-radius: 3px; }
input[type="text"]:focus,
input[type="password"]:focus,
input[type="number"]: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; }
.clearr { content: " "; clear: right; display: block; }

.master-wrapper-page { background-color: #fff; }
.master-wrapper-content { position: relative; z-index: 0; }
.master-column-wrapper { position: relative; z-index: 0; }
.master-column-wrapper:after { content: ""; display: block; clear: both; }
.master-column-wrapper .content-wrapper { padding-left: 1rem; padding-right: 1rem; display: flex; flex-flow: column-reverse; justify-content: space-between; }

.center-1 { margin: 0 0 100px; flex: 1; }
.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; padding: 8px 0; }
.page-title h1 { font-size: 38px; 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/CablesNMore/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: left; }


/*********** 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="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; }
.cart th,
.data-table th { border-width: 1px 1px 0; border-style: solid; border-color: #ddd; background-color: #f6f6f6; padding: 10px; white-space: nowrap; font-weight: normal; }
.cart td,
.data-table td { min-width: 50px; border-width: 1px; border-style: solid; border-color: transparent #ddd #ddd; background-color: #fff; padding: 20px; color: #444; }

.cart a,
.data-table a { font-weight: normal; color: #8ab82e; }
.cart a:hover,
.data-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; }
.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: #8ab82e; text-decoration: none; }

.cart .buttons { display: flex; gap: 1rem; padding: .5rem 0; }
.cart .buttons .edit-item a { font-weight: normal; font-size: .9rem; }
.cart .remove-from-cart { font-weight: normal; font-size: .9rem; color: #dc3545; cursor: pointer; }

.cart .product .product-picture { float: left; margin-right: 3%; }
.cart .product .sku { font-size: 14px; margin: 3px 0; }
.cart td.quantity { padding: 24px 20px 0; vertical-align: middle; text-align: center; }

.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 { font-style: italic; color: #8ab82e; }

.data-table em a { font-weight: bold; color: #444; }
.data-table div.download { margin: 10px 0 0; }

.item-quantity-update { visibility: hidden; font-size: 12px; padding: 5px; color: #aaa; text-align: center; color: #8ab82e; }
.cart td.quantity .item-quantity-update:hover { cursor: pointer; color: #99cc33; }


/*********** NOTIFICATIONS & POPUPS  ***********/



.bar-notification { display: none; position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; padding: 15px 25px 15px 10px; line-height: 16px; color: #fff; }

/*add-to-cart*/
.bar-notification.success { background: none repeat scroll 0 0 rgba(0,0,0,.6); color: #FFFFFF; margin: 0; height: 100%; }
.bar-notification.error { background-color: #e4444c; }
.bar-notification .content { margin: 0 10px 0 0; padding-bottom: 10px; }
.bar-notification .content a { color: #91bd09; text-decoration: underline; }
.bar-notification span.close { position: absolute; top: 2px; right: 2px; width: 32px; height: 32px; margin: 7px; background: #fff url(/Themes/CablesNMore/Content/images/close.png) center no-repeat; cursor: pointer; border: 1px solid #ddd; }
.bar-notification span.close:hover { border-color: #aaa; }
.bar-notification .cross-sells { max-width: 400px; margin: 30px auto; background: #fff; color: #444; padding: 20px; border-radius: .25rem; background-color: #fafafa; position: relative; overflow-y: auto; }
.cross-sells .product-info { display: flex; margin: 32px 0; padding: 16px 8px; background-color: #fff; border: 1px solid #ccc; }
.bar-notification .content .cross-sell-list .product { display: flex; color: #444; text-decoration: none; align-items: center; border: 1px solid #ccc; margin: 10px 0; padding: 20px 10px; font-size: .9rem; background: #fff; }
.bar-notification .content .cross-sell-list .product:hover { border-color: #aaa; }

.bar-notification .cross-sells .buttons { display: flex; justify-content: space-between; margin: 0; }
.bar-notification .cross-sells .buttons a { flex: 0 48%; margin: 15px 0 0; padding: 10px 0; text-align: center; text-decoration: none; color: #fff; }
.bar-notification .cross-sells .buttons a:hover { text-decoration: underline; color: lightyellow; }
.bar-notification .cross-sells .buttons .close { background: #aaa; }
.bar-notification .cross-sells .buttons .continue-checkout { background: #91bd09; }
.bar-notification .cross-sells .product-name { padding: 0 10px; flex: 1 100%; }
.bar-notification .cross-sells .product-info .picture { padding-right: 10px; }
.bar-notification .cross-sells img { max-width: 100%; }
.bar-notification .cross-sells .price-value { color: #b80709; }

.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: 0; left: 0; z-index: 999; width: 100%; height: 100%; margin: 0; background: rgba(255,255,255,.6) url(/Themes/CablesNMore/Content/images/ajax-loader-large.gif) center no-repeat; }

.please-wait { background: url(/Themes/CablesNMore/Content/images/ajax-loader-small.gif) left center no-repeat; font-size: 16px; padding: 25px 0 25px 30px; margin: auto; display: inline-block }

.ui-dialog { width: 350px !important; 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/CablesNMore/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/CablesNMore/Content/images/close.png) center no-repeat !important; padding: 0 !important; }
.ui-dialog-titlebar button span { display: none !important; }
.ui-dialog-content { height: auto !important; padding: 15px; line-height: 20px; /*override jQuery UI styles, do not delete doubled properties*/ background-color: #fff !important; padding: 15px !important; color: #444; }

.eu-cookie-bar-notification { position: fixed; bottom: 0; left: 0; z-index: 1050; width: 100%; margin: 0; border-top: 1px solid #ccc; box-shadow: 0 -2px 6px rgba(0, 0, 0, 0.1); background-color: #fefefe; /* Changed from #fff to a softer white */ padding: 16px 20px; text-align: center; font-family: sans-serif; font-size: 14px; line-height: 1.5; color: #333; opacity: 0; transform: translateY(100%); animation: slideUpBar 0.8s ease-out forwards; }

@keyframes slideUpBar {
    to { opacity: 1; transform: translateY(0); }
}

.eu-cookie-bar-notification .text { margin-bottom: 16px; }
.eu-cookie-bar-notification button { min-width: 80px; margin: 5px 8px 10px; border: none; background-color: #8ab82e; padding: 10px 16px; font-size: 14px; color: #fff; border-radius: 4px; cursor: pointer; transition: background-color 0.3s ease; }
.eu-cookie-bar-notification button:hover { background-color: #99cc33; }
.eu-cookie-bar-notification a { display: inline-block; color: #8ab82e; text-decoration: underline; transition: color 0.3s ease; }
.eu-cookie-bar-notification a:hover { color: #6f961f; text-decoration: none; }

/*********** HEADER ***********/



.admin-header-links { text-align: center; color: #111; }
.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; text-align: center; }
.header-upper { position: relative; z-index: 1; }

.header-links-wrapper { position: relative; padding: 4px 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*/ font-size: 14px; line-height: 36px; text-transform: uppercase; }
.header-links a:hover { color: #8ab82e; }
#topcartlink { display: block; width: 70%; max-width: 400px; margin: 0 auto; }
#topcartlink a { background: url(/Themes/CablesNMore/Content/images/shopping-bag.png) left center no-repeat; padding: 0 0 0 20px; }
.flyout-cart-wrapper, .flyout-cart-wrapper.active { display: none; }

.header-lower { position: relative; z-index: 0; padding: 0 1rem; }


.header-logo { text-align: center; flex: 1 27%; }
.header-logo a { line-height: 0; /*firefox line-height bug fix*/ }
.header-logo a img { opacity: 1; width: 152px; transition: transform 0.3s ease-in-out; }
/*.header-logo a img:hover { transform: scale(1.1); }*/

.search-box { position: relative; flex: 1 73%; }
.search-box-container { position: relative; border-radius: 4px; border: 1px solid #999; }
.search-box-container input { background-color: transparent; }
.search-box-container input#small-searchterms::placeholder { color: #444 }
.search-box > div { position: relative; }

.search-box form:after { content: ""; display: block; clear: both; }
.search-box input.search-box-text { width: 100%; height: 38px; margin: 0; padding: 4px 65px 4px 8px; border: none; }
.search-box .search-box-button { position: absolute; top: 1px; right: 1px; height: 36px; border: none; display: flex; justify-content: center; align-items: center; background: transparent; border-radius: 0 4px 4px 0; padding: 0 16px; border-left: 1px solid #999; }
.search-box .search-box-button:not(.ui-autocomplete-loading):hover { color: #fff; }
.search-box .search-box-button:not(.ui-autocomplete-loading) svg { transition: transform ease-in-out 300ms; }
.search-box .search-box-button:not(.ui-autocomplete-loading):hover svg { color: #aed75a; transform: scale(1.1); }
.search-box .search-box-button span { font-size: 0; }
.search-box .search-box-button svg { color: #555; height: auto; width: 20px; }


.search-box .ui-autocomplete-loading + .search-box-button { background: url(/Themes/CablesNMore/Content/images/ajax-loader-small.gif) center center no-repeat; cursor: wait; }
.search-box .ui-autocomplete-loading + .search-box-button svg { opacity: 0 }
.ui-autocomplete { width: 100% !important; border: 1px solid #999; overflow: hidden; background-color: #fff; text-align: left; border-radius: 0 0 4px 4px; padding: 0; font: normal 14px Arial, Helvetica, sans-serif; }

.ui-autocomplete li { border-top: none; }
.ui-autocomplete a { display: inline-flex !important; align-items: center !important; padding: 6px 16px !important; font-size: 14px; margin: 0 !important; border: none !important; border-radius: 0 !important; background: none !important; line-height: normal !important; color: #444 !important; }
.ui-autocomplete a:hover,
.ui-autocomplete a.ui-state-focus { text-decoration: underline; background-color: #fff !important; color: #0078d7 !important; /* Highlight text color */ }

.ui-autocomplete img { display: none; min-width: 20px; margin: 0 10px 0 0; vertical-align: middle; mix-blend-mode: multiply; }

.ui-autocomplete a strong { font-weight: normal; text-decoration: underline; }

/* Header item (non-clickable) */
.ui-autocomplete .ui-menu-item.header { font-weight: bold; padding: 8px 12px; background-color: #f5f5f5; color: #333; cursor: default; pointer-events: none; border-top: 1px solid #ddd; text-align: left; margin: 16px 0 8px; }
.ui-autocomplete .ui-menu-item.header:first-child { margin-top: 0; }

/* Info item (non-clickable) */
.ui-autocomplete .ui-menu-item.info { padding: 10px 15px; color: #999; font-style: italic; cursor: default; background-color: #f9f9f9; border-top: 1px solid #eee; pointer-events: none; }

/* Info item */
.ui-autocomplete .ui-menu-item.viewall { padding: 8px 0; color: #999; font-style: italic; border-top: 1px solid #eee; border-top: 1px solid #999; margin-top: 16px; }














.overlay { background: rgba(0, 0, 0, 0.4); /* Simplified opacity */ width: 100%; height: 100%; position: absolute; left: 0; top: 0; opacity: 0; visibility: hidden; /* Use visibility instead of display */ pointer-events: none; /* Prevent interactions when hidden */ z-index: 1; transition: opacity 0.25s linear, visibility 0.25s step-end; }
.overlay.active { opacity: 0.4; visibility: visible; pointer-events: auto; z-index: 1; transition: opacity 0.25s linear, visibility 0s step-start; }


/*** HOME PAGE ***/

.page.home-page { z-index: 15; }
.widget.swiper-container { text-align: center; }
.home-page-top .swiper-slide a:after { display: block; content: ''; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, #fff 20%, transparent 40%); width: 100%; height: 100%; }
.widget.swiper-container img { max-width: 100%; min-height: 100px; }
.widget.swiper-container .swiper-slide { background-repeat: no-repeat; background-size: 100% 100%; }
.swiper-slide picture:after { content: ''; display: block; position: absolute; top: 0; left: 0; background: linear-gradient(0, white, transparent 20%); width: 100%; height: 100%; }
.widget.swiper-container .swiper-pagination-bullet { width: 20px; height: 20px; margin: 0 8px !important; }
.widget.swiper-container .swiper-pagination-bullet:hover { background: #1a88ff; }
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 50px !important; }
.widget.swiper-container .swiper-button-prev, .widget.swiper-container .swiper-button-next { display: block; width: 40px; height: 60px; border: 0; background: rgba(255,255,255,0.8) url(/Themes/CablesNMore/Content/images/arrows.png) no-repeat; font-size: 0; opacity: .2; -webkit-transition: all 200ms ease-in-out; -moz-transition: all 200ms ease-in-out; -o-transition: all 200ms ease-in-out; transition: all 200ms ease-in-out; }
.widget.swiper-container .swiper-button-prev { left: 0; background-position: left center; }
.widget.swiper-container .swiper-button-next { right: 0; background-position: right center; }
.widget.swiper-container:hover .swiper-button-prev, .widget.swiper-container:hover .swiper-button-next { opacity: 0.5; }
.widget.swiper-container .swiper-button-prev:hover, .widget.swiper-container .swiper-button-next:hover { opacity: 0.9; }

.home-page-category-grid .item-grid { display: grid; grid-template-columns: repeat(2, 1fr); }
.home-page-category-grid .category-item { padding: 1rem .5rem; }
.home-page-category-grid .category-item .picture { margin: 0 auto; }

/*********** 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*/ }
.footer-block .title { margin: 0 0 1px; background: #8ab82e url(/Themes/CablesNMore/Content/images/toggle-white.png) right center no-repeat; padding: 10px 15px; font-size: 20px; 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: #8ab82e; }

.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/CablesNMore/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; }

.newsletter-email { display: inline-flex; gap: 4px; overflow: hidden; }
.newsletter-email input[type="text"] { height: 36px; margin: 0; }
.newsletter-subscribe-button { float: left; height: 36px; border: none; background-color: #8ab82e; padding: 0 15px; text-align: center; color: #fff; text-transform: uppercase; border-radius: 3px !important; }
.newsletter-subscribe-button:hover { background-color: #99cc33; }
.newsletter-email .options { clear: both; padding: 10px 0 0; }
.newsletter-validation,
.newsletter-result { width: 100%; overflow: hidden; line-height: 28px; }

.footer-lower { width: 100%; margin: auto; overflow: hidden; padding: 25px 0 115px; font-size: 12px; background: #e6e6e6; border-top: 1px solid #ccc; }
.footer-tax-shipping a { font-weight: bold; color: #8ab82e; }
.footer-tax-shipping a:hover { text-decoration: underline; }
.footer-powered-by { margin: 10px 0 0; }
.footer-powered-by a { font-weight: bold; color: #8ab82e; }
.footer-powered-by a:hover { text-decoration: underline; }
.theme-selector { margin: 10px 0 0; }
.theme-selector select { width: 170px; }

.footer .seals { float: left; }

/*********** SIDE COLUMN ***********/



.block { max-width: 600px; /*width limit in mobile*/ min-height: 50px; margin: auto; text-align: left; }
.block .title, .filter-title { position: relative; margin: 0; background: #f6f6f6 url(/Themes/CablesNMore/Content/images/toggle-gray.png) right 14px no-repeat; padding: 16px 0 0; font-size: 20px; color: #444; cursor: pointer; }
.block .title strong { font-weight: normal; }
.block .listbox { display: none; border-bottom: 1px solid #ddd; padding: 10px 0; }
.block .list li { padding: 4px; }
.block .list a { display: inline-block; position: relative; padding: .125rem 0; font-size: 14px; color: #444; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; }
.block .list a:hover { color: #8ab82e; }
.block a.product-picture { display: none; }
.block a.product-picture:before { display: none; }
.block .sublist { }

li.active > a { color: yellowgreen !important; }

.block .view-all { margin: 10px 0 0; }
.block .view-all a { display: inline-block; padding: 10px 15px; font-size: 16px; color: #8ab82e; }
.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: #8ab82e; }

.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 { padding: 0 1rem; margin: 0 0 1rem; background-color: rgba(154, 205, 50,.05); border-bottom: 1px solid #e9ecef; text-align: center; }
.breadcrumb ul { font-size: 0; padding: 5px 10px; white-space: nowrap; overflow: hidden; }
.breadcrumb li { display: inline-block; }
.breadcrumb li * { display: inline-block; font-size: 12px; /*reset zeroing*/ line-height: 32px; font-size: 13px; }
.breadcrumb strong { font-weight: normal; color: #006400; }
.breadcrumb a:hover { color: #000; text-decoration: underline; }
.breadcrumb .delimiter { margin: 0 .5rem; }

.page-shop-title h2 { text-transform: capitalize; font-weight: 100; }

.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: #8ab82e; padding: 10px 15px; font-size: 14px; color: #fff; text-transform: uppercase; }
.contact-vendor .button-2:hover { background-color: #99cc33; }

.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%; padding: 16px; }
.product-filter { margin: 0 0 10px; }
.product-filter .filter-title { margin: 0; background: none; cursor: auto; }
.product-filter .filter-title strong { font-weight: bold; }
.product-filter .filter-content { padding: 10px; color: #444; margin: 16px 0; }
.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: #8ab82e; }
.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; }

.filtered-items .title { margin: 0 0 5px; font-style: italic; }
.filtered-items .item { color: #8ab82e; }
.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 { display: grid; grid-template-columns: repeat(auto-fill, minmax(188px, 1fr)); gap: 24px; padding: 24px; }
.product-grid .item-box { position: relative; width: 100%; margin: 0 0 3rem; text-align: left; }

.item-box .picture { z-index: 1; overflow: hidden; background-color: #fff; margin: 0 auto 1rem; }
.item-box .picture a { display: block; position: relative; }

.item-box .picture a:before { content: ''; display: block; padding-top: 100%; }
.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); }

img[data-hover-loaded="true"] { transition: opacity 0.25s ease-in-out; }
img[data-fading="out"] { opacity: 0.3; }

.item-box .details { padding: 0 .25rem; position: relative; }
.item-box .product-title { margin: 0 0 1rem; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; -webkit-line-clamp: 3; font-size: 1rem; line-height: 1.4; height: calc((1rem * 1.4) * 3); font-weight: normal; transition: color 500ms linear; }
.item-box .product-title a { display: block; text-decoration: none; }
.item-box .product-title a:hover { color: #CC5500; }
.item-box .add-info { margin-bottom: .5rem; }
.item-box .product-rating-box { display: inline-block; min-height: 42px; }
.item-box .rating { background: url(/Themes/CablesNMore/Content/images/rating1.png) repeat-x left center; width: 95px; height: 18px; }
.item-box .rating div { background: url(/Themes/CablesNMore/Content/images/rating2.png) repeat-x left center; height: 18px; }
.item-box .review-sum { font-size: .8rem; padding: .25rem; color: #4682B4; }
.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: #888; text-decoration: line-through; }
.item-box .actual-price { margin: 0 5px 0 0; font-size: 21px; color: #222; }

.savings { margin-bottom: 1rem; }
.savings .price-discountpercent { background-color: #FFBF00; color: #fff; font-size: .7rem; display: inline-block; border-radius: 16px; padding: 2px 6px; margin-bottom: 2px; }
.savings .price-discountpercent.high { background-color: #DC143C; /*Crimson Red*/ }
.savings .price-discountpercent.medium { background-color: #FF8C00; /*Dark Orange*/ }
.savings .price-discountpercent.low { background-color: #FFBF00; /*Dark Goldenrod*/ }

.savings .offer-expires, .price-expires { font-size: .8rem; }

.item-box .tax-shipping-info a { color: #8ab82e; }
.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: 32px; border: none; vertical-align: middle; }
.item-box .product-box-add-to-cart-button { background-color: #9acd32; text-align: center; font-size: 13px; color: #fff; padding: 4px 16px; }
.item-box .product-box-add-to-cart-button:hover { background-color: rgba(154, 205, 50, .9); color: #fff; }
.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; background-size: 36px; }
.item-box .add-to-compare-list-button { background-image: url(/Themes/CablesNMore/Content/images/compare-button.png); }
.item-box .add-to-wishlist-button { background-image: url(/Themes/CablesNMore/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 { position: relative; }
.home-page-category-grid .title,
.sub-category-grid .title { text-align: center; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; font-size: 18px; margin-bottom: 1rem; }
.home-page-category-grid .title a,
.sub-category-grid .title a { display: block; padding: 0 0 15px; text-decoration: none; }
.home-page-category-grid .picture a:before,
.sub-category-grid .picture a:before { padding-top: 65%; }



.sub-category-grid, .home-page-category-grid { padding: 1rem 0; }
.sub-category-grid .item-box, .home-page-category-grid .item-box { border: 1px solid #dee2e6; margin: 0; border-radius: 3px; }
.sub-category-grid .item-box:hover, .home-page-category-grid .item-box:hover { border-color: #9acd32; }
.sub-category-grid .item-box:hover a { color: #9acd32; }
.sub-category-grid .sub-category-item { padding: .5rem; border-radius: .25rem; }
.sub-category-grid .item-box .title a { padding: .25rem 0 .25rem .5rem; text-align: center; }


.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: #8ab82e; }
.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: #8ab82e; }
.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: #fff; padding: 8px; text-align: center; font-size: 14px; /*reset zeroing*/ cursor: pointer; }
.pager li span { border-color: transparent; background-color: #8ab82e; 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/CablesNMore/Content/images/prev.png); }
.pager li.next-page * { background-image: url(/Themes/CablesNMore/Content/images/next.png); }
.pager li.first-page * { background-image: url(/Themes/CablesNMore/Content/images/first.png); }
.pager li.last-page * { background-image: url(/Themes/CablesNMore/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; text-align: center; }
.gallery .picture-wrapper { margin: 0 0 10px; }
.gallery .picture { position: relative; max-width: 100%; margin: 0 auto 10px; overflow: hidden; height: auto; max-height: 380px; }
.gallery .picture:before { content: ""; display: block; padding-top: 100%; }
.gallery .picture img,
.variant-picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; width: 350px }
.gallery .picture-thumbs { overflow: hidden; font-size: 0; height: 51px; max-width: 80%; display: flex; flex-wrap: wrap; gap: 4px; justify-content: center; margin: auto; }
.gallery .picture-thumbs a { overflow: hidden; border: 1px solid #ddd; }
.gallery .picture-thumbs a:hover { border-color: #bbb; }
.gallery .picture-thumbs img { width: 64px; height: auto; }

.overview { position: relative; margin: 0 0 50px; padding: 0 1rem; text-align: left; }
.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/CablesNMore/Content/images/discontinued-product-icon.png) no-repeat 13px center; color: #de444c; }
.overview .product-name { margin: 0 0 2rem; border-bottom: 1px solid #ddd; padding: 0 0 1rem; }
.overview .product-name h1 { font-size: 1.75rem; font-weight: normal; }
.overview .short-description { margin: 0 0 25px; line-height: 22px; color: #666; }

.overview .clearanced-product { background: #f3f3f3; margin: 0 0 20px; }
.overview .clearanced-product h4 { display: inline-block; font-size: 14px; padding: 17px 17px 17px 40px; background: url(/Themes/CablesNMore/Content/images/discontinued-product-icon.png) no-repeat 13px center; color: #de444c; }

.overview .replacement-product { background: #f3f3f3; margin: -18px 0 20px; }
.overview .replacement-product h4 { padding: 0 0 5px; }
.overview .replacement-product .info { padding: 17px 17px 17px 20px; }
.overview .replacement-product .info a { color: #8ab82e; }
.overview .replacement-product .sku { font-size: .8em; }

.product-spec-badges { clear: both; width: 50%; float: right; text-align: center; }
.product-spec-badges .badge { display: inline-block; margin-right: 5px; }
.product-spec-badges .badge img { width: 36px; }
.product-spec-badges:after { content: ' '; clear: both; display: block; }

.product-no-reviews,
.product-reviews-overview { width: 50%; 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/CablesNMore/Content/images/rating1.png) repeat-x; }
.product-review-box .rating div { height: 14px; background: url(/Themes/CablesNMore/Content/images/rating2.png) repeat-x; }
.product-review-links a { text-decoration: underline; }
.product-review-links a:hover { color: #8ab82e; }

.overview .value,
.variant-overview .value { color: #444; }
.overview .value a,
.variant-overview .value a { color: #8ab82e; }
.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; }
.overview .button-2,
.variant-overview .button-2 { display: block; width: 100%; background-color: #fff; border: 1px solid #eaeaea; border-radius: 4px; background-position: left center; background-repeat: no-repeat; padding: 12px 15px 12px 40px; text-align: left; font-size: 11px; /*reset zeroing*/ color: #666; }
.overview .button-2:hover,
.variant-overview .button-2:hover { background-color: #ddd; }

.overview .add-to-compare-list-button { background-image: url(/Themes/CablesNMore/Content/images/compare-button.png); }
.overview .email-a-friend-button { background-image: url(/Themes/CablesNMore/Content/images/email-button.png); }
.overview .subscribe-button,
.variant-overview .subscribe-button { background-image: url(/Themes/CablesNMore/Content/images/email-button.png); }
.overview .download-sample-button,
.variant-overview .download-sample-button { background-image: url(/Themes/CablesNMore/Content/images/download-button.png); }
.overview .add-to-wishlist-button,
.variant-overview .add-to-wishlist-button { background-image: url(/Themes/CablesNMore/Content/images/wishlist-button.png); }

.overview .manufacturers { margin: 0 0 8px; }
.overview .availability,
.variant-overview .availability { 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; }
.back-in-stock-subscription-page .notify-me-button { margin: 15px 0 0; border: none; background-color: #8ab82e; padding: 10px 15px; font-size: 15px; color: #fff; text-transform: uppercase; }
.back-in-stock-subscription-page .notify-me-button:hover { background-color: #99cc33; }
.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 { margin: 25px 0; overflow: hidden; }
.overview .free-shipping,
.variant-overview .free-shipping { display: inline-block; margin: 0 0 10px; background: url(/Themes/CablesNMore/Content/images/shipping.png) left center no-repeat; padding: 2px 0 2px 28px; font-weight: bold; color: #444; }
.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 > 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: 1.25rem; color: #999; text-decoration: line-through; }
.overview .product-price,
.variant-overview .product-price { font-size: 1.75rem; font-weight: bold; color: #444; }
.overview .tax-shipping-info a,
.variant-overview .tax-shipping-info a { color: #8ab82e; }
.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: 60px; height: 43px; padding: 0 12px; text-align: center; font-size: 15px; color: #444; border-top: 0; border-bottom: 0; }
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button { height: 43px; border: none; background-color: #8ab82e; padding: 0 24px; font-size: 15px; color: #fff; text-transform: uppercase; font-weight: bolder; border-radius: 5rem; margin-left: .5rem; }
.overview .add-to-cart-button:hover,
.variant-overview .add-to-cart-button:hover { background-color: #99cc33; }

.overview .qty-input-wrap { display: flex; border: 1px solid #ccc; border-radius: 4px; position: relative; margin-right: 8px; }
.overview .qty-input-wrap button { width: 36px; background-color: transparent; display: flex; justify-content: center; align-items: center; border: 0; }
.overview .qty-input-wrap button:hover { text-decoration: underline; background-color: #fafafa; }


.product-share-button { display: inline-block; overflow: hidden; }
.full-description { clear: both; line-height: 24px; }

.product-collateral { margin: 0 16px 64px; display: flex; flex-flow: column wrap; text-align: left; row-gap: 64px; }
.product-collateral .title { margin: 0 0 1rem; font-size: 1.25rem; 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: #8ab82e; }
.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; }

.product-essential .attributes { margin: 1rem 0; }
.attributes dl { overflow: hidden; padding: 0 2px; /* fix for Chrome in Mac, the checkboxes get cut off */ }
.attributes .text-prompt,
.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; }

.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: #8ab82e; 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/CablesNMore/Content/images/calendar-prev.png) center no-repeat; }
.ui-datepicker-header a.ui-datepicker-next { right: 0; background: url(/Themes/CablesNMore/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 #8ab82e; font-weight: bold; color: #8ab82e; /*override jQuery UI styles, do not delete doubled properties*/ color: #8ab82e !important; }

.color-squares { font-size: 0; }
.color-squares li { display: inline-block; margin: 0 5px 5px; text-align: center; }
.color-squares .color-container { display: block; position: relative; z-index: 0; padding: 1px; }
.color-squares label { display: block; margin: 0 !important; overflow: hidden; }
.color-squares .color { display: block !important; width: 32px !important; height: 32px !important; border: 1px solid #444 !important; cursor: pointer; }
.color-squares .selected-value .color-container { background-color: #8ab82e; }
.color-squares li input { position: relative; z-index: -1; margin: -32px 0 0; }

.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; }

.associated-products { margin-bottom: 16px; }

.associated-products .item-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(30px, 90px)); gap: 4px; padding: 8px 0; }
.associated-products .item-box .details { font-size: .75rem; }
.associated-products .title { width: 100%; text-align: left; }

.associated-products .option { padding: 6px; border: 1px solid #ced4da; text-align: center; font-size: 14px; overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 3px; transition: border-color 0.2s ease-in-out; height: 100%; }
.associated-products .option:hover { border-color: #9acd32; color: #313131; }

.associated-products .option.selected { border-color: #9acd32; box-shadow: 0 0 2px 5px rgba(154,205,50,.1); }
.associated-products .value { display: block; color: #212121; }

.associated-products .selected .value,
.associated-products .spec-value { font-weight: 600; }

.associated-products img { min-width: 40px; max-width: 100%; }

.associated-products .availability { margin: 0 0 4px; color: darkgreen; font-size: .7rem }




/********** PRODUCT REVIEWS **********/
.product-reviews-page h1 a { color: #8ab82e; }
.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; }
.write-review .review-rating { text-align: center; }
.write-review .review-rating label { display: block; margin: 0 0 5px; font-size: 14px; }
.write-review .review-rating ul { font-size: 0; vertical-align: middle; }
.write-review .review-rating li { display: inline-block; margin: 0 5px; cursor: default; vertical-align: middle; font-size: 14px; height: 17px; }
.write-review .review-rating li.first { color: #e4444c; }
.write-review .review-rating li.rating-options { padding-top: 2px; }
.write-review .review-rating li.rating-options input { vertical-align: baseline; }
.write-review .review-rating li.last { color: #4cb17c; }
.write-review .captcha-box { margin: 15px 0 0; }
.write-review .button-1 { border: none; background-color: #8ab82e; padding: 10px 25px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; }
.write-review .button-1:hover { background-color: #99cc33; }
.product-reviews-page .result,
.product-reviews-page .message-error { margin: 64px 0; text-align: center; }

.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 .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: #8ab82e; cursor: pointer; }
.product-review-helpfulness .question { margin: 0 5px 0 0; font-style: italic; }
.product-review-helpfulness .result { margin: 0 0 0 10px; }


/********** 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: #8ab82e; text-transform: uppercase; }
.wishlist-content .update-wishlist-button:hover,
.wishlist-content .wishlist-add-to-cart-button:hover { background-color: #99cc33; }
.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: #8ab82e; }
.wishlist-page .no-data { margin: 25px 0 0; }

/* Custom add to cart icon button for each item in the wishlist */
.wishlist-content .add-to-cart > .ico-add { /*background: url(/Themes/CablesNMore/Content/css/images/ico-delete.gif) center center no-repeat;*/ padding: 10px 0; display: inline-block; }
.wishlist-content .add-to-cart > .ico-add:hover { color: #8ab82e; cursor: pointer; }
.cart .remove-from-cart { text-align: left; }

.compare-products-page { position: relative; overflow: hidden; }
.compare-products-page .clear-list { display: inline-block; margin: 0 0 20px; background-color: #8ab82e; padding: 10px 15px; font-size: 12px; color: #fff; text-transform: uppercase; }
.compare-products-page .clear-list:hover { background-color: #99cc33; }
.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/CablesNMore/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: #8ab82e; }
.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: #8ab82e; }
.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; }
.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; }
.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: #8ab82e; padding: 0 15px; color: #fff; text-transform: uppercase; }
.enter-password-form input[type="submit"]:hover { background-color: #99cc33; }


/*********** 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: #8ab82e; 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: #99cc33; }
.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: #8ab82e; }


/********** 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 select { width: 31%; /*always single line*/ max-width: 126px; }
.date-of-birth select + select { 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; }
.accept-privacy-policy { margin: 0 0 20px; text-align: center; }
.accept-privacy-policy > * { display: inline-block; line-height: 32px; }
.accept-privacy-policy span { color: #8ab82e; cursor: pointer; }
.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: #8ab82e; 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: #99cc33; }
.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; }

.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 .form-fields .inputs { display: inline-block; }
.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: #8ab82e; }
.login-page .captcha-box { margin: -15px 0 20px; }
.login-page .returning-wrapper .buttons { background-color: #fff; padding: 30px 0; }

.g-recaptcha > div { margin: auto; }

.external-authentication { margin: 0 0 50px; overflow: hidden; text-align: center; }
.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: #8ab82e; }
.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: #8ab82e; }
.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; }

.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/CablesNMore/Content/images/edit.png) left center no-repeat; }
.delete-address-button,
.cancel-recurring-order-button { background: url(/Themes/CablesNMore/Content/images/remove.png) left center no-repeat; }
.return-items-button { background: url(/Themes/CablesNMore/Content/images/return.png) left center no-repeat; }
.order-details-button { background: url(/Themes/CablesNMore/Content/images/details.png) left center no-repeat; }
.address-list-page .button-2:hover,
.order-list-page .button-2:hover { color: #8ab82e; }
.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: #8ab82e; }
.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; }


/********** 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/CablesNMore/Content/images/pointer.png) center no-repeat; }
.order-progress li.active-step a { cursor: pointer; }
.order-progress li.active-step a:hover:before { border-color: #8ab82e; }
.order-progress li.active-step a:not(.current-step):before { background-color: rgba(154, 205, 50,.1) }
.order-progress li.inactive-step a { opacity: 0.3; cursor: default; }
.order-progress li.inactive-step a:before { background: #fff; }

.order-progress a.current-step:before { border-color: #8ab82e; transform: rotate(90deg) }

.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 .checkout-attributes textarea { width: 100%; }
.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: #8ab82e; }
.shopping-cart-page .common-buttons input:first-child:hover { background-color: #99cc33; }

.shopping-cart-page .product-name { font-size: 16px; }

.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: 200px; }
.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 .color-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: rgba(154, 205, 50,.1); padding: 10px; color: #444; }
.cart-footer .total-info { margin: 0 0 20px; border-bottom: 1px solid #ddd; padding: 6px 16px 16px; }

.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: 1.25rem; color: #8ab82e; }
.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: #8ab82e; }

.cart-footer .checkout-buttons { padding: 0 10px; }
.cart-footer .checkout-button { display: inline-block; min-width: 160px; border: none; background-color: #8ab82e; padding: 10px 20px; font-size: 16px; color: #fff; text-transform: uppercase; border-radius: 5rem; }
.cart-footer .checkout-button:hover { background-color: #99cc33; }
.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/CablesNMore/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 { border: 1px solid #eee; border-radius: 3px; margin: 4px 0; text-align: left; padding: 16px; }
.cart-collaterals .shipping-results li strong { display: block; margin: 0; color: #444; }
.shopping-cart-page .no-data { margin: 25px 0 0; }


/********** CHECKOUT **********/

.checkout-data ol, .checkout-data ul { padding: 0; }

.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 .buttons { clear: both; padding: 32px 0; }
.checkout-page .button-1:disabled { background-color: #ccc; /* Light gray background */ color: #666; /* Dark gray text */ cursor: not-allowed; /* Change cursor to indicate it's not clickable */ border: 1px solid #ccc; /* Optional: light border */ }

.checkout-page .button-1 { display: inline-block; min-width: 140px; border: none; background-color: #8ab82e; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; }
.checkout-page .button-1:hover { background-color: #99cc33; }


.checkout-page .continue-checkout { background-color: #007bff; }
.checkout-page .continue-checkout:hover { background-color: #0056b3; }

.checkout-page .previous-checkout .button-1 { background: #666; }


.shipping-wrapper, .billing-wrapper { width: 98%; margin: 1%; float: left; overflow: hidden; border: 1px solid #e6e6e6; position: relative; }
.shipping-wrapper .title, .billing-wrapper .title, .checkout-page .order-summary-body > .title { padding: 20px; font-size: 16px; text-align: left; color: #fff; background: #333; }
.shipping-wrapper .title h2, .billing-wrapper .title h2, .checkout-page .order-summary-body > .title h2 { color: #fff; }


.checkout-page .edit-address { display: inline-block; margin: 0 auto; }
.checkout-page .edit-address .inputs label { width: auto; text-align: left; margin: 0 0 3px 1px; }
.checkout-page .edit-address .inputs input[type="text"], .checkout-page .edit-address .inputs input[type="password"], .checkout-page .edit-address .inputs select { width: 295px; max-width: 100%; }
.checkout-page .pickup-in-store .selector lable { cursor: pointer; }

.checkout-page .enter-address { text-align: center; }

.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: 2rem 0; }
.enter-address .edit-address { margin: 0; padding: 2rem; }


.checkout-page .pickup-in-store { text-align: center; background: #eff4e5; padding: 2rem 0; margin: 1rem; border-radius: .25rem; }
.checkout-page .billing-wrapper .pickup-in-store { background: #e5eff4; }

.select-billing-address.section, .select-shipping-address.section { width: 90%; margin: auto; display: block; }
.select-billing-address.section label, .select-shipping-address.section label { padding: 1rem; display: block; }
.select-billing-address select, .select-shipping-address select { max-width: 100%; width: 100%; }

.checkout-page .progress-overlay { background: #000; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f9f9f9; background-color: rgba(250, 250, 250, .9); z-index: 1; padding: 10px; text-align: center }

.section.new-shipping-address, .section.new-billing-address { position: static; margin: 0; }

.enter-address .message-error { margin: 20px 0; }

.checkout-page .pickup-in-store { padding: 30px 0; text-align: center; }
.checkout-page .pickup-in-store .selector { margin: 0 0 5px; font-weight: bold; color: #444; }


/* Container styling */
.shipping-method { display: flex; flex-direction: column; gap: 1rem; padding: 1rem; }

/* Shipping method list - Responsive grid layout */
.shipping-method .method-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 1rem; list-style: none; padding: 0; margin: 0; }

/* Shipping method card */
.shipping-method .method-name { display: flex; flex-direction: column; align-items: center; background: #ffffff; border-radius: 0.5rem; padding: 1rem 0 0; box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); transition: transform 0.2s, box-shadow 0.2s; cursor: pointer; border: 1px solid #f5f5f5; }

/* Hover effect */
.shipping-method .method-name:hover { transform: scale(1.02); box-shadow: 0 4px 8px rgba(0, 0, 0, 0.15); }

/* Selected shipping method */
.shipping-method .method-name input[type="radio"]:checked + label { box-shadow: 0 4px 8px rgba(0, 123, 255, 0.2); height: 100%; }

/* Label styling */
.shipping-method .method-name label { cursor: pointer; font-weight: 500; text-align: center; width: 100%; padding: 10px; }

/* Shipping price */
.shipping-method .method-name .ship-price { display: block; color: #2e7d32; font-weight: bold; font-size: 1.1rem; margin: 4px; }

/* Description container */
.shipping-method .method-descriptions { padding: 1rem; border-radius: 0.5rem; background-color: #f9f9f9; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); text-align: center; }

/* Individual method description */
.shipping-method .method-description { display: none; padding: 1rem; border-radius: 0.25rem; background-color: #ffffff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); animation: fadeIn 0.3s ease-in-out; }

/* Active method description */
.shipping-method .method-description.active { display: block; }

/* Title */
.shipping-method .method-description .title { font-size: 1.1rem; font-weight: bold; margin-bottom: 0.5rem; }


/* Fade in effect for descriptions */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(-5px); }
    to { opacity: 1; transform: translateY(0); }
}

.payment-method .method-list { display: flex; gap: 1rem; background: #f5f5f5; margin: 0 auto 2rem; overflow: hidden; text-align: center; font-size: 0; padding: .5rem }
.payment-method .method-list li { background: #fff; padding: .5rem; font-size: 14px; /*reset zeroing*/ display: flex; flex-wrap: wrap; justify-content: center; }
.payment-method .method-list li label { font-size: 13px; font-weight: bold; color: #444; cursor: pointer; }

.payment-info.section { max-width: 90%; margin: auto; }
.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; }

#checkout-step-payment-info .cart tr { width: 100%; margin-left: 0; margin-right: 0; }
.payment-info .checkout-page .cart-footer .totals { width: 100%; max-width: 395px; }

.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: 100% !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; text-align: left; }
.payment-info .info p { text-align: center; }

.confirm-order .buttons { padding: 10px 0; }
.confirm-order .button-1 { font-size: 16px; }

.order-review-data ul,
.order-details-area ul,
.shipment-details-area ul { 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: 20px 0 5px; padding: 0; font-size: 16px; font-weight: bold; }
.order-review-data .title:first-child,
.order-details-area .title:first-child,
.shipment-details-area .title:first-child { margin-top: 0; }
.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: #8ab82e; }
.order-completed .details a:hover { text-decoration: underline; }


/****** ORDER DETAILS & SHIPPING DETAILS ******/

.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: #8ab82e; }
.order-details-page .page-title a.print-order-button:hover { background-color: #99cc33; }

.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: #8ab82e; }

.order-details-page .repost .button-2 { display: inline-block; margin: 10px 0; border: none; background-color: #8ab82e; padding: 10px 15px; font-size: 12px; color: #fff; text-transform: uppercase; }
.order-details-page .repost .button-2:hover { background-color: #99cc33; }

.order-details-page .download a { font-weight: normal; color: #8ab82e; }
.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: #8ab82e; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; }
.user-agreement-page .button-1:hover { background-color: #99cc33; }

.order-details-page .tax-shipping-info { margin: 30px 0; }
.order-details-page .tax-shipping-info a { color: #8ab82e; }
.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: 180px; 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: #8ab82e; }
.order-details-page .actions input:first-child:hover { background-color: #99cc33; }

.order-details-page .total-info { width: 350px; max-width: 100%; margin: 0 auto 50px; 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: #8ab82e; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; }
.search-input .button-1:hover { background-color: #99cc33; }
.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 ul { font-size: 0; }
.sitemap-page li { display: inline-block; position: relative; margin: 0 8px; padding: 0 12px; line-height: 50px; font-size: 14px; /*reset zeroing*/ }
.sitemap-page li:before { content: ""; position: absolute; top: 23px; left: 0; width: 5px; height: 5px; background-color: #ddd; }
.sitemap-page a { color: #444; }
.sitemap-page a:hover { color: #8ab82e; }
.sitemap-page 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; }
.post-title,
.news-title { display: inline-block; padding: 20px 10px; line-height: 20px; font-size: 16px; font-weight: bold; color: #444; }
.post-title:hover,
.news-title:hover { color: #8ab82e; }
.post-date,
.news-date { display: block; margin: 0 0 15px; background-color: #f6f6f6; padding: 10px; font-style: italic; color: #444; }
.post-body,
.news-body { margin: 0 0 20px; padding: 0 10px; line-height: 22px; }
.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: #8ab82e; }
.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: #8ab82e; }
.blog-posts .buttons .read-more,
.news-items .buttons .read-more { display: inline-block; border: none; background-color: #8ab82e; padding: 10px 20px; font-size: 12px; color: #fff; text-transform: uppercase; }
.blog-posts .buttons .read-more:hover,
.news-items .buttons .read-more:hover { background-color: #99cc33; }

.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: #8ab82e; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; }
.new-comment .button-1:hover { background-color: #99cc33; }

.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: #8ab82e; }
.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; }

.news-list-homepage { margin: 0 0 75px; }
.news-list-homepage .title { margin: 0 0 -1px; border-bottom: 1px solid #ddd; padding: 0 0 15px; font-size: 30px; font-weight: normal; color: #444; }
.news-list-homepage .title strong { font-weight: normal; }
.news-list-homepage .view-all { text-align: center; }
.news-list-homepage .view-all a { color: #444; text-decoration: underline; }
.news-list-homepage .view-all a:hover { color: #8ab82e; }


/* 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-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: #8ab82e; }
.ui-tabs-panel { /*override jQuery UI styles, do not delete doubled properties*/ padding: 0 !important; }

/* 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: 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 .product .buttons { justify-content: center; }
    .cart .product .edit-item,
    .cart .product .remove-from-cart { margin: 0 0 1rem; background-color: #f8f9fa; padding: .75rem; text-align: center; }
    .cart .product .product-picture { border-top: 1px solid #ddd; padding: 15px 10px 5px; float: none; }

    .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: 24px 10px 0; 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: 10; max-width: 100%; margin: 0 1rem; }
    .search-box input.search-box-text { padding: 4px 65px; }

    .menu-toggle { font-size: 0; color: #fff; cursor: pointer; position: absolute; transform: translateY(-100%); left: 2px; top: -2px; height: 36px; width: 53px; display: flex; justify-content: center; align-items: center; border-right: 1px solid #aaa; }
    .menu-toggle .toggler-icon { width: 100%; max-width: 100%; border-radius: 4px; padding: 0 8px; max-height: 100%; }
    .menu-toggle .toggler-icon .bar { height: .25rem; margin: 5px 4px; background-color: #6B8E23; transition: background ease-in-out 300ms; }
    .menu-toggle:hover .toggler-icon .bar { background-color: #aed75a; }

    .top-menu { display: none; margin: 0; padding: 8px; background-color: rgba(154, 205, 50,.1); margin-bottom: 8px; }
    .top-menu > li { position: relative; margin: 0 0 4px; background-color: #fff; border-radius: 4px; border: 1px solid #ddd; }
    .top-menu > li > a { display: block; min-height: 55px; padding: 18px; font-size: 15px; color: #444; }
    .top-menu .sublist { display: none; background-color: #fff; padding: 5px 0; border-top: 1px solid #ddd; }
    .top-menu .sublist li { position: relative; margin: 1px 0 1px 20px; }
    .top-menu .sublist li a { display: block; padding: 15px 18px; font-size: 15px; }
    .top-menu .sublist .sublist { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
    .top-menu .sublist a:hover { color: #000; }

    .sublist-toggle { position: absolute; top: 0; right: 0; width: 55px; height: 55px; border-left: 1px solid #ddd; background: url(/Themes/CablesNMore/Content/images/toggle-black.png) center no-repeat; padding: 15px; font-size: 15px; font-weight: bold; color: #fff; text-transform: uppercase; cursor: pointer; }
    .sublist-toggle:hover { background-color: rgba(154, 205, 50,.05); }

    .sublist .sublist-toggle { height: 49px; }

    .sublist .sublist .sublist li { background-color: #fff; }


    .header-links-wrapper { background-color: rgba(154, 205, 50,.1); }
    #topcartlink { width: 100%; background-color: rgba(154, 205, 50,.5); max-width: 100%; }

    .block-category-navigation { display: none; }
    .block-account-navigation { float: none; margin: auto !important; }

    /*** Auto Complete  ***/
    .ui-autocomplete { font-size: 16px; border-radius: 0 0 6px 6px; }
    .ui-autocomplete a { padding: 10px 14px !important; font-size: 16px !important; flex-wrap: wrap; white-space: normal; }
    .ui-autocomplete img { display: inline-block; width: 30px; height: auto; margin-right: 10px; }

    .ui-menu-item.header,
    .ui-menu-item.info { font-size: 15px; padding: 10px 14px; }

    /*** Category Page  ***/

    .product-spec-filter .filter-content .available-items { display: flex; flex-flow: row wrap; gap: 2rem; }
    .product-spec-filter .filter-content .available-items > ul { flex: 0 calc(50% - 2rem); }
}





@media all and (min-width: 481px) {


    /*** GLOBAL ***/


    /*** 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 ***/

    .ui-autocomplete img { display: inline; }

    /*** FOOTER ***/


    .footer-block { width: 85%; }
    .newsletter-email input[type="text"] { }


    /*** HOME PAGE ***/
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 110px !important; }


    /*** 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; clear: both; }
    .product-filter .group li.item { display: block; margin: 0; }
    .product-filter .maxlist-more { float: left; clear: both; margin: -5px 0 15px; color: #8ab82e; font-size: 12px; }
    .product-filter .maxlist-more:hover { color: #99cc33; }

    /*** PRODUCT PAGE ***/
    .overview-buttons div { display: inline-block; width: auto; margin: 0 1px 2px; }
    .product-collateral > div { flex: 1 50%; }

    /*** 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; }


    .payment-method .method-list li { flex: 1 1; }
}





@media all and (min-width: 769px) {


    /**** GLOBAL ***/

    .master-wrapper-content { width: 100%; }
    .home-page-polls li { min-width: 100px; }
    .item-grid { }
    .sub-category-grid .item-grid { grid-template-columns: repeat(auto-fill,minmax(auto,1fr)); }

    /**** 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; }

    /*** HOME PAGE ***/
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 120px !important; }
    .home-page-category-grid .item-grid { grid-template-columns: repeat(3,1fr); }

    /*** 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 ***/

    .sub-category-grid .item-box { grid-template-columns: repeat(3,1fr); }

    .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/CablesNMore/Content/images/view-grid.png); }
    .product-selectors .product-viewmode a.list { background-image: url(/Themes/CablesNMore/Content/images/view-list.png); }
    .product-selectors .product-viewmode a.selected { opacity: 1; }

    .product-grid .item-box { grid-template-columns: repeat(3,1fr); }

    .product-list .item-box { float: none; width: auto; margin: 0 5px 20px; grid-template-columns: 1fr; }
    .product-list .item-box .product-item:after { content: ""; display: block; clear: both; }
    .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; }
    .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-collateral { flex-flow: row nowrap; gap: 3rem }


    /*** 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; }

    .cart-footer .estimate-shipping .option-name { position: relative; cursor: pointer; display: flex; }
    .cart-footer .estimate-shipping .option-name strong { flex: 1 1 auto; }
    .cart-footer .estimate-shipping .option-name .price { color: darkgreen; }
    .cart-footer .estimate-shipping .option-description { display: none; padding: 8px 0; }


    /*** 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 { float: left; width: 48%; margin: 0 1% 40px; }


    .payment-method .payment-logo { display: block; padding: .5rem; }
    .payment-method .payment-details { display: block; width: auto; min-width: 0; margin: 10px 0 0; text-align: center; }
    .order-review-data,
    .order-details-area,
    .shipment-details-area { overflow: hidden; }
    .order-review-data ul,
    .order-details-area ul,
    .shipment-details-area ul { float: left; width: 48%; margin: 0 1% 40px; }

    .payment-info.section { width: 100%; max-width: 55%; margin: auto; }
    #checkout-step-payment-info .section.order-summary.section { width: 100%; max-width: 45%; float: left; }

    /*** ORDER DETAILS & SHIPPING DETAILS ***/


    .order-details-page .section.options { text-align: right; }
    .order-details-page .selected-checkout-attributes { padding: 0 10px; }
    .order-details-page .totals { overflow: hidden; }
    .order-details-page .total-info { float: right; margin: 0 5px; }
    .shipment-details-page .tracking-number .tracking-url { color: #8ab82e; }


    /*** 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; }

    /*** HOME PAGE ***/
    .widget.swiper-container img { max-width: 690px; min-height: 345px; }
}





@media all and (min-width: 1001px) {


    /*** GLOBAL STYLES ***/


    .master-wrapper-content { width: 100%; }
    .master-column-wrapper .content-wrapper { flex-flow: row nowrap; padding: 0; }
    .content-wrapper { width: 980px; margin: auto; }
    .center-2 { width: 73%; }
    .side-2 { width: 25%; }
    .side-2 > div { background: #f9f9f9; border-radius: .5rem; margin-bottom: 3rem; }
    .page { text-align: left; }
    .inputs { text-align: left; }
    .inputs label { margin: 0 10px 0 0; text-align: left; }
    .inputs input[type="text"],
    .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; }
    .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-logo { max-height: 42px; }
    .search-box-container { margin-left: auto; }
    .search-box > div { margin-left: auto; }



    .header { width: 100%; margin: auto; }
    .header-upper:after { content: ""; display: block; clear: both; }
    .header-links-wrapper { float: right; padding: 0; }
    .header-links li { padding: 0 8px; margin: 0 1px; }
    .header-links a,
    .header-links span { text-transform: none; }
    #topcartlink { display: inline-block; width: auto; margin: 0; }
    .header-lower .content-wrapper { display: flex; align-items: center; }

    .flyout-cart-wrapper.active { display: block; }
    .flyout-cart { position: absolute; top: 100%; right: 0; min-height: 45px; z-index: 100; width: 320px; max-width: 100%; border: 1px solid #ccc; background-color: #fff; }

    .mini-shopping-cart:before, .mini-shopping-cart:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 14px 8px 14px; border-color: transparent transparent #e0e0e0 transparent; position: absolute; top: -8px; right: 28px; }
    .mini-shopping-cart:after { border-width: 0 12px 6px 12px; border-color: transparent transparent #fff transparent; top: -6px; right: 30px; }

    .mini-shopping-cart { padding: 12px; text-align: left; font-size: 12px; }
    .mini-shopping-cart a,
    .mini-shopping-cart span { line-height: normal; }
    .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 4px; }
    .mini-shopping-cart .name a { color: #6b8f24; font-size: 14px; }
    .mini-shopping-cart .name a:hover { color: #99cc33; }
    .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: #8ab82e; padding: 10px 20px; font-size: 12px; color: #fff; text-transform: uppercase; width: 100%; }
    .mini-shopping-cart input[type="button"]:hover { background-color: #99cc33; }

    .header-lower { width: 100%; }

    /*** NAVIGATION ***/


    .header-menu { position: relative; z-index: 5; width: 100%; margin: 0; border-bottom: 1px solid #ccc; padding: 0; text-align: center; }
    .header-menu .content-wrapper { margin: auto; position: relative; }
    .menu-toggle, .sublist-toggle { display: none; }
    .header-menu .content-wrapper .top-menu { display: flex !important; /* prevents toggle display:none on resize */ justify-content: center; gap: .5rem; padding: .25rem 0; padding-left: 27%; }
    .header-menu .content-wrapper > ul.mobile { display: none !important; }
    .header-menu .content-wrapper > ul > li { width: 100%; }
    .header-menu .content-wrapper > ul > li > a { display: flex; justify-content: center; align-items: center; font-size: 15px; /*reset zeroing*/ color: #555; cursor: pointer; font-weight: bold; text-decoration: none; padding: .5rem; height: 100%; border: 1px solid #e0e0e0; border-radius: 3px; }
    .header-menu .content-wrapper > ul > li.active > a { color: #8ab82e; border-color: #aaa; }
    .header-menu .sublist-wrapper { position: absolute; width: 100%; background-color: #fff; text-align: left; left: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; margin-top: 4px; }
    .header-menu .sublist-wrapper .relative { position: relative; border-top: 1px solid yellowgreen; display: grid; grid-template-columns: 56% auto; padding: 32px; gap: 32px; }
    .header-menu .active .sublist-wrapper { display: block; }
    .sublist-wrapper .content .title { padding: 10px 20px 10px 0; font-size: 2.25em; color: steelblue; margin-top: 10px; }

    .header-menu ul > li > .sublist-wrapper { max-height: 0; overflow: hidden; }
    .header-menu ul > li.active > .sublist-wrapper { max-height: 1000px; z-index: 10; transition: max-height ease-in 500ms; }

    .header-menu .sublist { width: 100%; position: relative; min-height: 400px; z-index: 5; border-radius: .5rem; }
    .header-menu .sublist.first-level { border-right: 1px solid #ddd; display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }
    .header-menu .content { width: 100%; font-size: 14px; position: relative; }


    /* needs to be manually set */
    .header-menu .category-img { margin: 2%; width: 500px; max-width: 100%; }
    .header-menu .sublist li { position: relative; }
    .header-menu .sublist li a { text-decoration: none; display: inline-block; position: relative; padding: 4px 8px; font-size: 15px; color: #222; }
    .header-menu .sublist > li > a { margin-top: 16px; font-weight: bold; font-size: 18px; }

    .header-menu .sublist .sublist { top: -10px; left: 100% !important; }

    .header-menu .sublist .second-level li:hover a { color: #99cc33; }
    .header-menu .sublist .second-level li.view-all-subcategories a { color: #7aa329; }
    .header-menu .sublist .second-level li.view-all-subcategories a:hover { color: #99cc33; }

    .header-menu .top-menu.normal > li.active > a { position: relative; }
    .header-menu .top-menu.normal > li.active > a:before, .header-menu .top-menu.normal > li.active > a:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 0 26px 14px 26px; border-color: transparent transparent #9acd32 transparent; position: absolute; bottom: -7px; left: 50%; margin-left: -26px; }
    .header-menu .top-menu.normal > li.active > a:after { border-width: 0 22px 12px 22px; border-color: transparent transparent #fff transparent; bottom: -6px; left: 50%; z-index: 20; margin-left: -22px; }



    /*** HOME PAGE ***/

    .widget.swiper-container img { max-width: 890px; min-height: 445px; }
    .swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 170px !important; }
    .home-page-category-grid .item-grid { grid-template-columns: repeat(6,1fr); }

    /*** FOOTER ***/
    .footer-upper { width: 980px; padding: 35px 10px; }
    .footer-upper:after { content: ""; display: block; clear: both; }
    .footer-block { float: left; width: 220px; margin: 0; }
    .footer-block:first-child { }
    .footer-block .list { margin: 0; }
    .follow-us { float: right; width: 300px !important; margin: 0; text-align: left; }
    .follow-us .social li { margin: 0 10px 0 0; }
    .newsletter-email { }
    .newsletter-email input[type="text"] { }
    .newsletter-email .newsletter-subscribe-button { padding: 0 5px; }
    .newsletter-validation .field-validation-valid { text-align: left; }
    .footer-lower { position: relative; padding: 25px 5px 115px; }
    .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; padding: 16px; }
    .block .title { 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 ***/

    .item-box .buttons { text-align: left; display: flex; width: 100%; }
    .item-box .buttons input:first-child { flex: 1; }

    .product-grid .item-grid { gap: 1.5rem; }
    .sub-category-grid .item-grid { padding: 1rem 0; }

    .home-page .product-grid .item-grid,
    .product-details-page .product-grid .item-grid,
    .shopping-cart-page .product-grid .item-grid { grid-template-columns: repeat(5,1fr); margin-bottom: 3rem; }

    .shopping-cart-page .product-grid.cross-sells .item-grid { grid-template-columns: repeat(6,1fr); }


    /*** PRODUCT PAGE ***/
    .gallery { float: left; width: 46%; }
    .gallery .picture { max-height: auto; }
    .overview { float: right; width: 50%; padding: 0 1rem; }
    .rental-attributes { overflow: hidden; }
    .rental-attributes .attribute-item { float: left; margin: 0 20px 0 0; }
    .rental-attributes .datepicker { width: 160px; text-align: left; }
    .color-squares li { margin: 0 10px 10px 0; }
    .product-details-page .title { text-align: left; }

    .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; }

    /*** PRODUCT REVIEWS ***/


    .product-review-item .review-title { max-width: 850px; }


    /*** 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%; }
    .login-page .returning-wrapper .form-fields { min-height: 200px; padding: 30px 0 0; text-align: center; }
    .login-page .returning-wrapper input[type="text"],
    .login-page .returning-wrapper input[type="password"] { }

    .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; }


    /*** SHOPPING CART ***/


    .shopping-cart-page .cart-options { overflow: hidden; }
    .shopping-cart-page .checkout-attributes { float: left; width: 100%; 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-bottom: 50px; }
    .checkout-page .address-item { width: 31.33333%; }
    .checkout-page .terms-of-service { text-align: center; }
    .payment-info .info td:first-child { width: 265px !important; margin: 0 10px 0 0; }
    .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; }
    .shipping-wrapper, .billing-wrapper { width: 48%; margin: 1%; }


    /*** 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; }
}





@media all and (min-width: 1367px) {


    /*** GLOBAL STYLES ***/


    .master-wrapper-content { width: 100%; }
    .center-2 .inputs label { width: 213px; }
    .content-wrapper { width: 1200px; margin: auto; }



    /*** CATEGORY ***/

    .product-grid .item-grid { grid-template-columns: repeat(4,1fr); }
    .sub-category-grid .item-grid { grid-template-columns: repeat(3,1fr); }

    /*** NAVIGATION ***/
    .header-menu > ul > li { padding: 0 20px; }
    .header-menu > ul > li > a,
    .header-menu > ul > li > span { font-size: 18px; }

    /*** HOME PAGE ***/
    .widget.swiper-container img { max-width: 1100px; min-height: 550px; }


    /*** FOOTER ***/
    .footer-upper { width: 100%; }
    .footer-upper .content-wrapper { padding: 35px 30px; }
    .footer-block { width: 280px; }
    .footer-lower .content-wrapper { padding: 25px 20px; }


    /*** PRODUCT REVIEWS ***/


    .product-review-item .review-title { max-width: 1050px; }


    /*** REGISTRATION, LOGIN, ACCOUNT ***/


    .login-page .returning-wrapper input[type="text"],
    .login-page .returning-wrapper input[type="password"] { }


    /*** 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 ***/



    .payment-info .info td:first-child { width: 375px !important; }
    .payment-info .info td:only-child { width: 100% !important; }
}

/**
 * Swiper 4.3.5
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: July 31, 2018
 */
.swiper-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.swiper-container-no-flexbox .swiper-slide {
  float: left;
}
.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0px, 0, 0);
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.swiper-container-free-mode > .swiper-wrapper {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  -o-transition-property: transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
}
.swiper-invisible-blank-slide {
  visibility: hidden;
}
/* Auto Height */
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  -o-transition-property: transform, height;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}
/* 3D Effects */
.swiper-container-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}
.swiper-container-3d .swiper-wrapper,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-cube-shadow {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-slide-shadow-bottom {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
/* IE10 Windows Phone 8 Fixes */
.swiper-container-wp8-horizontal,
.swiper-container-wp8-horizontal > .swiper-wrapper {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}
.swiper-container-wp8-vertical,
.swiper-container-wp8-vertical > .swiper-wrapper {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}
.swiper-button-prev,
.swiper-button-next {
  position: absolute;
  top: 50%;
  width: 27px;
  height: 44px;
  margin-top: -22px;
  z-index: 10;
  cursor: pointer;
  background-size: 27px 44px;
  background-position: center;
  background-repeat: no-repeat;
}
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  background-image: url(/Plugins/Widgets.SwiperSlider/Content/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);
  left: 10px;
  right: auto;
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  background-image: url(/Plugins/Widgets.SwiperSlider/Content/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E);
  right: 10px;
  left: auto;
}
.swiper-button-prev.swiper-button-white,
.swiper-container-rtl .swiper-button-next.swiper-button-white {
  background-image: url(/Plugins/Widgets.SwiperSlider/Content/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E);
}
.swiper-button-next.swiper-button-white,
.swiper-container-rtl .swiper-button-prev.swiper-button-white {
  background-image: url(/Plugins/Widgets.SwiperSlider/Content/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E);
}
.swiper-button-prev.swiper-button-black,
.swiper-container-rtl .swiper-button-next.swiper-button-black {
  background-image: url(/Plugins/Widgets.SwiperSlider/Content/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E);
}
.swiper-button-next.swiper-button-black,
.swiper-container-rtl .swiper-button-prev.swiper-button-black {
  background-image: url(/Plugins/Widgets.SwiperSlider/Content/css/data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E);
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  -webkit-transition: 300ms opacity;
  -o-transition: 300ms opacity;
  transition: 300ms opacity;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
/* Bullets */
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  -webkit-transform: scale(0.66);
  -ms-transform: scale(0.66);
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  -webkit-transform: scale(0.33);
  -ms-transform: scale(0.33);
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: #007aff;
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0px, -50%, 0);
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  -webkit-transition: 200ms top, 200ms -webkit-transform;
  transition: 200ms top, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top;
  transition: 200ms transform, 200ms top, 200ms -webkit-transform;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms left, 200ms -webkit-transform;
  transition: 200ms left, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left;
  transition: 200ms transform, 200ms left, 200ms -webkit-transform;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  -webkit-transition: 200ms right, 200ms -webkit-transform;
  transition: 200ms right, 200ms -webkit-transform;
  -o-transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right;
  transition: 200ms transform, 200ms right, 200ms -webkit-transform;
}
/* Progress */
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: #007aff;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: left top;
  -ms-transform-origin: left top;
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  -webkit-transform-origin: right top;
  -ms-transform-origin: right top;
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-vertical > .swiper-pagination-progressbar,
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white .swiper-pagination-bullet-active {
  background: #ffffff;
}
.swiper-pagination-progressbar.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
  background: #ffffff;
}
.swiper-pagination-black .swiper-pagination-bullet-active {
  background: #000000;
}
.swiper-pagination-progressbar.swiper-pagination-black {
  background: rgba(0, 0, 0, 0.25);
}
.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
  background: #000000;
}
.swiper-pagination-lock {
  display: none;
}
/* Scrollbar */
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
/* Preloader */
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  -webkit-transform-origin: 50%;
  -ms-transform-origin: 50%;
  transform-origin: 50%;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}
.swiper-lazy-preloader:after {
  display: block;
  content: '';
  width: 100%;
  height: 100%;
  background-image: url(/Plugins/Widgets.SwiperSlider/Content/css/data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position: 50%;
  background-size: 100%;
  background-repeat: no-repeat;
}
.swiper-lazy-preloader-white:after {
  background-image: url(/Plugins/Widgets.SwiperSlider/Content/css/data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
@-webkit-keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
/* a11y */
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  -o-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  -webkit-transition-property: opacity;
  -o-transition-property: opacity;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  -webkit-transform-origin: 0 0;
  -ms-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  -webkit-transform-origin: 100% 0;
  -ms-transform-origin: 100% 0;
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-prev,
.swiper-container-cube .swiper-slide-next + .swiper-slide {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-coverflow .swiper-wrapper {
  /* Windows 8 IE 10 fix */
  -ms-perspective: 1200px;
}