/* Minification failed. Returning unminified contents.
(2360,21): run-time error CSS1036: Expected expression, found '''
(2360,319): Scanner error CSS1002: Unterminated string: '%2F%3E%3C%2Fsvg%3E);
(2366,21): run-time error CSS1036: Expected expression, found '''
(2366,319): Scanner error CSS1002: Unterminated string: '%2F%3E%3C%2Fsvg%3E);
(2372,21): run-time error CSS1036: Expected expression, found '''
(2372,319): Scanner error CSS1002: Unterminated string: '%2F%3E%3C%2Fsvg%3E);
(2376,21): run-time error CSS1036: Expected expression, found '''
(2376,319): Scanner error CSS1002: Unterminated string: '%2F%3E%3C%2Fsvg%3E);
(2380,21): run-time error CSS1036: Expected expression, found '''
(2380,319): Scanner error CSS1002: Unterminated string: '%2F%3E%3C%2Fsvg%3E);
(2384,21): run-time error CSS1036: Expected expression, found '''
(2384,319): Scanner error CSS1002: Unterminated string: '%2F%3E%3C%2Fsvg%3E);
(2671,21): run-time error CSS1036: Expected expression, found '''
(2671,1509): Scanner error CSS1002: Unterminated string: '%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
(2677,21): run-time error CSS1036: Expected expression, found '''
(2677,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; }
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: 0; }
input[type="button"],
input[type="submit"],
input[type="reset"] { -webkit-appearance: none; }
input:-webkit-autofill { -webkit-box-shadow: inset 0 0 0 1000px #fff; }
script { display: none !important; }
input[type=text], input[type="password"] { -webkit-transition: all 0.30s ease-in-out; -moz-transition: all 0.30s ease-in-out; -ms-transition: all 0.30s ease-in-out; -o-transition: all 0.30s ease-in-out; outline: none; }
input[type=text]:focus, input[type="password"]:focus { box-shadow: 0 0 5px rgba(45, 184, 45, 0.8); border: 1px solid rgba(45, 184, 45, 0.8); }
/*********** GLOBAL STYLES **********/
body { max-width: 100%; min-height: 100vh; overflow-x: hidden; background-color: #eeeee0 /*#FFFFF0 rgba(255,255,240, 1)*/; font: normal 14px sofia, arial, sans-serif; color: #666; }
h1, h2, h3, h4, h5, h6 { color: #444; }
a { color: inherit; cursor: pointer; }
a img { opacity: 0.99; /*firefox scale bug fix*/ }
table { width: 100%; border-collapse: collapse; }
input[type="text"],
input[type="password"],
textarea, select { height: 36px; /*safari padding fix*/ border: 1px solid #ddd; padding: 8px; vertical-align: middle; }
input, textarea, select { font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #777; }
textarea { min-height: 150px; }
select { min-width: 50px; height: 32px; /*safari padding fix*/ padding: 6px; }
input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus, select:focus { border-color: #ccc; color: #444; }
input[type="checkbox"],
input[type="radio"],
input[type="checkbox"] + *,
input[type="radio"] + * { vertical-align: middle; }
input[type="button"], input[type="submit"],
button, .button-1, .button-2 { cursor: pointer; }
label, label + * { vertical-align: middle; }
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix.cl:after { clear: left; }
.clearfix.cl:after { clear: right; }
.master-wrapper-page { background-color: #fff; }
.master-wrapper-content { z-index: 0; width: 90%; margin: 0 auto; }
.center-1 { margin: 0 0 100px; }
.center-2, .side-2 { margin: 0 0 50px; }
.page { min-height: 200px; text-align: center; }
.page-title { min-height: 50px; margin: 0; border-bottom: 1px solid #ddd; padding: 6px 10px; }
.page-title h1 { font-size: 30px; font-weight: normal; }
.page:after,
.page-title:after,
.page-body:after { content: ""; display: block; clear: both; }
.center-1 .page-title,
.center-1 .title { text-align: center; }
.buttons { margin: 0 0 30px; }
.link-rss { display: none; width: 24px; height: 24px; background: url(/Themes/TeakPlanter/Content/images/rss.png) center no-repeat; font-size: 0 !important; }
.category-description ul,
.manufacturer-description ul,
.full-description ul,
.topic-block ul,
.topic-page ul,
.post-body ul { margin: 12px 0; padding: 0 0 0 36px; list-style: disc; }
.category-description ol,
.manufacturer-description ol,
.full-description ol,
.topic-block ol,
.topic-page ol,
.post-body ol { margin: 12px 0; padding: 0 0 0 36px; list-style: decimal; }
.category-description p,
.manufacturer-description p,
.full-description p,
.topic-block p,
.topic-page p,
.post-body p,
.news-body p { margin: 10px 0; text-align: justify; }
.flyout-cart { display: none; }
.flyout-account { display: none; }
/*********** GLOBAL FORMS ***********/
.fieldset, .section { position: relative; margin: 0 0 40px; }
.fieldset .title,
.section .title { margin: 0 0 15px; padding: 0 10px; font-size: 20px; color: #444; }
.fieldset .title strong,
.section .title strong { font-weight: normal; }
.form-fields { position: relative; border-top: 1px solid #e6e6e6; background-color: rgba(238,238,224,.6); 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,
.forum-table th { border-width: 1px 1px 0; border-style: solid; border-color: #ddd; background-color: rgba(238,238,224,.6); padding: 10px; white-space: nowrap; font-weight: normal; }
.cart td,
.data-table td,
.forum-table td { min-width: 50px; border-width: 1px; border-style: solid; border-color: transparent #ddd #ddd; background-color: #fff; padding: 20px; color: #444; }
.forum-table td { min-width: 90px; }
.cart a,
.data-table a,
.forum-table a { font-weight: normal; color: #4ab2f1; }
.cart a:hover,
.data-table a:hover,
.forum-table a:hover { text-decoration: underline; }
.cart .product,
.data-table .product,
.data-table .message,
.data-table .info,
.data-table .name,
.forum-table .forum-details,
.forum-table .topic-details { 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: #4ab2f1; text-decoration: none; }
.cart .product .edit-item { margin: 10px 0 0; }
.cart .product .edit-item a { font-weight: normal; color: #4ab2f1; }
.cart .product .edit-item a:hover { text-decoration: underline; }
.cart .remove-from-cart,
.cart .add-to-cart,
.data-table .select-boxes,
.data-table .order { text-align: center; }
.cart td.unit-price,
.data-table td.unit-price { white-space: nowrap; }
.cart td.quantity input { width: 50px; text-align: center; }
.cart td.subtotal,
.data-table td.total { white-space: nowrap; color: #444; }
.cart td.subtotal .discount { font-style: italic; color: #4ab2f1; }
.data-table em a { font-weight: bold; color: #444; }
.data-table div.download { margin: 10px 0 0; }
/*********** NOTIFICATIONS & POPUPS ***********/
.bar-notification { display: none; position: fixed; top: 0; left: 0; z-index: 1000; width: 100%; padding: 15px 25px 15px 10px; line-height: 16px; color: #fff; opacity: 0.95; }
.bar-notification.success { background-color: #8b4513; }
.bar-notification.error { background-color: #e4444c; }
.bar-notification .content { margin: 0 10px 0 0; }
.bar-notification .content a { color: #fff; text-decoration: underline; }
.bar-notification .close { position: absolute; top: 0; right: 0; width: 32px; height: 32px; margin: 7px; background: #fff url(/Themes/TeakPlanter/Content/images/close.png) center no-repeat; cursor: pointer; }
/*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.success { opacity: 1; filter: alpha(opacity=100); }
.bar-notification.success .add-to-cart { background: none repeat scroll 0 0 /*#91BD09*/ #fff; width: 100%; max-width: 400px; position: absolute; border-radius: 5px; top: 50%; /* position the top edge of the element at the middle of the parent */ left: 50%; /* position the left edge of the element at the middle of the parent */ transform: translate(-50%, -50%); /* This is a shorthand of translateX(-50%) and translateY(-50%) */ }
.atc-header { text-align: left; padding-left: 10px; background: #aaa; border-top-left-radius: 5px; border-top-right-radius: 5px; line-height: 40px; height: 40px; color: lawngreen; }
.atc-header h2 { color: #eee; }
.atc-header .close { float: none; width: 20px; height: 20px; display: inline-block; margin: 10px; }
.bar-notification.success .add-to-cart-content { padding: 0 10px; text-align: left; color: #111; }
.bar-notification.success .product-info { min-height: 130px; }
.bar-notification.success .message { margin: 10px 0; }
.bar-notification.success .name { margin: 25px 0 10px; font-weight: normal; line-height: 20px; }
.bar-notification.success .picture { float: left; }
.bar-notification.success .buttons { clear: both; padding: 10px 0 0; border-top: 1px solid #eee; position: relative; margin-bottom: 10px }
.bar-notification.success .buttons:after { content: " "; clear: both; display: block; }
.bar-notification.success .close.continue-shopping { position: relative; }
.bar-notification.success .continue-shopping, .bar-notification.success .continue-checkout { display: inline-block; width: 35%; padding: 3%; border-radius: 5px; margin: 0; height: auto; text-align: center; color: #fff; text-decoration: none; }
.bar-notification.success .continue-shopping { float: right; background: #bbb; }
.bar-notification.success .continue-shopping:hover { background: #ccc; }
.bar-notification.success .continue-checkout { float: left; background: #91BD09; }
.bar-notification.success .continue-checkout:hover { background: #a2ce1a; }
.add-to-cart .product-details { margin-bottom: 50px; }
.add-to-cart .crosssells { clear: both; border-top: 1px solid #ddd; padding: 10px 0; margin: 10px 0; }
.add-to-cart .product { width: 100%; max-width: 29%; margin: 2%; float: left; }
.add-to-cart .product img { max-width: 100%; width: 100%; }
.add-to-cart .product strong { font-weight: normal; color: #333; font-size: .875em; }
.noscript { border-bottom: 1px solid #333; background-color: #ff9; padding: 30px 15px; text-align: center; line-height: 22px; color: #444; }
.ajax-loading-block-window { position: fixed; top: 50%; left: 50%; z-index: 999; width: 128px; height: 128px; margin: -64px 0 0 -64px; background: url(/Themes/TeakPlanter/Content/images/ajax_loader_large.gif) center no-repeat; }
.please-wait { background: url(/Themes/TeakPlanter/Content/images/ajax-loader-small.gif) no-repeat; padding-left: 20px; font-size: 14px; }
.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/TeakPlanter/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/TeakPlanter/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: #777; }
.eu-cookie-bar-notification { position: fixed; top: 50%; left: 50%; z-index: 1050; width: 320px; height: 180px; margin: -90px 0 0 -160px; border: 1px solid #ccc; box-shadow: 0 0 2px rgba(0,0,0,0.15); background-color: #fff; padding: 20px; text-align: center; }
.eu-cookie-bar-notification .text { margin-bottom: 20px; line-height: 20px; }
.eu-cookie-bar-notification button { min-width: 60px; margin: 5px 0 10px; border: none; background-color: #4ab2f1; padding: 8px 12px; font-size: 14px; color: #fff; }
.eu-cookie-bar-notification button:hover { background-color: #248ece; }
.eu-cookie-bar-notification a { display: block; color: #4ab2f1; }
.eu-cookie-bar-notification a:hover { text-decoration: underline; }
.noscript { border-bottom: 1px solid #333; background-color: #ff9; padding: 30px 15px; text-align: center; line-height: 22px; color: #444; }
.ajax-loading-block-window { position: fixed; top: 50%; left: 50%; z-index: 999; width: 32px; height: 32px; margin: -16px 0 0 -16px; background: url(/Themes/TeakPlanter/Content/images/loading.gif) center no-repeat; }
.please-wait { background: url(/Themes/TeakPlanter/Content/images/ajax-loader-small.gif) no-repeat; padding-left: 20px; font-size: 14px; }
.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/TeakPlanter/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/TeakPlanter/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: #777; }
.eu-cookie-bar-notification { position: fixed; top: 50%; left: 50%; z-index: 1050; width: 320px; height: 180px; margin: -90px 0 0 -160px; border: 1px solid #ccc; box-shadow: 0 0 2px rgba(0,0,0,0.15); background-color: #fff; padding: 20px; text-align: center; }
.eu-cookie-bar-notification .text { margin-bottom: 20px; line-height: 20px; }
.eu-cookie-bar-notification button { min-width: 60px; margin: 5px 0 10px; border: none; background-color: #4ab2f1; padding: 8px 12px; font-size: 14px; color: #fff; }
.eu-cookie-bar-notification button:hover { background-color: #248ece; }
.eu-cookie-bar-notification a { display: block; color: #4ab2f1; }
.eu-cookie-bar-notification a:hover { text-decoration: underline; }
/*********** HEADER ***********/
.admin-header-links { background-color: #333; text-align: center; color: #eee; }
.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; margin: auto; }
.header-upper { position: relative; z-index: 20; border-bottom: 1px solid #ddd; background: #68aa55; background: rgba(118,178,102,1); background: -moz-linear-gradient(top, rgba(118,178,102,1) 0%, rgba(104,170,85,1) 100%); background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(118,178,102,1)), color-stop(100%, rgba(104,170,85,1))); background: -webkit-linear-gradient(top, rgba(118,178,102,1) 0%, rgba(104,170,85,1) 100%); background: -o-linear-gradient(top, rgba(118,178,102,1) 0%, rgba(104,170,85,1) 100%); background: -ms-linear-gradient(top, rgba(118,178,102,1) 0%, rgba(104,170,85,1) 100%); background: linear-gradient(to bottom, rgba(118,178,102,1) 0%, rgba(104,170,85,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76b266', endColorstr='#68aa55', GradientType=0 ); }
.header-links-wrapper { position: relative; padding: 0; float: right; }
.header-links { color: #fff; }
.header-links ul { font-size: 0; }
.header-links li { display: inline-block; margin: 0 16px; }
.header-links span,
.header-links a { display: inline-block; font-size: 16px; line-height: 45px; }
#topaccountlink { display: inline-block; width: auto; margin: 0; padding: 0 18px; position: relative; }
#topcartlink { display: inline-block; width: auto; margin: 0; padding: 0 0 0 20px; position: relative; }
#topcartlink > a { background: url(/Themes/TeakPlanter/Content/images/cartw24.png) left center no-repeat; padding: 0 0 0 45px; }
#topcartlink span.cart-qty { position: absolute; top: 4px; left: 30px; background: #6aa05b; padding: 0 5px; line-height: 14px; border-radius: 10px; color: #fff; border: 1px solid #fff; font-size: 10px; }
#topcartlink span.cart-qty.qty0 { display: none; }
#topaccountlink { display: inline-block; width: auto; margin: 0; padding: 0 18px; position: relative; }
.header-lower { position: relative; z-index: 5; background: #fff; border-bottom: 1px solid #ddd; }
.header-logo { margin: 0 0 20px; text-align: center; }
.header-logo a { display: inline-block; max-width: 100%; line-height: 0; /*firefox line-height bug fix*/ }
.header-logo a img { max-width: 100%; opacity: 1; }
.header .topic-block { margin: 0; }
.free-ship { float: left; position: relative; }
.free-ship .topic-block a { text-decoration: none; display: block; padding-left: 5px; }
.free-ship .topic-block-body { }
.free-ship .free { color: rgba(255,255,200, .8); font-weight: bold; font-size: 18px; }
.free-ship .allitems { color: #fafafa; vertical-align: middle; line-height: 45px; height: 45px; }
.free-ship .exclusions { display: block; font-size: 10px; position: absolute; left: 8px; bottom: -3px; color: #222; z-index: -1; }
.search-box-container { position: relative; margin: 10px 0; }
.search-box form { }
.search-box form:after { content: ""; display: block; clear: both; }
.search-box input.search-box-text { width: 100% !important; height: 45px; margin: 0; padding-right: 46px; }
.search-box .search-box-button { position: absolute; background: url(/Themes/TeakPlanter/Content/images/16x16.png) no-repeat 15px 15px; width: 45px; height: 45px; border: none; margin-left: -45px; transition: all 0.5s ease-out; top: 0; right: 0; }
.search-box .search-box-button:hover { background-color: rgba(108,205,108,0.5); }
.search-box .ui-autocomplete-loading { background: #fff url(/Themes/TeakPlanter/Content/images/ajax-loader-small.gif) right 16px center no-repeat; }
.search-box .ui-autocomplete-loading + .search-box-button { opacity: 0; }
.search-box > .ui-autocomplete > li { padding: 3%; }
.ui-helper-hidden-accessible { display: none !important; }
.ui-autocomplete { width: 100% !important; border: 1px solid #ddd; border-top: none; overflow: hidden; background-color: #fff; text-align: left; /*override jQuery UI styles, do not delete doubled properties*/ border-radius: 0; padding: 0; font: normal 14px Arial, Helvetica, sans-serif; float: left; }
.ui-autocomplete li { }
.ui-autocomplete li:first-child { border-top: none; }
.ui-autocomplete a, .ui-autocomplete .notfound, .ui-menu .ui-menu-item a { display: block; padding: 10px 0; font-size: 14px; /*override jQuery UI styles, do not delete doubled properties*/ margin: 0 !important; border: none !important; border-radius: 0 !important; background: none !important; padding: 3px 0px 3px 3px !important; line-height: normal !important; }
.ui-autocomplete a:hover,
.ui-autocomplete a.ui-state-focus { background-color: #f6f6f6 !important; }
.ui-autocomplete img { margin: 0 10px 0 0; float: left; }
ul.ui-autocomplete > li.ui-menu-item { padding: 0 !important; margin: 0 !important; list-style: none; }
.ui-autocomplete tbody td { width: 46%; vertical-align: top; padding: 2%; }
.ui-autocomplete th { padding: 2% 2% 0; }
.ui-autocomplete .products.ui-menu, .ui-autocomplete .categories.ui-menu { display: block !important; position: relative; }
.ui-autocomplete .ui-widget-content { border: none; }
.ui-autocomplete-term { color: saddlebrown; font-style: italic; }
.ui-autocomplete .view-all-results { border-top: 1px solid #ddd; position: relative; background: #fffaf0; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; padding: 5px; }
.ui-autocomplete .view-all-results:hover { background: #fffcf6; }
.ui-autocomplete .view-all-results a:hover { background: none !important; color: #B80709; }
.ui-autocomplete .view-all-results:before { content: '\203a'; display: inline-block; right: 10px; position: absolute; }
/*.ui-autocomplete li.product { width: 49%; float: left; clear: left; display: inline; }
.ui-autocomplete li.category { width: 49%; float: right; clear: right; display: inline; }*/
/*********** FOOTER ***********/
.footer { background-color: #eeeee0; text-align: center; border-top: 1px solid #ddd; }
.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: #4ab2f1 url(/Themes/TeakPlanter/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: #2db82d; }
.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/TeakPlanter/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-block; overflow: hidden; }
.newsletter-email input[type="text"] { float: left; width: 180px; height: 36px; margin: 0 -1px 0 0; }
.newsletter-subscribe-button { float: left; height: 36px; border: none; background-color: #4ab2f1; padding: 0 15px; text-align: center; color: #fff; text-transform: uppercase; }
.newsletter-subscribe-button:hover { background-color: #248ece; }
.newsletter-email .options { clear: both; padding: 10px 0 0; }
.newsletter-validation,
.newsletter-result { width: 100%; overflow: hidden; line-height: 28px; }
/*.newsletter-validation .please-wait {
display: none !important;
}*/
.footer-lower { width: 95%; margin: auto; overflow: hidden; padding: 25px 0; font-size: 12px; }
.footer-tax-shipping a { font-weight: bold; color: #4ab2f1; }
.footer-tax-shipping a:hover { text-decoration: underline; }
.footer-powered-by { margin: 10px 0 0; }
.footer-powered-by a { font-weight: bold; color: #4ab2f1; }
.footer-powered-by a:hover { text-decoration: underline; }
.theme-selector { margin: 10px 0 0; }
.theme-selector select { width: 170px; }
/*********** SIDE COLUMN ***********/
.block { max-width: 600px; /*width limit in mobile*/ min-height: 50px; margin: auto; text-align: left; }
.block .title { position: relative; margin: 0 0 10px; border-bottom: 1px solid #ddd; background: #f6f6f6 url(/Themes/TeakPlanter/Content/images/toggle-gray.png) right 14px no-repeat; padding: 12px 30px 12px 10px; font-size: 20px; color: #444; cursor: pointer; }
.block .title strong { font-weight: normal; }
.block .listbox { display: none; border-bottom: 1px solid #ddd; padding: 10px 5px; }
.block .list li { padding: 5px 0 5px 15px; }
.block .list a { display: inline-block; position: relative; padding: 5px 0; font-size: 16px; color: #666; -webkit-transition: all 0.1s ease; transition: all 0.1s ease; }
.block .list a:before { content: ""; position: absolute; top: 12px; left: -15px; width: 5px; height: 5px; background-color: #ddd; }
.block .list .active > a { color: #000; }
.block .list .active > a:before { background-color: #b5e6b5; }
.block .list .inactive > a:hover:before { background-color: #6ccd6c; }
.block .list .inactive a:hover { color: #32cd32; }
.block a.product-picture { display: none; }
.block a.product-picture:before { display: none; }
.block .sublist { margin: 0 0 15px; }
.block .sublist a { font-size: 15px; }
.block .view-all { margin: 10px 0 0; }
.block .view-all a { display: inline-block; padding: 10px 15px; font-size: 16px; color: #6ccd6c; }
.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: #2db82d; }
.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; }
/********** HOME PAGE SLIDER **********/
.swiper-slide { position: relative; overflow: hidden; text-align: center; }
.swiper-slide a { position: relative; overflow: hidden; text-align: center; display: block; width: 100%; min-height: 400px; margin: auto; }
.swiper-slide .back-image { position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; width: 100%; min-width: 1600px; }
.swiper-slide .front-image { opacity: .8; position: absolute; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; max-width: 150%; }
.swiper-container .swiper-pagination { position: relative; }
.swiper-container .swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets { top: 0; background: rgba(0,0,0,0.1); padding: 6px 0 4px; }
.swiper-container .swiper-pagination-bullet { position: relative; width: 18px; height: 18px; -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; }
.swiper-container .swiper-pagination-bullet-active { background: #68aa55; opacity: .6; }
.swiper-container .swiper-pagination-bullet-active:hover { cursor: default; }
.swiper-container .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover { background: #48763b; opacity: .6; }
.swiper-container .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):after, .swiper-container .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover:after { content: ''; display: block; background: #68aa55; border-radius: 18px; width: 14px; height: 14px; position: absolute; top: 2px; left: 2px; }
.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/TeakPlanter/Content/images/arrows.png) no-repeat; font-size: 0; opacity: .1; -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; margin-top: -30px; }
.widget.swiper-container .swiper-button-next { right: 0; background-position: right center; margin-top: -30px; }
.widget.swiper-container:hover .swiper-button-prev, .widget.swiper-container:hover .swiper-button-next { opacity: 0.4; }
.widget.swiper-container .swiper-button-prev:hover, .widget.swiper-container .swiper-button-next:hover { opacity: 0.9; }
/********** CATEGORY PAGE **********/
.breadcrumb { margin: 0 0 50px; background-color: #eeeee0; padding: 5px 10px; }
.breadcrumb ul { font-size: 0; }
.breadcrumb li { display: inline-block; }
.breadcrumb li * { display: inline-block; margin: 0 5px; font-size: 14px; /*reset zeroing*/ line-height: 32px; }
.breadcrumb strong { font-weight: normal; opacity: .6; }
.breadcrumb a:hover { color: #2db82d; }
.category-description,
.manufacturer-description,
.vendor-description { margin: 0 0 25px; line-height: 22px; }
.contact-vendor { margin: 0 0 30px; }
.contact-vendor .button-2 { border: none; background-color: #4ab2f1; padding: 10px 15px; font-size: 14px; color: #fff; text-transform: uppercase; }
.contact-vendor .button-2:hover { background-color: #248ece; }
.product-selectors { margin: 0 0 20px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 20px 0; }
.product-selectors:first-child { border-top: none; }
.product-selectors:after { content: ""; display: block; clear: both; }
.product-selectors > div { display: inline-block; margin: 5px; }
.product-selectors span { vertical-align: middle; font-size: 16px; }
.product-selectors select { margin: 0 8px; }
.product-selectors .product-viewmode { display: none; font-size: 0; }
.product-filters { }
.product-filter { margin: 0 0 10px; }
.product-filter .filter-title { margin: 0 0 10px; background-color: #f6f6f6; padding: 10px; font-size: 17px; color: #444; }
.product-filter .filter-title strong { font-weight: normal; }
.product-filter .filter-content { padding: 10px; color: #444; }
.product-filter .available-items:after { content: ""; display: block; clear: both; }
.product-filter .group { margin: 0 0 10px; }
.product-filter .group li { font-size: 15px; }
.product-filter .group li a,
.product-filter .group li strong { display: inline-block; padding: 5px 0; }
.product-filter .group li a:hover { color: #2db82d; }
.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: #4ab2f1; }
.remove-filter { margin: 15px 0; }
.remove-filter a { display: inline-block; background-color: #aaa; padding: 10px 20px; font-size: 13px; color: #fff; text-transform: uppercase; }
.remove-filter a:hover { background-color: #999; }
.item-grid:after { content: ""; display: block; clear: both; }
.item-box { position: relative; width: 100%; float: left; margin: 0 0 80px; text-align: left; }
.item-box .picture { z-index: 1; overflow: hidden; background-color: #fff; margin: 0 0 20px; }
.item-box .picture a { display: block; position: relative; }
.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); }
.item-box .sale-flag { position: absolute; bottom: 1px; left: 10px; background: rgba(178,0,0,0.8); color: white; padding: 5px 10px; border-radius: 2px; }
.item-box:hover .picture a img { opacity: 0.85; }
.item-box .details { padding: 0 10px; }
.item-box .product-title { margin: 0 0 10px; overflow: hidden; font-size: 17px; line-height: 1.2; font-weight: normal; color: #111; }
.item-box .product-title a { display: block; }
.item-box .product-title a:hover { color: #2db82d; }
.item-box .product-rating-box { display: inline-block; margin: 0 0 10px; }
.item-box .rating { background: url(/Themes/TeakPlanter/Content/images/rating1.png) repeat-x; width: 95px; height: 14px; }
.item-box .rating div { background: url(/Themes/TeakPlanter/Content/images/rating2.png) repeat-x; height: 14px; }
.item-box .description { display: none; }
.item-box .description a { display: block; overflow: hidden; }
.item-box .prices { margin: 0 0 10px; overflow: hidden; }
.item-box .old-price { margin: 0 5px 0 0; font-size: 16px; color: #aaa; text-decoration: line-through; }
.item-box .actual-price { margin: 0 5px 0 0; font-size: 16px; color: #A52A2A; }
.item-box .tax-shipping-info a { color: #4ab2f1; }
.item-box .tax-shipping-info a:hover { text-decoration: underline; }
.item-box .buttons { margin: 0; font-size: 0; }
.item-box input[type="button"] { display: inline-block; height: 40px; border: none; vertical-align: middle; }
.item-box .product-box-add-to-cart-button { width: 60%; background-color: #6ccd6c; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; }
.item-box .product-box-add-to-cart-button:hover { background-color: #32cd32; }
.item-box .add-to-compare-list-button,
.item-box .add-to-wishlist-button { width: 20%; border-left: 1px solid #fff !important; background-color: #eeeee0; background-position: center; background-repeat: no-repeat; font-size: 0; }
.item-box .add-to-compare-list-button { background-image: url(/Themes/TeakPlanter/Content/images/compare-button.png); }
.item-box .add-to-wishlist-button { background-image: url(/Themes/TeakPlanter/Content/images/wishlist-button.png); }
.item-box .add-to-compare-list-button:hover,
.item-box .add-to-wishlist-button:hover { background-color: #ddddd0; }
.home-page-category-grid,
.sub-category-grid,
.manufacturer-grid,
.vendor-grid { margin: 0 0 20px; }
.sub-category-grid .title { text-align: center; font-size: 18px; font-weight: normal; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
.home-page-category-grid .title a,
.sub-category-grid .title a { display: block; padding: 0 0 15px; }
.home-page-category-grid .picture,
.sub-category-grid .picture { margin: 0; }
.home-page-category-grid .picture a:before,
.sub-category-grid .picture a:before { padding-top: 65%; }
.home-page-category-grid .item-box { width: 31%; margin: 0.5% 0.5%; background: #fff; border: 1px solid #ddd; padding: .5% .5% 0; }
.home-page-category-grid .item-box:nth-child(3n+1) { clear: left; }
.home-page-category-grid > .title { text-align: left; font-size: 24px; font-weight: normal; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; margin: 20px 0; }
.home-page-category-grid .title a { min-height: 60px; font-size: 18px; font-weight: normal; }
.product-grid,
.product-list { margin: 0 0 50px; }
.product-grid .title { margin: 0 0 30px; border-bottom: 1px solid #ddd; padding: 0 0 15px; font-size: 30px; font-weight: normal; color: #444; }
.product-grid .title strong { font-weight: normal; }
.manufacturer-grid .title { margin: 0 0 15px; text-align: center; font-size: 16px; }
.manufacturer-grid .title a:hover { color: #2db82d; }
.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: #2db82d; }
.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 #ddddd0; background-color: #eeeee0; padding: 8px; text-align: center; font-size: 14px; /*reset zeroing*/ cursor: pointer; }
.pager li span { border-color: transparent; background-color: #eeeee0; color: #999; }
.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/TeakPlanter/Content/images/prev.png); }
.pager li.next-page * { background-image: url(/Themes/TeakPlanter/Content/images/next.png); }
.pager li.first-page * { background-image: url(/Themes/TeakPlanter/Content/images/first.png); }
.pager li.last-page * { background-image: url(/Themes/TeakPlanter/Content/images/last.png); }
.pager li a:hover { border-color: transparent; background-color: #ddddd0; }
.pager .current-page span { cursor: default; border: 1px solid #ddddd0; }
/********** PRODUCT PAGE **********/
.product-details-page { padding: 20px 0 0; }
.product-essential { margin: 0 0 40px; border-bottom: 1px solid #ddd; padding: 0 0 10px; }
.product-essential:after { content: ""; display: block; clear: both; }
.gallery { margin: 0 auto 50px; }
.gallery .picture-wrapper { margin: 0 0 10px; }
.gallery .picture { position: relative; max-width: 100%; margin: 0 auto 10px; overflow: hidden; }
.gallery .picture:before { content: ""; display: block; padding-top: 100%; }
.gallery .picture img,
.gallery .picture-thumbs img,
.variant-picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; }
.gallery .picture-thumbs { overflow: hidden; font-size: 0; }
.gallery .picture-thumbs a { display: inline-block; position: relative; width: 100px; height: 100px; margin: 0 5px 10px; overflow: hidden; }
.overview { position: relative; margin: 0 0 50px; }
.overview .discontinued-product { background: #f3f3f3; margin: 0 0 20px; }
.overview .discontinued-product h4 { display: inline-block; font-size: 14px; padding: 17px 17px 17px 40px; background: url(/Themes/TeakPlanter/Content/images/discontinued-product-icon.png) no-repeat 13px center; color: #de444c; }
.overview .product-name { margin: 0 0 25px; border-bottom: 1px solid #ddd; padding: 0 0 10px; }
.overview .product-name h1 { font-size: 30px; font-weight: normal; }
.overview .short-description { margin: 0 0 25px; line-height: 22px; color: #666; }
.product-no-reviews { margin: 0 0 25px; color: #5f9ea0; }
.product-reviews-overview { margin: 0 0 25px; color: #444; }
.product-no-reviews a { text-decoration: underline; }
.product-review-box { display: inline-block; margin: 0 0 8px; }
.product-review-box .rating { width: 95px; height: 14px; background: url(/Themes/TeakPlanter/Content/images/rating1.png) repeat-x; }
.product-review-box .rating div { height: 14px; background: url(/Themes/TeakPlanter/Content/images/rating2.png) repeat-x; }
.product-review-links a { text-decoration: underline; }
.product-review-links a:hover { color: #2db82d; }
.overview .sale-flag { background: rgba(178,0,0,0.8); color: white; padding: 5px 10px; border-radius: 2px; display: inline-block; }
.overview .value,
.variant-overview .value { color: #444; }
.overview .value a,
.variant-overview .value a { color: #A52A2A; }
.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%; border: none; background-color: #eeeee0; background-position: left center; background-repeat: no-repeat; padding: 12px 15px 12px 40px; text-align: left; font-size: 14px; /*reset zeroing*/ color: #666; }
.overview .button-2:hover,
.variant-overview .button-2:hover { background-color: #ddddd0; }
.overview .add-to-compare-list-button { background-image: url(/Themes/TeakPlanter/Content/images/compare-button.png); }
.overview .email-a-friend-button { background-image: url(/Themes/TeakPlanter/Content/images/email-button.png); }
.overview .subscribe-button,
.variant-overview .subscribe-button { background-image: url(/Themes/TeakPlanter/Content/images/email-button.png); }
.overview .download-sample-button,
.variant-overview .download-sample-button { background-image: url(/Themes/TeakPlanter/Content/images/download-button.png); }
.overview .add-to-wishlist-button,
.variant-overview .add-to-wishlist-button { background-image: url(/Themes/TeakPlanter/Content/images/wishlist-button.png); }
.overview .manufacturers { margin: 0 0 20px; }
.overview .availability,
.variant-overview .availability { margin: 0 0 20px; overflow: hidden; }
.overview .availability .stock,
.variant-overview .availability .stock { margin: 0 0 10px; }
.overview .availability .back-in-stock-subscription,
.variant-overview .availability .back-in-stock-subscription { display: inline-block; }
.back-in-stock-subscription-page .notify-me-button { margin: 15px 0 0; border: none; background-color: #4ab2f1; padding: 10px 15px; font-size: 15px; color: #fff; text-transform: uppercase; }
.back-in-stock-subscription-page .notify-me-button:hover { background-color: #248ece; }
.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/TeakPlanter/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,
.variant-overview .prices > div { margin: 0 0 5px; }
.overview .prices > div > span,
.variant-overview .prices > div > span { vertical-align: middle; }
.overview .old-product-price,
.variant-overview .old-product-price,
.overview .non-discounted-price,
.variant-overview .non-discounted-price { font-size: 14px; color: #999; text-decoration: line-through; }
.overview .product-price,
.variant-overview .product-price { font-size: 20px; font-weight: bold; color: #444; }
.overview .tax-shipping-info a,
.variant-overview .tax-shipping-info a { color: #4ab2f1; }
.overview .tax-shipping-info a:hover,
.variant-overview .tax-shipping-info a:hover { text-decoration: underline; }
.customer-entered-price { margin: 0 0 20px; overflow: hidden; }
.customer-entered-price .price-input label { display: block; margin: 0 0 5px; font-weight: bold; color: #444; }
.customer-entered-price .price-input input { width: 170px; text-align: center; }
.customer-entered-price .price-range { margin: 5px 0 0; color: #777; }
.tier-prices { margin: 0 0 20px; }
.tier-prices .title { display: none; }
.tier-prices table td { border: 1px solid #ddd; padding: 10px; color: #444; }
.tier-prices .field-header { min-width: 80px; }
.tier-prices .item-price { background-color: #f9f9f9; font-size: 16px; color: #e4434b; }
.overview .add-to-cart { margin: 0 0 20px; }
.overview .add-to-cart-panel,
.variant-overview .add-to-cart-panel { display: inline-block; position: relative; }
.overview .add-to-cart-panel > *,
.variant-overview .add-to-cart-panel > * { float: left; }
.overview .qty-label,
.variant-overview .qty-label { display: none !important; }
.overview .qty-input,
.variant-overview .qty-input { width: 45px; height: 43px; padding: 0 12px; text-align: center; font-size: 15px; color: #444; }
.overview .add-to-cart-button,
.variant-overview .add-to-cart-button { height: 43px; border: none; background-color: #6ccd6c; padding: 0 24px; font-size: 15px; color: #fff; text-transform: uppercase; }
.overview .add-to-cart-button:hover,
.variant-overview .add-to-cart-button:hover { background-color: #32cd32; }
.product-share-button { display: inline-block; overflow: hidden; }
.full-description { clear: both; line-height: 24px; }
.product-collateral { margin: 0 0 75px; }
.product-collateral .title { margin: 0 0 10px; font-size: 18px; color: #444; }
.product-collateral .title strong { font-weight: normal; }
.product-variant-line { margin: 0 0 30px; border-bottom: 1px solid #ddd; padding: 0 0 20px; }
.product-variant-line:after { content: ""; display: block; clear: both; }
.variant-picture { position: relative; width: 220px; height: 220px; margin: 0 auto 15px; overflow: hidden; }
.variant-overview { width: 100%; }
.variant-overview .variant-name { margin: 0 0 10px; padding: 10px 0; font-size: 16px; font-weight: bold; color: #4ab2f1; }
.variant-overview .variant-description { margin: 0 0 15px; line-height: 22px; }
.variant-overview .add-to-wishlist { margin: 0 0 25px; }
.variant-overview .add-to-wishlist-button { display: inline-block; width: auto; }
.variant-overview .add-to-cart { margin: 0 0 10px; }
.product-specs-box { margin: 0 0 40px; }
.product-specs-box td { border: 1px solid #ddd; padding: 10px; }
.product-tags-list { font-size: 0; }
.product-tags-list li { display: inline-block; font-size: 14px; /*reset zeroing*/ }
.product-tags-list li.separator { margin: 0 5px 0 3px; }
.product-tags-list a { display: inline-block; line-height: 24px; }
.product-tags-list a:hover { color: #444; }
.attributes { margin: 20px 0; }
.attributes dl { overflow: hidden; padding: 0 2px; /* fix for Chrome in Mac, the checkboxes get cut off */ }
.attributes dt,
.attribute-label { display: block; margin: 0 0 5px; white-space: nowrap; font-weight: bold; color: #444; }
.attributes dd,
.attribute-data { margin: 0 0 10px; }
.attributes li { margin: 8px 0 12px; }
.attributes select { width: auto; min-width: 100px; max-width: 100%; }
.attributes .option-list label { margin: 0 5px; }
.attributes .datepicker { width: 280px; text-align: center; color: #444; }
.ui-datepicker { width: 280px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.15); background-color: #fff; text-align: center; /*override jQuery UI styles, do not delete doubled properties*/ border: none; border-radius: 0; padding: 0; font: normal 14px Arial, Helvetica, sans-serif; color: #777; }
.ui-datepicker-header { position: relative; height: 32px; background-color: #4ab2f1; color: #fff; /*override jQuery UI styles, do not delete doubled properties*/ border: none; border-radius: 0; background-image: none; padding: 0 !important; font-weight: normal; }
.ui-datepicker-header a { position: absolute; top: 0; z-index: 1; width: 32px; height: 32px; line-height: 32px; font-size: 0; /*override jQuery UI styles, do not delete doubled properties*/ top: 0 !important; width: 32px !important; height: 32px !important; border: none !important; }
.ui-datepicker-header a.ui-datepicker-prev { left: 0; background: url(/Themes/TeakPlanter/Content/images/calendar-prev.png) center no-repeat; }
.ui-datepicker-header a.ui-datepicker-next { right: 0; background: url(/Themes/TeakPlanter/Content/images/calendar-next.png) center no-repeat; }
.ui-datepicker-header a span { /*override jQuery UI styles, do not delete doubled properties*/ display: none !important; }
.ui-datepicker-title { position: relative; z-index: 0; line-height: 32px; font-weight: bold; text-transform: uppercase; /*override jQuery UI styles, do not delete doubled properties*/ line-height: 32px !important; }
.ui-datepicker-calendar { /*override jQuery UI styles, do not delete doubled properties*/ margin: 0 !important; font-size: 14px !important; }
.ui-datepicker-calendar th { background-color: #eee; }
.ui-datepicker-calendar th,
.ui-datepicker-calendar td { width: 14.285%; border: 1px solid #ddd; /*override jQuery UI styles, do not delete doubled properties*/ padding: 0; }
.ui-datepicker-calendar th span,
.ui-datepicker-calendar td a { display: block; min-height: 32px; line-height: 32px; color: #444; }
.ui-datepicker-calendar td a { /*override jQuery UI styles, do not delete doubled properties*/ border: none !important; background: none !important; padding: 0; text-align: center; color: #444 !important; }
.ui-datepicker-calendar .ui-state-active { outline: 2px solid #4ab2f1; font-weight: bold; color: #4ab2f1; /*override jQuery UI styles, do not delete doubled properties*/ color: #4ab2f1 !important; }
.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: #4ab2f1; }
.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; }
/********** PRODUCT REVIEWS **********/
.product-reviews-page h1 a { color: #4ab2f1; }
.product-reviews-page h1 a:before,
.product-reviews-page h1 a:after { content: "''"; }
.product-reviews-page .title { margin: 0 0 20px; font-size: 20px; color: #444; }
.product-reviews-page .title strong { font-weight: normal; }
.write-review { margin: 0 0 60px; }
.write-review .fieldset { margin: 0 0 30px; }
.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: #4ab2f1; padding: 10px 25px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; }
.write-review .button-1:hover { background-color: #248ece; }
.product-reviews-page .result,
.product-reviews-page .message-error { margin: 0 0 20px; }
.product-review-list { overflow: hidden; }
.product-review-item { margin: 0 0 40px; }
.product-review-item .review-item-head { border-top: 1px solid #ddd; overflow: hidden; background-color: #f6f6f6; padding: 10px; }
.product-review-item .review-title { line-height: 20px; font-size: 15px; color: #444; }
.product-review-item .product-review-box { margin: 3px 0 0; }
.product-review-item .review-content { padding: 20px 10px; }
.product-review-item .review-text { margin: 0 0 15px; line-height: 22px; color: #444; }
.product-review-item .review-info { margin: 0 0 5px; }
.product-review-item .review-info label { font-weight: normal; }
.product-review-item .review-info a,
.product-review-helpfulness .vote { display: inline-block; padding: 0 5px; color: #4ab2f1; cursor: pointer; }
.product-review-helpfulness .question { margin: 0 5px 0 0; font-style: italic; }
.product-review-helpfulness .result { margin: 0 0 0 10px; }
/********** 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: #6ccd6c; text-transform: uppercase; }
.wishlist-content .update-wishlist-button:hover,
.wishlist-content .wishlist-add-to-cart-button:hover { background-color: #32cd32; }
.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: #2db82d; }
.wishlist-page .no-data { margin: 25px 0 0; }
.compare-products-page { position: relative; overflow: hidden; }
.compare-products-page .clear-list { display: inline-block; margin: 0 0 20px; background-color: #6ccd6c; padding: 10px 15px; font-size: 12px; color: #fff; text-transform: uppercase; }
.compare-products-page .clear-list:hover { background-color: #32cd32; }
.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/TeakPlanter/Content/images/remove.png) left center no-repeat; padding: 0 0 0 18px; font-size: 12px; color: #666; }
.compare-products-table .remove-button:hover { color: #4ab2f1; }
.compare-products-table .picture { display: block; position: relative; max-width: 200px; height: 200px; overflow: hidden; }
.compare-products-table .picture img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; }
.compare-products-table .product-name td { font-weight: bold; }
.compare-products-table .product-name td a:hover { color: #2db82d; }
.compare-products-table .short-description td { line-height: 22px; }
.compare-products-table .full-description td { display: none; }
.compare-products-page .no-data { margin: 25px 0 0; }
/*********** TOPICS ***********/
.topic-block { margin: 0 0 25px; }
.topic-block-title { min-height: 50px; margin: 0 0 25px; border-bottom: 1px solid #ddd; padding: 0 0 15px; }
.topic-block-title h2 { font-size: 30px; font-weight: normal; }
.topic-block-body { text-align: justify; line-height: 24px; font-size: 16px; }
.topic-page .page-body { text-align: justify; line-height: 22px; }
.topic-block a,
.topic-page a { text-decoration: underline; }
.topic-block strong,
.topic-page strong { color: #444; }
.home-page .topic-block { margin: 0 0 50px; }
.popup-window .topic-page { padding: 15px; }
.not-found-page p { margin: 30px 15px; }
.topic-password { text-align: center; }
.enter-password-title { margin: 0 0 20px; color: #444; }
.enter-password-form { display: inline-block; overflow: hidden; }
.enter-password-form input[type="password"] { float: left; width: 200px; height: 40px; margin: 0 -1px 0 0; }
.enter-password-form input[type="submit"] { float: left; width: auto; min-width: 86px; height: 40px; border: none; background-color: #4ab2f1; padding: 0 15px; color: #fff; text-transform: uppercase; }
.enter-password-form input[type="submit"]:hover { background-color: #248ece; }
/*********** CONTACT & EMAIL A FRIEND & APPLY FOR VENDOR ACCOUNT ***********/
.contact-page .page-title,
.email-a-friend-page .page-title,
.apply-vendor-page .page-title { margin: 0 0 -1px; }
.contact-page .result,
.contact-page .message-error,
.email-a-friend-page .result,
.email-a-friend-page .message-error,
.apply-vendor-page .result,
.apply-vendor-page .message-error { margin: 20px 0; }
.contact-page .button-1,
.email-a-friend-page .button-1,
.apply-vendor-page .button-1 { min-width: 140px; border: none; background-color: #6ccd6c; 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: #32cd32; }
.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: #6ccd6c; }
/********** 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: #4ab2f1; 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: #6ccd6c; 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: #32cd32; }
.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: rgba(238,238,224,.6); padding: 30px; line-height: 22px; }
.login-page .new-wrapper .topic-block { margin: 0; }
.login-page .new-wrapper .topic-block-body strong { color: #444; }
.login-page .new-wrapper .button-1 { margin: 0 0 5px; }
.login-page .returning-wrapper { margin: 0; }
.login-page .returning-wrapper .form-fields { overflow: hidden; padding: 30px 15px 0; }
.login-page .returning-wrapper .inputs.reversed { white-space: normal; }
.login-page .returning-wrapper .inputs.reversed * { display: inline-block; width: auto; margin: 5px; font-size: 14px; /*reset zeroing*/ color: #444; }
.login-page .returning-wrapper .inputs.reversed a:hover { color: #2db82d; }
.login-page .captcha-box { margin: -15px 0 20px; }
.login-page .returning-wrapper .buttons { background-color: #fff; padding: 30px 0; }
.external-authentication { margin: 0 0 50px; overflow: hidden; text-align: center; }
.external-authentication .buttons { margin: 0 0 30px; border-top: 1px solid #e6e6e6; padding: 30px; }
.external-authentication fieldset { border: none; text-align: left; vertical-align: top; margin: 1%; }
.external-authentication ul { margin: 1%; list-style: circle; }
.external-auth-errors { color: #e4444c; }
.external-auth-association { color: #444; }
.external-auth-association a { color: #4ab2f1; }
.external-auth-association a:hover { text-decoration: underline; }
.password-recovery-page .result { margin: 0 0 5px; font-weight: bold; color: #444; }
.password-recovery-page .tooltip { margin: 0 0 25px; }
.add-more-external-records { text-align: center; }
.add-more-external-records a { color: #4ab2f1; }
.add-more-external-records a:hover { text-decoration: underline; }
.account-page .buttons { text-align: center; }
.account-page .description { margin: 0 0 25px; padding: 0 10px; }
.account-page .table-wrapper { margin: 0 0 30px; }
.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/TeakPlanter/Content/images/edit.png) left center no-repeat; }
.delete-address-button,
.cancel-recurring-order-button { background: url(/Themes/TeakPlanter/Content/images/remove.png) left center no-repeat; }
.return-items-button { background: url(/Themes/TeakPlanter/Content/images/return.png) left center no-repeat; }
.order-details-button { background: url(/Themes/TeakPlanter/Content/images/details.png) left center no-repeat; }
.address-list-page .button-2:hover,
.order-list-page .button-2:hover { color: #4ab2f1; }
.address-list-page .add-button { margin: 0 0 20px; text-align: center; }
.address-edit-page .page-title { margin: 0 0 -1px; }
.address-edit-page .message-error { margin: 20px 0; }
.address-edit-page .edit-address { margin: 0 0 30px; border-top: 1px solid #e6e6e6; background-color: #f9f9f9; padding: 30px 15px; }
.recurring-payments table td { white-space: nowrap; }
.recurring-payments table td:first-child { min-width: 120px; white-space: normal; }
.recurring-payments .button-2 { font-size: 14px; }
.return-request-list-page .details { border-top: 1px solid #e6e6e6; background-color: #f9f9f9; padding: 20px; line-height: 22px; color: #444; }
.return-request-list-page label { margin: 0 5px 0 0; }
.return-request-list-page a { color: #4ab2f1; }
.return-request-list-page a:hover { text-decoration: underline; }
.return-request-list-page .comments div { margin: 10px 0 0; font-size: 15px; font-style: italic; color: #444; }
.downloadable-products-page table td { color: #444; }
.reward-points-overview { margin: 0 0 25px; }
.reward-points-history table td { color: #444; }
.reward-points-history table td:first-child { min-width: 120px; }
.change-password-page .page-title { margin: 0 0 -1px; }
.change-password-page .result,
.change-password-page .message-error { margin: 20px 0; }
.change-password-page .fieldset { margin: 0 0 30px; }
.avatar-page .page-title { margin: 0; }
.avatar-page .page-body { margin: 0 0 30px; overflow: hidden; background-color: #f9f9f9; padding: 30px 25px; }
.avatar-page .message-error { margin: 0 0 10px; }
.avatar-page .image { margin: 0 0 10px; }
.avatar-page .image img { border: 1px solid #ccc; }
.avatar-page .button-1 { font-size: 14px; }
.avatar-page .button-2 { border: none; background-color: #888; padding: 10px 15px; font-size: 14px; color: #fff; text-transform: uppercase; }
.avatar-page .button-2:hover { background-color: #999; }
.avatar-page .info { color: #444; }
.g-recaptcha > div { margin: auto; }
/********** SHOPPING CART **********/
.order-progress { margin: 0 0 15px; background-color: #eeeee0; 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/TeakPlanter/Content/images/pointer.png) center no-repeat; }
.order-progress li.active-step a { cursor: pointer; }
.order-progress li.inactive-step a { opacity: 0.3; cursor: default; }
.shopping-cart-page .page-title { margin: 0 0 -1px; padding: 10px; }
.shopping-cart-page .message-error { margin: 20px 0; }
.shopping-cart-page td .message-error { margin: 10px 0 0; text-align: left; }
.shopping-cart-page .checkout-attributes a { color: #4ab3f1; }
.shopping-cart-page .checkout-attributes a:hover { text-decoration: underline; }
.shopping-cart-page .tax-shipping-info { margin: 20px 0; text-align: center; }
.shopping-cart-page .tax-shipping-info a { color: #4ab3f1; }
.shopping-cart-page .tax-shipping-info a:hover { text-decoration: underline; }
.shopping-cart-page .common-buttons { margin: 0 0 60px; background-color: rgba(238,238,224,.6); 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: #6ccd6c; }
.shopping-cart-page .common-buttons input:first-child:hover { background-color: #32cd32; }
.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(238,238,224,.6); padding: 10px; color: #444; }
.cart-footer .total-info { margin: 0 0 20px; border-bottom: 1px solid #ddd; padding: 5px 30px 15px; }
.cart-total td { width: 50%; padding: 5px 0; text-align: right; }
.cart-total td:first-child { text-align: left; }
.cart-total .giftcard-remaining { display: block; font-style: italic; }
.cart-total .order-total { font-size: 20px; color: #6ccd6c; }
.cart-total .order-total strong { font-weight: normal; }
.cart-total .earn-reward-points { font-style: italic; }
.min-amount-warning { margin: 0 0 20px; padding: 0 30px; color: #e4434b; }
.terms-of-service { margin: 0 0 20px; padding: 0 30px; }
.terms-of-service label { cursor: pointer; }
.terms-of-service a { margin: 0 0 0 3px; color: #4ab2f1; }
.cart-footer .checkout-buttons { padding: 0 10px; }
.cart-footer .checkout-button { display: inline-block; min-width: 160px; border: none; background-color: #6ccd6c; padding: 10px 20px; font-size: 16px; color: #fff; text-transform: uppercase; }
.cart-footer .checkout-button:hover { background-color: #32cd32; }
.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/TeakPlanter/Content/images/close.png) center no-repeat; cursor: pointer; }
.cart-collaterals .shipping select { height: 36px; }
.cart-collaterals .shipping-results { margin: 30px 0 0; }
.cart-collaterals .shipping-results li { margin: 20px 0; }
.cart-collaterals .shipping-results li strong { display: block; margin: 0 0 5px; color: #444; }
.shopping-cart-page .no-data { margin: 25px 0 0; }
/********** CHECKOUT **********/
.checkout-page .section { margin: 0 0 30px; }
.checkout-page .section.order-summary { margin: 100px 0 30px; }
.checkout-page .cart-options { min-height: 60px; overflow: hidden; }
.checkout-page .cart-footer { border-top: none; }
.checkout-page .total-info { margin: 0; border-bottom: none; padding: 5px 20px 10px; }
.checkout-page .button-1 { display: inline-block; min-width: 140px; border: none; background-color: #6ccd6c; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; }
.checkout-page .button-1:hover { background-color: #32cd32; }
.checkout-page .address-item { width: 350px; max-width: 100%; margin: 0 auto 40px; }
.checkout-page .address-item ul { margin: 0 0 15px; background-color: #f9f9f9; padding: 20px; color: #444; }
.checkout-page .address-item li { padding: 5px 0; }
.checkout-page .address-item li.name { font-size: 16px; font-weight: bold; }
.enter-address .message-error { margin: 20px 0; }
.enter-address .edit-address { background-color: rgba(238,238,224,.6); border-top: 1px solid #e6e6e6; margin: 0 0 30px; padding: 30px 15px; }
.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; }
.shipping-method .method-list,
.payment-method .method-list { margin: 0 auto 30px; overflow: hidden; text-align: center; font-size: 0; }
.shipping-method .method-list li,
.payment-method .method-list li { margin: 20px 0; font-size: 14px; /*reset zeroing*/ }
.shipping-method .method-list li label,
.payment-method .method-list li label { font-size: 13px; font-weight: bold; color: #444; }
.shipping-method .method-description { margin: 5px 0 0; }
.payment-method .use-reward-points { margin: 0 0 30px; text-align: center; color: #444; }
.payment-method .payment-logo { display: inline-block; vertical-align: middle; }
.payment-method .payment-logo label { display: block; font-size: 0 !important; }
.payment-method .payment-details { min-width: 180px; display: inline-block; margin: 0 0 0 10px; text-align: left; vertical-align: middle; }
.payment-info .info { padding: 30px 15px; color: #444; }
.payment-info .info tr { display: block; margin: 0 0 15px; font-size: 0; }
.payment-info .info td { display: inline-block; width: 100% !important; max-width: 400px !important; font-size: 14px; /*reset zeroing*/ }
.payment-info .info td:only-child { width: 100% !important; max-width: 100% !important; }
.payment-info .info td input[type="text"] { width: 100% !important; }
.payment-info .info td input[name="CardCode"] { width: 65px !important; }
.payment-info .info td select { min-width: 70px; }
.payment-info .info td:first-child { margin: 0 0 10px; }
.payment-info .info p { text-align: center; }
.confirm-order .buttons { padding: 10px 0; }
.confirm-order .button-1 { font-size: 16px; }
.order-review-data 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: #4ab2f1; }
.order-completed .details a:hover { text-decoration: underline; }
.opc .step-title { margin: 0 0 1px; overflow: hidden; background-color: #f6f6f6; }
.opc .allow .step-title { background-color: #4ab2f1; cursor: pointer; }
.opc .step-title .number,
.opc .step-title .title { float: left; min-height: 40px; padding: 10px 15px; line-height: 20px; font-size: 16px; font-weight: normal; }
.opc .allow .step-title .number,
.opc .allow .step-title .title { color: #fff; cursor: pointer; }
.opc .step-title .number { width: 42px; border-right: 1px solid #fff; text-align: center; }
.opc .allow .step-title .number { background-color: #248ece; }
.opc .step { margin: 10px 0; padding: 30px 15px; text-align: center; }
.opc .section { margin: 0 0 30px; }
.opc .section > label { display: block; margin: 0 0 10px; }
.opc input[type="text"],
.opc select { max-width: 100%; }
.opc .buttons { margin-bottom: 0; }
.opc .back-link { margin: 0 0 10px; }
.opc .back-link small { display: none; }
.opc .back-link a { display: inline-block; margin: 0 0 0 -15px; background: url(/Themes/TeakPlanter/Content/images/back-button.png) left center no-repeat; padding: 0 0 0 18px; color: #444; }
.opc .back-link a:hover { color: #2db82d; }
.opc .buttons .please-wait { display: block; margin: 10px 0 0; background: none; }
.opc .section.pickup-in-store { margin: 0 0 30px; padding: 0; }
.opc .payment-info .info tr { text-align: left; }
.opc .section.order-summary { margin: 0; }
.billing-wrapper, .shipping-wrapper { width: 100%; max-width: 47.99995%; float: left; margin: 1%; }
.billing-wrapper .inputs label, .shipping-wrapper .inputs label { width: 20%; min-width: 110px; }
.billing-wrapper .inputs input[type="text"], .billing-wrapper .inputs input[type="password"], .billing-wrapper .inputs select,
.shipping-wrapper .inputs input[type="text"], .shipping-wrapper .inputs input[type="password"], .shipping-wrapper .inputs select { width: 70%; }
.billing-wrapper select, .shipping-wrapper select { max-width: 100%; }
.checkout-page.easy .title, .checkout-page.easy .page-title { text-align: left; }
.select-billing-address label, .select-shipping-address label { min-height: 40px; display: block; }
.checkout-page.easy .copy-address { float: right; font-weight: normal; font-size: 12px; padding: 6px; color: #228b22; }
.checkout-page.easy .copy-address:hover { cursor: pointer; color: #32cd32; }
/****** ORDER DETAILS & SHIPPING DETAILS ******/
.order-details-page .page-title { border-bottom: none; }
.order-details-page .page-title h1 { margin: 0 0 30px; border-bottom: 1px solid #ddd; padding: 0 0 10px; }
.order-details-page .page-title a { display: inline-block; min-width: 180px; margin: 5px 0; border: none; background-color: #aaa; background-image: none; padding: 10px 20px; font-size: 15px; color: #fff; }
.order-details-page .page-title a:hover { background-color: #999; }
.order-details-page .page-title a.print-order-button { background-color: #4ab2f1; }
.order-details-page .page-title a.print-order-button:hover { background-color: #248ece; }
.order-details-page .order-overview { margin: 0 0 50px; line-height: 26px; text-align: center; font-size: 16px; color: #444; }
.order-details-page .order-overview .order-number { margin: 0 0 10px; text-transform: uppercase; }
.order-details-page .order-overview .order-total strong { font-weight: normal; color: #4ab2f1; }
.order-details-page .repost .button-2 { display: inline-block; margin: 10px 0; border: none; background-color: #4ab2f1; padding: 10px 15px; font-size: 12px; color: #fff; text-transform: uppercase; }
.order-details-page .repost .button-2:hover { background-color: #248ece; }
.order-details-page .download a { font-weight: normal; color: #4ab2f1; }
.order-details-page .download a:hover { text-decoration: underline; }
.user-agreement-page .terms-of-agreement { margin: 0 0 20px; padding: 20px; text-align: center; }
.user-agreement-page .button-1 { min-width: 140px; border: none; background-color: #4ab2f1; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; }
.user-agreement-page .button-1:hover { background-color: #248ece; }
.order-details-page .tax-shipping-info { margin: 30px 0; }
.order-details-page .tax-shipping-info a { color: #4ab2f1; }
.order-details-page .tax-shipping-info a:hover { text-decoration: underline; }
.order-details-page .actions { margin: 30px 0 0; font-size: 0; }
.order-details-page .actions input { display: inline-block; min-width: 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: #4ab2f1; }
.order-details-page .actions input:first-child:hover { background-color: #248ece; }
.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: #4ab2f1; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; }
.search-input .button-1:hover { background-color: #248ece; }
.search-results { margin: 30px 0 0; }
.search-results .warning,
.search-results .no-result { margin: 10px 0; color: #e4434b; }
.sitemap-page .description { margin: 0 0 30px; text-align: center; }
.sitemap-page .entity { margin: 0 0 30px; }
.sitemap-page .entity-title { margin: 0 0 15px; padding: 0 10px; text-align: center; }
.sitemap-page .entity-title h2 { font-size: 20px; font-weight: normal; color: #444; }
.sitemap-page .entity-body { border-top: 1px solid #e6e6e6; background-color: #f9f9f9; padding: 30px 15px; text-align: center; }
.sitemap-page 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: #2db82d; }
.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: #4ab2f1; }
.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: #4ab2f1; }
.blog-page .tags a:hover,
.blogpost-page .tags a:hover { text-decoration: underline; }
.blog-posts .buttons,
.news-items .buttons { margin: 0; padding: 0 10px; }
.blog-posts .buttons .read-comments { display: block; margin: 0 0 15px; font-weight: bold; color: #444; }
.blog-posts .buttons .read-comments:hover { color: #4ab2f1; }
.blog-posts .buttons .read-more,
.news-items .buttons .read-more { display: inline-block; border: none; background-color: #4ab2f1; 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: #248ece; }
.new-comment { margin: 50px 0 60px; }
.new-comment .notifications { margin: 0 0 10px; }
.new-comment .result { color: #690; }
.new-comment .form-fields { margin: 0 0 20px; }
.new-comment .button-1 { border: none; background-color: #4ab2f1; padding: 10px 30px; text-align: center; font-size: 15px; color: #fff; text-transform: uppercase; }
.new-comment .button-1:hover { background-color: #248ece; }
.comment-list { margin: 0 0 100px; }
.comment-list .title { margin: 0 0 15px; padding: 0 10px; font-size: 20px; color: #444; }
.comment-list .title strong { font-weight: normal; }
.comment-list .comment { margin: 0 0 40px; border-top: 1px solid #ddd; }
.comment-list .comment:after { content: ""; display: block; clear: both; }
.comment-info { width: 150px; margin: 20px auto; }
.comment-info .username { display: block; margin: 0 0 -1px; border: 1px solid #ddd; background-color: #f6f6f6; padding: 11px 0; font-weight: bold; color: #444; }
.comment-info a.username:hover { color: #4ab2f1; }
.comment-info .avatar { position: relative; width: 150px; height: 150px; border: 1px solid #ddd; overflow: hidden; }
.comment-info .avatar img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; max-width: 100%; max-height: 100%; margin: auto; border: solid 2px #CEDBE1 !important; }
.comment-time { margin: 0 0 15px; font-size: 13px; font-weight: bold; }
.comment-time span { color: #444; }
.comment-title { margin: 0 0 15px; font-size: 16px; color: #444; }
.comment-body { line-height: 22px; }
.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: #2db82d; }
/* 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: #4ab2f1; }
.ui-tabs-panel { /*override jQuery UI styles, do not delete doubled properties*/ padding: 0 !important; }
/* inbox & view message */
.private-messages-page .table-wrapper,
.private-message-view-page .view-message { margin: 0 0 30px; }
.private-messages-page th.select { text-align: center; }
.private-messages-page td.from,
.private-messages-page td.to,
.private-messages-page td.subject { min-width: 150px; }
.private-messages-page td.date { white-space: nowrap; }
.private-messages-page td.subject a { color: #444; }
.private-messages-page td.subject a.pm-unread { color: #4ab2f1; }
.private-messages-page .pager { margin: 0 0 30px; }
.private-messages-page .buttons,
.private-message-view-page .buttons { font-size: 0; }
.private-messages-page .buttons .button-1,
.private-messages-page .buttons .button-2,
.private-message-view-page .buttons .button-1,
.private-message-view-page .buttons .button-2 { display: block; width: 250px; margin: 0 auto 3px; font-size: 15px; /*reset zeroing*/ }
.private-message-view-page .view-message { margin: 0 0 30px; }
.private-message-view-page .message-head { margin: 0 0 20px; line-height: 22px; }
.private-message-view-page .message-head span { font-weight: bold; color: #444; }
.private-message-view-page .message-body { border-top: 1px solid #ddd; background-color: #f9f9f9; padding: 30px 20px; line-height: 22px; text-align: justify; }
.private-message-view-page .back-pm-button { text-transform: capitalize !important; }
/* profile page */
.profile-info-box { overflow: hidden; /*override jQuery UI styles, do not delete doubled properties*/ line-height: normal; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #777; }
.profile-info-box .user-details { margin: 0 0 30px; }
.profile-info-box .avatar { margin: 0 auto 15px; }
.profile-info-box .title { margin: 0 0 10px; font-size: 18px; color: #444; }
.profile-info-box .stats { margin: 0 0 15px; }
.latest-posts { /*override jQuery UI styles, do not delete doubled properties*/ line-height: normal; font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #777; }
.latest-posts .topic { margin: 0 0 35px; }
.latest-posts .topic-title { margin: 0 0 20px; border-top: 1px solid #ddd; background: #f6f6f6; padding: 10px; font-size: 16px; }
.latest-posts .topic-title a { font-weight: bold; color: #444; }
.latest-posts .topic-title a:hover { color: #2db82d; }
.latest-posts .topic-body { margin: 0 0 15px; line-height: 22px; }
.latest-posts .topic-data { color: #444; }
/* BB codes */
pre { white-space: pre-wrap; white-space: normal; word-wrap: break-word; }
.csharpcode { margin: 10px 0; border: 1px dashed #ccc; background-color: #fff; padding: 10px; font-family: "Courier New", Courier, monospace; color: #000; }
.csharpcode .rem { color: green; }
.csharpcode .kwrd { color: #00f; }
.csharpcode .str { color: #006080; }
.csharpcode .op { color: #00c; }
.csharpcode .preproc { color: #c63; }
.csharpcode .asp { background-color: #ff0; }
.csharpcode .html { color: maroon; }
.csharpcode .attr { color: red; }
.csharpcode .alt { width: 100%; margin: 0; background-color: #f6f6f6; }
.csharpcode .lnum { color: #666; }
@media all and (max-width: 1000px) {
/*** GLOBAL TABLES ***/
.cart { display: block; }
.cart colgroup,
.cart thead { display: none; }
.cart tbody { display: block; overflow: hidden; }
.cart tr { display: block; float: left; width: 100%; margin: 40px 0 0; border: 1px solid #ddd; }
.cart td { display: block; border: none; padding: 10px; }
.cart td.remove-from-cart { margin: 0 0 15px; border-bottom: 1px solid #ddd; background-color: #eee; padding: 10px; }
.cart td.product-picture { border-top: 1px solid #ddd; padding: 15px 10px 5px; }
.cart td.product { min-width: 0; border-bottom: 1px solid #ddd; padding: 5px 10px 15px; text-align: center; }
.cart td.quantity { display: inline-block; padding: 0 10px; vertical-align: middle; }
.cart td.unit-price,
.cart td.subtotal { display: inline-block; padding: 20px 10px; vertical-align: middle; }
.order-details-page .data-table { display: block; }
.order-details-page .data-table colgroup,
.order-details-page .data-table thead { display: none; }
.order-details-page .data-table tbody { display: block; overflow: hidden; }
.order-details-page .data-table tr { display: block; float: left; width: 100%; margin: 40px 0 0; border: 1px solid #ddd; }
.order-details-page .data-table td { display: block; border: none; padding: 10px; }
.order-details-page .data-table td.product,
.order-details-page .data-table td.tracking-number { min-width: 0; border-bottom: 1px solid #ddd; padding: 5px 10px 15px; text-align: center; }
/*** MOBILE NAVIGATION ***/
.header-menu { position: relative; z-index: 1; width: 90%; max-width: 600px; margin: 0 auto 40px; }
.menu-toggle { background: #4ab2f1 url(/Themes/TeakPlanter/Content/images/menu-icon.png) right center no-repeat; padding: 15px; font-size: 15px; font-weight: bold; color: #fff; text-transform: uppercase; cursor: pointer; }
.top-menu { display: none; line-height: normal; }
.top-menu > li { position: relative; margin: 1px 0; }
.top-menu > li > a { display: block; min-height: 55px; padding: 18px; font-size: 15px; color: #555; }
.top-menu .sublist { display: none; background-color: #fff; padding: 5px 0; }
.top-menu .sublist li { position: relative; margin: 1px 0 1px 20px; }
.top-menu .sublist li a { display: block; padding: 15px 18px; font-size: 15px; }
.top-menu.active { display: block; }
.menu-link.sale { display: none; }
.sublist-toggle { position: absolute; top: 0; right: 0; width: 55px; height: 55px; border-left: 1px solid #fff; background: url(/Themes/TeakPlanter/Content/images/toggle-black.png) center no-repeat; padding: 15px; font-size: 15px; font-weight: bold; color: #fff; text-transform: uppercase; cursor: pointer; }
.sublist .sublist-toggle { height: 49px; }
.sublist .sublist li { background-color: #f6f6f6; }
.sublist .sublist .sublist li { background-color: #fff; }
.block-category-navigation { display: none; }
.block-account-navigation { float: none; margin: auto !important; }
}
@media all and (min-width: 481px) {
/*** GLOBAL ***/
.master-wrapper-content { width: 92.5%; }
/*** GLOBAL TABLES ***/
.cart tr { width: 46%; margin: 40px 2% 0; }
.cart tr:nth-child(2n+1) { clear: both; }
.order-details-page .data-table tr { width: 46%; margin: 40px 2% 0; }
.order-details-page .data-table tr:nth-child(2n+1) { clear: both; }
/*** HEADER ***/
.search-box input.search-box-text { width: 280px; }
.ui-autocomplete img { display: inline; }
/*** FOOTER ***/
.footer-block { width: 85%; }
.newsletter-email input[type="text"] { width: 240px; }
/*** HOME ***/
.home-page-category-grid .item-box:nth-child(2n+1) { clear: none; }
/*** CATEGORY ***/
.product-filter { vertical-align: top; text-align: left; }
.product-filter.price-range-filter { width: 200px; }
.product-filter .product-spec-group { margin: 0 25px 10px 0; }
.product-filter .group li.item { display: block; margin: 0; }
.item-box { width: 49%; margin: 0 0.5% 50px; }
.item-box:nth-child(2n+1) { clear: both; }
.item-box .product-rating-box { margin: 0 0 15px; }
.item-box .prices { height: 40px; }
.item-box .product-title { min-height: 42px; margin: 0 0 5px; }
/*** PRODUCT PAGE ***/
.overview-buttons div { display: inline-block; width: auto; margin: 0 1px 2px; }
/*** WISHLIST ***/
.wishlist-content .button-2 { display: inline-block; width: auto; min-width: 140px; margin: 0 1px 5px; }
/*** TOPICS ***/
.enter-password-form input[type="password"] { width: 260px; }
/*** FORUM & PROFILE ***/
.forums-header { background-color: #f9f9f9; padding: 30px 20px 20px; }
.ui-tabs-nav li { display: inline-block; min-width: 150px; margin: 0 5px -1px; /*override jQuery UI styles, do not delete doubled properties*/ margin: 0 5px -1px !important; }
.private-messages-page .buttons .button-1,
.private-messages-page .buttons .button-2,
.private-message-view-page .buttons .button-1,
.private-message-view-page .buttons .button-2 { display: inline-block; width: auto; margin: 1px; }
}
@media all and (min-width: 769px) {
/**** GLOBAL ***/
.master-wrapper-content { width: 94%; }
.home-page-polls li { min-width: 100px; }
/**** GLOBAL TABLES ***/
.cart tr { width: 31.33333%; margin: 40px 1% 0; }
.cart tr:nth-child(2n+1) { clear: none; }
.cart tr:nth-child(3n+1) { clear: both; }
.order-details-page .data-table tr { width: 31.33333%; margin: 40px 1% 0; }
.order-details-page .data-table tr:nth-child(2n+1) { clear: none; }
.order-details-page .data-table tr:nth-child(3n+1) { clear: both; }
/*** HEADER ***/
/*** FOOTER ***/
.footer-block { display: inline-block; width: 25.33333%; margin: 0 4%; vertical-align: top; }
.footer-block .title { margin: 0 0 15px; background: none; padding: 0; color: #444; cursor: auto; }
.footer-block .list { display: block !important; /* prevents toggle display:none on resize */ background: none; padding: 0; }
.footer-block .list li { padding: 5px 0; }
.footer-block .list a { display: inline; padding: 0; }
.follow-us { width: 98%; margin: 25px auto 0; }
/*** CATEGORY ***/
.product-selectors { text-align: left; }
.product-selectors .product-viewmode { display: inline-block; float: right; }
.product-selectors .product-viewmode span { display: none; }
.product-selectors .product-viewmode a { display: inline-block; width: 24px; height: 32px; margin: 0 0 0 12px; background-position: center; background-repeat: no-repeat; opacity: 0.5; }
.product-selectors .product-viewmode a.grid { background-image: url(/Themes/TeakPlanter/Content/images/view-grid.png); }
.product-selectors .product-viewmode a.list { background-image: url(/Themes/TeakPlanter/Content/images/view-list.png); }
.product-selectors .product-viewmode a.selected { opacity: 1; }
.item-box { width: 32.33333%; margin: 0 0.5% 50px; }
.item-box:nth-child(2n+1) { clear: none; }
.item-box:nth-child(3n+1) { clear: both; }
.product-list .item-box { float: none; width: auto; margin: 0 5px 20px; }
.product-list .item-box .product-item:after { content: ""; display: block; clear: both; }
.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 PAGE ***/
.gallery { width: 550px; }
.variant-picture { float: left; }
.variant-picture + .variant-overview { width: auto; margin: 0 0 0 240px; }
.variant-overview { text-align: left; }
/*** PRODUCT REVIEWS ***/
.product-review-item .review-title { float: left; max-width: 600px; }
.product-review-item .product-review-box { float: right; }
/*** REGISTRATION, LOGIN, ACCOUNT ***/
.address-list-page .section,
.order-list-page .section,
.return-request-list-page .section { display: inline-block; width: 45%; margin: 20px 1%; vertical-align: top; }
.recurring-payments { width: 100% !important; margin: 20px 0 !important; }
/*** SHOPPING CART ***/
.order-progress { padding: 20px; }
.order-progress li { margin: 0 10px; }
.order-progress a { min-width: 80px; }
.cart-options .common-buttons { text-align: right; }
.cart-options .checkout-attributes,
.cart-options .selected-checkout-attributes { padding: 0 10px; }
.cart-footer .totals { float: right; width: 45%; margin: 0 2.5%; }
.cart-footer .terms-of-service { text-align: left; }
.cart-footer .checkout-buttons,
.cart-footer .addon-buttons { text-align: right; }
.cart-footer .cart-collaterals { float: left; width: 45%; margin: 0 2.5%; }
.cart-footer .cart-collaterals div,
.cart-footer .cart-collaterals label { text-align: left; }
.cart-footer .estimate-shipping label { display: block; margin: 0 0 10px; }
.cart-footer .estimate-shipping .buttons { text-align: right; }
/*** CHECKOUT ***/
.checkout-page .selected-checkout-attributes { float: right; text-align: right; }
.checkout-page .cart-footer .totals { max-width: 350px; margin: 0; }
.checkout-page .address-grid { overflow: hidden; }
.checkout-page .address-item { float: left; width: 48%; margin: 0 1% 40px; }
.shipping-method .method-list li { margin: 20px 2%; vertical-align: top; }
.payment-method .method-list li { display: inline-block; width: 25%; margin: 20px 2%; vertical-align: top; }
.shipping-method .method-name { background-color: #f6f6f6; padding: 10px; }
.payment-method .payment-logo { display: block; background-color: #f6f6f6; padding: 10px; }
.payment-method .payment-details { display: block; width: auto; min-width: 0; margin: 10px 0 0; text-align: center; }
.payment-info .info { padding: 30px 75px; }
.order-review-data,
.order-details-area,
.shipment-details-area { overflow: hidden; }
.order-review-data ul,
.order-details-area ul,
.shipment-details-area ul { float: left; width: 48%; margin: 0 1% 40px; }
/*** ORDER DETAILS & SHIPPING DETAILS ***/
.order-details-page .section.options { text-align: right; }
.order-details-page .selected-checkout-attributes { padding: 0 10px; }
.order-details-page .totals { overflow: hidden; }
.order-details-page .total-info { float: right; margin: 0 5px; }
.shipment-details-page .tracking-number .tracking-url { color: #4ab2f1; }
/*** BLOG & NEWS ***/
.blog-posts .tags { float: right; width: 80%; text-align: right; }
.blog-posts .buttons { float: left; width: 20%; text-align: left; }
.new-comment { text-align: center; }
.new-comment .buttons { text-align: center; }
.comment-list .comment { display: table; width: 100%; margin: 0; }
.comment-list .comment:last-child { border-bottom: 1px solid #ddd; }
.comment-info { display: table-cell; width: 15%; margin: 0; vertical-align: top; }
.comment-info .username { min-height: 40px; margin: 0; border: none; text-align: center; }
.comment-info .avatar { border: none; }
.comment-info .avatar img { max-width: 80%; max-height: 80%; }
.comment-content { display: table-cell; width: 85%; border-left: 1px solid #ddd; vertical-align: top; text-align: left; }
.comment-time { min-height: 40px; margin: 0; background-color: #f6f6f6; padding: 10px 15px; font-size: 14px; font-weight: normal; }
.comment-title { margin: 0 0 -20px; padding: 20px; }
.comment-body { padding: 20px; }
/*** FORUM & PROFILE ***/
.forum-actions,
.topic-actions { overflow: hidden; }
.forum-actions .actions,
.topic-actions .actions { float: left; }
.forum-actions .pager,
.topic-actions .pager { float: right; max-width: 450px; }
.forum-actions .pager li,
.topic-actions .pager li { margin: 2px 4px; }
.forum-actions .pager.upper { display: block; }
.topic-actions.lower .actions { display: block; }
.topic-posts { margin: 0 0 30px; }
.topic-post { display: table; width: 100%; margin: 0; }
.topic-post .post-info { display: table-cell; width: 15%; margin: 0; vertical-align: top; text-align: left; }
.topic-post .user-info { width: auto; }
.topic-post .username { min-height: 40px; margin: 0; border: none; text-align: center; }
.topic-post .avatar { margin: auto; border: none; }
.topic-post .avatar img { max-width: 80%; max-height: 80%; }
.topic-post .user-stats li { margin: 0; }
.topic-post .send-pm { margin: 0 0 20px; }
.topic-post .pm-button,
.profile-info-box .pm-button { padding: 8px 16px; font-size: 13px; }
.topic-post .post-content { display: table-cell; width: 85%; border-left: 1px solid #ddd; vertical-align: top; text-align: left; }
.topic-post .post-head { min-height: 40px; overflow: hidden; background-color: #f6f6f6; }
.topic-post .post-time { float: left; margin: 0; font-size: 14px; font-weight: normal; }
.topic-post .post-actions { float: right; margin: 0; }
.topic-post .post-actions a { margin: 0; line-height: 20px; }
.topic-post .post-actions .manage-post a { }
.topic-post .post-actions .quote-post a { min-width: 70px; }
.topic-post .post-actions a.post-link-button { margin: 0 0 0 10px; border-left: 1px solid #ddd; text-align: center; }
.topic-post .post-body { padding: 20px; }
.ui-tabs-nav { text-align: left; }
.ui-tabs-nav li { margin: 0 10px -1px 0; /*override jQuery UI styles, do not delete doubled properties*/ margin: 0 10px -1px 0 !important; }
.profile-info-box .avatar { float: left; margin: 0 15px 15px 0; }
.profile-info-box .profile-stats { float: left; text-align: left; }
.profile-info-box .title { text-align: left; }
.profile-info-box .send-pm { clear: both; text-align: left; }
}
@media all and (min-width: 1001px) {
/*** GLOBAL STYLES ***/
.master-wrapper-content { width: 980px; margin: auto; }
.master-wrapper-content:before { content: " "; position: fixed; top: 0; left: 0; background: rgba(0,0,0,1); opacity: 0; z-index: 4; -webkit-transition: opacity 0.25s ease-in-out; -moz-transition: opacity 0.25s ease-in-out; -o-transition: opacity 0.25s ease-in-out; -ms-transition: opacity 0.25s ease-in-out; transition: opacity 0.25s ease-in-out; }
.master-wrapper-content.overlay:before { opacity: .5; width: 100%; height: 100%; }
.center-2 { float: right; width: 73%; }
.side-2 { float: left; width: 25%; }
.page { text-align: left; }
.inputs { text-align: left; }
.inputs label { display: inline-block; width: 265px; margin: 0 10px 0 0; text-align: right; }
.inputs input[type="text"],
.inputs input[type="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 { width: 980px; margin: auto; }
.flyout-cart { position: absolute; top: 99%; right: 3px; z-index: 100; width: 300px; padding: 10px 0 0; }
.flyout-cart.active, .flyout-account.active, #topaccountlink:hover .flyout-account, .flyout-account:hover, #topcartlink:hover .flyout-cart, .flyout-cart:hover { display: block; }
.flyout-account { position: absolute; top: 99%; left: 50%; transform: translate(-50%, 0); width: 200px; z-index: 100; color: #333; padding-top: 10px; }
.flyout-account li { display: block; line-height: 45px; }
.flyout-account a:hover { color: #2db82d; }
.flyout-account .impersonate span { line-height: normal; margin-top: 10px; }
.flyout-account .impersonate a { color: forestgreen; line-height: normal; }
.flyout-account .impersonate a:hover { color: #32cd32; }
.shadow { -webkit-filter: drop-shadow(1px 2px 2px rgba(68,68,68,.8)); filter: drop-shadow(1px 2px 2px rgba(68,68,68,.8)); -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=2, Color='#444')"; filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=1, OffY=2, Color='#444')"; }
.account-menu { text-align: center; background-color: #fff; position: relative; border-radius: 3px; padding: 10px 0; }
.account-menu a { display: block; }
.account-menu:before { position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0 25px 15px 25px; border-color: transparent transparent #fff transparent; left: 50%; bottom: 100%; transform: translate(-50%,0); }
.account-menu .sign-up-message { color: #666; line-height: normal; margin-right: 5px; font-size: 12px; }
.account-menu .ico-login { display: block; border-radius: 6px; background-color: rgba(118,178,102,1); font-weight: 500; color: #fff; }
.account-menu .ico-login:hover { color: #eeeee0; }
.account-menu .ico-register { color: #000; }
.account-menu .ico-register:hover { color: #e57e00; text-decoration: underline; }
.mini-shopping-cart:before { position: absolute; content: ''; display: block; width: 0; height: 0; border-style: solid; border-width: 0 25px 15px 25px; border-color: transparent transparent #fff transparent; right: 0; bottom: 100%; transform: translate(-10%,0); }
.mini-shopping-cart { padding: 14px; text-align: left; font-size: 14px; background: #fff; position: relative; border-radius: 3px; color: #333; }
.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 5px; font-size: 14px; }
.mini-shopping-cart .name a { color: #006400; line-height: normal; }
.mini-shopping-cart .name a:hover { color: #2db82d; }
.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: #6ccd6c; padding: 10px 20px; font-size: 12px; color: #fff; text-transform: uppercase; }
.mini-shopping-cart input[type="button"]:hover { background-color: #32cd32; }
.cart-msg, .cart-msg p { line-height: normal; text-align: left; }
.cart-msg .important { color: #e57e00; }
.cart-msg a, .cart-msg a.signin { line-height: normal; margin: 0; }
.cart-msg a:hover { color: #228b22; }
.mini-shopping-cart .topic-block { margin: 0; }
.header-lower .header { display: table; }
.header-logo { display: table-cell; text-align: left; vertical-align: middle; font-size: 0; min-width: 165px; width: 15%; }
.header-menu { }
.search-box { display: table-cell; text-align: right; vertical-align: middle; position: relative; }
.header-lower.fixed { position: fixed; top: 0; width: 100%; border-bottom: 1px solid #eee; box-shadow: 0px 5px 10px rgba(0,0,0,0.15); }
.header-lower.fixed .menu-link { line-height: 35px; }
/*** NAVIGATION ***/
.top-menu.active { display: block !important; }
.header-menu > .menu-toggle:hover .top-menu > li:first-child > a { background: none; color: #c9a77a; }
.header-menu > .menu-toggle:hover + .top-menu li:first-child .first-level { display: block; }
.top-menu.active { display: block; }
.menu-toggle { cursor: pointer; }
.menu-toggle text { position: relative; }
.menu-toggle text:after { content: " "; background: url(/Themes/TeakPlanter/Content/images/angle-down.png) right center no-repeat; opacity: .6; width: 24px; height: 24px; position: absolute; display: block; right: -24px; top: 0; transition: all 300ms linear; }
.menu-toggle.active text:after { -webkit-transform: rotate(-180deg); -moz-transform: rotate(-180deg); -ms-transform: rotate(-180deg); -o-transform: rotate(-180deg); transform: rotate(-180deg); opacity: .8; }
.top-menu { display: none; position: absolute; width: 100%; left: 0; top: 100%; background: #fff; border: 5px solid #fff; margin-top: 1px; line-height: normal; }
.top-menu > li { margin: 1px 0; clear: left; }
.top-menu > li > a { display: block; position: relative; min-height: 55px; padding: 18px; font-size: 15px; width: 300px; background-color: #f6f6f6; font-weight: bold; top: 0; }
.top-menu .sublist { display: none; background-color: #fff; position: absolute; top: 5%; left: 300px; }
.top-menu > li:hover > a { background: none; color: #b8860b; }
.top-menu > li:hover .sublist { display: block; }
.top-menu .sublist li { position: relative; margin: 1px 0 1px 20px; }
.top-menu .sublist li a { display: block; padding: 5px 18px; font-size: 15px; color: #b8860b; }
.top-menu .sublist li a:hover { text-decoration: underline; }
.sublist-toggle { display: none; }
.sublist .sublist li { background-color: #f6f6f6; }
.sublist .sublist .sublist li { background-color: #fff; }
.block-category-navigation { }
.block-account-navigation { float: none; margin: auto !important; }
.menu-link { padding: 20px 15px 2px; float: left; line-height: 65px; font-size: 22px; text-transform: capitalize; position: relative; top: 2px; }
.menu-link:hover { color: #222; }
.menu-link.sale { color: #b22222; }
/*** FOOTER ***/
.footer-upper { width: 980px; padding: 35px 10px; }
.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 { display: block; }
.newsletter-email input[type="text"] { width: 200px; }
.newsletter-email .newsletter-subscribe-button { width: 100px; padding: 0 5px; }
.newsletter-validation .field-validation-valid { text-align: left; }
.footer-lower { position: relative; width: 980px; padding: 25px 5px; }
.footer-info { float: right; line-height: 32px; }
.footer-powered-by { float: left; margin: 0; line-height: 32px; }
.theme-selector { float: left; margin: 0 0 0 15px; }
/*** COLUMN ***/
.block { float: none; width: auto; margin: 0 0 20px; }
.block .title { margin: 0; border-bottom: 1px solid #ddd; background: none; cursor: auto; }
.block .title strong { font-weight: bold; }
.block .listbox { display: block; border-bottom: none; }
.block a.product-picture { display: inline-block; position: relative; width: 30%; margin: 0 0 0 -15px; vertical-align: middle; }
.block a.product-name { vertical-align: middle; }
.block a.product-picture + a.product-name { width: 70%; }
.block a.product-picture + a.product-name:before { display: none; }
/*** HOME ***/
.home-page-category-grid .item-box { width: 15.6665%; }
.home-page-category-grid .item-box:nth-child(3n+1) { clear: none; }
.home-page-category-grid .item-box:nth-child(6n+1) { clear: both; }
/*** CATEGORY ***/
.breadcrumb { margin: 0 0 20px; }
.item-box .buttons { text-align: left; }
.home-page .product-grid .item-box,
.product-details-page .product-grid .item-box,
.shopping-cart-page .product-grid .item-box { width: 24%; margin: 0 0.5% 50px; }
.home-page .product-grid .item-box:nth-child(3n+1),
.product-details-page .product-grid .item-box:nth-child(3n+1),
.shopping-cart-page .product-grid .item-box:nth-child(3n+1) { clear: none; }
.home-page .product-grid .item-box:nth-child(4n+1),
.product-details-page .product-grid .item-box:nth-child(4n+1),
.shopping-cart-page .product-grid .item-box:nth-child(4n+1) { clear: both; }
/*** PRODUCT PAGE ***/
.gallery { float: left; width: 46%; }
.gallery .picture { width: auto; }
.overview { float: right; width: 52%; }
.rental-attributes { overflow: hidden; }
.rental-attributes .attribute-item { float: left; margin: 0 20px 0 0; }
.rental-attributes .datepicker { width: 160px; text-align: left; }
.color-squares li { margin: 0 10px 10px 0; }
.product-details-page .title { text-align: left; }
/*** 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; }
.login-page .returning-wrapper .inputs label { width: 110px; }
.login-page .returning-wrapper input[type="text"],
.login-page .returning-wrapper input[type="password"] { width: 300px; }
.address-list-page .section,
.order-list-page .section,
.return-request-list-page .section { display: block; width: auto; margin: 0 0 40px; }
.address-list-page .buttons,
.order-list-page .buttons { position: absolute; top: 5px; right: 10px; }
.avatar-page .message-error,
.avatar-page .buttons { text-align: left; }
/*** SHOPPING CART ***/
.shopping-cart-page .cart-options { overflow: hidden; }
.shopping-cart-page .checkout-attributes { float: left; max-width: 565px; margin: -30px 0 15px; }
.shopping-cart-page .checkout-attributes li { margin: 5px 10px 5px 0; }
.shopping-cart-page .selected-checkout-attributes { float: right; max-width: 395px; margin: 15px 0; }
/*** CHECKOUT ***/
.checkout-page .address-item { width: 31.33333%; }
.checkout-page .terms-of-service { text-align: center; }
.payment-info .info { padding: 30px 15px; }
.payment-info .info td:first-child { width: 265px !important; margin: 0 10px 0 0; text-align: right; }
.payment-info .info td:only-child { width: 100% !important; }
.order-review-data .title,
.order-details-area .title,
.shipment-details-area .title { text-align: left; }
.opc .order-review-data ul { text-align: left; }
/*** SEARCH & SITEMAP ***/
.advanced-search .price-range { margin-left: 114px; }
/*** BLOG & NEWS ***/
.comment-list { margin: 0 0 50px; }
.news-list-homepage .news-items { overflow: hidden; text-align: left; }
.news-list-homepage .news-item { float: left; width: 31.33333%; margin: 0 1% 30px; }
.news-list-homepage .news-item:nth-child(3n+1) { clear: both; }
.news-list-homepage .news-item:only-child { float: none; width: auto; margin: 0 0 30px; }
.news-list-homepage .news-head { text-align: center; }
.news-list-homepage .news-body { text-align: justify; }
}
@media all and (min-width: 1367px) {
/*** GLOBAL STYLES ***/
.master-wrapper-content { width: 1200px; }
.inputs label { width: 375px; }
.center-2 .inputs label { width: 213px; }
/*** HEADER ***/
.header { width: 1200px; }
/*** FOOTER ***/
.footer-upper { width: 1200px; padding: 35px 30px; }
.footer-block { width: 280px; }
.footer-lower { width: 1200px; 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"] { width: 360px; }
/*** SHOPPING CART ***/
.cart-footer .totals { width: 395px; margin: 0; }
.cart-footer .cart-collaterals { width: 760px; margin: 0; }
.cart-footer .cart-collaterals .deals { float: left; width: 360px; }
.cart-footer .cart-collaterals .shipping { float: right; width: 360px; }
.cart-footer .estimate-shipping .inputs label { display: inline-block; width: 35%; }
.cart-footer .estimate-shipping .inputs input,
.cart-footer .estimate-shipping .inputs select { width: 65%; }
/*** CHECKOUT ***/
.shipping-method .method-list li,
.payment-method .method-list li { margin: 20px 1%; }
.payment-info .info td:first-child { width: 375px !important; }
.payment-info .info td:only-child { width: 100% !important; }
/*** FORUM & PROFILE ***/
.forum-actions .pager,
.topic-actions .pager { max-width: 600px !important; }
}
/**
* 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;
}