/* Lato-Bold */ @font-face { font-family: 'Lato-Bold'; font-style: normal; font-weight: normal; src: url('/630876969/Handler/Static/Content/Themes/B2BElite/fonts/Lato-Bold.ttf') format('truetype') /* Safari, Android, iOS */; } /* Lato-Light */ @font-face { font-family: 'Lato-Light'; font-style: normal; font-weight: normal; src: url('/1844871655/Handler/Static/Content/Themes/B2BElite/fonts/Lato-Light.ttf') format('truetype') /* Safari, Android, iOS */; } /* Lato-Regular */ @font-face { font-family: 'Lato-Regular'; font-style: normal; font-weight: normal; src: url('/-521031811/Handler/Static/Content/Themes/B2BElite/fonts/Lato-Regular.ttf') format('truetype') /* Safari, Android, iOS */; } /* Lora-Bold */ @font-face { font-family: 'Lora-Bold'; font-style: normal; font-weight: normal; src: url('/1577067517/Handler/Static/Content/Themes/B2BElite/fonts/Lora-Bold.ttf') format('truetype') /* Safari, Android, iOS */; } /* Lora-Regular */ @font-face { font-family: 'Lora-Regular'; font-style: normal; font-weight: normal; src: url('/-1142592735/Handler/Static/Content/Themes/B2BElite/fonts/Lora-Regular.ttf') format('truetype') /* Safari, Android, iOS */; } /* Montserrat-Bold */ @font-face { font-family: 'Montserrat-Bold'; font-style: normal; font-weight: normal; src: url('/-774179255/Handler/Static/Content/Themes/B2BElite/fonts/Montserrat-Bold.ttf') format('truetype') /* Safari, Android, iOS */; } /* Montserrat-Regular */ @font-face { font-family: 'Montserrat-Regular'; font-style: normal; font-weight: normal; src: url('/1980483084/Handler/Static/Content/Themes/B2BElite/fonts/Montserrat-Regular.ttf') format('truetype') /* Safari, Android, iOS */; } /* OpenSans-Bold */ @font-face { font-family: 'OpenSans-Bold'; font-style: normal; font-weight: normal; src: url('/1182433773/Handler/Static/Content/Themes/B2BElite/fonts/OpenSans-Bold.ttf') format('truetype') /* Safari, Android, iOS */; } /* OpenSans-Light */ @font-face { font-family: 'OpenSans-Light'; font-style: normal; font-weight: normal; src: url('/-1925974392/Handler/Static/Content/Themes/B2BElite/fonts/OpenSans-Light.ttf') format('truetype') /* Safari, Android, iOS */; } /* OpenSans-Regular */ @font-face { font-family: 'OpenSans-Regular'; font-style: normal; font-weight: normal; src: url('/1209112660/Handler/Static/Content/Themes/B2BElite/fonts/OpenSans-Regular.ttf') format('truetype') /* Safari, Android, iOS */; } /* Oswald-Bold */ @font-face { font-family: 'Oswald-Bold'; font-style: normal; font-weight: normal; src: url('/-275998590/Handler/Static/Content/Themes/B2BElite/fonts/Oswald-Bold.ttf') format('truetype') /* Safari, Android, iOS */; } /* Oswald-Light */ @font-face { font-family: 'Oswald-Light'; font-style: normal; font-weight: normal; src: url('/1554517278/Handler/Static/Content/Themes/B2BElite/fonts/Oswald-Light.ttf') format('truetype') /* Safari, Android, iOS */; } /* Oswald-Regular */ @font-face { font-family: 'Oswald-Regular'; font-style: normal; font-weight: normal; src: url('/-1459155686/Handler/Static/Content/Themes/B2BElite/fonts/Oswald-Regular.ttf') format('truetype') /* Safari, Android, iOS */; } /* PT_Sans-Web-Bold */ @font-face { font-family: 'PT_Sans-Web-Bold'; font-style: normal; font-weight: normal; src: url('/-784462411/Handler/Static/Content/Themes/B2BElite/fonts/PT_Sans-Web-Bold.ttf') format('truetype') /* Safari, Android, iOS */; } /* PT_Sans-Web-Regular */ @font-face { font-family: 'PT_Sans-Web-Regular'; font-style: normal; font-weight: normal; src: url('/353064089/Handler/Static/Content/Themes/B2BElite/fonts/PT_Sans-Web-Regular.ttf') format('truetype') /* Safari, Android, iOS */; } /* Raleway-Bold */ @font-face { font-family: 'Raleway-Bold'; font-style: normal; font-weight: normal; src: url('/-1242559047/Handler/Static/Content/Themes/B2BElite/fonts/Raleway-Bold.ttf') format('truetype') /* Safari, Android, iOS */; } /* Raleway-Light */ @font-face { font-family: 'Raleway-Light'; font-style: normal; font-weight: normal; src: url('/-2038917363/Handler/Static/Content/Themes/B2BElite/fonts/Raleway-Light.ttf') format('truetype') /* Safari, Android, iOS */; } /* Raleway-Medium */ @font-face { font-family: 'Raleway-Medium'; font-style: normal; font-weight: normal; src: url('/-79759633/Handler/Static/Content/Themes/B2BElite/fonts/Raleway-Medium.ttf') format('truetype') /* Safari, Android, iOS */; } /* Raleway-Regular */ @font-face { font-family: 'Raleway-Regular'; font-style: normal; font-weight: normal; src: url('/1866498640/Handler/Static/Content/Themes/B2BElite/fonts/Raleway-Regular.ttf') format('truetype') /* Safari, Android, iOS */; } /* Roboto-Bold */ @font-face { font-family: 'Roboto-Bold'; font-style: normal; font-weight: normal; src: url('/-485886194/Handler/Static/Content/Themes/B2BElite/fonts/Roboto-Bold.ttf') format('truetype') /* Safari, Android, iOS */; } /* Roboto-Light */ @font-face { font-family: 'Roboto-Light'; font-style: normal; font-weight: normal; src: url('/278787850/Handler/Static/Content/Themes/B2BElite/fonts/Roboto-Light.ttf') format('truetype') /* Safari, Android, iOS */; } /* Roboto-Regular */ @font-face { font-family: 'Roboto-Regular'; font-style: normal; font-weight: normal; src: url('/-116602500/Handler/Static/Content/Themes/B2BElite/fonts/Roboto-Regular.ttf') format('truetype') /* Safari, Android, iOS */; } /* RobotoSlab-Bold */ @font-face { font-family: 'RobotoSlab-Bold'; font-style: normal; font-weight: normal; src: url('/-128065497/Handler/Static/Content/Themes/B2BElite/fonts/RobotoSlab-Bold.ttf') format('truetype') /* Safari, Android, iOS */; } /* RobotoSlab-Light */ @font-face { font-family: 'RobotoSlab-Light'; font-style: normal; font-weight: normal; src: url('/-2067651451/Handler/Static/Content/Themes/B2BElite/fonts/RobotoSlab-Light.ttf') format('truetype') /* Safari, Android, iOS */; } /* RobotoSlab-Regular */ @font-face { font-family: 'RobotoSlab-Regular'; font-style: normal; font-weight: normal; src: url('/1507271842/Handler/Static/Content/Themes/B2BElite/fonts/RobotoSlab-Regular.ttf') format('truetype') /* Safari, Android, iOS */; } /* RobotoSlab-Thin */ @font-face { font-family: 'RobotoSlab-Thin'; font-style: normal; font-weight: normal; src: url('/1482075607/Handler/Static/Content/Themes/B2BElite/fonts/RobotoSlab-Thin.ttf') format('truetype') /* Safari, Android, iOS */; } /* Quicksand */ @font-face { font-family: 'Quicksand'; font-style: Normal; font-weight: 300; src: url('/-1552668248/Handler/Picture/GU/F/ThemeFonts/Quicksand-Normal-300.ttf') format('truetype') /* Safari, Android, iOS */; } /* Quicksand */ @font-face { font-family: 'Quicksand'; font-style: Normal; font-weight: 400; src: url('/-1928863071/Handler/Picture/GU/F/ThemeFonts/Quicksand-Normal-400.ttf') format('truetype') /* Safari, Android, iOS */; } /* Quicksand */ @font-face { font-family: 'Quicksand'; font-style: Normal; font-weight: 500; src: url('/51134578/Handler/Picture/GU/F/ThemeFonts/Quicksand-Normal-500.ttf') format('truetype') /* Safari, Android, iOS */; } /* Quicksand */ @font-face { font-family: 'Quicksand'; font-style: Normal; font-weight: 600; src: url('/417617724/Handler/Picture/GU/F/ThemeFonts/Quicksand-Normal-600.ttf') format('truetype') /* Safari, Android, iOS */; } /* Quicksand */ @font-face { font-family: 'Quicksand'; font-style: Normal; font-weight: 700; src: url('/1558748739/Handler/Picture/GU/F/ThemeFonts/Quicksand-Normal-700.ttf') format('truetype') /* Safari, Android, iOS */; } /*! jQuery UI - v1.12.1 - 2016-09-14 * http://jqueryui.com * Includes: core.css, accordion.css, autocomplete.css, menu.css, button.css, controlgroup.css, checkboxradio.css, datepicker.css, dialog.css, draggable.css, resizable.css, progressbar.css, selectable.css, selectmenu.css, slider.css, sortable.css, spinner.css, tabs.css, tooltip.css, theme.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?bgShadowXPos=&bgOverlayXPos=&bgErrorXPos=&bgHighlightXPos=&bgContentXPos=&bgHeaderXPos=&bgActiveXPos=&bgHoverXPos=&bgDefaultXPos=&bgShadowYPos=&bgOverlayYPos=&bgErrorYPos=&bgHighlightYPos=&bgContentYPos=&bgHeaderYPos=&bgActiveYPos=&bgHoverYPos=&bgDefaultYPos=&bgShadowRepeat=&bgOverlayRepeat=&bgErrorRepeat=&bgHighlightRepeat=&bgContentRepeat=&bgHeaderRepeat=&bgActiveRepeat=&bgHoverRepeat=&bgDefaultRepeat=&iconsHover=url(/00000000-0000-0000-0000-000000000000/Handler/Static/%22images%2Fui-icons_555555_256x240.png%22)&iconsHighlight=url(/00000000-0000-0000-0000-000000000000/Handler/Static/%22images%2Fui-icons_777620_256x240.png%22)&iconsHeader=url(/00000000-0000-0000-0000-000000000000/Handler/Static/%22images%2Fui-icons_444444_256x240.png%22)&iconsError=url(/00000000-0000-0000-0000-000000000000/Handler/Static/%22images%2Fui-icons_cc0000_256x240.png%22)&iconsDefault=url(/00000000-0000-0000-0000-000000000000/Handler/Static/%22images%2Fui-icons_777777_256x240.png%22)&iconsContent=url(/00000000-0000-0000-0000-000000000000/Handler/Static/%22images%2Fui-icons_444444_256x240.png%22)&iconsActive=url(/00000000-0000-0000-0000-000000000000/Handler/Static/%22images%2Fui-icons_ffffff_256x240.png%22)&bgImgUrlShadow=&bgImgUrlOverlay=&bgImgUrlHover=&bgImgUrlHighlight=&bgImgUrlHeader=&bgImgUrlError=&bgImgUrlDefault=&bgImgUrlContent=&bgImgUrlActive=&opacityFilterShadow=Alpha(Opacity%3D30)&opacityFilterOverlay=Alpha(Opacity%3D30)&opacityShadowPerc=30&opacityOverlayPerc=30&iconColorHover=%23555555&iconColorHighlight=%23777620&iconColorHeader=%23444444&iconColorError=%23cc0000&iconColorDefault=%23777777&iconColorContent=%23444444&iconColorActive=%23ffffff&bgImgOpacityShadow=0&bgImgOpacityOverlay=0&bgImgOpacityError=95&bgImgOpacityHighlight=55&bgImgOpacityContent=75&bgImgOpacityHeader=75&bgImgOpacityActive=65&bgImgOpacityHover=75&bgImgOpacityDefault=75&bgTextureShadow=flat&bgTextureOverlay=flat&bgTextureError=flat&bgTextureHighlight=flat&bgTextureContent=flat&bgTextureHeader=flat&bgTextureActive=flat&bgTextureHover=flat&bgTextureDefault=flat&cornerRadius=3px&fwDefault=normal&ffDefault=Arial%2CHelvetica%2Csans-serif&fsDefault=1em&cornerRadiusShadow=8px&thicknessShadow=5px&offsetLeftShadow=0px&offsetTopShadow=0px&opacityShadow=.3&bgColorShadow=%23666666&opacityOverlay=.3&bgColorOverlay=%23aaaaaa&fcError=%235f3f3f&borderColorError=%23f1a899&bgColorError=%23fddfdf&fcHighlight=%23777620&borderColorHighlight=%23dad55e&bgColorHighlight=%23fffa90&fcContent=%23333333&borderColorContent=%23dddddd&bgColorContent=%23ffffff&fcHeader=%23333333&borderColorHeader=%23dddddd&bgColorHeader=%23e9e9e9&fcActive=%23ffffff&borderColorActive=%23003eff&bgColorActive=%23007fff&fcHover=%232b2b2b&borderColorHover=%23cccccc&bgColorHover=%23ededed&fcDefault=%23454545&borderColorDefault=%23c5c5c5&bgColorDefault=%23f6f6f6 * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; border-collapse: collapse; } .ui-helper-clearfix:after { clear: both; } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .ui-accordion .ui-accordion-header { display: block; cursor: pointer; position: relative; margin: 2px 0 0 0; padding: .5em .5em .5em .7em; font-size: 100%; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; overflow: auto; } .ui-autocomplete { position: absolute; top: 0; left: 0; cursor: default; } .ui-menu { list-style: none; padding: 0; margin: 0; display: block; outline: 0; } .ui-menu .ui-menu { position: absolute; } .ui-menu .ui-menu-item { margin: 0; cursor: pointer; /* support: IE10, see #8844 */ list-style-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7"); } .ui-menu .ui-menu-item-wrapper { position: relative; padding: 3px 1em 3px .4em; } .ui-menu .ui-menu-divider { margin: 5px 0; height: 0; font-size: 0; line-height: 0; border-width: 1px 0 0 0; } .ui-menu .ui-state-focus, .ui-menu .ui-state-active { margin: -1px; } /* icon support */ .ui-menu-icons { position: relative; } .ui-menu-icons .ui-menu-item-wrapper { padding-left: 2em; } /* left-aligned */ .ui-menu .ui-icon { position: absolute; top: 0; bottom: 0; left: .2em; margin: auto 0; } /* right-aligned */ .ui-menu .ui-menu-icon { left: auto; right: 0; } /*! * jQuery UI Button 1.8.22 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .ui-button-text-only .ui-button-text { padding: .4em 1em; } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ input.ui-button::-moz-focus-inner, button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ .ui-controlgroup { vertical-align: middle; display: inline-block; } .ui-controlgroup > .ui-controlgroup-item { float: left; margin-left: 0; margin-right: 0; } .ui-controlgroup > .ui-controlgroup-item:focus, .ui-controlgroup > .ui-controlgroup-item.ui-visual-focus { z-index: 9999; } .ui-controlgroup-vertical > .ui-controlgroup-item { display: block; float: none; width: 100%; margin-top: 0; margin-bottom: 0; text-align: left; } .ui-controlgroup-vertical .ui-controlgroup-item { box-sizing: border-box; } .ui-controlgroup .ui-controlgroup-label { padding: .4em 1em; } .ui-controlgroup .ui-controlgroup-label span { font-size: 80%; } .ui-controlgroup-horizontal .ui-controlgroup-label + .ui-controlgroup-item { border-left: none; } .ui-controlgroup-vertical .ui-controlgroup-label + .ui-controlgroup-item { border-top: none; } .ui-controlgroup-horizontal .ui-controlgroup-label.ui-widget-content { border-right: none; } .ui-controlgroup-vertical .ui-controlgroup-label.ui-widget-content { border-bottom: none; } /* Spinner specific style fixes */ .ui-controlgroup-vertical .ui-spinner-input { /* Support: IE8 only, Android < 4.4 only */ width: 75%; width: calc(100% - 2.4em); } .ui-controlgroup-vertical .ui-spinner .ui-spinner-up { border-top-style: solid; } .ui-checkboxradio-label .ui-icon-background { box-shadow: inset 1px 1px 1px #ccc; border-radius: .12em; border: none; } .ui-checkboxradio-radio-label .ui-icon-background { width: 16px; height: 16px; border-radius: 1em; overflow: visible; border: none; } .ui-checkboxradio-radio-label.ui-checkboxradio-checked .ui-icon, .ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover .ui-icon { background-image: none; width: 8px; height: 8px; border-width: 4px; border-style: solid; } .ui-checkboxradio-disabled { pointer-events: none; } .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left: 2px; } .ui-datepicker .ui-datepicker-next { right: 2px; } .ui-datepicker .ui-datepicker-prev-hover { left: 1px; } .ui-datepicker .ui-datepicker-next-hover { right: 1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0; } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 45%; } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0; } .ui-datepicker td { border: 0; padding: 1px; } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width: auto; overflow: visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left; } /* with multiple calendars */ .ui-datepicker.ui-datepicker-multi { width: auto; } .ui-datepicker-multi .ui-datepicker-group { float: left; } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50%; } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3%; } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25%; } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header, .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; } /* RTL support */ .ui-datepicker-rtl { direction: rtl; } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right; } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current, .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; } /* Icons */ .ui-datepicker .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; left: .5em; top: .3em; } .ui-dialog { position: absolute; top: 0; left: 0; padding: .2em; outline: 0; } .ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 0; white-space: nowrap; width: 90%; overflow: hidden; text-overflow: ellipsis; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 20px; margin: -10px 0 0 0; padding: 1px; height: 20px; text-indent: 9999px; overflow: hidden; } .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; padding: .4em 1em; } .ui-dialog .ui-resizable-n { height: 2px; top: 0; } .ui-dialog .ui-resizable-e { width: 2px; right: 0; } .ui-dialog .ui-resizable-s { height: 2px; bottom: 0; } .ui-dialog .ui-resizable-w { width: 2px; left: 0; } .ui-dialog .ui-resizable-se, .ui-dialog .ui-resizable-sw, .ui-dialog .ui-resizable-ne, .ui-dialog .ui-resizable-nw { width: 7px; height: 7px; } .ui-dialog .ui-resizable-se { right: 0; bottom: 0; } .ui-dialog .ui-resizable-sw { left: 0; bottom: 0; } .ui-dialog .ui-resizable-ne { right: 0; top: 0; } .ui-dialog .ui-resizable-nw { left: 0; top: 0; } .ui-draggable .ui-dialog-titlebar { cursor: move; } .ui-draggable-handle { -ms-touch-action: none; touch-action: none; } .ui-resizable { position: relative; } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block; -ms-touch-action: none; touch-action: none; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px; } .ui-progressbar { height: 2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .ui-progressbar .ui-progressbar-overlay { background: url("data:image/gif;base64,R0lGODlhKAAoAIABAAAAAP///yH/C05FVFNDQVBFMi4wAwEAAAAh+QQJAQABACwAAAAAKAAoAAACkYwNqXrdC52DS06a7MFZI+4FHBCKoDeWKXqymPqGqxvJrXZbMx7Ttc+w9XgU2FB3lOyQRWET2IFGiU9m1frDVpxZZc6bfHwv4c1YXP6k1Vdy292Fb6UkuvFtXpvWSzA+HycXJHUXiGYIiMg2R6W459gnWGfHNdjIqDWVqemH2ekpObkpOlppWUqZiqr6edqqWQAAIfkECQEAAQAsAAAAACgAKAAAApSMgZnGfaqcg1E2uuzDmmHUBR8Qil95hiPKqWn3aqtLsS18y7G1SzNeowWBENtQd+T1JktP05nzPTdJZlR6vUxNWWjV+vUWhWNkWFwxl9VpZRedYcflIOLafaa28XdsH/ynlcc1uPVDZxQIR0K25+cICCmoqCe5mGhZOfeYSUh5yJcJyrkZWWpaR8doJ2o4NYq62lAAACH5BAkBAAEALAAAAAAoACgAAAKVDI4Yy22ZnINRNqosw0Bv7i1gyHUkFj7oSaWlu3ovC8GxNso5fluz3qLVhBVeT/Lz7ZTHyxL5dDalQWPVOsQWtRnuwXaFTj9jVVh8pma9JjZ4zYSj5ZOyma7uuolffh+IR5aW97cHuBUXKGKXlKjn+DiHWMcYJah4N0lYCMlJOXipGRr5qdgoSTrqWSq6WFl2ypoaUAAAIfkECQEAAQAsAAAAACgAKAAAApaEb6HLgd/iO7FNWtcFWe+ufODGjRfoiJ2akShbueb0wtI50zm02pbvwfWEMWBQ1zKGlLIhskiEPm9R6vRXxV4ZzWT2yHOGpWMyorblKlNp8HmHEb/lCXjcW7bmtXP8Xt229OVWR1fod2eWqNfHuMjXCPkIGNileOiImVmCOEmoSfn3yXlJWmoHGhqp6ilYuWYpmTqKUgAAIfkECQEAAQAsAAAAACgAKAAAApiEH6kb58biQ3FNWtMFWW3eNVcojuFGfqnZqSebuS06w5V80/X02pKe8zFwP6EFWOT1lDFk8rGERh1TTNOocQ61Hm4Xm2VexUHpzjymViHrFbiELsefVrn6XKfnt2Q9G/+Xdie499XHd2g4h7ioOGhXGJboGAnXSBnoBwKYyfioubZJ2Hn0RuRZaflZOil56Zp6iioKSXpUAAAh+QQJAQABACwAAAAAKAAoAAACkoQRqRvnxuI7kU1a1UU5bd5tnSeOZXhmn5lWK3qNTWvRdQxP8qvaC+/yaYQzXO7BMvaUEmJRd3TsiMAgswmNYrSgZdYrTX6tSHGZO73ezuAw2uxuQ+BbeZfMxsexY35+/Qe4J1inV0g4x3WHuMhIl2jXOKT2Q+VU5fgoSUI52VfZyfkJGkha6jmY+aaYdirq+lQAACH5BAkBAAEALAAAAAAoACgAAAKWBIKpYe0L3YNKToqswUlvznigd4wiR4KhZrKt9Upqip61i9E3vMvxRdHlbEFiEXfk9YARYxOZZD6VQ2pUunBmtRXo1Lf8hMVVcNl8JafV38aM2/Fu5V16Bn63r6xt97j09+MXSFi4BniGFae3hzbH9+hYBzkpuUh5aZmHuanZOZgIuvbGiNeomCnaxxap2upaCZsq+1kAACH5BAkBAAEALAAAAAAoACgAAAKXjI8By5zf4kOxTVrXNVlv1X0d8IGZGKLnNpYtm8Lr9cqVeuOSvfOW79D9aDHizNhDJidFZhNydEahOaDH6nomtJjp1tutKoNWkvA6JqfRVLHU/QUfau9l2x7G54d1fl995xcIGAdXqMfBNadoYrhH+Mg2KBlpVpbluCiXmMnZ2Sh4GBqJ+ckIOqqJ6LmKSllZmsoq6wpQAAAh+QQJAQABACwAAAAAKAAoAAAClYx/oLvoxuJDkU1a1YUZbJ59nSd2ZXhWqbRa2/gF8Gu2DY3iqs7yrq+xBYEkYvFSM8aSSObE+ZgRl1BHFZNr7pRCavZ5BW2142hY3AN/zWtsmf12p9XxxFl2lpLn1rseztfXZjdIWIf2s5dItwjYKBgo9yg5pHgzJXTEeGlZuenpyPmpGQoKOWkYmSpaSnqKileI2FAAACH5BAkBAAEALAAAAAAoACgAAAKVjB+gu+jG4kORTVrVhRlsnn2dJ3ZleFaptFrb+CXmO9OozeL5VfP99HvAWhpiUdcwkpBH3825AwYdU8xTqlLGhtCosArKMpvfa1mMRae9VvWZfeB2XfPkeLmm18lUcBj+p5dnN8jXZ3YIGEhYuOUn45aoCDkp16hl5IjYJvjWKcnoGQpqyPlpOhr3aElaqrq56Bq7VAAAOw=="); height: 100%; filter: alpha(opacity=25); /* support: IE8 */ opacity: 0.25; } .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .ui-selectable { -ms-touch-action: none; touch-action: none; } .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted black; } .ui-selectmenu-menu { padding: 0; margin: 0; position: absolute; top: 0; left: 0; display: none; } .ui-selectmenu-menu .ui-menu { overflow: auto; overflow-x: hidden; padding-bottom: 1px; } .ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup { font-size: 1em; font-weight: bold; line-height: 1.5; padding: 2px 0.4em; margin: 0.5em 0 0 0; height: auto; border: 0; } .ui-selectmenu-open { display: block; } .ui-selectmenu-text { display: block; margin-right: 20px; overflow: hidden; text-overflow: ellipsis; } .ui-selectmenu-button.ui-button { text-align: left; white-space: nowrap; width: 14em; } .ui-selectmenu-icon.ui-icon { float: right; margin-top: 0; } .ui-slider { position: relative; text-align: left; } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; -ms-touch-action: none; touch-action: none; } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } /* support: IE8 - See #6727 */ .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-sortable-handle { -ms-touch-action: none; touch-action: none; } .ui-spinner { position: relative; display: inline-block; overflow: hidden; padding: 0; vertical-align: middle; } .ui-spinner-input { border: none; background: none; color: inherit; padding: .222em 0; margin: .2em 0; vertical-align: middle; margin-left: .4em; margin-right: 2em; } .ui-spinner-button { width: 1.6em; height: 50%; font-size: .5em; padding: 0; margin: 0; text-align: center; position: absolute; cursor: default; display: block; overflow: hidden; right: 0; } /* more specificity required here to override default borders */ .ui-spinner a.ui-spinner-button { border-top-style: none; border-bottom-style: none; border-right-style: none; } .ui-spinner-up { top: 0; } .ui-spinner-down { bottom: 0; } .ui-tabs { position: relative; /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ padding: .2em; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom-width: 0; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav .ui-tabs-anchor { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-state-disabled .ui-tabs-anchor, .ui-tabs .ui-tabs-nav li.ui-tabs-loading .ui-tabs-anchor { cursor: text; } .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active .ui-tabs-anchor { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; } .ui-tooltip { padding: 8px; position: absolute; z-index: 9999; max-width: 300px; } body .ui-tooltip { border-width: 2px; } /* Component containers ----------------------------------*/ .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 #aaaaaa; background: #ffffff url(/134966929/Handler/Static/Content/Themes/Base/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #eeeeee; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { border: 1px solid #c5c5c5; background: #f6f6f6; font-weight: normal; color: #454545; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { border: 1px solid #cccccc; background: #ededed; font-weight: normal; color: #2b2b2b; } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { box-shadow: 0 0 3px 1px rgb(94, 158, 214); } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { border: 1px solid #003eff; background: #007fff; font-weight: normal; } .ui-icon-background, .ui-state-active .ui-icon-background { border: #003eff; background-color: #ffffff; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .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); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter: Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; } .ui-icon, .ui-widget-content .ui-icon { background-image: url(/-2030111152/Handler/Static/Content/Themes/Base/images/jquery-ui/ui-icons_444444_256x240.png); } .ui-widget-header .ui-icon { background-image: url(/-2030111152/Handler/Static/Content/Themes/Base/images/jquery-ui/ui-icons_444444_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/-194698262/Handler/Static/Content/Themes/Base/images/jquery-ui/ui-icons_cc0000_256x240.png); } .ui-button .ui-icon { background-image: url(/1505406793/Handler/Static/Content/Themes/Base/images/jquery-ui/ui-icons_777777_256x240.png); } /* positioning */ .ui-icon-blank { background-position: 16px 16px; } .ui-icon-caret-1-n { background-position: 0 0; } .ui-icon-caret-1-ne { background-position: -16px 0; } .ui-icon-caret-1-e { background-position: -32px 0; } .ui-icon-caret-1-se { background-position: -48px 0; } .ui-icon-caret-1-s { background-position: -65px 0; } .ui-icon-caret-1-sw { background-position: -80px 0; } .ui-icon-caret-1-w { background-position: -96px 0; } .ui-icon-caret-1-nw { background-position: -112px 0; } .ui-icon-caret-2-n-s { background-position: -128px 0; } .ui-icon-caret-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -65px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -65px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 1px -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-on { background-position: -96px -144px; } .ui-icon-radio-off { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=.3); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} .flex-direction-nav li{margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {margin:0px; background: #fff; position: relative; zoom: 1;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(/516910723/Handler/Static/Content/Themes/Base/images/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; } .flex-direction-nav .flex-prev {left: -36px;} .flexslider:hover .flex-next {opacity: 0.8; right: 5px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 0px; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} } /* ============================================================================= HTML5 Boilerplate CSS: h5bp.com/css ========================================================================== */ input[readonly], select[readonly], input[disabled], select[disabled] { opacity: 0.5; } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; } .shopping-cart__product__images { min-width: 150px; } .quantityBox__container{ margin-bottom: 1rem; } audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } audio:not([controls]) { display: none; } [hidden] { display: none; } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } html, button, input, select, textarea { font-family: sans-serif; color: #222; } body { margin: 0; font-size: 1em; line-height: 1.4; } /***** Links *****/ a:link { color: #333; text-decoration: none; outline: 0; } a:visited { color: #333; text-decoration: none; outline: 0; } a:active { color: #333; text-decoration: none; outline: 0; } a:hover { color: #999; text-decoration: underline; outline: 0; } a:focus { -moz-outline-style: none; } .button { padding: 10px; margin: 0px; border: 0px none; display: block; } .shipping-address-form-controls .button { display:inline-block; } /***** Added Font awesome for icon support *****/ /***** to enable add display:inline-block to override*****/ /***** to enable add display:inline-block to override*****/ .fa { margin-right: 5px; } /***** Theme Colour Setup *****/ .theme_bg_colour1 { background: #eee; } .theme_bg_colour2 { background: #22A8E5; } .theme_bg_colour3 { background: #E8F6FC; } .theme_bg_colour4 { background: #f9f9f9; } .theme_bg_colour5 { background: #fff; } .theme_bg_colour6 { background: #F9F9F9; } .theme_bg_colour7 { background: #FC7474; } .yb_bg_colour1 { background: #f4f4f4; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2YxZjFmMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2UxZTFlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #f4f4f4 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(50%, #f1f1f1), color-stop(51%, #e1e1e1), color-stop(100%, #f6f6f6)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #f4f4f4 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #f4f4f4 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #f4f4f4 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* IE10+ */ background: linear-gradient(to bottom, #f4f4f4 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#f6f6f6', GradientType=0); /* IE6-8 */ } .yb_bg_colour2 { background: #b7deed; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I3ZGVlZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzU3YjllMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzIyYThlNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3Y2M0ZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #b7deed 0%, #57b9e0 50%, #22a8e5 51%, #7cc4e2 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b7deed), color-stop(50%, #57b9e0), color-stop(51%, #22a8e5), color-stop(100%, #7cc4e2)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #b7deed 0%, #57b9e0 50%, #22a8e5 51%, #7cc4e2 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #b7deed 0%, #57b9e0 50%, #22a8e5 51%, #7cc4e2 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #b7deed 0%, #57b9e0 50%, #22a8e5 51%, #7cc4e2 100%); /* IE10+ */ background: linear-gradient(to bottom, #b7deed 0%, #57b9e0 50%, #22a8e5 51%, #7cc4e2 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7deed', endColorstr='#7cc4e2', GradientType=0); /* IE6-8 */ } .yb_bg_colour3 { text-decoration: none; color: #FFF; background: #d2d2d2; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZDJkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzljOWM5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzg0ODQ4NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZmFmYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #d2d2d2 0%, #9c9c9c 50%, #848484 51%, #afafaf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2d2d2), color-stop(50%, #9c9c9c), color-stop(51%, #848484), color-stop(100%, #afafaf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d2d2d2 0%, #9c9c9c 50%, #848484 51%, #afafaf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d2d2d2 0%, #9c9c9c 50%, #848484 51%, #afafaf 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d2d2d2 0%, #9c9c9c 50%, #848484 51%, #afafaf 100%); /* IE10+ */ background: linear-gradient(to bottom, #d2d2d2 0%, #9c9c9c 50%, #848484 51%, #afafaf 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2d2d2', endColorstr='#afafaf', GradientType=0); /* IE6-8 */ } .yb_bg_colour4 { text-decoration: none;; background: #fceabb; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZjZWFiYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZjY2Q0ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Y4YjUwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmYmRmOTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceabb), color-stop(50%, #fccd4d), color-stop(51%, #f8b500), color-stop(100%, #fbdf93)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* IE10+ */ background: linear-gradient(to bottom, #fceabb 0%, #fccd4d 50%, #f8b500 51%, #fbdf93 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fceabb', endColorstr='#fbdf93', GradientType=0); /* IE6-8 */ } a.yb_bg_colour1:hover { text-decoration: none; color: #FFF; background: #d2d2d2; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZDJkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzljOWM5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzg0ODQ4NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZmFmYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #d2d2d2 0%, #9c9c9c 50%, #848484 51%, #afafaf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2d2d2), color-stop(50%, #9c9c9c), color-stop(51%, #848484), color-stop(100%, #afafaf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d2d2d2 0%, #9c9c9c 50%, #848484 51%, #afafaf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d2d2d2 0%, #9c9c9c 50%, #848484 51%, #afafaf 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d2d2d2 0%, #9c9c9c 50%, #848484 51%, #afafaf 100%); /* IE10+ */ background: linear-gradient(to bottom, #d2d2d2 0%, #9c9c9c 50%, #848484 51%, #afafaf 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2d2d2', endColorstr='#afafaf', GradientType=0); /* IE6-8 */ } a.yb_bg_colour2:hover { text-decoration: none; color: #FFF; background: #7ac2de; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhYzJkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI4YTZkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzE3OGJjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OWFjZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #7ac2de 0%, #28a6d8 50%, #178bc1 51%, #49acd7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7ac2de), color-stop(50%, #28a6d8), color-stop(51%, #178bc1), color-stop(100%, #49acd7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7ac2de 0%, #28a6d8 50%, #178bc1 51%, #49acd7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7ac2de 0%, #28a6d8 50%, #178bc1 51%, #49acd7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7ac2de 0%, #28a6d8 50%, #178bc1 51%, #49acd7 100%); /* IE10+ */ background: linear-gradient(to bottom, #7ac2de 0%, #28a6d8 50%, #178bc1 51%, #49acd7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ac2de', endColorstr='#49acd7', GradientType=0); /* IE6-8 */ } a.yb_bg_colour2 { color: #FFF; } .Col1 { color: #333; } .Col2 { color: #fff; } .Col3 { color: #22A8E5; } /***** Theme Links Setup *****/ a.Col1 { color: #22A8E5; } a.LinkLarge { font-size: 15px; } abbr[title] { border-bottom: 1px dotted; } b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } dfn { font-style: italic; } hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; } ins { background: #ff9; color: #000; text-decoration: none; } mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; } pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } q { quotes: none; } q:before, q:after { content: ""; content: none; } small { font-size: 85%; } sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } ul, ol { margin: 1em 0; padding: 0 0 0 40px; } dd { margin: 0 0 0 40px; } nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; } img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; } svg:not(:root) { overflow: hidden; } figure { margin: 0; } form { margin: 0; } fieldset { border: 0; margin: 0; padding: 0; } label { cursor: pointer; } legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; } button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; } button, input { line-height: normal; } button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; } button[disabled], input[disabled] { cursor: default; } input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; } input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } textarea { overflow: auto; vertical-align: top; resize: vertical; } input:valid, textarea:valid { } input:invalid, textarea:invalid { background-color: #f0dddd; } table { border-collapse: collapse; border-spacing: 0; } td { vertical-align: top; } .prices-table td { padding: 2px; margin: 0px; } .tier-prices .prices { overflow-x: auto; } .chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; } /* =======AMAZIUM==================== */ /* * Amazium V1.0.0 * Copyright 2011, Mike Ballan * www.amazium.co.uk */ /***** Reset & Basics *****/ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /***** Basic Styles *****/ html { overflow-y: scroll; overflow: -moz-scrollbars-vertical; } body { margin: 00px 0 0 0; padding: 0; background-color: #fff; font: 12px "Trebuchet MS", Helvetica, sans-serif; color: #333; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; } /***** Typography *****/ h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-weight: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { margin: 0 0 10px 0; padding: 0; font-size: 20px; line-height: 32px; } h2 { margin: 0 0 10px 0; padding: 0; font-size: 18px; line-height: 26px; } h3 { margin: 0 0 10px 0; padding: 0; font-size: 16px; line-height: 20px; } h4 { margin: 0 0 10px 0; padding: 0; font-size: 14px; line-height: 20px; font-weight: bold; } h5 { margin: 0 0 10px 0; padding: 0; font-size: 12px; line-height: 16px; font-weight: bold; } h6 { margin: 0 0 10px 0; padding: 0; font-size: 10px; line-height: 14px; } p { margin: 0; padding: 0 0 10px 0; line-height: 16px; } sup, sub { height: 0; line-height: 1px; vertical-align: baseline; _vertical-align: bottom; position: relative; } sup { bottom: 1px; } sub { top: 1px; font-size: .6em; } em { font-style: italic; } strong { font-weight: bold; } small { font-size: 80%; } /***** Blockquotes *****/ blockquote, blockquote p { font-size: 12px; line-height: 24px; color: #777; font-style: italic; } blockquote { margin: 10px 0 15px 0; padding: 0 0 0 5px; border-left: 1px solid #747474; } blockquote cite { display: block; font-size: 12px; color: #555; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; } blockquote span { width: 15px; display: inline-block; } hr { margin: 20px 0 20px 0; border: 0; border-top: 1px solid #999; height: 2px; width: 100%; text-align: left; } /***** Lists *****/ ul, ol { margin-bottom: 20px; } ul { list-style: none outside; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 15px; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul.fancy li { padding: 0 0 0 15px; background: transparent url(/610846229/Handler/Static/Content/Themes/Base/images/bullet.png) no-repeat 0 3px; } ul ul, ul ol, ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%; } ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; } li { } ul.large li { line-height: 21px; } li p { } /***** Images iFrames & Videos *****/ img { border: 0; -ms-interpolation-mode: bicubic; } .max-img { width: 100%; height: auto; } .category-page-expanding-list img{ width: 100%; } .category-page-expanding-list .card-header-icon{ display: none; } .video-container { position: relative; margin: 0 0 15px 0; padding-bottom: 51%; padding-top: 30px; height: 0; overflow: hidden; border: 1px solid #ccc; } .video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /***** Buttons *****/ /*a.btn, .btn { margin:5px 0 5px 0; padding:6px 28px 8px 12px; display:inline-block; font-size:11px; color:#fff; cursor:pointer; } a:hover.btn { text-decoration:none; border:1px solid #333; background:#333 url(/00000000-0000-0000-0000-000000000000/Handler/Static/Content/Themes/B2BElite/images/btn-arrow.png) no-repeat right; }*/ /***** Blue Buttons *****/ #markerControls button[disabled="disabled"], #markerControls button.disabled { background: #999; color: #ccc; } .downloable-products { text-align: center; } .table.is-bordered th, .table.is-bordered td { border: 1px solid; } div#mappingError { width: 100%; display: inline-block; } /***** Grey Buttons *****/ .productemailafriendbutton, .saveSignOffStudentButton, .saveStudentButton, .productaddtocomparelistbutton, .addthis_button { border: none; border-width: 0px; background-color: #bbb; color: #fff; margin-left: 2px; margin: 0px; padding: 0px 10px; -webkit-border-radius: 0; } .productemailafriendbutton:hover, .saveSignOffStudentButton:hover, .saveStudentButton:hover, .productaddtocomparelistbutton:hover, .addthis_button:hover { background: #666; } /***** RED Buttons *****/ .basketUpdatecartbutton, .amendYBbutton, .delete-button, .delete-question-button, .createBookUnitCancel, .editBookUnitCancel, .updatecartbutton, .deleteaddressbutton, .canceladdressbutton { background: #950000; border: 0 none; color: #FFFFFF; margin: 0; padding: 0 10px; margin-right: 5px; height: 29px; } .basketUpdatecartbutton:hover, .amendYBbutton:hover, .delete-button:hover, .delete-question-button:hover, .createBookUnitCancel:hover, .editBookUnitCancel:hover, .updatecartbutton:hover, .deleteaddressbutton:hover, .canceladdressbutton:hover { background: #500000; } /***** Forms *****/ .basketUpdatecartbutton, .basketEditButton { margin: 0 0 5px 0; min-width: 120px; } /***** Forms *****/ #stylized-form { margin: 10px 0 20px 0; padding: 20px; background-color: #f4f4f4; -webkit-border-radius: 4px; -moz-border-radius: 4px; } .wrapper-block label { padding: 0; display: block; font-weight: bold; text-align: right; width: 140px; float: left; } .wrapper-block [type="text"] { font-size: 12px; padding: 4px 2px; border: solid 1px #bbbbbb; width: 200px; margin: 2px 0 15px 10px; } .wrapper-block select { font-size: 12px; padding: 2px; border: solid 1px #bbbbbb; margin: 2px 0 15px 10px; } .wrapper-block [type="radio"] { line-height: 16px; margin: 0 2px 15px 10px; } .wrapper-block [type="checkbox"] { line-height: 16px; margin: 0 2px 15px 10px; } .wrapper-block textarea { padding: 4px 2px; border: solid 1px #bbbbbb; width: 200px; margin: 2px 0 15px 10px; } .wrapper-inline label { padding: 0; display: block; font-weight: bold; text-align: right; width: 140px; float: left; } .wrapper-inline [type="text"] { font-size: 12px; padding: 4px 2px; border: solid 1px #bbbbbb; width: 200px; margin: 2px 0 15px 10px; float: left; } .wrapper-inline select { font-size: 12px; padding: 4px 2px; border: solid 1px #bbbbbb; margin: 2px 0 15px 10px; float: left; } .wrapper-inline [type="radio"] { line-height: 16px; margin: 0 2px 15px 10px; float: left; } .wrapper-inline [type="checkbox"] { line-height: 16px; margin: 0 2px 15px 10px; float: left; } .wrapper-inline textarea { padding: 4px 2px; border: solid 1px #bbbbbb; width: 140px; margin: 2px 0 15px 10px; float: left; } a.btn-form, input.btn-form { margin: 5px 0 5px 150px; padding: 4px 28px 4px 8px; display: inline-block; font-size: 11px; color: #fff; border: 1px solid #444; background: #333 no-repeat right; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; cursor: pointer; } .small-label { display: block; font-size: 10px; font-weight: normal; color: #666; text-align: right; width: 140px; } /***** Tables *****/ table { margin: 0 0 0px 0; width: 100%; } table th { padding: 10px 8px 10px 8px; color: #333; font-weight: bold; } table td { padding: 10px 8px 10px 8px; color: #333; } table tr.even td { background-color: #efefef; } table tr.odd td { background-color: #f3f3f3; } table td.highlight { color: #FFF; font-weight: bold; } table tr td.highlight { background-color: #333; } /***** Back to Top *****/ #toTop { display: none; text-decoration: none; position: fixed; bottom: 10px; right: 10px; overflow: hidden; width: 51px; height: 51px; border: none; text-indent: -999px; background: url(/135704395/Handler/Static/Content/Themes/Base/images/ui.totop.png) no-repeat left top; } #toTopHover { background: url(/135704395/Handler/Static/Content/Themes/Base/images/ui.totop.png) no-repeat left -51px; width: 51px; height: 51px; display: block; overflow: hidden; float: left; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0); } #toTop:active, #toTop:focus { outline: none; } /***** Global Classes *****/ .img-left { float: left; margin: 0 30px 30px 0; border: none; } .img-right { float: right; margin: 0 0 30px 30px; border: none; } .clear { clear: both; } .float-left { float: left; } .float-right { float: right; } .text-big { color: #a2bd30; font-weight: bold; line-height: 26px; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .text-justify { text-align: justify; } .normal { font-weight: normal; } .bold { font-weight: bold; } .italic { font-style: italic; } .underline { border-bottom: 1px solid; } .highlight { background: #ffc; } .nopadding { padding: 0; } .noindent { margin-left: 0; padding-left: 0; } .nobullet { list-style: none; list-style-image: none; } .block { display: block; } .hidden { display: none; } .hide { display: none; } .row input { padding: 7px; } .item-value input, .item-value select { border: 3px solid #eee; margin: 0; padding: 7px; } /* =======END AMAZIUM==================== */ /* ======= THEME1==================== */ /* TOP ROW */ body { background: url(/1773317962/Handler/Static/Content/Themes/Base/images/top-colour.gif) top left repeat-x; } /* TOP ROW */ #toprow { } .topbar { height: 7px; } /* LOGO ROW */ #logorow { margin-top: 15px; margin-bottom: 15px; } .left { } .right { } .logo { } .adminlinks { padding: 5px; border-top: 7px #22A8E5 solid; background: #f9f9f9; } .adminlinks a { color: #666; } .adminlinks span { color: #666; } .header-topcontact { margin-top: 5px; padding: 5px } .adminmenu { margin: 0px; text-align: right; } .adminmenu li { display: inline; padding: 5px; margin: 0px; } .minishoppingcartwrapper { } .minishoppingcart { border: 1px solid #22A8E5; padding: 5px; margin: 5px; width: 120px; float: right; } /* MENU ROW */ #menurow { margin-bottom: 10px; } .menuwrapper { border-width: 1px 0px 1px 0px; border-style: solid; border-color: #efefef; } nav select { width: 100%; padding: 2%; } nav .selectnavwrapper { padding: 4px; background: #eee; display: none; } .search { background: #efefef; padding: 4px; } .search .searchbox_wrapper .searchbox { float: left; border: 0px none #999; margin: 0px; padding-left: 5px; -webkit-border-radius: 0; } .search .searchbutton { border: none; border-width: 0px; background-color: #22A8E5; color: #fff; height: 29px; margin-left: 2px; margin: 0px; padding: 0px; width: 43px; float: right; -webkit-border-radius: 0; } /* SLIDER ROW */ #sliderrow { margin-bottom: 10px; } .slider { background: #3399ff; padding: 100px; } .flex-viewport { margin-bottom: 1px; } .flex-viewport ul li { margin: 0px; padding: 0px; } .flex-viewport ul li p { background: #eee; text-align: center; } .flex-prev { } /* CONTENT ROW */ #contentrow { margin-bottom: 20px; } .navigationmenu, .block-account-navigation { background: url(/610453015/Handler/Static/Content/Themes/Base/images/footergrad.jpg) repeat-x scroll 0 0 #445159; color: #FFFFFF; margin-bottom: 10px; } .navigationmenu h6, .block-account-navigation .title { padding: 10px; margin: 0px; font-size: 14px; } .navigationmenu ul, .block-account-navigation ul { margin: 0px 10px 0px 10px; padding-bottom: 10px; font-size: 12px; border-top: dotted 1px #777; } .navigationmenu ul ul { border: none; margin: 0px; padding: 0px; } .navigationmenu ul ul li { border: none; } .navigationmenu li, .block-account-navigation li { border-bottom: dotted 1px #777; padding: 0px; margin: 0px; } .navigationmenu li > a, .block-account-navigation li > a { color: #fff; display: block; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 2px; } .navigationmenu li > a:hover, .block-account-navigation li > a:hover { background: #171C1F; text-decoration: none; } .bestsellers { } .bestsellers h3, .featuredproducts h3 { margin: 0px; color: #22A8E5; font-size: 14px; } .bestsellerswrapper { } .bestsellerproduct { } .bestsellerproduct p { margin: 0px; padding: 2px 2px 2px 0px; } .small-product-item img { max-height: 180px; max-width: 180px; display: block; margin-right: auto; margin-left: auto; } .small-product-item .picture { height: 200px; display: table-cell; width: 230px; border: 2px solid #eee; vertical-align: middle; } .featuredproducts { } .featuredproduct { } .featuredproduct p { margin: 0px; padding: 2px 2px 2px 0px; } .featuredproduct img { display: block; } .productdivider { border-color: #ccc; border-style: dotted; border-width: 1px 0 0 0; margin-bottom: 5px; margin-top: 5px; } .homebanners { } .banner { margin-bottom: 10px; } .banner img { width: 100%; display: block; } .homeFeaturedProducts, .homePageCategories, .homeBestSellers { clear: both; margin-bottom: 10px; } .small-product-item { } .product-title { padding: 2px 0px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap; } /* FOOTER ROW */ #footerrow { background: url(/610453015/Handler/Static/Content/Themes/Base/images/footergrad.jpg) repeat-x #445159; color: #fff; margin-top: 20px; } .footerinner { background: url(/-955172174/Handler/Static/Content/Themes/Base/images/footerinnergrad.jpg) #415B68 repeat-x; } /* New Footer changes */ /*.html-upper-footer{ background: #4490c9;background: -webkit-linear-gradient(#4490c9, #485860);background: -o-linear-gradient(#4490c9, #485860);background: -moz-linear-gradient(#4490c9, #485860);background: linear-gradient(#4490c9, #485860);}*/ .html-upper-footer { background: #53656F } .html-upper-footer-content { color: #FFF; font-size: 12px; line-height: 17px; padding: 30px 0; text-align: left } .html-upper-footer-content h4 { padding-left: 30px; padding-top: 30px; margin-bottom: 15px; font-size: 16px } .html-upper-footer-content .contect-details img { width: 100%; height: auto; max-width: 190px } .html-upper-footer-content ul, .html-upper-footer-content #subscribe-module p, .html-upper-footer-content #subscribe-module form { padding-left: 30px } .html-upper-footer-content .contect-details p { padding-top: 14px } .html-upper-footer-content .email { background: url(/-1256143337/Handler/Static/Content/Themes/Base/images/email-icon.png) no-repeat 0 5px; padding-left: 35px } .html-upper-footer-content .phone { background: url(/516845199/Handler/Static/Content/Themes/Base/images/phone-icon.png) no-repeat 0 5px; padding-left: 35px } .html-upper-footer-content li { padding-bottom: 10px; font-size: 13px } .html-upper-footer-content #subscribe-module input[type="submit"] { padding: 8px 13px; color: #53656F; font-weight: bold; margin-left: 10px; border: none } .html-footer a, .html-upper-footer a { color: #FFF; overflow-wrap: break-word } .html-upper-footer-content a:hover { text-decoration: none; color: #333; font-weight: bold; cursor: pointer } .html-footer { background: #485860; color: #fff; padding: 15px } .footerinner h3 { margin: 20px 20px 10px 10px; padding: 0px; font-size: 14px; } .footerinner ul { border-top: 1px dotted #777777; padding: 0px; font-size: 12px; margin: 0 20px 10px 10px; } .footerinner li { border-bottom: 1px dotted #777777; } .footerinner li a { color: #fff; display: block; padding-top: 6px; padding-right: 6px; padding-bottom: 6px; padding-left: 2px; } .footerinner li a:hover { background: none repeat scroll 0 0 #171C1F; text-decoration: none; } .footercopyrightrow { background: #53656F; border-bottom: #445159 solid 15px; color: #fff; } .footersmalllogo { float: right; padding: 5px; } .footercopyright { float: left; padding: 5px; line-height: 34px; } /* =======DROPDOWN CODE==================== */ ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0; text-transform: uppercase; } ul.dropdown { position: relative; float: left; } ul.dropdown li { float: left; min-height: 1px; line-height: 1.3em; vertical-align: middle; } ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; } ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%; } ul.dropdown ul li { float: none; } ul.dropdown ul ul { top: 1px; left: 99%; } ul.dropdown li:hover > ul { visibility: visible; } /* -- Base style extension -- */ ul.dropdown li a { display: block; height: 26px; padding-left: 11px; padding-right: 11px; padding-top: 11px; } /* -- Base style override -- */ ul.dropdown li { padding: 0; } /* -- Base style reinitiate: post-override activities -- */ ul.dropdown li.dir { padding: 7px 20px 7px 14px; } ul.dropdown ul li.dir { padding-right: 15px; } /* -- Custom -- */ ul.dropdown ul a { width: 148px; /* Especially for IE */ } ul.dropdown ul a:hover { background-color: #435158; } /* -- Base drop-down styling -- */ ul.dropdown li { background-color: #fff; color: #000; line-height: normal; } ul.dropdown a:link, ul.dropdown a:visited { color: #000; text-decoration: none; } ul.dropdown a:hover { color: #000; text-decoration: none; background-color: #eee; } ul.dropdown a:active { color: #000; } /* -- level mark -- */ ul.dropdown ul { width: 170px; background-color: #22A8E5; color: #000; font-size: 11px; text-transform: none; filter: alpha(opacity=90); -moz-opacity: .9; KhtmlOpacity: .9; opacity: .9; } ul.dropdown ul li { background-color: transparent; color: #000; filter: none; } ul.dropdown ul li.hover, ul.dropdown ul li:hover { background-color: transparent; } ul.dropdown ul a:link, ul.dropdown ul a:visited { color: #fff; } ul.dropdown ul a:hover { color: #fff; text-decoration: none; } ul.dropdown ul a:active { color: #fff; } /* -- Supporting class `dir` -- */ ul.dropdown *.dir { padding-right: 12px; background-image: none; background-position: 100% 50%; background-repeat: no-repeat; } /* -- Drop-down open -- */ ul.dropdown li:hover > a.dir { background-color: #22A8E5; color: #fff; } ul.dropdown ul li:hover > a.dir { background-color: #435158; color: #fff; } /* =======LOGIN PAGE==================== */ .page-title h1 { padding-left: 5px; } .register-title, .login-title, .section-title { padding: 2px; color: #22A8E5; font-size: 14px; } .validation-summary-errors span { padding: 5px; color: #ff0000; } .externalauthentication { margin-top: 10px; border-top: #EFEFEF solid 1px; padding-top: 10px; } .login-table-container { border: 1px solid #eee; background: #F9F9F9; } /* =======TABLE GENERAL==================== */ .table-container { border: 1px solid #eee; background: #F9F9F9; margin-bottom: 10px; } .table-container tr { border-top: 1px dashed #e3e3e3; } .tablerow { } .item-name { width: 30%; text-align: right; } .item-value { width: 70%; } .item-value .text-box { width: 90%; } .field-validation-error { display: block; color: #ff0000; } .input-validation-error { border: 3px solid #ff0000 !important; } /* =======CATEGORY PAGES==================== */ .FiltersWrapper { padding: 10px; background: #F9F9F9; } .breadcrumb { background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #EEEEEE; padding: 10px; margin-bottom: 10px; } .allProductsCategoriesWrapper { background: #F9F9F9; border: 1px #eee solid; } .category-description { font-size: 14px; color: #22A8E5; font-weight: normal; margin-bottom: 10px; } .category-description img { width: 100%; } /* ==================================================== */ .productFilters { } .product-viewmode { margin-left: 5px; float: right; } .product-sorting { margin-left: 5px; float: right; } .pager { margin: 10px 0px; padding: 10px; background: #F9F9F9; } .pager span, .pager a { padding: 5px; background: #22A8E5; display: inline-block; color: #fff; } .pager a { background: #22A8E5; } .pager a:hover { background: #00415F; text-decoration: none; } .pager span { background: #ccc; } /* =======CATEGORY PAGES LIST ITEMS==================== */ .listWrapper { } .listWrapper .listItem { } .listWrapper .item-box, .search-results .item-box { border: solid 1px #ccc; padding: 5px 5px 40px 5px; margin-top: 10px; min-height: 300px; height: auto; position: relative; background: #F9F9F9; } .product-grid .product-title { font-size: 13px; margin: 0px; color: #22A8E5; } .product-grid .product-title a { color: #22A8E5; } .product-grid .picture { height: 217px; text-align: center; margin-bottom: 10px; display: table-cell; vertical-align: middle; width: 217px; background: #fff; } .product-grid .picture img { max-width: 217px; max-height: 217px; } .product-grid .product-item { } .product-grid .description { overflow: hidden; padding-bottom: 1em; line-height: 1.5em; max-height: 4.5em; } .product-grid .product--sku { } .product-grid .add-info { position: absolute; bottom: 0; width: 218px; padding-bottom: 5px; } .product-grid .add-info .prices { float: left; padding: 7px; background: #fff; } .product-grid .add-info .buttons { float: right; } .product-grid .productlistaddtocartbutton { width: 100%; border: 0px; background: #22A8E5; color: #fff; } .product-grid .productlistaddtocartbutton:hover { background: #00415F; color: #fff; } .product-grid .addtocart { margin-top: 5px; } .product-grid .addtocart input[type="number"] { float: right; width: 50px; margin-bottom: 5px } .sub-category-grid .listWrapper .item-box { padding: 5px; height: 250px; } .sub-category-grid .listWrapper .picture { height: 214px; width: 214px; display: table-cell; vertical-align: middle; text-align: center; background: #fff; } .sub-category-grid .listWrapper .picture img { max-width: 214px; max-height: 214px; } /* =======ORDER DETAILS==================== */ .order-overview { background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #EEEEEE; } .order-details-box, .products-box { background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #EEEEEE; margin-top: 10px; margin-bottom: 10px; } .order-details-box b { color: #22A8E5; font-size: 14px; } .products-box { } .products-box .reorderbutton { margin: 10px; } /*========CYBERSOURCE PAYMENT GATEWAY===================*/ .error-block { } .message-error { } .validation-summary-errors { border: #C02D3E solid 1px; padding: 5px; background: #fff; } .validation-summary-errors ul { margin: 0px; } .validation-summary-errors ul li { margin-bottom: 0px; font-weight: bold; margin-bottom: 2px; color: #fff; Background: #C30E23 url(/134966924/Handler/Static/Content/Images/icons/bwpx-icns/error.gif) no-repeat left center; height: 20px; padding-left: 20px; line-height: 20px; } .acceptedcc { background: #fff; } .acceptedcc .item-name { vertical-align: middle; } /* =======ORDER DETAILS SUMMARY ON ORDERCOMPLETE PAGE==================== */ .checkout_data_integrated .orderSummaryTitle { font-weight: bold; font-size: 14px; } .checkout_data_integrated .order-overview { background: transparent; border: 0px none; } .checkout_data_integrated .order-overview table td { padding: 0px; } .checkout_data_integrated .total-info { border-top: 1px solid #eee; } .checkout_data_integrated .total-info tr { border-bottom: 1px solid #eee; } .checkout_data_integrated .total-info .cart_total_left { width: 90%; border-right: 1px solid #eee; } .checkout_data_integrated .total-info .cart_total_right { width: 10%; } .checkout_data_integrated .products-box { background: #ddd; } .checkout_data_integrated .products-box thead { background: #ccc; } .checkout_data_integrated .products-box tbody tr { background: #fff; } .checkout_data_integrated .products-box tbody td { border-right: 1px solid #eee; } .checkout_data_integrated .order-details-box { } .checkout_data_integrated .order-details-box tbody { background: #fff; } .checkout_data_integrated .order-details-box tbody .midColumn { border-left: 1px #ff0000 solid; border-right: 1px #ff0000 solid; } .checkout_data_integrated .print-buttons a { color: #0195BA; font-weight: bold; Background: url(/135032465/Handler/Static/Content/Images/icons/bwpx-icns/print.gif) no-repeat left center; height: 20px; padding-left: 20px; line-height: 20px; } .checkout_data_integrated .itemValue { font-weight: bold; } .checkoutCompletedWrapper { } .checkoutCompletedWrapper a { font-weight: bold; } .checkout_data_integrated .attributeInfo { display: none; } /* =======PRODUCT PAGES LIST ITEMS==================== */ .product-details-info { } .product-details-info .picture { border: 5px #eee solid; } .product-details-info .bigpicture { display: table-cell; vertical-align: middle; text-align: center; } .product-details-info .bigpicture img { } .product-details-info .thumbs { border-top: 5px solid #eee; padding: 5px; text-align: center; } .product-details-info .thumbs .thumb { display: inline; margin-right: 5px; } .product-collateral { } .product-variant-list { margin-bottom: 10px; } .product-variant-list input { border: none; } .overview .price { font-size: 18px; margin: 10px; } .overview .add-info { padding: 10px; background: #f9f9f9; border: 1px solid #EEEEEE; margin-top: 5px } .overview .shortdescription { margin-bottom: 10px; border-bottom: solid 1px #eee; padding-bottom: 10px; } .product-reviews-overview, .product-no-reviews { margin-bottom: 10px; } .producttags-box { } .producttags-box .title { font-size: 14px; } .producttags-box .producttags-list { } .producttags-box .producttags-list .producttags-wrapper { float: left; padding-right: 5px; } .producttags-box .producttags-list .producttags-wrapper .producttag { color: #22A8E5; } .emailCompareWrapper { margin-bottom: 10px; } .shareWrapper { margin-bottom: 10px; border-bottom: solid 1px #eee; padding-bottom: 10px; } .product-details-page { margin-bottom: 10px; } .product-essential { margin-bottom: 10px; } .fulldescription { background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #EFEFEF; margin-bottom: 10px; margin-top: 10px; padding: 10px; } .fulldescription .fulldescriptionTitle { margin: 0px; } .fulldescription p { margin: 0px 0px 10px 0px; } .prices-table { background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #EEEEEE; } .also-purchased-products-grid, .related-products-grid { margin-top: 10px; } .related-products-grid h3, .also-purchased-products-grid h3 { margin: 0; } .related-products-grid .listWrapper .item-box, .also-purchased-products-grid .listWrapper .item-box { border: 2px solid #EEEEEE; background: #fff; margin-top: 10px; padding: 5px; position: relative; height: auto; } .related-products-grid .listWrapper .item-box .picture, .also-purchased-products-grid .listWrapper .item-box .picture { height: 160px; width: 100%; text-align: center; } .related-products-grid .listWrapper .item-box h2, .also-purchased-products-grid .listWrapper .item-box h2 { margin: 0 !important; } .related-products-grid .listWrapper .item-box .picture img, .also-purchased-products-grid .listWrapper .item-box .picture img { max-width: 150px; max-height: 150px; } .attributes { position: relative; } .attribute { background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #EEEEEE; margin-top: 5px; padding: 5px; } .attributeHeader { margin-bottom: 5px; border-bottom: 1px #eee solid; padding-bottom: 5px; } .attributeRequired { color: #ff0000; font-weight: bold; } .attributeTitle { font-weight: bold; } .attribute .textBox { border: 1px #eee solid; width: 90%; } .attribute .textArea { border: 1px #eee solid; width: 90%; } .uploadWrapper { } .uploadedWrapper { float: right; position: relative; } .uploadedWrapper.product-attributes { width: 60%; } @media only screen and (max-width: 600px) { .uploadedWrapper.product-attributes { width: auto; } } .fileDelete { position: absolute; right: 0; top: 0; background: #ff0000; color: #fff; border: none 0px; padding: 5px; border-left: solid 1px #fff; border-bottom: solid 1px #fff; } .fileUpload { background: green; color: #fff; border: none 0px; padding: 5px; } /* =======REVIEWS==================== */ .product-review-list { } .product-review-item, .write-review { padding: 20px; margin-bottom: 10px; background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #EEEEEE; position: relative; float: left; width: 100%; box-sizing: border-box; padding-bottom: 10px; } .review-title { font-size: 16px; color: #22A8E5; margin-bottom: 10px; } .review-text { margin-bottom: 10px; } .review-info { margin-bottom: 10px; } .product-review-helpfulness { } .vote { cursor: pointer; color: #22A8E5; font-weight: bold; } .product-review-box { background: #eee; padding: 2px; margin-bottom: 10px; } .rating { background: #ccc; } .rating .ratingamount { background: #22A8E5; display: block; padding: 5px; color: #fff; box-sizing: border-box; } .ratingtable { max-width: 500px; } .productwritereviewbutton { float: right; } .write-review .field-validation-error { color: Red; } .write-review .validation-summary-errors { color: white; background: red; padding: 10px; position: relative; float: left; width: 100%; box-sizing: border-box; } .write-review .validation-summary-errors ul { border: 0px; margin: 0px; } /* =======THEME COLOURS==================== */ .acentcolour { color: #22A8E5; } .acentBG { color: #22A8E5; } /* =======CUSTOMER PAGES==================== */ .externalToken { text-overflow: ellipsis; overflow: hidden; width: 300px; } .button { text-align: right; margin-top: 10px; } .address-item, .order-item, .addAddressTable, .editAddressTable { background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #EEEEEE; margin-bottom: 10px; } /* =======CUSTOMER PAGES= ORDERS=================== */ .customer-orders { } .order-list { } .order-item { } .order-item .buttons { float: right; padding: 10px; } .order-item .content { float: left; } .address-item .buttons { float: right; padding: 10px; } .address-item .content { float: left; } .addAddressButtonWrapper { float: right; } /* =======EDIT ADDRESS==================== */ .saveAddressButtons { text-align: left; } /* =======ALBUMS==================== */ .albumManagement, .albumContentList { border: 1px solid #EEEEEE; margin-bottom: 10px; padding: 1%; } .albumItemContainer { float: left; width: 20%; max-width: 177px; height: 215px; overflow: hidden; position: relative; } .albumItemContainer .marker { padding: 0px; margin: 0px; } .fileinput-button { float: none !important; } .imageItem { width: 177px; height: 150px; overflow: hidden; background: #ccc; border: 1px solid #EEEEEE; margin-bottom: 10px; } .imageItem img { min-height: 150px; min-width: 177px; } .uploadControl { border: 1px solid #EEEEEE; margin-bottom: 10px; } /* =======BASKET==================== */ .order-progress { background: #f9f9f9; margin-bottom: 10px; } .order-progress ul { text-align: center; padding: 10px; margin: 0px; } .order-progress ul li { display: inline; } .order-progress ul li a { display: inline-block; padding: 5px; color: #fff; } .order-progress ul li a.inactive-step { background: #ccc; } .order-progress ul li a.active-step { background: #22A8E5; } .cart-header-row { background: #f9f9f9; } .cart-item-row { border-bottom: solid 1px #eee; } .cart-item-row-inactive { background-color: #ffcccc } .cart-item-row .product { } .cart-item-row .product .rawAttributeInfo { } .cart-item-row .productpicture { text-align: center; vertical-align: middle; } .cart-item-row .productpicture img { height:auto; width:auto; max-height:100px; max-width:150px; } .cart-item-row td { padding: 5px; text-align: center; } @media only screen and (max-width: 767px) { .OPCCheckout .generalPageWrapper > .row { overflow: initial; } .cart .cart-header-row { display: none; } .cart tbody, .cart tbody tr, .cart tbody tr td { position: relative; float: left; width: 100%; box-sizing: border-box; } .cart .cart-item-row { box-sizing: border-box; margin-bottom: 10px; padding: 10px; border: solid 1px #ccc; } .cart-item-row .productpicture { text-align: center; vertical-align: middle; background: #eee; padding: 15px; } .cart-item-row .end .productPrice { font-size: 17px; } } .cart-item-row .end .productPrice { color: #22A8E5; } .common-buttons { float: left; margin-top: 10px; width: 300px; } .checkout-buttons { margin-top: 10px; } .deals { margin-top: 10px; margin-bottom: 10px; } .cart-total { background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #EEEEEE; } .terms-of-service { margin-top: 10px; } /*=========Address Slect*/ .address-filter { border-right: 1px #ccc solid; } .address-filter input { background: none repeat scroll 0 0 white; border: 1px solid #ccc; border-right: 0px none; display: block; float: left; margin: 0; padding: 5px 0; width: 11.1%; } .select-address-title { padding-top: 10px; padding-bottom: 10px; } /* =======SHIPPING PAGE==================== */ .customer-addresses { background-color: #fff; padding: 5px; height: 400px; overflow: auto; } .customer-addresses .address-list .address-item { border: 1px none #eee; height: auto; margin-bottom: 5px; text-align: left; background-color: #F9F9F9; padding: 10px; } .customer-addresses .address-item .buttonWrapper { position: relative; } .customer-addresses .select-button { position: absolute; right: 0; } .customer-addresses .address_text { padding: 5px; } .customer-addresses .address_text div { padding-bottom: 2px; border-bottom: 1px dashed #eee; margin-bottom: 3px; } /*=========SHIPPING METHOD =====================*/ .envelope { background: #fff; padding: 20px; border: #eee solid 3px; position: relative; min-height: 200px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .envelope .stamp { display: block; width: 65px; height: 85px; background: #F7F7F7; position: absolute; right: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; border: 3px solid #eee; text-align: center; background-image: url(/-197927042/Handler/Static/Content/Themes/Base/images/checkout/queenhead.png); background-repeat: no-repeat; background-position: center 5px; } .envelope .stamp .text { position: absolute; bottom: 5px; width: 100%; } .envelope .address-box { padding-top: 50px; } .checkout-page .shipping-options, .checkout-page .payment-methods { padding: 0px; } .checkout-page .shipping-options .ui-button { display: block; border: 0px none; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .checkout-page .shipping-options .shippingButton .ui-button-text { background-image: url(/134311567/Handler/Static/Content/Images/icons/bwpx-icns/mailing.gif); background-repeat: no-repeat; background-position: 5px 5px; text-align: left; padding-left: 30px; } .checkout-page .shipping-options .shippingButton.ui-state-active .ui-button-text { background-image: url(/1370426651/Handler/Static/Content/Images/icons/bwpx-icns/mailing_ticked.gif); background-repeat: no-repeat; background-position: 5px 5px; text-align: left; padding-left: 30px; } .checkout-page .page-title { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; } .checkout-page .shipping-options { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px solid #eee; } .hasDatepicker { border: 3px solid #EEEEEE; margin: 0; padding: 7px; } .calendar-icon { vertical-align: middle; cursor: pointer; } .checkout-page .select-button { text-align: right; } /* =======ONE PAGE CHECKOUT==================== */ /*=======ORDERSUMMERY==============*/ .order-summary-title { padding-top: 10px; padding-bottom: 10px; } .opc .cart-collaterals { margin-top: 10px; } .opc .grid_12 { margin: 0px; } .checkout-data { } .checkout-data .opc { margin: 0px; padding: 0px; list-style: none !important; } .checkout-data .opc #opc-shipping_method .checkout-data, .checkout-data .opc #checkout-step-payment-method .checkout-data { padding: 10px; } .checkout-data .opc .section { border-top: 1px solid #ccc; border-bottom: 1px solid #EEEEEE; border-left: 1px #ccc dotted; border-right: 1px #ccc dotted; } .checkout-data .opc .section .sectionheader { text-align: center; background: #f9f9f9; } .checkout-data .opc .section .sectionheader .number { padding: 1%; background: #22A8E5; float: left; color: #fff; font-size: 16px; } .checkout-data .opc .section .sectionright { float: left; } .checkout-data .opc .section .step-title { padding: 1% 0% 0% 1%; float: left; } .checkout-data .opc .section .step-title.request-after-confirm { display: none; } .checkout-data .opc .section .step-title h2 { padding: 0; margin: 0; font-size: 16px; } .checkout-data .opc .section .step { background: #fff; } .checkout-data .opc .section .step .buttons { padding: 10px; } .checkout-data .opc .section .back-link { float: left; margin: 0; padding: 0; } .checkout-data .opc .section .back-link a { background-color: #666; border: 0 none; color: #FFFFFF; margin: 0; padding: 8px; display: block; } .checkout-data .opc .section .back-link a:hover { background-color: #333; text-decoration: none; } .checkout-data .opc .section #co-billing-form, .checkout-data .opc .section #co-shipping-form, .checkout-data .opc .section #co-emailaddress-form { padding: 1%; } .checkout-data .opc .section #co-emailaddress-form #checkout-emailaddress-load { margin-right: 1%; } .shipping-options, .payment-methods { padding: 10px; } .checkout-buttons .continueshoppingbutton { margin-right: 5px; } .checkout-data .opc .section .shipping-options { border-bottom: medium none; min-height: 100px; width: 100%; } .checkout-data .opc .section .shipping-option-item { vertical-align: top; display: inline-block; height: 61px; margin-right: 15px; width: 180px; } .checkout-data .opc .section .shipping-option-item label { background: url(/-1001201786/Handler/Static/Content/Themes/Base/images/checkout/delivery_option.jpg) no-repeat scroll center -61px rgba(0, 0, 0, 0) !important; height: 61px; width: 100%; } .checkout-data .opc .section .shipping-option-item input:checked + label { background: url(/-1001201786/Handler/Static/Content/Themes/Base/images/checkout/delivery_option.jpg) no-repeat scroll center 0px rgba(0, 0, 0, 0) !important; } .checkout-data .opc .section .shipping-option-item span { width: 180px; padding: 67px 0px 0px 0px; font-size: 12px; font-weight: bold; } .checkout-data .opc .section .shipping-option-item .option-description { padding-top: 40px; text-align: center; } @media only screen and (min-width: 587px) { .vue-component-wrapper-billing .invalid-address-tooltip { max-width: 5% } .vue-component-wrapper-billing .item .column:nth-child(2) { max-width: calc(100% - 5%); } } /* =======ONE PAGE CHECKOUT BUTTONS==================== */ .checkoutbutton, .checkout-data .opc .section .newaddressnextstepbutton, .checkout-data .opc .section .shippingmethodnextstepbutton, .checkout-data .opc .section .paymentmethodnextstepbutton, .checkout-data .opc .section .paymentinfonextstepbutton, .checkout-data .opc .section .confirmordernextstepbutton { float: right; background-color: #22A8E5; border: 0 none; color: #FFFFFF; margin: 0; padding: 10px; } .checkout-data .opc .section button.newaddressnextstepbutton[disabled] { opacity: 0.5; cursor: not-allowed; } .checkoutbutton:hover, .continueshoppingbutton:hover, .checkout-data .opc .section .newaddressnextstepbutton:hover, .checkout-data .opc .section .shippingmethodnextstepbutton:hover, .checkout-data .opc .section .paymentmethodnextstepbutton:hover, .checkout-data .opc .section .paymentinfonextstepbutton:hover { background: none repeat scroll 0 0 #00415F; } .orderprocessedcontinuebutton, #AddressSearch .searchButton { background-color: #22A8E5; border: 0 none; color: #FFFFFF; margin: 0; padding: 8px; } .orderprocessedcontinuebutton:hover, #AddressSearch .searchButton { background-color: #00415F; border: 0 none; color: #FFFFFF; margin: 0; padding: 8px; } /* =======CHECKOUT PAGE==================== */ .checkout-page { min-height: 400px; } .checkout-page.grid_12 { overflow: initial; } .checkoutleft img { width: 100%; } .checkoutright { } .text-box { border: 3px solid #EEEEEE; padding: 5px; width: 80%; } .text-box:focus { border-color: #22A8E5; } .input-validation-error { border-color: red; } .address-select, #PurchaseOrderNumber, #checkout-emailaddress-load .email-address { border: 3px solid #EEEEEE; margin: 0; padding: 5px; margin-top: 5px; margin-bottom: 5px; width: 100%; } #BillingNewAddress_CountryId, #BillingNewAddress_StateProvinceId { border: 3px solid #EEEEEE; margin: 0; padding: 5px; } .address-select:focus, #PurchaseOrderNumber:focus { border-color: #22A8E5; } .checkout-data .opc .section label { } #AddressSearch { margin-bottom: 5px; } #AddressSearch .searchField { margin-left: 5px; margin-right: 5px; border: 3px solid #EEEEEE; padding: 5px; } #AddressSearch .searchField:focus { border: 3px solid #22A8E5; } /* =======SILVERLIGHT EDITOR==================== */ .silverLightEditor { height: 600px; } .editor_grid_1 { } /* =======END THEME1==================== */ /* ============================================================================= Non-Semantic Helper Classes ========================================================================== */ .ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; } .ir br { display: none; } .hidden { display: none !important; visibility: hidden; } .visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; } .invisible { visibility: hidden; } .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { *zoom: 1; } /* ============================================================================= Print Styles ========================================================================== */ @media print { * { background: transparent !important; color: black !important; box-shadow: none !important; text-shadow: none !important; filter: none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */ a, a:visited { text-decoration: underline; } a[href]:after { content: " (" attr(href) ")"; } abbr[title]:after { content: " (" attr(title) ")"; } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */ pre, blockquote { border: 1px solid #999; page-break-inside: avoid; } thead { display: table-header-group; } /* h5bp.com/t */ tr, img { page-break-inside: avoid; } img { max-width: 100% !important; } @page { margin: 0.5cm; } p, h2, h3 { orphans: 3; widows: 3; } h2, h3 { page-break-after: avoid; } } /* SLIMBOX */ #lbOverlay { position: fixed; z-index: 9999; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomContainer { position: fixed; z-index: 9999; overflow: hidden; background-color: #fff; width: 90% !important; top: 50% !important; left: 50% !important; margin: 0px !important; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } #lbCenter { height: 80% !important; } #lbBottomContainer { top: 90% !important; -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); } .lbLoading { background: #fff url(/966748909/Handler/Static/content/images/slimbox/loading.gif) no-repeat center; } #lbImage { position: absolute; left: 2% !important; top: 2% !important; border: none; background-repeat: no-repeat; width: 96% !important; height: 96% !important; background-size: contain; background-position: center; } #lbImage > div { width: 100% !important; height: 100% !important; } #lbPrevLink, #lbNextLink { display: block; position: absolute; top: 0; width: 50%; outline: none; } #lbPrevLink { left: 0; } #lbPrevLink:hover { background: transparent url(/-247828847/Handler/Static/content/images/slimbox/prevlabel.gif) no-repeat 0 30px; } #lbNextLink { right: 0; } #lbNextLink:hover { background: transparent url(/-247632241/Handler/Static/content/images/slimbox/nextlabel.gif) no-repeat 100% 30px; } #lbBottom { font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; color: #666; line-height: 1.4em; text-align: left; border: 10px solid #fff; border-top-style: none; } #lbCloseLink { display: block; float: right; width: 66px; height: 22px; background: transparent url(/1663856273/Handler/Static/content/images/slimbox/closelabel.gif) no-repeat center; margin: 5px 0; outline: none; } #lbCaption, #lbNumber { margin-right: 71px; } #lbCaption { font-weight: bold; } /* ============================================================================= ELASTIC SEARCH ========================================================================== */ #searchPaneWrapper { width: 50%; float: left; position: relative; } #middlePaneWrapper { width: 8%; float: left; } #searchPaneWrapper h2, #middlePaneWrapper h2 { padding-left: 10px; } .addToComp { height: 200px; color: #fff; height: 606px; margin: 0 10%; width: 80%; } .addToComp:hover { background: #a82b3e; } #compilePaneWrapper { width: 42%; float: right; } /* New Elastic search styles */ #SongTabs #searchPanelWrapper { width: 100%; position: relative; } #SongTabs .filterArea { width: 25%; float: left; background: #F9F9F9 } #SongTabs .ResultsListWrapper { background: #F6F6F6; float: right; width: 75%; min-height: 560px } #SongTabs #musicSearchFieldOptions { text-align: center; padding: 5px 1%; } #SongTabs #musicSearchFieldOptions input[type=text] { width: 74% } #SongTabs #musicSearchFieldOptions select { width: 15% } #SongTabs #musicSearchFieldOptions input[type=button] { width: 8% } /* ============================================================================= YEARBOOKS ========================================================================== */ /*YB LIST PAGE*/ .yb-selection-item, .yb-unavailable-item { margin-bottom: 1px; padding: 10px 30px; cursor: pointer; background-position: 8px 8px; background-repeat: no-repeat; } .yb-selection-item { background-image: url(/402812560/Handler/Static/Content/Images/icons/bwpx-icns/album.gif); } .yb-unavailable-item { background-image: url(/402353794/Handler/Static/Content/Images/icons/bwpx-icns/album_remove.gif); } .yb-selection-item-selected { background-image: url(/402353794/Handler/Static/Content/Images/icons/bwpx-icns/album_select.gif); } /* POLL QUESTIONS FOR YEARBOOKS*/ .studentPage .pageTitle, .pollquestions .pageTitle, .booklayout .pageTitle { float: left; } .studentPage .layoutoptions, .pollquestions .layoutoptions, .booklayout .layoutoptions { float: right; } .pollquestionsList textarea, .pollquestionsList .question-question-text, .pollquestionsList .question-sequence { width: 98%; padding: 1%; margin-bottom: 5px; } .pollquestions table tr td { border-bottom: 1px solid #CCCCCC; padding: 5px; vertical-align: top; } .pollquestionsList button, .pollquestionsList input { margin-bottom: 5px; } .pollquestions table tr th { border-bottom: 2px solid #CCCCCC; padding: 5px; vertical-align: top; } .ui-widget-overlay { background: #333333 !important; opacity: 0.7 !important; } .ui-dialog, .ui-dialog-titlebar { border: 0px none !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; } .ui-dialog { border: 4px solid #eee !important; background: #fff !important; } .ui-dialog-titlebar { font-weight: normal !important; color: #000 !important; } .dialogOptionRow { margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px solid #eee; } @media only screen and (max-width: 960px) { .ui-dialog.ui-dialog-mobilefix { max-width: 100%; max-height: 100%; box-sizing: border-box; position: fixed !important; top: 50% !important; left: 50% !important; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } } /**/ .feature-page-item-container { padding: 4px; } /*PREVIEW FOR POPUPS*/ #preview { position: absolute; border: 1px solid #ccc; background: #333; padding: 5px; display: none; color: #fff; z-index: 3400; } #previewDialog { height: 500px; } /**/ .book-unit-list, .book-unit-group { padding: 0px; text-align: left; } .template-item, .template-item, .book-unit-dynamic-item, .book-unit-static-item, .book-unit-group-item, .book-unit-placeholder, .book-unit-helper { min-height: 200px; _height: 100px; display: -moz-inline-stack; display: inline-block; *display: inline; zoom: 1; vertical-align: top; padding: 0px; margin-bottom: 5px; margin-right: 5px; border-collapse: collapse; } .book-unit-static-item, .template-item { border: dashed #fff 1px; } .book-unit-dynamic-item { border: dashed #22A8E5 1px; } .moving-div { border: dashed #999 1px; background: #fff; } .book-unit-dynamic-item, .book-unit-static-item { cursor: pointer; cursor: hand; /* specyfying both values: pointer and hand is a proper cross-browser syntax */ } .book-unit-dynamic-item, .book-unit-static-item, .book-unit-placeholder, .book-unit-helper { width: 107px; } .book-unit-group-item-title { display: none; } .layoutoptions { float: right; } .book-unit-item-title { padding: 3px; min-height: 30px; } .book-unit-item-container, .template-item-container { text-align: center; background-color: #fff; min-height: 160px; margin: 3px; } .book-unit-group-item .book-unit-item-container .book-unit-dynamic-item { min-height: 150px; margin: 0px; } .book-unit-group-item .book-unit-item-container .book-unit-group { margin: 0px; } .book-unit-group-item .book-unit-item-container { min-height: 154px; } .book-unit-placeholder { border: dashed 1px #fff; background: #22A8E5; } .book-unit-helper { height: 100px; } .book-unit-item-selected, .template-item-selected { background-color: #ccc; } .book-unit-item-container { position: relative; } .book-unit-item-options-container { display: none; position: absolute; bottom: 0px; left: 0px; border: 1px solid #22A8E5; } .book-unit-item-options-container a { color: White; padding: 5px; display: block; width: 90px; overflow: hidden; } .book-unit-item-options-container a:hover { background-color: White; color: Black; } /*yearbook setup*/ #steps { } /*STUDENT Comments page*/ .yb-comments-list-table-name { padding: 5px; font-size: 14px; color: #fff; } .yb-comments-list-table-body .commentFrom { background: url(/402353809/Handler/Static/Content/Images/icons/bwpx-icns/comment_user.gif) no-repeat 5px 10px; padding-left: 30px; } .yb-comments-list-table-body .commentTo { background: url(/402812559/Handler/Static/Content/Images/icons/bwpx-icns/comment.gif) no-repeat 5px 10px; padding-left: 30px; } .yb-comments-list-table-body tr { border-bottom: solid 1px #ccc; } .yb-comments-list-table { text-align: left; } .yb-comments-list-table td { width: 50%; } .yb-comments-list-item { } .yb-comments-list-item label { cursor: default; } .yb-comments-list-table-header { border-bottom: solid 1px #ccc; } /**/ /* ALBUM FOR YEARBOOKS*/ .warningElem { position: absolute; color: White; font-weight: bold; padding: 2px; cursor: default; margin: 1px; } .resolutionWarningElem { left: 0px; top: 0px; z-index: 300; } .albumManagement, .uploadControl { padding: 1%; } .albumManagement .subTitle { padding-bottom: 5px; padding-left: 20px; font-size: 14px; background: url(/402353794/Handler/Static/Content/Images/icons/bwpx-icns/album_select.gif) no-repeat; } .uploadControl .subTitle { padding-bottom: 5px; padding-left: 20px; font-size: 14px; background: url(/1708420746/Handler/Static/Content/Images/icons/bwpx-icns/photo_add.gif) no-repeat; } .albumContentList { padding: 1%; } .albumContentList .subTitle { padding-bottom: 5px; padding-left: 20px; font-size: 14px; background: url(/134573699/Handler/Static/Content/Images/icons/bwpx-icns/photos.gif) no-repeat; } .nonImageInAlbum, .warningElem { padding-bottom: 5px; padding-top: 5px; padding-left: 20px; background: rgba(211, 0, 0, .5) 2px 3px url(/134966924/Handler/Static/Content/Images/icons/bwpx-icns/error.gif) no-repeat; } .albumManagement .album { position: relative; float: left; width: 8.3%; vertical-align: top; padding: .5%; margin-right: .25%; margin-left: .25%; margin-bottom: .5%; height: 120px; overflow: hidden; -webkit-border-radius: 0px 20px 0px 0px; -moz-border-radius: 0px 20px 0px 0px; border-radius: 0px 20px 0px 0px; background-color: #F9F9F9; } .fileinput-button { margin: 0px; padding: 0px; } .albumManagement .album { text-decoration: none; color: #000; background: #d2d2d2; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2QyZDJkMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzljOWM5YyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzg0ODQ4NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhZmFmYWYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #d2d2d2 0%, #9c9c9c 50%, #848484 51%, #afafaf 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d2d2d2), color-stop(50%, #9c9c9c), color-stop(51%, #848484), color-stop(100%, #afafaf)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #d2d2d2 0%, #9c9c9c 50%, #848484 51%, #afafaf 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #d2d2d2 0%, #9c9c9c 50%, #848484 51%, #afafaf 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #d2d2d2 0%, #9c9c9c 50%, #848484 51%, #afafaf 100%); /* IE10+ */ background: linear-gradient(to bottom, #d2d2d2 0%, #9c9c9c 50%, #848484 51%, #afafaf 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d2d2d2', endColorstr='#afafaf', GradientType=0); /* IE6-8 */ } .albumManagement .currentSelectedAlbum { -webkit-box-shadow: #666 2px 2px 2px; -moz-box-shadow: #666 2px 2px 2px; box-shadow: #666 2px 2px 2px; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ color: #fff; /**/ background: #b7deed; background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b7deed), color-stop(50%, #57b9e0), color-stop(51%, #22a8e5), color-stop(100%, #7cc4e2)); /* Saf4+, Chrome */ background-image: -webkit-linear-gradient(top, #b7deed 0%, #57b9e0 50%, #22a8e5 51%, #7cc4e2 100%); /* Chrome 10+, Saf5.1+ */ background-image: -moz-linear-gradient(top, #b7deed 0%, #57b9e0 50%, #22a8e5 51%, #7cc4e2 100%); /* FF3.6+ */ background-image: -ms-linear-gradient(top, #b7deed 0%, #57b9e0 50%, #22a8e5 51%, #7cc4e2 100%); /* IE10 */ background-image: -o-linear-gradient(top, #b7deed 0%, #57b9e0 50%, #22a8e5 51%, #7cc4e2 100%); /* Opera 11.10+ */ background-image: linear-gradient(to bottom, #b7deed 0%, #57b9e0 50%, #22a8e5 51%, #7cc4e2 100%); /* W3C */ background-repeat: no-repeat; } .facebookbutton { background-image: url(/-599269491/Handler/Static/Content/Images/icons/bwpx-icns/facebook.png); background-repeat: no-repeat; padding-left: 30px; background-position: 5px 4px; } .facebookbutton:hover { background-image: url(/-599269491/Handler/Static/Content/Images/icons/bwpx-icns/facebook.png); background-repeat: no-repeat; padding-left: 30px; background-position: 5px 4px; } .albumManagement .albumDescription { } .albumManagement .shared { } .albumManagement .albumName { font-size: 12px; border-bottom: 1px solid #ccc; text-transform: uppercase; z-index: 3; position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px; padding: 5px; box-sizing: border-box; } .albumManagement .albumName label { position: absolute; top: 5px; bottom: 5px; left: 5px; right: 5px; display: block; } .albumOwner, .albumDescription { font-size: 10px; position: relative; float: left; width: 100%; padding-top: 20px; } .description { margin-bottom: 10px; } .yb-menu { padding: 0px; margin: 0px; } .yb-menu ul { padding: 0px; margin: 0px; } .yb-menu .menu-item { float: left; display: block; padding: 10px; border-right: 1px solid #fff; } .yb-sub-menu { border: solid 1px #22A8E5; } .yb-sub-menu .menu-item { float: left; display: block; padding: 10px; } .yb-menu .menu-item-img, .yb-sub-menu .menu-item-img { display: none; } .selected-menu-item { background: #7ac2de; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdhYzJkZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzI4YTZkOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzE3OGJjMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0OWFjZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #7ac2de 0%, #28a6d8 50%, #178bc1 51%, #49acd7 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7ac2de), color-stop(50%, #28a6d8), color-stop(51%, #178bc1), color-stop(100%, #49acd7)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #7ac2de 0%, #28a6d8 50%, #178bc1 51%, #49acd7 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #7ac2de 0%, #28a6d8 50%, #178bc1 51%, #49acd7 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #7ac2de 0%, #28a6d8 50%, #178bc1 51%, #49acd7 100%); /* IE10+ */ background: linear-gradient(to bottom, #7ac2de 0%, #28a6d8 50%, #178bc1 51%, #49acd7 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7ac2de', endColorstr='#49acd7', GradientType=0); /* IE6-8 */ } .ybmenutitle { color: #FFFFFF; float: right; font-weight: bold; padding: 10px; text-shadow: 0 0 3px #666666; text-transform: uppercase; } .yb-sub-menu .tabTitle { border-right: 1px solid #22A8E5; } .yearbook-studententries-leftpanel, .yearbook-studententries-leftpanel-editor { width: 200px; float: left; overflow: auto; } .student-list-item-progress-icon-container { height: 16px; overflow: hidden; position: relative; width: 16px; } .section-header .questiontitle { border-bottom: 1px solid #999999; color: #000000; cursor: pointer; font-size: 16px; list-style-type: none; margin: 0; padding: 8px 20px; white-space: nowrap; } .pageActions .yearbook-studententries-editor-actions-boxheader .editor-actions-filter-pane { position: absolute; right: 0; top: 0; } .editor-actions-filter-pane select { padding: 5px; } .pageActions h2, .pageActions h3 { color: #FFFFFF; display: block; float: left; font-size: 12px; font-weight: normal; margin: 0; padding: 2px 5px 2px 2px; line-height: 24px; } .student-list-item-progress-icon { position: relative; } .progress-icon-not-started { left: -48px; top: -176px; } .progress-icon-started { left: -64px; top: -176px; } .progress-icon-advanced { left: -80px; top: -176px; } .progress-icon-profile-complete { left: -208px; top: -192px; } .grid_9 .section-body, .grid_9 .section-body, .grid_9 .section-body, .grid_9 .section-body { border-bottom: 2px solid #CCCCCC; padding: 10px 10px 60px; } .section-body textarea { margin-bottom: 1%; padding: 1%; width: 98%; } .section-body select { margin-bottom: 1%; padding: 1%; width: 100%; } select.date_picker { width: 32.3%; } select.date_picker.month { margin-left: 1.5%; } select.date_picker.year { margin-left: 1.5%; } .yearbook-studententries-mainpanel { background: none repeat scroll 0 0 #FFFFFF; float: left; padding: 0; width: 760px; } .student-list-item, .yb-navigation-item { border-bottom: 1px dotted #999999; padding: 5px 5px 5px 15px; margin: 0px; } .pageActions { border-bottom: 1px solid #333333; border-top: 1px solid #333333; padding: 2px 10px; } .pageActions .yearbook-studententries-editor-actions-boxheader { position: relative; } .section-header .title, .saveButtonWrapper, .yearbook-studententries-editor .title { background-repeat: repeat-x; border-bottom: 0 none; color: #FFFFFF; padding: 5px 10px; position: relative; } .saveSignOffStudentButton { margin-left: 5px; } .saveStudentButton, .saveSignOffStudentButton { float: right; } .theTitle { padding: 3px; float: left; font-size: 15px; } .student-list { border-top: 1px solid #333333; margin: 0px; } .yb-navigation-item-progress-icon-container { float: right; overflow: hidden; height: 16px; width: 16px; } .yb-navigation-item-progress-icon { position: relative; } .yb-navigation-item-progress-icon-complete { top: -192px; left: -208px; } .yb-navigation-item-progress-icon-none { display: none; } .students-questions-combined .subtitle { background-color: #999999; background-repeat: repeat-x; border-top-left-radius: 10px; border-top-right-radius: 10px; color: #FFFFFF; float: right; list-style-type: none; margin-top: 10px; padding: 8px 20px; white-space: nowrap; } .t-button { float: right; font-size: 12px !important; } .studentPage { margin-top: 20px; } .student-list-item-selected, .yb-navigation-item-selected { background-color: #FF9C00; background-repeat: repeat-x; } .student-list-item-name { float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .student-list-item-progress-text, .student-list-item-progress-icon-container { float: right; } .student-list-item-progress-icon-container { height: 16px; overflow: hidden; position: relative; width: 16px; } .student-list-item-progress-text, .student-list-item-progress-icon-container { float: right; } .yearbook-studententries-menu .title, .yearbook-studententries-leftpanel-editor .title { padding: 10px; } .yearbook-studententries-menu .infoPanel { padding: 10px; } .yb-home-top-editor { border-bottom: 0 none; padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px; background-repeat: repeat-x; font-size: 18px; font-weight: bold; color: #FFF; background-color: #C00; } .yb-home-top-editor p { font-size: 12px; font-weight: normal; } .yb-home-main-column-editor-wrapper { position: relative; } .YBhomePageWrapper { min-height: 500px; } .tabTitle { font-size: 12px; padding: 10px; cursor: pointer; text-transform: uppercase; text-decoration: none; } .theme_bg_colour2 .tabTitle { color: #fff; } .YBinnerTabWrapper { margin: 2px; padding: 10px; } .getstartedbutton { border: 0px none; padding: 5px; } .yb-home-main-column-editor-wrapper .yb_tab h3 { padding: 10px; } .yb-home-main-column-editor-wrapper .selected { background-color: #FEC200; } .yb-home-main-column-editor-wrapper h3.last { margin-right: 0px; } .yb-home-main-column-editor { padding: 0px; padding-top: 0px; position: absolute; } .yb-home-main-column-editor h3 { padding: 10px; background-color: #FEC200; margin-bottom: 10px; background-repeat: repeat-x; } .yb-home-main-column-editor ul { padding: 10px; margin-bottom: 0px; } .yb-home-main-column-editor ul li { display: block; padding-bottom: 10px; } .yb-home-main-column-list-item-editor { list-style-type: none; } .yb-home-main-column-list-item-editor a { text-decoration: underline; } .yb-home-main-column-list-item-editor a:hover { text-decoration: none; } .yb-home-main-column-list-item-header-editor { } .designStyleTemplates { background-color: #EEEEEE; padding: 10px; } .yb-book-unit-template-list-container { overflow: auto; white-space: nowrap; width: 100%; } .bookStatusRow { font-size: 16px; } .currentStatusMarker { padding: 4px; } .currentStatusMarker.Review { background: #22A8E5; color: #fff; } .currentStatusMarker.Open { background: green; color: #fff; } .yb-book-unit-template-list-item { cursor: pointer; display: inline-block; white-space: normal; } .designStyleTemplateInfo { background-color: #DDDDDD; border: 2px solid #FFFFFF; padding: 10px; } .designStyleTemplateInfo table { width: auto; } .question-row { border-bottom: 1px #eee solid; } .designStyleTemplateInfo table td, .yb-filter-pane table td, .content table td { padding: 5px; text-align: center; } .designStyleTemplateInfo table td input { background: transparent; border: none 0px; } .adminContent td { text-align: left !important; } .adminContent { width: auto; } .bootSetupTextLine { padding-bottom: 10px; } .bookoptions { float: right; margin-top: 10px; } .bookoptions button { margin-left: 5px; } .previewfieldset { border-bottom: 1px solid #eee; padding-bottom: 10px; } .previewfieldset legend { font-size: 14px; } .previewYB { float: right; width: 50%; height: 200px; background: #efefef; } .ammendYB { float: left; width: 50%; height: 200px; background: #efefef; } .YBorderOption { } .yb-book-unit-template { border-color: transparent; border-style: solid; border-width: thick; margin-left: auto; margin-right: auto; padding: 10px; text-align: center; } .yb-book-unit-template-list { margin: 0px; } .startYBPreview { font-size: 22px; } #steps { margin-bottom: 0px; } #steps li { display: inline-block; cursor: pointer; font-size: 14px; padding: 8px; width: auto; } #steps .setTitle { margin-bottom: 0px; } .yb-filter-pane { } .yb-filter-pane table { width: auto; } .setTitle { font-size: 14px; margin-bottom: 10px; } .fieldSetWrapper { } .pie-wrapper { } .pie-chart { } .pie-chart img { width: 100%; } .report-list-wrapper { } .report-list-item { padding: 5px; border-bottom: 1px dashed #E3E3E3; font-size: 14px; } .statistic-label { } .statistic-value { } .mainProductLoading { position: absolute; height: 100%; width: 100%; z-index: 99; background: center center #E3E5E5 no-repeat url(/-122709884/Handler/Static/Content/Themes/Base/images/loder_thin.gif); background-size: 32px 32px; } /***********************************/ /***********************************/ /***MULTIPART PRODUCT***************/ /***********************************/ .booklet .b-counter { background: transparent } .partHeader { font-size: larger; font-weight: bold; } .mpMouseOver { background-color: Lime; } .mpSelected { background-color: #22A8E5 !important; } .template { display: none; } .editorContainer { top: 0px; left: 0px; right: 0px; bottom: 0px; position: absolute; } .previewArea { top: 0px; left: 0px; right: 0px; bottom: 0px; position: absolute; } .multiPartContainer { height: 100%; overflow: auto; } .validationFailed { color: Red; } #errorSummary { position: fixed; right: 0px; bottom: 0px; padding: 15px; background-color: White; z-index: 100; } .mainUICell { background: #fff; vertical-align: top; } .leftside { border-right: 0px none; } .UICenter { background: #C2C2C2; padding: 15px; border-right: 0px; border-left: 0px; } .mainUICellHelper { } .mainUITable { } .mainUIParent { } .inputPartList { } .inputPart, .rightInputPart { cursor: pointer; width: 98%; background: #fff; padding: 1%; } .inputPart { width: 15%; float: left; } .inputPart .inputPartInner, .rightInputPart .inputPartInner { padding: 10px; background: #FCFCFC; border: 1px solid #eee; position: relative; } .itemSelectorControls { position: absolute; top: 0px; right: 0px; } .itemSelectorControls .addButton, .deleteStaticItem, .showSelectionList { color: #fff; padding: 5px; border: 0px none; } .itemSelectorControls .addButton { background: #008000; } .deleteStaticItem { background: #CB0800; } .showSelectionList { background: #22A8E5; color: #fff; } .multiPartItemSelectorTitle { position: absolute; top: 10px; left: 170px; width: 300px; text-align: left; font-size: 16px; } .multiPartItemSelectorImage { border: 1px solid #EEEEEE; text-align: center; display: table-cell; height: 150px; vertical-align: middle; width: 150px; } .loadingEditor { width: 100%; text-align: center; font-size: larger; } .uploadPreviewImgage { } .multiPartItemSelectorImage img { max-width: 150px; max-height: 150px; } .multiPartItem { background: #eee; position: relative; margin-bottom: 15px; } #part-1 { padding-top: 0px; } .showSelectionList { position: absolute; right: 0px; top: 0px; } .editableContentMultiPart, .partHeader { padding: 5px; background: #fff; } .selectedFocus { background: #22A8E5; } .controlsWrapper { background: #eee; } .constraintDescription { background: #ccc; padding: 5px; } .validationFailed { background: #CB0800; color: #fff; } .multiPartButton { padding: 5px; border: 0px none; background: #008000; color: #fff; } .addSingleOption { position: absolute; right: 0px; top: 0px; background: #22A8E5; color: #fff; } .modelError { color: #f00; } /***********Multipart upload**************/ .mainUIParent, .mainUICellHelper { height: auto; } .mainUITable { width: 100%; height: auto; } .mainUICell { border: 0px none; padding: 10px; background: transparent; } .mainUIParent .upload .partHeader { color: #000; background: url(/1237888846/Handler/Static/Content/Themes/Base/images/multipart/upload-banner.gif) center top repeat; height: 185px; color: transparent; } .mainUITableContainer { position: relative; } .mainUIParent .multiPartButton { position: absolute; right: 0px; margin: 0 !important; z-index: 1; } .mainUIParent .fileUploadButton { background: url(/-195919431/Handler/Static/Content/Themes/Base/images/multipart/upload_button.gif) center top repeat; height: 31px; width: 163px; overflow: hidden; text-indent: -3000px; } .mainUIParent #showPreview { background: url(/1369967904/Handler/Static/Content/Themes/Base/images/multipart/preview_button.gif) center top repeat; height: 32px; width: 214px; overflow: hidden; text-indent: -3000px; top: 129px; right: 42px; } .mainUIParent #preview { padding: 0px; border: 0px none; width: 100%; z-index: 0; position: relative; padding-top: 50px; padding-bottom: 50px; } .mainUIParent .b-menu { display: none; } .mainUIParent .gobackButton.multiPartButton { background: url(/-195657288/Handler/Static/Content/Themes/Base/images/multipart/back_button.gif) center top repeat; height: 31px; width: 163px; overflow: hidden; text-indent: -3000px; left: 10px; top: 10px; } .mainUIParent .addtobasket.multiPartButton { top: 0px; right: 10px; background: url(/1773055823/Handler/Static/Content/Themes/Base/images/multipart/add_to_basket.gif) center top repeat; height: 31px; width: 163px; overflow: hidden; text-indent: -3000px; top: 10px; } .mainUIParent .uploadWrapper { padding: 0px; text-align: center; } .mainUIParent .uploadMultiPart .inputPart, .uploadMultiPart .rightInputPart { background: #EEEEEE; } .mainUIParent #preview { background: #F9F9F9; } .mainUIParent #previewAreaContainer { position: relative; } .mainUIParent #preview .booklet { } /***********SMS**************/ .smsPage h1 { font-size: 15px; padding: 2px; } .smsWrapper { } .smsRow { margin-bottom: 10px; } .smsCol3 { position: relative; } #ecHelpImg { cursor: pointer; position: absolute; top: 5px; right: 5px; background: #fff; padding: 3px; } .smsRow.first { } .smsRow.second { } .smsRow.third { } .smsPhoneWrapper { position: relative; height: 602px; width: 924px; background: url(/-830534373/Handler/Static/Content/Images/SMS/iphone_transparent.png); } .smsTextEditArea { height: 200px; width: 98%; border: 0px none; padding: 1%; font-size: 15px; } .smsHelpers { background: #ccc; padding: 10px; } .smsHelper { padding: 5px 0px; } .smsTextAreaWrapper { width: 98%; border: solid #eee 3px; } .smsTextAreaFooter { background: #ddd; width: 96%; border: solid #eee 3px; padding: 1%; border-top: 0px; } .smsTextAreaHeader { background: #ddd; width: 96%; border: solid #eee 3px; padding: 1%; border-bottom: 0px; } .smsFooterLeft { float: left; } .smsFooterRight { float: right; } #csvUpload { padding: 0px; } #smsPreview .message { padding-left: 31px; height: 360px; padding-right: 24px; padding-top: 124px; width: 253px; float: left; display: block; } #smsPreview .message .messageOriginator { background: #eee; padding: 5px; text-align: center; border-bottom: 1px solid #ccc; } #smsPreview .message .messageRecipient { padding: 5px 15px; } #smsPreview .message .messageMessage { padding: 5px 15px; } #smsPreview .message .messageMessage .messageInner { font-size: 15px; color: #ffffff; padding: 10px 20px; background: #19B0FC; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 0px solid #000000; text-shadow: 0px -1px 0px rgba(000, 000, 000, 0.3), 0px 1px 0px rgba(255, 255, 255, 0); } #AlbumSharingSubContainer .productShareList { padding-bottom: 2px } #AlbumSharingSubContainer .productShareList input { margin: 2px 2px 0 0 } #AlbumSharingSubContainer .productShareList label { vertical-align: top } #AlbumSharingSubContainer #individualProductShares { padding: 5px 25px } /***********PRODUCT LANDING PAGE**************/ .product-details-page .error, .product-details-page .information, .account-page--addresses .error{ background: #faa; padding: 10px 15px; margin: 0 0 20px; display: inline-block; color: #333; } .product-details-page .error, .account-page--addresses .error{ background: #faa; border: 1px solid red; } .product-details-page .information { background: #99bbff; border: 1px solid blue; } /***********PRODUCT LANDING PAGE - NEW TABS**************/ .productTemplateTabbed .ui-widget-header { } .productTemplateTabbed .ui-tabs { padding: 0px !important; position: relative; } .productTemplateTabbed .ui-corner-all { -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; border: 0px none !important; } .productTemplateTabbed .ui-tabs .ui-tabs-nav { margin: 0; padding: 0 !important; } .productTemplateTabbed .UItab { border: 5px solid #EEEEEE !important; padding: 0 !important; } .productTemplateTabbed .ui-widget-header { background: transparent none !important; border: 0px none !important; color: #222222; font-weight: bold; } .productTemplateTabbed .ui-tabs .ui-tabs-nav li { background: none #F9F9F9 !important; border: 0px none !important; -webkit-border-radius: 0px !important; -moz-border-radius: 0px !important; border-radius: 0px !important; } .productTemplateTabbed .ui-tabs .ui-tabs-nav li.ui-tabs-selected { background: none #EEEEEE !important; } .productTemplateTabbed .tabInnerWrap { padding: 10px; overflow: auto; } .productTemplateTabbed .tabInnerWrap .grid_12 { width: 100%; } .productTemplateTabbed .related-products-grid { margin: 0px; } .productTemplateTabbed .listWrapper { overflow: auto; } .productTemplateTabbed .listWrapper .listItem { width: 25%; margin: 0px; } .productTemplateTabbed .listWrapper .item-box { border: 1px; } .productTemplateTabbed .header { margin-bottom: 10px; } .productTemplateTabbed .priceWrapper { min-height: 60px; } .productTemplateTabbed .priceWrapper .priceWrapperInner { text-align: right; background: none repeat scroll 0 0 #F9F9F9; border: 1px solid #EEEEEE; margin-bottom: 10px; padding: 10px; } .productTemplateTabbed .priceWrapper .price { font-size: 16px; margin-right: 20px; } .productTemplateTabbed .priceWrapper .price .newProductPriceWrapper { color: #22A8E5; padding-left: 20px; } .productTemplateTabbed .priceWrapper .price .oldProductPriceWrapper { color: #707070; } .productTemplateTabbed .priceWrapper .price .oldProductPriceWrapper, .productTemplateTabbed .priceWrapper .price .newProductPriceWrapper { display: inline-block; } .productTemplateTabbed .add-info, .productTemplateTabbed .price { display: inline-block; vertical-align: middle; } .productTemplateTabbed .titleWrapper { min-height: 60px; } .productTemplateTabbed .titleWrapper h1 { font-size: 26px; margin: 0px; padding-top: 10px; } .productTemplateTabbed .shortdescription { float: left; width: 100%; } .productTemplateTabbed .product-variant-list { float: left; width: 100%; } .productTemplateTabbed .product-variant-list select, .productTemplateTabbed .product-variant-list input[type="text"] { min-width: 50%; } /* Tag Category Search checkboxes */ .TagSearchBox { } .TagSearchBox .freetextsearch { padding-bottom: 20px; } .TagSearchBox .freetextsearch .freetextsearchleft { float: left; width: 80%; } .TagSearchBox .freetextsearch .freetextsearchleft .searchboxtext-filter { width: 93%; padding-left: 2%; padding-right: 2%; padding-top: 5px; padding-bottom: 5px; } .TagSearchBox .freetextsearch .freetextsearchright { float: right; width: 20%; } .TagSearchBox .freetextsearch .freetextsearchright .searchboxbutton, .TagSearchBoxButton { width: 100%; display: block; padding-top: 6px; padding-bottom: 6px; border: 0px solid; background: #22A8E5; color: #fff; } .TagSearchBox .tagSearch { } .TagSearchBox .tagSearch .TagSearchMainArea { } .TagSearchBox .tagSearch .TagSearchMainArea .tagCategory { margin-bottom: 20px; } .TagSearchBox .tagSearch .TagSearchMainArea .TagSearchLabelArea { padding-bottom: 5px; border-bottom: 1px solid #ccc; margin-bottom: 5px; } .TagSearchBox .tagSearch .TagSearchMainArea .TagSearchLabelArea .TagSearchLabel { font-size: 14px; } .TagSearchBox .tagSearch .TagSearchMainArea .toggler { display: block; height: 20px; width: 20px; float: right; background: center center no-repeat url(/515731074/Handler/Static/Content/Themes/Base/images/common/minus-icon-sml.gif); } .TagSearchBox .tagSearch .TagSearchMainArea .toggler.minus { background: center center no-repeat url(/-675910004/Handler/Static/Content/Themes/Base/images/common/plus-icon-sml.gif); } .TagSearchBox .tagSearch .TagSearchMainArea .toggler:hover { cursor: pointer; } .TagSearchBox .tagSearch .TagSearchMainArea .TagSearchChoiceArea { } .TagSearchBox .tagSearch .TagSearchMainArea .TagSearchChoiceArea .TagSearchChk { padding: 1px 0px 1px 0px; } .TagSearchBox .tagSearch .TagSearchMainArea .TagSearchChoiceArea .TagSearchChk input { margin-right: 5px; vertical-align: middle; } /* Album pagination */ #pagerContainer { border: 1px solid #999; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; min-height: 40px; padding: 0 5px; margin-bottom: 10px } #pager { display: block; margin: 4px 0 } #pager .pagerLink { border: 1px solid #999; width: 30px; line-height: 25px; display: inline-block; margin: 3px; text-align: center } #pager .pagerLink:hover, #pager .currentPage { background-color: #22A8E5; color: #fff; text-decoration: none } /* image plugin handler */ #imageImportDlg { min-width: 200px; width: 100%; text-align: center; padding: 0 20px; cursor: pointer } #pluginContainer { display: inline-block; text-align: center } #pluginContainer { margin: 10px 0; width: 100% } .imageContainer { position: relative } .ImgPlugButton { display: inline-block; position: relative; float: none; vertical-align: middle; margin: 4px; } .ImgPlugButton button { padding: 0px !important; border: none; border-radius: 5px; display: block; background: #517FA4; color: #fff; } .ImgPlugButton button span { font-size: 10px; line-height: 10px; position: relative; float: left; width: 100%; text-align: center; overflow: hidden; white-space: normal; } #indirectUploadArea { margin-top: 30px; padding-bottom: 25px; border-bottom: solid 1px #55606E; } .ImgPlugButton .fa { display: inline-block; } .ImgPlugImageSelect { display: block; width: 9.4%; height: 70px; box-sizing: border-box; padding: 1px; position: relative; float: left; margin: .3%; } @media only screen and (max-width: 1200px) and (min-width: 960px) { .ImgPlugImageSelect { width: 11.9%; } } @media only screen and (max-width: 959px) and (min-width: 768px) { .ImgPlugImageSelect { width: 13.6%; } } @media only screen and (max-width: 767px) and (min-width: 480px) { .ImgPlugImageSelect { width: 19.4%; } } @media only screen and (max-width: 479px) { .ImgPlugImageSelect { width: 24.4%; } } .imageImportDlg .ImgPlugImageSelect { width: 19.4%; } .selectedImg { border: 2px solid #428bca; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .ImgPlugPhotos, .fbAlbums, .fbFriends { margin-top: 10px; max-width: 410px; } .ImgPlugPaging #next { float: right } .ImgPlugPaging #prev { float: left } .loadinganim { position: absolute; display: none; top: 230px; left: 150px } .upload #uploadButton { display: block; width: 200px; margin: 5px auto 10px; padding: 5px } .upload span { padding: 0 5px } .loadinganim img { } .imageImportDlg { } .main-upload { border: 0; padding: 7px 40px } .main-upload .fa { margin: 0px; } #pluginContainer .fa { margin: 5px 5px 0 } #pluginContainer .imgPlugFB { background: #3B5998 } #pluginContainer .imgPlugINST { background: #517fa4 } #pluginContainer .imgPlugDropBox { background: #517fa4 } #pluginContainer .imgPlugFlickr { background: #517fa4 } #pluginContainer .imgPlugAssetBank { background: #517fa4 } button.tt.btn.btn-default.btn-me.dialogInit { width: 65px; height: 65px } .imgPlugAssetBank span { } .upload span, .ImgPlugPaging span { padding: 7px; display: inline-block; background: #22A8E5; color: #fff; cursor: pointer; margin: 2px; } .upload span .fa, .ImgPlugPaging span .fa { display: inline-block; } .imageImportDlg .upload span, #imageImportDlg .ImgPlugPaging span { background: #55606E; padding: 4px; padding-left: 10px; padding-right: 10px; } .ImgSearch { padding: 5px; color: black } .ImgSearch #search, .ImgSearch .ddSort { padding: 5px; margin: 5px; border-radius: 5px } .ImgSearch .ddSort { padding: 7px 5px; } button.tt.btn.btn-default.btn-me.dialogInit.imgPlugDP { padding: 1px } .depositPhotos .logo { padding: 0 10px 10px; } .depositPhotos .depositphoto-item { clear: both; } .depositPhotos .depositphoto-item:after { content: ' '; display: table; clear: both; } .depositPhotos .depositphoto-item .dp-media-size, .depositPhotos .depositphoto-item .dp-media-license { text-align: left; } .depositPhotos .depositphoto-item input { float: none !important; } .depositPhotos .depositphoto-item label { font-weight: normal; padding-right: 5px; } /* Album management overrides */ #uploadControl #fileupload { width: 250px; display: inline-block } .imagePluginBox .subTitle { margin-top: 20px } .albumContent #albumContentListContainer #pluginContainer { text-align: left; margin: 10px 0px 0 } .albumContent #albumContentListContainer .ImgPlugPhotos { } .imageContainer .ImgPlugPhotos, .imageContainer .ImgSearch, .imageContainer .ImgPlugPaging, .imageContainer .ImgPlugFooter, .imageContainer .upload, .imageContainer .albumContent { position: relative; float: left; width: 100%; box-sizing: border-box; padding: 0px; margin: 0px; max-width: none; background: none; } .imageContainer .upload { margin-bottom: 10px; } .albumContent #albumContentListContainer .imageContainer input, .albumContent #albumContentListContainer .imageContainer select { padding: 5px; position: relative; float: left; width: auto; box-sizing: border-box; } .albumContent #albumContentListContainer .imageContainer { padding: 0px; position: relative; float: left; width: 100%; box-sizing: border-box; } .albumContent #albumContentListContainer .ImgPlugPaging #next { } .upload span .fa, .ImgPlugPaging span .fa { display: inline-block; margin: 0px; } .albumContent #albumContentListContainer .upload #uploadButton { background-color: #22A8E5; padding: 10px; color: #fff; border: none; margin: 0 auto; text-align: center; width: 250px } .albumContent #albumContentListContainer .ImgPlugFooter { text-align: center } .albumContent #albumContentListContainer .selectedImg { box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } .albumContent #albumContentListContainer .loadinganim { position: absolute; top: 50px; left: 150px } .smsPage .hide { display: none; } .smsPage #csvUpload { width: 85px } .smsPage #smsUploadText { display: block; margin-top: 5px } .smsPage .success { color: green } .smsPage .smsHelp { background-image: url(/1727819394/Handler/Static/Catfish.Web/Content/images/011.png); width: 10px; height: 10px; text-indent: -999px; } .smsPage .smsSendSelection { height: 50px; margin-top: 15px; width: 49%; display: inline-block } .smsPage .smsSendSelection label { margin: 0 10px 0 2px } .smsPage .smsHeader { display: block; clear: both } .smsPage .smsInstructionPanel { display: none; width: 49% } .smsPage #smsHelpImg { cursor: pointer; position: absolute; top: 5px; right: 5px; padding: 3px } .smsPage .bar { background-color: green; height: 20px } .smsPage #progress { background-color: #efefef } .products-box td.subtotal, .products-box td.product, .products-box td.subtotal, .products-box td.unitprice, .products-box td.qty { vertical-align: middle } /* Telerik Overrides */ #SavedProjects form.t-grid-actions { display: block } /* TABBED SONG SEARCH */ .SongTabWrapper { margin-top: 30px; } .SongTabWrapper.ui-tabs, .SongTabWrapper.ui-tabs .ui-tabs-nav { border: 0 none; padding: 0px; } .SongTabWrapper .ui-widget-header { background: #fff none; } #searchPane { background: none repeat scroll 0 0 #Ffffff; border: 0px solid #EEE } #searchPane .currentFilterOptions { border: 1px solid #efefef; font-size: 9px; padding: 5px; margin: 10px 10px 0 10px; } #searchPane .filterArea { background: none repeat scroll 0 0 #Ffffff; } #searchPane .filterArea .filterAreaInner { font-size: 9px; border: 1px solid #efefef; min-height: 550px; padding: 5px; margin: 10px 0px 10px 10px; } #bookFooter { float: right; width: 18%; } #previewBookBtn { text-transform: uppercase; text-align: center; float: right; background: url(/-1448854866/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/red_button_large.png); width: 78%; padding: 22px 10%; display: block; margin-top: 0px; border: 1px solid #666; border-radius: 3px; color: #fff; } #previewBookBtn:hover { text-decoration: none; } #searchPane .ResultsListWrapper { background: none repeat scroll 0 0 #Ffffff; } #searchPane .ResultsListWrapper #ResultsList li { padding: 0px; margin: 10px; border: 1px solid #efefef; } #compilePane { background: none repeat scroll 0 0 #fff; min-height: 604px; padding: 10px; } #compilePane .cover { } #compilePane .pageNumber, #compilePane .itemInfo { float: left; } #compilePane .itemInfo { border-left: 1px solid #eee; margin-left: 10px; padding: 5px; } #compilePane .item .itemContributor, #compilePane .item .itemTitle { padding: 0px; } #compilePane .resultItem .itemDetailsWrapper { width: 15%; background: #eee; } #compilePane .resultItem .itemDetailsWrapper .removeBtn { width: 70%; float: right; padding: 5px 2% 5px 2%; } #compilePane .resultItem .itemDetailsWrapper .handle { width: 20%; float: left; } #compiledList { border: solid 1px #efefef; margin: 10px 0; border-bottom: 0px none; } #songSelectTab, #yourBookTab { width: 40%; height: 75px; background: url(/1279569740/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/music_tab_bg.jpg); } #songSelectTab.ui-state-active, #yourBookTab.ui-state-active { background: url(/-689339977/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/music_tab_bg_selected.jpg); } .progressWrapper { float: right; padding: 10px 2%; width: 55%; } .progressLabel { width: 100%; position: absolute; margin-top: 5px; font-weight: 700; text-shadow: 1px 1px 0 #fff } .progressText { line-height: 25px; float: left } #progressBar { position: relative; width: 100%; text-align: center; display: inline-block } .progressWrapper p { font-weight: normal; font-size: 10px; white-space: normal; text-align: center; } #songSelectTab a, #yourBookTab a, #compiledList .itemTitle, #compiledList .itemContributor { display: block } #SongTabs li a { margin: 0px; width: 100%; padding: 0px; } #SongTabs li a .tabTitle { float: left; font-size: 18px; padding: 10px 5%; text-transform: none; width: 31%; } #songSelection, #yourBook { background: #efefef; } #songSelection .tabHeader { display: none; } .addToBookBtn { } .SongTabWrapper .ui-progressbar .ui-progressbar-value { background: url(/-1449117008/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/button-general.jpg) repeat-x #ededed; transition: all 1s ease-in-out 0s; } .SongTabWrapper .ui-progressbar .ui-progressbar-value.songPageCountMinError { background: #B0002D; color: #fff; animation: myfirst 2s; -moz-animation: myfirst 2s infinite; /* Firefox */ -webkit-animation: myfirst 2s infinite; /* Safari and Chrome */ } .SongTabWrapper .ui-progressbar .ui-progressbar-value.songPageCountMaxError { background: #B0002D; color: #fff; animation: myfirst 2s; -moz-animation: myfirst 2s infinite; /* Firefox */ -webkit-animation: myfirst 2s infinite; /* Safari and Chrome */ } @-moz-keyframes myfirst /* Firefox */ { 0% { background: #890022; } 50% { background: #E4051F; } 100% { background: #890022; } } @-webkit-keyframes myfirst /* Safari and Chrome */ { 0% { background: #890022; } 50% { background: #E4051F; } 100% { background: #890022; } } .progressLabel.songPageCountMaxError { color: #fff; text-shadow: 1px 1px 0 #000; } .progressLabel.songPageCountMinError { color: #ff0000; text-shadow: 1px 1px 0 #fff; } #ResultsList .itemSelection, #compiledList .itemSelection { background: #eeeeee; padding: 5px; width: 70%; float: right; } .item.itemContainer { width: 75%; vertical-align: top; margin-top: 0px } .item .itemTitle { font-weight: 700; font-size: 13px; position: relative; padding: 5px } .item .itemContributor { padding: 0px 5px 5px 5px; font-size: 11px; } .item .removeBtn { } .addToBookBtn:hover { background: #a82b3e; color: #fff } #compiledList:before, #compiledList:after { text-align: center; display: block; border: 1px solid #000; border-bottom: 0; width: 48% } #compiledList li { color: #000; border-bottom: 1px #eee solid; position: relative; background: #FFF } #compiledList .ui-sortable-helper, #compiledList .ui-sortable-helper:hover { background: url(/-196312650/Handler/Static/Content/Images/mini_icons/arrow_up_down.gif) no-repeat scroll 98% center #000 } #compiledList .ui-sortable-helper, #compiledList .ui-sortable-helper:hover div { color: #fff } #musicSearchFieldOptions, #musicModifyFieldOptions { padding: 5px; background: #efefef; } #SongTabs #musicSearchFieldOptions { padding: 0 0 10px 0; } .resultItem .itemDetailsWrapper { float: right; width: 25%; } .previewItem .previewBtn, .addToBook .addToBookBtn, #compilePane .removeBtn input, #compilePane .resultItem .itemDetailsWrapper .handle { border: 1px solid #666; border-radius: 3px; width: 100%; text-transform: uppercase; } .previewItem .previewBtn { background: url(/-1449117008/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/button-general.jpg) repeat-x #ededed; margin-bottom: 5px; } #compilePane .resultItem .itemDetailsWrapper .handle { background: url(/1279766352/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/music_drag_button.gif) repeat-x center center #ededed; width: 20%; margin: 5px 0 5px 2%; height: 31px; } .addToBook .addToBookBtn, #compilePane .removeBtn input { background: url(/-689733193/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/button-red.jpg) repeat-x #9f0029; color: #fff; } #musicModifyFieldOptions { text-align: right } .filterArea { width: 30%; float: left; background: #F9F9F9 } .filterHeading { font-weight: 700; padding-bottom: 5px } .filterContent .filterItem, .expendableFilterContent .filterItem { padding-bottom: 2px; margin-bottom: 2px; border-bottom: outset none; } .filterContent .filterItem input { vertical-align: bottom } .filterContent .filterItem label { padding-left: 2px } #arrangementsDiv { margin-bottom: 20px } .filterExpander, .filterCollapser { color: #CB3650; text-decoration: underline; cursor: pointer; float: right } .ResultsListWrapper { background: #F6F6F6; float: right; width: 70%; min-height: 560px } #ResultsList { background: #fff; margin: 0; min-height: 900px } #ResultsList li.current { background: #22A8E5 } .searchboxDropDown { padding: 7px } .popularButton { background: url(/-675910000/Handler/Static/Content/Images/mini_icons/arrow_dash_down.gif) no-repeat scroll 95% center #22A8E5; border: 0 none; color: #FFF; display: none; right: 5px; top: 5px; position: absolute; margin: 0; padding: 7px 30px 7px 7px !important } .popularButtonUp { background: url(/-675910000/Handler/Static/Content/Images/mini_icons/arrow_dash_up.gif) no-repeat scroll 95% center #22A8E5 } .popularButton:hover, .popularButtonUp:hover { background-color: #00415F } #feedback { font-size: 1.4em } .searchbutton { color: #FFF; height: 33px; margin: 0; padding: 0 } #ResultsList .pageNum { float: right; margin: 5px; background: #ccc; color: #fff; font-weight: 400; z-index: 99; font-size: 10px; cursor: help; line-height: 20px; text-align: center; color: #000; background: url(/116835861/Handler/Static/Overrides/MusicSalesMusicBookMaker/img/editor/musicsearch-pages-icon.gif) repeat-x #fff; width: 21px; height: 27px; } li .handle { background: #f8f8f8; right: 0; top: 0; bottom: 0; z-index: 99 } li .handle:hover { cursor: pointer; background: none repeat scroll 0 0 #EBB8BE } li .handle .ui-icon-carat-2-n-s { margin: 12px } .ui-selecting { background: #eee } .ui-selecting .handle { background: #ddd; cursor: pointer } .currentFilterItem { margin-left: 2px; margin-right: 2px } .currentFilterOptionHeading { font-weight: 700 } .clearFilterOptionsButton { color: #D73F57 !important; text-decoration: none; margin-left: 5px } .clearFilterOptionsButton :hover { text-decoration: underline } #compiledList li.ui-selected { background: #D54359 } #compiledList li.ui-selected div { color: #fff; cursor: pointer } .ui-selected .handle { background: #EBB8BE } #compiledList .itemContainer { margin-left: 0; cursor: pointer } .aboveSearchPane { padding: 5px 5px 10px } .instructionsWrapper { float: left; width: 50% } #paginationInfo { font-size: 11px; width: 100%; padding-top: 20px; height: 30px; margin: 10px } #pageItems { margin-bottom: 5px } .pagingItem { margin-left: 2px; margin-right: 2px; background-color: #EFEFEF; border: 1px solid #ddd; border-radius: 2px; padding: 10px } .pagingLink { cursor: pointer } .pagingLink:hover { border: 1px solid #000 } .currentPagingItem { background: none repeat scroll 0 0 #CB3650; border: 1px solid #ddd; border-radius: 4px; color: #fff } .loadingdiv { font-size: 14px; } #compiledList .ui-selected, #compiledList ol { color: #000 } .filterExpander .ui-icon, .filterCollapser .ui-icon { float: left } .tagCloudContainer, .itemId { display: none } .item { display: inline-block } #compiledList .pageNum { width: 5%; text-align: center } .cover { width: 100%; background-color: #efefef } .coverImg { display: inline-block; padding: 0.6em } .coverImg img { height: 100px; width: 75px } .coverInfo { width: 89%; display: inline-block } .coverInfo span { display: block } input#addToComp, input#previewSong { width: 100%; margin: 2px } span.clearCurrentFilterItem { text-indent: -9999px; height: 13px; width: 18px; display: inline-block; cursor: pointer } .noSongsPlaceholder { display: block; width: 100%; height: 500px } .noSongsPlaceholder img { display: table; margin: 0 auto; padding-top: 50px } #bookPreview { width: 70%; float: left; margin-right: 10px } #confLogic { width: 28%; float: left } /* OPC Despatch date */ p.custom-name-box input#customName { color: #000; padding: 2px } p.custom-name-box { margin-top: 20px } p.custom-name-box input#customProjectName { float: right } @media only screen and (max-width: 959px) { .customer-addresses table td, .customer-addresses table th { padding: 5px 4px 5px 4px; font-size: 12px; line-height: 15px; text-align: left; position: relative; float: left; width: 100%; min-height: 16px } .customer-addresses table tbody { position: relative; float: left; width: 80%; text-align: left } .customer-addresses table thead { position: relative; float: left; width: 20%; text-align: left } .customer-addresses { background-color: #fff; padding: 5px; height: auto; overflow: visible } } /* Orders V2 */ .orders_v2 ul { list-style: none; padding: 0px; margin: 0px; text-indent: 0px; } .orders_v2 li { list-style: none; padding: 0px; margin: 0px; } .orders_v2 { padding-left: 10px; display: block; font-family: Helvetica, Arial, sans-serif; } .orders_v2 .orders_row { position: relative; float: left; margin-bottom: 10px; width: 100%; display: flex; justify-content: space-between; align-items: center; } .orders_v2 .orders_row .filter_label { display: inline-block; font-size: 15px; } .orders_v2 .orders_halfrow { position: relative; float: left; margin-bottom: 10px; background-color: transparent; width: 50%; } .orders_v2 .order_show { position: relative; float: left; width: 100%; } .orders_v2 .order_toggle_filter { position: relative; float: right; width: 12.7%; padding-left: 1%; padding-right: 1%; margin-left: 1%; height: 25px; text-align: center; text-decoration: none; color: #fff; line-height: 25px; vertical-align: middle; } .orders_v2 .order_Pending { background-color: #196EA9; } .orders_v2 .order_Pending:hover { background-color: #196EA9 !important; color: #fff !important; } .orders_v2 .order_Unpaid { background-color: #25686E; } .orders_v2 .order_Unpaid:hover { background-color: #25686E !important; color: #fff !important; } .orders_v2 .order_Processing { background-color: #FFA600; } .orders_v2 .order_Processing:hover { background-color: #FFA600 !important; color: #fff !important; } .orders_v2 .order_Complete { background-color: #81DF20; } .orders_v2 .order_Complete:hover { background-color: #81DF20 !important; color: #fff !important; } .orders_v2 .order_Cancelled { background-color: #E11E21; } .orders_v2 .order_Cancelled:hover { background-color: #E11E21 !important; color: #fff !important; } .orders_v2 .order_All { background-color: #2B3238; color: #fff !important; } .orders_v2 .order_All:hover { background-color: #2B3238 !important; color: #fff !important; } .orders_v2 .default { opacity: 1; background-color: #f2f2f2; color: #808080 !important; } .orders_v2 .order_filt { position: relative; float: left; width: 0px; } .orders_v2 .order_filt select { position: relative; float: left; width: 49%; height: 25px; padding: 0px; height: 25px; border: solid 2px #E5E5E5; } .orders_v2 .order_txt { position: relative; float: left; height: 25px; line-height: 25px; vertical-align: middle; color: #252525; } .orders_v2 .order_show .order_txt { } .orders_v2 .order_filt .order_txt { width: 49%; margin-right: 1%; text-align: right; } .orders_v2 .order_sort { position: relative; float: left; width: 50%; } .orders_v2 .order_sort select { position: relative; float: left; width: 50%; height: 25px; max-width: 255px; padding: 0; border: solid 2px #E5E5E5; margin-left: 10px; } .orders_v2 .orders_page_title { font-size: 21px; color: #22A8E5; margin: 0; } .orders_v2 .order_page_select_container { position: relative; float: right; } .orders_v2 .order_page_select_container .order_page_but { position: relative; float: left; width: 25px; height: 25px; line-height: 20px; vertical-align: middle; text-align: center; margin-left: 5px; background-color: #E5E5E5; color: #828080; border: 0px; padding: 0px; } .orders_v2 .order_page_select_container .order_page_but:hover { background-color: #22A8E5; text-decoration: none; color: #fff; } .orders_v2 .order_page_select_container .order_page_state { position: relative; float: left; width: 58px; height: 25px; line-height: 26px; vertical-align: middle; text-align: center; margin-left: 5px; background-color: #E5E5E5; color: #828080; border: 0px; padding: 0px; } .orders_v2 .inactive { opacity: .5; background-color: #e5e5e5 !important; color: #f2f2f2 !important; cursor: default; } .orders_v2 .active { opacity: 1; } .orders_v2 .current { background-color: #22A8E5 !important; color: #fff !important; } .orders_v2 .order_container { position: relative; float: left; width: 100%; background-color: #e5e5e5; } .orders_v2 .order_container .order_details { position: relative; float: left; width: 29%; padding: 2%; background: #f2f2f2; background-image: -webkit-linear-gradient(top, #F7F7F7 0%, #E5E5E5 100%); background-image: linear-gradient(to bottom, #F7F7F7 0%, #E5E5E5 100%); } .orders_v2 .order_container ul { margin-bottom: 13px; } .orders_v2 .order_container ul li { margin-bottom: 2px; color: #7F7F7F; } .orders_v2 .order_q_info { } .orders_v2 .order_q_info .order_title { color: #22A8E5; font-size: 14px; margin-bottom: 5px; } .orders_v2 .order_q_info .order_info { } .orders_v2 .order_info_total { position: absolute; bottom: 0px; right: 0px; width: 17.5%; padding-left: 1%; padding-right: 1.5%; min-height: 23px; padding-top: 3px; text-align: right; background-color: #2B3238; color: #fff; font-size: 13px; z-index: 2; } .orders_v2 .order_info_total .o_data { font-weight: bold; } .orders_v2 .order_q_info .order_title .o_data { font-weight: bold; color: #2B3238; } .orders_v2 .order_q_info .order_info .o_data { color: #22A8E5; } .orders_v2 .order_f_info { } .orders_v2 .order_f_info .order_title { color: #22A8E5; } .orders_v2 .order_f_info .order_info { } .orders_v2 .order_f_info .order_title .o_data { } .orders_v2 .order_f_info .order_info .o_data { color: #000; } .orders_v2 .order_status_container { position: relative; float: right; width: 20%; height: 20px; line-height: 20px; text-align: center; color: #fff; } .orders_v2 .order_status_container .order_status { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; } .orders_v2 .order_products_list { position: relative; float: right; width: 63%; padding: 2%; } .orders_v2 .order_products_list li { position: relative; float: left; min-height: 90px; line-height: 16px; vertical-align: baseline; background-color: #fff; text-align: center; padding-top: 5px; } .orders_v2 .order_products_list ul { position: relative; float: left; width: 100%; background-color: #fff; margin-bottom: 7px; min-height: 150px; } .orders_v2 .order_products_list .order_line_Cancelled { border: solid 1px #e11e21; box-sizing: border-box; } .orders_v2 .order_products_list .order_line_Cancelled .order_Cancelled { background-color: #e11e21; padding: 5px; text-align: right; color: #fff; padding-right: 12px; } .orders_v2 .order_products_list .order_line_Cancelled .order_prod_name { color: #e11e21; } .orders_v2 .order_products_list .order_line_Cancelled .order_prod_total { background-color: #e11e21; } .orders_v2 .order_products_list ul li { } .orders_v2 .order_products_list .order_prodlist_head { text-align: center; } .orders_v2 .order_products_list .order_prodlist_head .order_prod_thumbnail { width: 40%; min-height: 25px !important; } .orders_v2 .order_products_list .order_prodlist_head .order_prod_name { width: 30%; min-height: 25px !important; } .orders_v2 .order_products_list .order_prodlist_head .order_prod_custom_name { width: 25%; min-height: 25px !important; } .orders_v2 .order_products_list .order_prodlist_head .order_prod_price { width: 10%; min-height: 25px !important; } .orders_v2 .order_products_list .order_prodlist_head .order_prod_quantity { width: 10%; min-height: 25px !important; } .orders_v2 .order_products_list .order_prodlist_head .order_prod_total { width: 10%; min-height: 25px !important; } .orders_v2 .order_products_list .order_prod_thumbnail { width: 40%; overflow: hidden; } .orders_v2 .order_products_list .order_prod_thumbnail img { max-height: 200px; max-width: 100%; border: solid 1px #E5E5E5; } .orders_v2 .order_products_list .order_prod_name { width: 60%; position: relative; float: left; text-align: left; line-height: 24px; } .orders_v2 .order_products_list .order_prod_name .custom_name { color: #2B3238; } .orders_v2 .order_products_list .order_prod_total { position: absolute; bottom: 0px; left: 80%; width: 16%; padding: 2%; background-color: #22A8E5; height: 26px; text-align: center; color: #fff; border-top-left-radius: 31px; } .orders_v2 .order_products_list .order_prod_name { width: 60%; position: relative; float: left; text-align: left; line-height: 20px; margin-top: 10px; color: #22A8E5; font-weight: bold; } .orders_v2 .order_products_list .order_prod_price { position: absolute; bottom: 0px; left: 40%; width: 20%; height: 40px; } .orders_v2 .order_products_list .order_prod_quantity { position: absolute; bottom: 0px; left: 60%; width: 20%; height: 40px; } .orders_v2 .order_container .order_show_details_but { position: relative; float: left; width: 80%; line-height: 26px; text-align: center; background-color: #22A8E5; color: #FFFFFF; } .orders_v2 .order_container .order_show_details_but:hover { text-decoration: none; background-color: #5BC2F0; } .orders_v2 .order_container .order_hide_details_but { position: relative; float: left; width: 100%; line-height: 25px; text-align: center; background-color: #22A8E5; color: #fff; } .orders_v2 .order_container .hide { display: none; } .orders_v2 .order_container .short_view_order_details { max-height: 30px; overflow: hidden; width: 76%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .orders_v2 .order_container .short_view_status_details { height: 47px; padding: 2%; width: 16%; background-color: #E11E21; line-height: 47px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .orders_v2 .order_container .short_view_prod_list_details { display: none; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .orders_v2 .reorderbutton { float: right; border: 0; background-color: #22A8E5; color: #fff; } @media only screen and (max-width: 960px) and (min-width: 480px) { .orders_v2 .reorderbutton { margin-top: 17px; } } .orders_v2 .reorderbutton:hover { background-color: #5BC2F0; } .orders_v2 .completepaymentbutton { position: absolute; left: 0px; bottom: 11px; border: 0px; background-color: #25686E; color: #fff; } .orders_v2 .completepaymentbutton:hover { background-color: #314E51; text-decoration: none; } .orders_v2 .order_fullinfo { position: relative; float: left; width: 100%; padding-bottom: 37px; } .AbortPayment { position: absolute; top: 5px; right: 9px; font-size: 19px; color: #626262 !important; cursor: pointer; } .AbortPayment .fa { display: inline-block; margin: 0px; } @media only screen and (max-width: 1200px) and (min-width: 959px) { .orders_v2 .order_container .short_view_order_details { width: 70%; } .orders_v2 .order_container .short_view_status_details { width: 22%; } .orders_v2 .order_container .order_show_details_but { width: 74%; } .orders_v2 .order_info_total { width: 23.5%; } } @media only screen and (max-width: 959px) and (min-width: 768px) { .orders_v2 .order_container .short_view_order_details { width: 60%; } .orders_v2 .order_container .short_view_status_details { width: 32%; } .orders_v2 .order_container .order_show_details_but { width: 64%; } .orders_v2 .order_info_total { width: 33.5%; } .orders_v2 .order_container .order_details { position: relative; float: left; width: 96%; padding: 2.5%; border-bottom: solid 1px #FFF; } .orders_v2 .order_f_info { position: relative; float: left; width: 50%; } .orders_v2 .order_status_container { position: absolute; top: 0; right: 0px; width: 36%; height: 20px; line-height: 20px; text-align: center; color: #fff; } .orders_v2 .order_products_list { position: relative; float: right; width: 96%; padding: 2%; } .orders_v2 .order_sort select { width: 219px; } .orders_v2 .order_toggle_filter { width: 15%; } } @media only screen and (max-width: 767px) { .orders_v2 .order_container .short_view_order_details { width: 60%; } .orders_v2 .order_container .short_view_status_details { width: 32%; } .orders_v2 .order_container .order_show_details_but { width: 64%; } .orders_v2 .order_info_total { width: 33.5%; } .orders_v2 .order_container .order_details { position: relative; float: left; width: 96%; padding: 2.5%; border-bottom: solid 1px #FFF; } .orders_v2 .order_f_info { position: relative; float: left; width: 100%; } .orders_v2 .order_status_container { position: absolute; top: 0; right: 0px; width: 36%; height: 20px; line-height: 20px; text-align: center; color: #fff; } .orders_v2 .order_products_list { position: relative; float: right; width: 96%; padding: 2%; } .orders_v2 .order_sort select { width: 219px; } .orders_v2 .order_toggle_filter { width: 12%; } .order_f_info_m { width: 50% !important; } .orders_v2 .order_products_list .order_prod_thumbnail { width: 100%; overflow: hidden; } .orders_v2 .order_products_list .order_prod_name { width: 96%; padding-left: 2%; position: relative; float: left; text-align: left; line-height: 20px; margin-top: 10px; color: #22A8E5; font-weight: bold; margin-bottom: 50px; } .orders_v2 .order_products_list .order_prod_total { position: absolute; bottom: 0px; left: 55%; width: 41%; padding: 2%; background-color: #22A8E5; height: 26px; text-align: center; color: #fff; border-top-left-radius: 31px; } .orders_v2 .orders_page_title { font-size: 30px; margin: 0px; } .orders_v2 .order_toggle_filter { position: relative; float: right; width: 13.6%; padding-left: .5%; padding-right: .5%; margin: 1%; height: 48px; text-align: center; text-decoration: none; color: #2B3238; line-height: 48px; vertical-align: middle; } .orders_v2 .order_sort { width: 50%; } .orders_v2 .order_sort select { width: 93%; height: 40px; margin-bottom: 10px; } .orders_v2 .order_page_select_container .order_page_state { position: relative; float: left; width: 129px; height: 30px; line-height: 30px; vertical-align: middle; text-align: center; margin: 2px; background-color: #E5E5E5; color: #828080; border: 0px; padding: 0px; font-size: 20px; } .orders_v2 .order_page_select_container .order_page_but { position: relative; float: left; width: 74px; height: 30px; line-height: 20px; vertical-align: middle; text-align: center; margin: 2px; background-color: #E5E5E5; color: #828080; border: 0px; padding: 0px; font-size: 20px; } .orders_v2 .order_txt { display: none; } .orders_v2 .order_info_total { width: 33.5%; padding-left: 1%; padding-right: 1.5%; min-height: 35px; padding-top: 3px; text-align: right; background-color: #2B3238; color: #fff; font-size: 13px; z-index: 2; line-height: 30px; } .orders_v2 .order_container .order_show_details_but { line-height: 38px; } .orders_v2 .order_q_info .order_title { font-size: 20px; } .orders_v2 .orders_halfrow { position: relative; float: left; margin-bottom: 10px; background-color: transparent; width: 100%; } } @media only screen and (max-width: 480px) { .orders_v2 .orders_page_title { width: 100%; padding: 0px; text-align: center; } .orders_v2 .order_toggle_filter { width: 98%; padding: 0px; } .orders_v2 .order_page_select_container .order_page_but { width: 45px; height: 35px; } .orders_v2 .order_page_select_container .order_page_state { width: 90px; height: 35px; line-height: 35px; } .orders_v2 .order_container .short_view_status_details { position: relative; width: 96%; height: 20px; line-height: 30px; margin-bottom: -3px } .orders_v2 .order_container .order_show_details_but { width: 100%; margin-top: 38px; } .orders_v2 .order_info_total { width: 100%; padding: 0px; min-height: 35px; bottom: 38px; text-align: center; line-height: 35px; } .orders_v2 .order_products_list .order_prod_total { height: 33px; } .orders_v2 .order_container .short_view_order_details { max-height: 41px; } .orders_v2 .order_status_container { position: relative; width: 100%; } } #order_details_v2 { position: relative; float: left; width: 100%; } #order_details_v2 .od_row { position: relative; float: left; width: 100%; background: #fff; margin-bottom: 10px; } #order_details_v2 .od_half_row { position: relative; float: left; width: 50%; } #order_details_v2 .od_p5_row { position: relative; float: left; width: 20%; } #order_details_v2 .od_row_formating { position: relative; float: left; box-sizing: border-box; padding: 15px; min-height: 50px; } #order_details_v2 .od_title { font-size: 24px; line-height: 30px; color: #22A8E5; } #order_details_v2 .od_print_button { position: relative; border: none; float: right; width: 145px; height: 30px; margin-left: 10px; line-height: 30px; text-align: center; background: #306794; font-size: 15px; font-weight: bold; color: #fff; } #order_details_v2 .od_pdf_button { position: relative; border: none; float: right; width: 145px; height: 30px; line-height: 30px; text-align: center; background: #BD1F2C; font-size: 15px; font-weight: bold; color: #fff; } #order_details_v2 .od_status { position: relative; float: right; width: 300px; height: 30px; text-align: center; background: #BD1F2C; font-size: 14px; line-height: 30px; color: #fff; margin-left: 1px; } #order_details_v2 .completepaymentbutton { position: relative; float: left; border: 0px; background-color: #F55A2A; color: #fff; margin-bottom: 5px; } #order_details_v2 .completepaymentbutton:hover { background-color: #B3421F; text-decoration: none; } #order_details_v2 .od_info_box { position: relative; float: left; margin: 0px; } #order_details_v2 .od_info_box .od_info_title { color: #22A8E5; font-weight: bold; font-size: 15px; margin-bottom: 8px; } #order_details_v2 .od_info_box .od_info { margin-bottom: 5px; } #order_details_v2 .od_field_title { color: #9E9E9E; font-weight: bold; } #order_details_v2 .od_main_info { } #order_details_v2 .od_billing { } #order_details_v2 .od_shipping { } #order_details_v2 .od_payment { } #order_details_v2 .od_delivery { } #order_details_v2 .od_shipping_time { } #order_details_v2 .od_billing.od_deliver_time { } #order_details_v2 .od_weight { } #order_details_v2 .od_products_title, #order_details_v2 .od_notes_title { position: relative; float: left; width: 100%; margin-bottom: 10px; font-size: 16px; color: #22A8E5; } #order_details_v2 .od_products_container { position: relative; float: left; width: 100%; box-sizing: border-box; padding: 10px; padding-bottom: 0px; background: #F0EEEE; } #order_details_v2 .od_products_container .od_product_box { position: relative; float: left; width: 100%; box-sizing: border-box; background: #FFFFFF; margin-bottom: 10px; padding: 15px; } #order_details_v2 .od_product_box .od_field_title { color: #22A8E5; font-weight: bold; } #order_details_v2 .od_products_container .od_product_box .od_product_thumb { position: relative; float: left; width: 36%; min-height: 200px; background: #F0EEEE; background-repeat: no-repeat; background-size: contain; background-position: center; border: solid 10px #F0EEEE; } #order_details_v2 .od_products_container .od_product_box .od_product_general, #order_details_v2 .od_products_container .od_product_box .od_product_download { position: relative; float: right; width: 58%; margin-bottom: 20px; font-size: 13px; } #order_details_v2 .od_products_container .od_product_box .od_product_name { font-size: 15px; margin-bottom: 10px; color: #22A8E5; } #order_details_v2 .od_products_container .od_product_box .od_product_info { margin-bottom: 10px; } #order_details_v2 .od_products_container .od_product_box .od_product_price { position: absolute; bottom: 0px; left: 41%; padding: 16px; font-size: 16px; } #order_details_v2 .od_products_container .od_product_box .od_product_quantity { position: absolute; bottom: 0px; left: 65%; padding: 16px; font-size: 16px; } #order_details_v2 .od_products_container .od_product_box .od_product_total { position: absolute; bottom: 0px; right: 0px; padding: 14px; font-size: 16px; background: #22A8E5; color: #fff; border-top-left-radius: 20px; padding-left: 20px; } #order_details_v2 .od_reorder { position: relative; float: left; width: 100%; margin-top: 10px; } #order_details_v2 .od_reorder .od_reorder_button { position: relative; float: right; border: none; padding: 10px; padding-left: 20px; padding-right: 20px; background: #22A8E5; color: #fff; font-size: 14px; } #order_details_v2 .od_total { position: relative; float: left; width: 100%; background: #F0EEEE; margin-bottom: 5px; box-sizing: border-box; } #order_details_v2 .od_total_title { position: relative; float: left; padding: 10px; font-size: 16px; text-align: right; width: 50%; padding-left: 0px; padding-right: 0px; } #order_details_v2 .od_total_value { position: relative; float: left; padding: 10px; font-size: 16px; text-align: right; width: 48%; padding-left: 0px; padding-right: 2%; } #order_details_v2 .od_order_total { position: relative; float: left; width: 100%; background: #22A8E5; margin-bottom: 5px; box-sizing: border-box; color: #fff; } #order_details_v2 .od_order_total .od_total_title { } #order_details_v2 .od_order_total .od_total_value { font-size: 20px; } #order_details_v2 .od_notes { position: relative; float: left; width: 100%; } #order_details_v2 .od_notes_info { position: relative; float: left; width: 100%; margin-bottom: 5px; } #order_details_v2 .order_Pending { background-color: #196EA9; } #order_details_v2 .order_Processing { background-color: #FFA600; } #order_details_v2 .order_Complete { background-color: #81DF20; } #order_details_v2 .order_Cancelled { background-color: #E11E21; } #order_details_v2 .fa { margin-right: 5px; display: inline; } @media only screen and (max-width: 959px) and (min-width: 768px) { #order_details_v2 .od_products_container .od_product_box .od_product_quantity { left: 60%; } } @media only screen and (max-width: 767px) and (min-width: 480px) { #order_details_v2 .od_title { font-size: 22px; line-height: 30px; color: #22A8E5; } #order_details_v2 .od_products_container .od_product_box .od_product_price { position: absolute; bottom: 69px; left: auto; right: 0px; padding: 16px; font-size: 16px; } #order_details_v2 .od_products_container .od_product_box .od_product_quantity { position: absolute; bottom: 42px; left: auto; right: 0px; padding: 16px; font-size: 16px; } #order_details_v2 .od_products_container .od_product_box .od_product_general { position: relative; float: right; width: 50%; margin-bottom: 90px; font-size: 13px; text-align: right; } #order_details_v2 .od_products_container .od_product_box .od_product_thumb { width: 43%; } #order_details_v2 .od_status { width: 145px; } #order_details_v2 .od_row_formating { padding: 10px; } } @media only screen and (max-width: 480px) { #order_details_v2 .od_half_row { width: 100%; } #order_details_v2 .od_p5_row { width: 50%; } #order_details_v2 .od_print_button, #order_details_v2 .od_pdf_button { width: 130px; } #order_details_v2 .od_status { width: 270px; } #order_details_v2 .od_products_container .od_product_box .od_product_thumb { width: 200px; } #order_details_v2 .od_products_container .od_product_box .od_product_general { position: relative; float: left; width: 208px; margin-bottom: 87px; font-size: 13px; text-align: left; } #order_details_v2 .od_products_container .od_product_box .od_product_price { position: absolute; bottom: 60px; left: auto; right: 0px; padding: 16px; font-size: 16px; } #order_details_v2 .od_products_container .od_product_box .od_product_quantity { position: absolute; bottom: 37px; left: auto; right: 0px; padding: 16px; font-size: 16px; } #order_details_v2 .od_products_container .od_product_box .od_product_total { position: absolute; bottom: 0px; right: 0px; padding: 14px; font-size: 16px; background: #22A8E5; color: #fff; border-top-left-radius: 20px; padding-left: 20px; width: 199px; text-align: right; } } /*Symphony */ .symph_data_sources { position: relative; float: left; width: 67.5%; padding: 10px; background: #F0F0F0; margin-bottom: 10px; box-sizing: border-box; border-radius: 5px; border: solid 1px #ccc; } .symph_data_sources .title { position: relative; float: left; width: 100%; margin-bottom: 5px; padding-bottom: 5px; border-bottom: solid 1px #ccc; color: #009fff; } .symph_data_sources ul { position: relative; float: left; width: 100%; box-sizing: border-box; padding: 10px; margin-bottom: 5px; border-radius: 5px; } .symph_data_sources .symph_data_sources_head { } .symph_data_sources .symph_data_sources_list { border: solid 1px #ccc; background: #e1e1e1; } .symph_data_sources ul li { position: relative; float: left; box-sizing: border-box; } .symph_data_sources ul .id { width: 10%; } .symph_data_sources ul .headers { width: 54%; margin-right: 1%; } .symph_data_sources ul .headers ul { margin: 0px; padding: 0px; width: 100%; } .symph_data_sources ul .headers ul li { padding: 5px; margin: 2px; border: solid 1px #ccc; background: #F0F0F0; border-radius: 4px; } .symph_data_sources ul .info { width: 30%; margin-left: 4%; } .symph_data_sources ul .info ul { margin: 0px; padding: 0px; } .symph_data_sources ul .info ul li { margin-bottom: 10px; color: #009fff; width: 100%; } .symph_data_sources ul .delete_data_source { position: absolute; bottom: 5px; right: 5px; } .symph_data_sources ul .delete_data_source a { position: relative; float: right; padding: 5px; background: #009fff; color: #fff; margin-left: 5px; margin-top: -5px; } .symph_data_sources ul .delete_data_source a:hover { text-decoration: none; background: #0066A3; } .symph_data_sources .symph_data_source_upload { position: relative; float: left; width: 100%; box-sizing: border-box; padding: 0px; padding-top: 5px; margin-top: 10px; text-align: right; border-top: solid 1px #ccc; } .symph_data_sources .symph_data_source_upload .upload_csv_submit { position: relative; float: right; padding: 6px; background: #009fff; color: #fff; margin-left: 5px; margin-top: 3px; border: none; } .symph_data_sources .symph_data_source_upload .upload_csv_submit:hover { text-decoration: none; background: #0066A3; } .symph_actions { position: relative; float: right; width: 31.5%; padding: 10px; background: #F0F0F0; margin-bottom: 10px; box-sizing: border-box; border-radius: 5px; border: solid 1px #ccc; } .symph_actions .title { position: relative; float: left; width: 100%; margin-bottom: 5px; padding-bottom: 5px; border-bottom: solid 1px #ccc; color: #009fff; } .symph_actions ul { position: relative; float: left; width: 100%; box-sizing: border-box; padding: 10px; margin-bottom: 5px; border-radius: 5px; } .symph_actions .symph_actions_head { } .symph_actions .symph_actions_list { border: solid 1px #ccc; background: #e1e1e1; padding-bottom: 5px; } .symph_actions ul li { position: relative; float: left; box-sizing: border-box; } .symph_actions ul .id { width: 15%; } .symph_actions ul .type { width: 65%; } .symph_actions ul .symph_options { width: 20%; text-align: right; } .symph_actions ul .symph_options a { position: relative; float: right; padding: 5px; background: #009fff; color: #fff; margin-left: 5px; margin-top: -5px; } .symph_actions ul .symph_options a:hover { text-decoration: none; background: #0066A3; } .symph_editor { position: relative; float: right; width: 100%; padding: 10px; background: #F0F0F0; margin-bottom: 10px; box-sizing: border-box; border-radius: 5px; border: solid 1px #ccc; padding-top: 46px; } .symph_editor .controls { position: absolute; top: 11px; right: 11px; } .symph_editor .symph_button { position: relative; float: left; margin-left: 5px; padding: 8px; background: #009fff; color: #fff; border: none; } .symph_editor .symph_button:hover { text-decoration: none; background: #0066A3; } .symph_editor .iFrameSquireEditor { box-sizing: border-box; } .symph_editor .mapping_container { position: absolute; top: 11px; left: 11px; } .symph_editor .mapping_container button { padding: 8px; margin-right: 10px; background: #009FFF; color: #FFF; border: none; } .symph_editor .mapping_container button:hover { text-decoration: none; background: #0066A3; } .symph_editor .top_options { position: relative; float: left; width: 100%; text-align: center; margin-top: 10px; margin-bottom: 10px; box-sizing: border-box; border: solid 1px #ccc; padding: 5px; background: #F0F0F0; border-radius: 5px; } .symph_editor .subject_line { position: relative; float: left; width: 33%; } .symph_editor .sender_email { position: relative; float: left; width: 33%; margin-left: .5%; margin-right: .5%; } .symph_editor .destination_email { position: relative; float: left; width: 33%; } .symph_editor .subject_line input { width: 90%; margin-top: 5px; margin-bottom: 5px; border: solid 1px #e1e1e1; } .symph_editor .sender_email input { width: 90%; margin-top: 5px; margin-bottom: 5px; border: solid 1px #e1e1e1; } .symph_editor .destination_email select { padding: 7px; width: 95%; margin-top: 5px; margin-bottom: 5px; border: solid 1px #e1e1e1; } .symph_editor .symph_triggers { position: relative; float: left; width: 70%; text-align: center; margin-top: 10px; margin-bottom: 10px; box-sizing: border-box; border: solid 1px #ccc; padding: 8px; padding-left: 18px; padding-right: 18px; background: #ECECEC; border-radius: 5px; margin-left: 15%; } .symph_editor .symph_triggers h3 { position: relative; float: left; width: 100%; padding-bottom: 5px; margin-bottom: 13px; border-bottom: solid 1px #ccc; } .symph_editor .symph_triggers .editor-label { position: relative; float: left; padding: 8px; width: 15%; box-sizing: border-box; text-align: left; height: 34px; margin-bottom: 5px; } .symph_editor .symph_triggers .editor-field { position: relative; float: left; padding: 0px; width: 85%; box-sizing: border-box; height: 34px; margin-bottom: 5px; text-align: left; } .symph_editor .symph_triggers .editor-field input { width: 100%; box-sizing: border-box; border: solid 1px #ccc; } .symph_editor .symph_triggers .t-formatted-value { position: absolute; padding: 8px; } .placeHolderMappingSelector { max-width: 455px; } .symph_editor .symph_triggers_sms { position: relative; float: right; width: 73.5%; text-align: center; margin-top: 10px; margin-bottom: 10px; box-sizing: border-box; border: solid 1px #ccc; padding: 8px; padding-left: 18px; padding-right: 18px; background: #ECECEC; border-radius: 5px; min-height: 323px; margin-right: 2%; } .symph_editor .symph_triggers_sms h3, .symph_editor .dest_header h3, .symph_editor .sms_template h3 { position: relative; float: left; width: 100%; padding-bottom: 5px; margin-bottom: 13px; border-bottom: solid 1px #ccc; } .symph_editor .symph_triggers_sms .triggers_row { position: relative; float: left; width: 100%; border: solid 1px #CCCCCC; background: #F0F0F0; box-sizing: border-box; padding: 5px; margin-bottom: 5px; padding-top: 9px; } .symph_editor .symph_triggers_sms .triggers_row .trigger_type { position: relative; float: left; width: 29%; text-align: left; line-height: 34px; padding-left: 1%; } .symph_editor .symph_triggers_sms .triggers_row .trigger_data { position: relative; float: left; width: 69%; text-align: right; } .symph_editor .symph_triggers_sms h3 img, .symph_editor .dest_header h3 img, .symph_editor .sms_template h3 img { display: none; } .symph_editor .dest_header { position: relative; float: left; width: 20.5%; margin-left: 2%; text-align: center; margin-top: 10px; margin-bottom: 10px; box-sizing: border-box; border: solid 1px #ccc; padding: 8px; padding-left: 18px; padding-right: 18px; background: #ECECEC; border-radius: 5px; } .symph_editor .dest_header select { padding: 7px; width: 100%; } .symph_editor .sms_template { position: relative; float: left; width: 20.5%; text-align: center; margin-top: 10px; margin-bottom: 10px; box-sizing: border-box; border: solid 1px #ccc; padding: 8px; padding-left: 18px; padding-right: 18px; background: #ECECEC; border-radius: 5px; margin-left: 2%; } .symph_editor .sms_template .sms_template_buttons { position: relative; float: left; width: 100%; margin-bottom: 10px; } .symph_editor .sms_template .sms_template_buttons button { padding: 8px; background: #009FFF; color: #FFF; border: none; width: 202px; } .symph_editor .sms_template .sms_template_buttons button:hover { text-decoration: none; background: #0066A3; } .symph_editor .sms_template .sms_template_text_area { position: relative; float: left; width: 100%; margin-bottom: 10px; } .symph_editor .sms_template .sms_template_text_area textarea { min-height: 101px; } .symph_editor .text-box { border: 1px solid #A9A9A9; padding: 5px; width: 80%; } .symph_editor .preview_title { position: absolute; top: 11px; left: 0px; font-size: 18px; color: #009FFF; border-bottom: solid 1px #ccc; padding-left: 15px; padding-bottom: 9px; padding-right: 70px; } .symph_editor .previewSmsItem { position: relative; display: inline-block; width: 203px; min-height: 200px; border: solid 1px #ccc; background: #fff; border-radius: 5px; margin: 20px; padding: 4px; margin-top: 30px; text-align: left; } .symph_editor #smsPreviewTarget { text-align: center; } .ui-colorpicker .ui-corner-all { display: none; } .ui-dialog .ui-dialog-buttonpane button { display: inline-block; } /*.ui-colorpicker .ui-colorpicker-ok { display: none!important;}*/ .symphonyDashboardLink { position: absolute; top: 0; left: 0; overflow: hidden; } .symphonyDashboardLink a { position: relative; float: left; padding: 5px; background: #22A8E5; color: #fff; border-bottom-right-radius: 7px; padding-right: 7px; } .symphonyDashboardLink a:hover { text-decoration: none; background-color: #5FC4F2; } .SyReportingRow { position: relative; float: left; width: 100%; box-sizing: border-box; padding: 15px; padding-bottom: 0px; border: solid 1px #22A8E5; border-bottom-width: 25px; margin-bottom: 40px; } .SyReportingDashboard { position: relative; float: left; width: 100%; background: #fff; box-sizing: border-box; padding: 20px; } .SyReportingDashboard .SyReportData { position: relative; float: left; width: 100%; background: #FFF; margin-bottom: 20px; margin-top: 10px; } .SyReportingDashboard .SyReportData .SyDownloadReprortBtn { position: relative; text-decoration: none; color: #fff; background: #264266; padding: 7px; float: left; margin-top: 5px; padding-left: 10px; padding-right: 10px; } .SyReportingDashboard .SyReportData .SyDownloadReprortBtn .fa { display: inline-block; } .SyReportingDashboard .SyData { position: relative; float: right; text-align: right; margin-left: 20px; } .SyReportingDashboard .SyData span { color: #fff; } .SyReportingDashboard h2, .SyReportingDashboard h3 { color: #555555; } .SyReportDataInner .t-alt { background-color: #EEEEEE; } .SyReportDataInner .t-header, .SyReportDataInner .t-header .t-link { color: #000000; } .SyReportDataInner .t-header, .SyReportDataInner .t-grid-header { border-color: #C4C4C4; background: #F3F3F3; } .SyReportDataInner .t-widget, .SyReportDataInner .t-input { border-color: #C4C4C4; background-color: #FFFFFF; } .SyReportDataInner .t-toolbar, .t-grouping-header, .SyReportDataInner .t-grid-pager, .t-widget .t-status { border-color: #C4C4C4; background-color: #F3F3F3; } .SyReportingDashboard h2 { position: relative; float: left; width: 100%; font-size: 14px; text-align: center; padding: 5px 0 !important } .SyDataDetails { position: absolute; bottom: -20px; right: 15px; width: 90%; } .SyReportData { overflow-x: auto; overflow-y: visible; } .SyReportingRow { overflow: hidden !important; } .SyDashboardStatus, .SyDashboardTriggerInfo { position: relative; float: left; padding: 5px; background-color: #F3F3F3; color: #555555; padding-left: 10px; margin-right: 10px; } .ToggleGraphs { position: relative; float: right; padding: 6px !important; padding-left: 12px !important; padding-right: 12px !important; height: 30px; background-color: #264266; color: #FFFFFF; border: none; box-sizing: border-box; } .SyDashboardStatus .fa, .SyDashboardTriggerInfo .fa { display: inline-block; font-size: 20px; vertical-align: middle; margin-right: 10px; color: #264266; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { box-sizing: border-box } #linechart-container, #barchart-container, #sms-linechart-container, #sms-barchart-container { height: 330px; float: left; width: 49.5%; box-sizing: border-box; padding: 10px; border: solid 1px #C4C4C4; background-color: #EEEEEE; margin-bottom: 10px; } #linechart-container, #sms-linechart-container { margin-right: 1%; } @media only screen and (max-width: 1200px) and (min-width: 960px) { #linechart-container, #barchart-container, #sms-linechart-container, #sms-barchart-container { width: 49.5%; } #linechart-container, #sms-linechart-container { margin-right: 1%; } } @media only screen and (max-width: 959px) and (min-width: 768px) { #linechart-container, #barchart-container, #sms-linechart-container, #sms-barchart-container { width: 49.5%; } #linechart-container, #sms-linechart-container { margin-right: 1%; } } @media only screen and (max-width: 767px) and (min-width: 480px) { #linechart-container, #barchart-container, #sms-linechart-container, #sms-barchart-container { width: 100%; } #linechart-container, #sms-linechart-container { margin-right: 0px; } } @media only screen and (max-width: 479px) { #linechart-container, #barchart-container, #sms-linechart-container, #sms-barchart-container { width: 100%; } #linechart-container, #sms-linechart-container { margin-right: 0px; } } #linechart-container #lineGraph, #barchart-container #barGraph, #sms-linechart-container #lineGraph, #sms-barchart-container #barGraph { float: none; display: block; margin: 0 auto; } .SyReportingGraphs { position: relative; float: left; width: 100%; margin-top: 20px; } .SyReportDataInner { position: relative; float: left; min-width: 100%; } /* Tabbed Gallery */ .TG_video_container, .DT_ME_loading { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, .5); z-index: 99999999; } .TG_video_container iframe { position: absolute; width: 60% !important; height: 60% !important; left: 20%; top: 20%; box-shadow: rgba(0, 0, 0, .5) 2px 2px 10px; } .TG_ME_loading p { position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -150px; background-color: #fff; box-shadow: rgba(0, 0, 0, .5) 2px 2px 10px; width: 300px; height: 50px; line-height: 60px; text-align: center; font-size: 18px; border-radius: 5px; } .TG_product-details-page { position: relative; float: left; width: 100%; } .TG_ME_loading .fa { display: inline-block; } .TG_product-details-page .productvariantaddtocartbutton { } .TG_product-details-page-main { position: relative; float: left; width: 100%; box-sizing: border-box; background-color: transparent; margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #ccc; padding: 5px; } .TG_product-details-info { position: relative; float: left; width: 100%; } .TG_product-essential { position: relative; float: left; width: 49%; background-color: #F9F9F9; border: solid 1px #eaeaea; box-sizing: border-box; padding: 20px; min-height: 500px; } .TG_product-collateral { position: relative; float: right; width: 50%; background-color: #F9F9F9; border: solid 1px #eaeaea; box-sizing: border-box; padding: 20px; } .TG_product-collateral .overview .add-info { position: relative; float: left; width: 100%; padding: 0px; background: transparent; border: none; margin-top: 15px; margin-bottom: 20px; font-size: 18px; font-weight: bold; } .TG_product-collateral .overview .add-info .quantityBox { border: solid 1px #ccc; text-align: center; padding-bottom: 0px; } .TG_product-collateral .overview .price { font-size: 19px; margin: 0px; margin-bottom: 0px; margin-top: 20px; } .TG_product-collateral .overview .add-info input { height: 30px; box-sizing: border-box; vertical-align: middle; font-size: 16px; padding: 0px; padding-left: 5px; padding-right: 5px; line-height: 16px; min-width: 60px !important; } .TG_product-collateral .productname { font-size: 26px; margin-bottom: 0px; } .TG_tabs_container { } .TG_tabs_container .productspec-box .title { display: none; } .TG_tab_buttons { position: relative; float: left; width: 100%; border-bottom: solid 1px #ccc; } .TG_tab_button { position: relative; float: left; text-align: center; margin-right: 1px; box-sizing: border-box; padding: 10px; background-color: #eee; border-top-left-radius: 0px; border-top-right-radius: 0px; cursor: pointer; text-decoration: none; color: #000; height: 31px; text-transform: uppercase; } .TG_tab_button:last-child { margin-right: 0px; } .TG_tab_button:hover { text-decoration: none; color: #000; } .TG_tab_content { position: relative; float: left; width: 100%; margin-bottom: 10px; font-size: 14px; line-height: 18px; box-sizing: border-box; padding: 10px; } .TG_tab_button.active { background-color: #C8C8C8; border-bottom: 0px; height: 31px; } .TG_checkout_button_container { position: relative; float: right; width: 100%; } .TG_checkout_button { position: relative; float: right; padding: 8px; padding-left: 18px; padding-right: 18px; text-transform: uppercase; color: #fff; background-color: #313743; border: none; margin-right: 10px; margin-bottom: 5px; } .TG_product-details-page .related-products-grid, .TG_product-details-page .related-products-grid .grid_12 { position: relative; float: left; width: 100%; background-color: transparent; margin-top: 0px; } .TG_product-details-page .related-products-grid, .TG_product-details-page .also-purchased-products-grid { box-sizing: border-box; padding: 0px; } .TG_product-details-page .related-products-grid .listWrapper .listItem, .TG_product-details-page .also-purchased-products-grid .listWrapper .listItem { width: 20%; margin: 0px; padding: 0px; box-sizing: border-box; } .TG_picture { position: relative; float: left; width: 98%; margin: 1%; margin-top: 10px; } .TG_bigpicture { position: relative; float: left; box-sizing: border-box; border: solid 1px #E9E9E9; padding-bottom: 55%; width: 98%; margin: 1%; margin-bottom: 0px; background-color: #eee; } .TG_bigpicture a { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background-repeat: no-repeat; background-position: center; background-size: contain; } .TG_video_button_container { position: relative; float: left; width: 98%; margin: 1%; margin-top: 0px; border: solid 1px #E9E9E9; box-sizing: border-box; border-top: 0px; } .TG_video_button { position: relative; float: left; width: 100%; box-sizing: border-box; border: none; background-color: #fff; padding: 5px; font-size: 14px; color: #9C9B9B; text-align: center; } .TG_video_button:hover { color: #F55A2A; text-decoration: none; cursor: pointer; } .TG_video_button .fa { display: inline-block; } .TG_thumbs { position: relative; float: left; width: 100%; box-sizing: border-box; border-top: 0px; } .TG_thumb_carousel { position: absolute; width: 99999px; top: 0px; left: 0px; } .TG_thumb_carousel_body { position: relative; float: left; width: 100%; overflow: hidden; } .TG_prev_button { position: absolute; left: -9px; top: 44%; font-size: 16px; cursor: pointer; } .TG_next_button { position: absolute; right: -13px; top: 44%; font-size: 16px; cursor: pointer; } .TG_prev_button .fa, .TG_next_button .fa { display: inline-block; color: #ccc; } .TG_thumb { position: relative; float: left; width: 29%; padding-bottom: 29%; margin: 2%; border: solid 1px #E9E9E9; box-sizing: border-box; background-color: #eee; } .TG_thumb a { position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; background-position: center; background-repeat: no-repeat; background-size: contain; } .TG_product-details-page .file_download_button { position: relative; float: right; padding: 5px; padding-left: 10px; padding-right: 10px; text-transform: uppercase; color: #fff; background-color: #F1592A; border: none; font-size: 12px; margin-top: 10px; margin-bottom: 10px; vertical-align: middle; } .TG_product-details-page .file_download_button img { vertical-align: middle; } .TG_product-details-page .file_download_button:hover { text-decoration: none; cursor: pointer; background-color: #DA5126; } .TG_product_review { position: relative; float: left; width: 35%; } .TG_related_products { position: relative; float: right; width: 62%; } .TG_shareWrapper { position: relative; float: right; width: 51%; background-color: transparent; box-sizing: border-box; padding: 15px; } .TG_shareWrapper .product-share-button { float: right; } .TG_product-details-page-main h1 { padding-left: 20px; color: #000; font-size: 30px; } @media only screen and (min-width: 1200px) { } @media only screen and (max-width: 1200px) and (min-width: 960px) { .TG_product-details-page .related-products-grid .listWrapper .listItem, .TG_product-details-page .also-purchased-products-grid .listWrapper .listItem { width: 25%; } } @media only screen and (max-width: 959px) and (min-width: 768px) { .TG_product-details-page .related-products-grid .listWrapper .listItem, .TG_product-details-page .also-purchased-products-grid .listWrapper .listItem { width: 25%; } .TG_product-essential { width: 49%; } .TG_product-collateral { width: 50%; } .TG_product_review { width: 100%; margin-top: 20px; } .TG_related_products { width: 100%; margin-top: 20px; } .TG_product-collateral .prices-table td { position: relative; float: left; width: 100%; } .TG_product-collateral .prices-table td table { border-bottom: solid 1px #EEE; } .TG_product-collateral .prices-table tr { width: 100%; } .TG_product-collateral .prices-table td tr { position: relative; float: left; width: 50%; } } @media only screen and (max-width: 767px) and (min-width: 480px) { .TG_product-essential { width: 100%; } .TG_product-collateral { width: 100%; margin-top: 10px; } .TG_product_review { width: 100%; } .TG_related_products { width: 100%; } .TG_product-details-page .related-products-grid .listWrapper .listItem, .TG_product-details-page .also-purchased-products-grid .listWrapper .listItem { width: 50%; } .TG_shareWrapper { width: 100%; } } @media only screen and (max-width: 479px) { .TG_product-essential { width: 100%; padding: 5px; } .TG_product-collateral { width: 100%; margin-top: 10px; padding: 5px; } .TG_product_review { width: 100%; } .TG_related_products { width: 100%; } .TG_product-details-page .related-products-grid .listWrapper .listItem, .TG_product-details-page .also-purchased-products-grid .listWrapper .listItem { width: 50%; } .TG_shareWrapper { width: 100%; } .TG_tab_content { padding-left: 0px; padding-right: 0px; } } /* DynamicTabs Product Landing Page */ .DT_video_container, .DT_ME_loading { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, .5); z-index: 99999999; } .DT_video_container iframe { position: absolute; width: 60% !important; height: 60% !important; left: 20%; top: 20%; box-shadow: rgba(0, 0, 0, .5) 2px 2px 10px; } .DT_ME_loading p { position: absolute; top: 50%; left: 50%; margin-top: -25px; margin-left: -150px; background-color: #fff; box-shadow: rgba(0, 0, 0, .5) 2px 2px 10px; width: auto; height: 50px; line-height: 60px; text-align: center; font-size: 18px; border-radius: 5px; padding-left: 25px; padding-right: 25px; max-width: 90%; } .DT_product-details-page { position: relative; float: left; width: 100%; } .DT_ME_loading .fa { display: inline-block; } .DT_product-details-page .productvariantaddtocartbutton { width: 0px; padding: 0px; height: 0px; overflow: hidden; } .DT_product-details-page-main { position: relative; float: left; width: 100%; box-sizing: border-box; background-color: #fff; padding: 15px; margin-bottom: 20px; } .DT_product-details-info { position: relative; float: left; width: 100%; } .DT_product-essential { position: relative; float: left; width: 40%; } .DT_product-collateral { position: relative; float: right; width: 58%; box-sizing: border-box; padding-right: 10px; } .DT_product-collateral .overview .add-info { position: relative; float: left; width: 100%; padding: 0px; background: transparent; border: none; margin-top: 15px; margin-bottom: 20px; font-size: 18px; font-weight: bold; } .DT_product-collateral .overview .add-info .quantityBox { border: solid 1px #ccc; padding: 2px; text-align: center; padding-bottom: 0px; } .DT_product-collateral .overview .price { font-size: 24px; margin: 0px; margin-bottom: 0px; } .DT_product-collateral .productname { font-size: 26px; margin-bottom: 0px; } .DT_tabs_container { } .DT_tabs_container .productspec-box .title { display: none; } .DT_tab_buttons { position: relative; float: left; width: 100%; border-bottom: solid 2px #E9E9E9; } .DT_tab_button { position: relative; float: left; width: 33%; text-align: center; margin-right: 0.5%; box-sizing: border-box; padding: 10px; background-color: #eee; border-top-left-radius: 10px; border-top-right-radius: 10px; cursor: pointer; text-decoration: none; color: #000; height: 31px; } .DT_tab_button:last-child { margin-right: 0px; } .DT_tab_button:hover { text-decoration: none; color: #000; } .DT_tab_content { position: relative; float: left; width: 100%; margin-top: 15px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: solid 1px #EEE; font-size: 14px; line-height: 18px; } .DT_tab_button.active { background-color: #fff; margin-bottom: -2px; border: solid 2px #E9E9E9; border-bottom: 0px; height: 33px; } .DT_checkout_button_container { position: relative; float: right; width: 50%; } .DT_checkout_button { position: relative; float: right; padding: 8px; padding-left: 18px; padding-right: 18px; text-transform: uppercase; color: #fff; background-color: #313743; border: none; margin-right: 10px; margin-bottom: 5px; } .DT_product-details-page .related-products-grid, .DT_product-details-page .related-products-grid .grid_12 { position: relative; float: left; width: 100%; background-color: #fff; margin-top: 0px; } .DT_product-details-page .related-products-grid, .DT_product-details-page .also-purchased-products-grid { box-sizing: border-box; padding: 15px; } .DT_product-details-page .related-products-grid .listWrapper .listItem, .DT_product-details-page .also-purchased-products-grid .listWrapper .listItem { width: 20%; margin: 0px; padding: 10px; box-sizing: border-box; } .DT_picture { position: relative; float: left; width: 100%; } .DT_bigpicture { position: relative; float: left; box-sizing: border-box; border: solid 2px #E9E9E9; padding-bottom: 80%; width: 95%; margin: 2%; margin-bottom: 0px; } .DT_bigpicture a { position: absolute; top: 10px; left: 10px; right: 10px; bottom: 10px; background-repeat: no-repeat; background-position: center; background-size: contain; } .DT_video_button_container { position: relative; float: left; width: 95%; margin: 2%; margin-top: 0px; border: solid 2px #E9E9E9; box-sizing: border-box; border-top: 0px; } .DT_video_button { position: relative; float: left; width: 100%; box-sizing: border-box; border: none; background-color: #fff; padding: 5px; font-size: 14px; color: #9C9B9B; text-align: center; } .DT_video_button:hover { color: #F55A2A; text-decoration: none; cursor: pointer; } .DT_video_button .fa { display: inline-block; } .DT_thumbs { position: relative; float: left; width: 100%; box-sizing: border-box; border-top: 0px; } .DT_thumb_carousel { position: absolute; width: 99999px; top: 0px; left: 0px; } .DT_thumb_carousel_body { position: relative; float: left; width: 100%; overflow: hidden; } .DT_prev_button { position: absolute; left: -9px; top: 44%; font-size: 16px; cursor: pointer; } .DT_next_button { position: absolute; right: -9px; top: 44%; font-size: 16px; cursor: pointer; } .DT_prev_button .fa, .DT_next_button .fa { display: inline-block; color: #ccc; } .DT_thumb { position: relative; float: left; width: 29%; padding-bottom: 29%; margin: 2%; border: solid 2px #E9E9E9; box-sizing: border-box; } .DT_thumb a { position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; background-position: center; background-repeat: no-repeat; background-size: contain; } .DT_product-details-page .file_download_button { position: relative; float: right; padding: 5px; padding-left: 10px; padding-right: 10px; text-transform: uppercase; color: #fff; background-color: #F1592A; border: none; font-size: 12px; margin-top: 10px; margin-bottom: 10px; vertical-align: middle; } .DT_product-details-page .file_download_button img { vertical-align: middle; } .DT_product-details-page .file_download_button:hover { text-decoration: none; cursor: pointer; background-color: #DA5126; } @media only screen and (min-width: 1200px) { } @media only screen and (max-width: 1200px) and (min-width: 960px) { .DT_product-details-page .related-products-grid .listWrapper .listItem, .DT_product-details-page .also-purchased-products-grid .listWrapper .listItem { width: 25%; } } @media only screen and (max-width: 959px) and (min-width: 768px) { .DT_product-essential { width: 100%; margin-bottom: 25px; } .DT_product-collateral { width: 100%; } .DT_product-details-page-main { padding: 30px; } .DT_product-details-page .related-products-grid .listWrapper .listItem, .DT_product-details-page .also-purchased-products-grid .listWrapper .listItem { width: 33%; } } @media only screen and (max-width: 767px) and (min-width: 480px) { .DT_product-essential { width: 100%; margin-bottom: 25px; } .DT_product-collateral { width: 100%; } .DT_product-details-page .related-products-grid .listWrapper .listItem, .DT_product-details-page .also-purchased-products-grid .listWrapper .listItem { width: 50%; } } @media only screen and (max-width: 479px) { .DT_product-details-page .related-products-grid .listWrapper .listItem, .DT_product-details-page .also-purchased-products-grid .listWrapper .listItem { width: 100%; } .DT_product-essential { width: 100%; margin-bottom: 25px; } .DT_product-collateral { width: 100%; } .DT_tab_button { height: 50px; } .DT_tab_button.active { height: 52px; } } .continueshoppingbutton, .checkoutbutton { box-sizing: border-box; height: 28px; } .priceScriptInfo { font-size: 14px; margin-top: 10px; float: left; width: 100%; } .cart-item-row .productPrice { position: relative; float: left; width: 100%; } .priceScriptMessageItem { margin: 2px; } .priceScriptType_Info { display: block; } .priceScriptType_Error { color: red; padding: 2px; padding-left: 20px; padding-right: 5px; border: solid 1px red; display: inline-block; border-radius: 3px; background: url(/899116675/Handler/Static/Content/Themes/Base/images/error_ico.png); background-position: 2px 2px; background-repeat: no-repeat; background-size: 15px; } .priceScriptType_Debug { color: blue; padding: 2px; padding-left: 20px; padding-right: 5px; border: solid 1px blue; display: inline-block; border-radius: 3px; background: url(/517041803/Handler/Static/Content/Themes/Base/images/bug_ico.png); background-position: 2px 2px; background-repeat: no-repeat; background-size: 15px; } .priceScriptType_Warning { color: orange; padding: 2px; padding-left: 20px; padding-right: 5px; border: solid 1px orange; display: inline-block; border-radius: 3px; background: url(/-1821610356/Handler/Static/Content/Themes/Base/images/warning_ico.png); background-position: 2px 2px; background-repeat: no-repeat; background-size: 15px; } /* Sage Pay Enterprise PopUp*/ #SagePay_Checkout_Popup { display: none; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, .5); z-index: 99999999; overflow: auto; } #SagePay_Checkout_Popup .Sagepay-popup-container { height: auto; width: 600px; float: left; left: 50%; display: block; padding: 30px; background-color: #fff; margin-top: 30px; margin-bottom: 30px; box-shadow: rgba(0, 0, 0, .5) 1px 1px 5px; border-radius: 5px; position: relative; margin-left: -330px; } #SagePay_Checkout_Popup .Sagepay-popup-container .SagePay_header { position: relative; float: left; width: 100%; } #SagePay_Checkout_Popup .Sagepay-popup-container .SagePay_header .sp_logo { width: 150px; float: left; max-width: 50%; } #SagePay_Checkout_Popup .Sagepay-popup-container .SagePay_header .storefront_logo { float: left; max-width: 100%; } #SagePay_Checkout_Popup .Sagepay-popup-container #paymentMethodWindow { width: 600px; height: 570px; } #SagePay_Checkout_Popup .Sagepay-popup-container .SagePay_footer { width: 100%; display: block; text-align: center; border-top: solid 1px #ccc; padding-top: 10px; } #SagePay_Checkout_Popup .Sagepay-popup-container .SagePay_footer img { width: 17%; } @media only screen and (max-width: 767px) { #SagePay_Checkout_Popup .Sagepay-popup-container #paymentMethodWindow { width: 100%; height: 687px; } #SagePay_Checkout_Popup .Sagepay-popup-container { height: auto; width: 90%; float: none; left: 0px; display: block; padding: 5px; margin: 10px auto; padding-bottom: 90px; } } /*Unpaid Order Banner*/ #unpaidOrdersBanner { position: fixed; bottom: -7px; right: 10px; left: 10px; padding: 20px; z-index: 100; border-radius: 5px; box-shadow: rgba(0, 0, 0, .5) 1px 1px 5px; border: solid 3px #fff; padding-right: 24px; padding-left: 42px; padding-bottom: 12px; background-color: #F55A2A; text-align: left; box-sizing: border-box; font-size: 14px; -webkit-transition: all 1s linear; -moz-transition: all 1s linear; -o-transition: all 1s linear; transition: all 1s linear; } #unpaidOrdersBanner .fa { display: inline-block; position: absolute; left: 10px; font-size: 26px; top: 50%; margin-top: -13px; color: #fff; } .close_popup_link_container a { position: absolute; top: -2px; right: -2px; width: 20px; height: 13px; max-width: 80%; background-color: #fff; text-align: center; font-weight: bold; border-bottom-left-radius: 5px; font-size: 18px; padding-bottom: 10px; } @media only screen and (max-width: 767px) { .prices-table td { position: relative; width: 100%; } .prices-table td table { border-bottom: solid 1px #EEE; } .prices-table tr { width: 100%; } .prices-table td tr { position: relative; float: left; width: 50%; } } /*Awesomplete*/ [hidden] { display: none; } .visually-hidden { position: absolute; clip: rect(0, 0, 0, 0); } div.awesomplete { display: block; position: relative; } div.awesomplete > input { display: block; } .awesomplete-popup { z-index: 10; box-sizing: border-box; list-style: none; padding: 0; border-radius: .3em; margin: .2em 0 0; background: hsla(0, 0%, 100%, .9); background: linear-gradient(to bottom right, white, hsla(0, 0%, 100%, .8)); border: 1px solid rgba(0, 0, 0, .3); box-shadow: .05em .2em .6em rgba(0, 0, 0, .2); text-shadow: none; } .awesomplete-popup[hidden], .awesomplete-popup:empty { display: none; } @supports (transform: scale(0)) { .awesomplete-popup { transition: .3s cubic-bezier(.4, .2, .5, 1.4); transform-origin: 1.43em -.43em; } .awesomplete-popup[hidden], .awesomplete-popup:empty { opacity: 0; transform: scale(0); display: block; transition-timing-function: ease; } } /* Pointer */ .awesomplete-popup:before { content: ""; position: absolute; top: -.43em; left: 1em; width: 0; height: 0; padding: .4em; background: white; border: inherit; border-right: 0; border-bottom: 0; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .awesomplete-popup > li { position: relative; padding: .2em .5em; cursor: pointer; } .awesomplete-popup > li:hover { background: hsl(200, 40%, 80%); color: black; } .awesomplete-popup > li[aria-selected="true"] { background: hsl(205, 40%, 40%); color: white; } .awesomplete-popup mark { background: hsl(65, 100%, 50%); } .awesomplete-popup li:hover mark { background: hsl(68, 101%, 41%); } .awesomplete-popup li[aria-selected="true"] mark { background: hsl(86, 102%, 21%); color: inherit; } /*** Category entities dialog ****/ .CategoryEntityButton { padding: 8px; margin-bottom: 7px; background-color: #445159; color: #fff; border: none; } .category-entities-dialog { max-width: 90%; max-height: 90%; padding: 0px !important; position: fixed !important; padding-top: 29px !important; box-sizing: border-box; padding-bottom: 54px !important; width: 550px !important; } .category-entities-dialog .ui-dialog-titlebar { position: absolute !important; top: 0px; left: 0px; right: 0px; background: none; background-color: #EEE; } .category-entities-dialog .category-entities { box-sizing: border-box; border: solid 1px #ccc !important; } .category-entities-dialog .category-entities button, .category-entities-dialog .category-entities input, .category-entities-dialog .category-entities select { box-sizing: border-box; padding: 4px; } .category-entities-dialog .category-entities .category-entity-value-add-area select { width: 290px; } .category-entities-dialog .category-entities .category-entity-value-add-area { position: relative; float: left; padding: 9px; border: solid 1px #ccc; width: 100%; box-sizing: border-box; background-color: #F6F6F6; } .category-entities-dialog .category-entities .category-entity-value-add-area input, .category-entities-dialog .category-entities .category-entity-value-add-area select { position: relative; float: left; margin-right: 5px; } .category-entities-dialog .category-entities .category-entity-new { position: relative; float: right; line-height: 20px; border-left: solid 1px #ccc; padding-left: 10px; } .category-entities-dialog .category-entities .category-entity-values { } .category-entities-dialog .category-entities .category-entity-value { position: relative; float: left; width: 100%; margin-top: 9px; border-bottom: solid 1px #eee; padding-bottom: 9px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; padding-left: 20px; padding-right: 20px; } .category-entities-dialog .category-entities .category-entity-value-label { position: relative; float: left; min-width: 44%; padding: 5px; } .category-entities-dialog .category-entities .category-entity-value-editor { position: relative; float: left; min-width: 52%; max-width: 100%; } .category-entities-dialog .category-entities .category-entity-delete-button { position: absolute; right: 0px; padding: 2px; } .category-entities-dialog .category-entities .category-entity-delete-button:after { font-family: FontAwesome; font-size: 14px; content: "\f014 "; } .category-entities-dialog .category-entities .category-entity-value-editor-select { width: 228px; } .category-entities-dialog .category-entities .category-entity-value-editor-text { width: 228px; } .category-entities-dialog .category-entities .category-entity-value-editor-textarea { width: 430px; } .category-entities-dialog .category-entities .category-entity-value-editor-int { } .category-entities-dialog .category-entities .category-entity-value-editor-float { } .category-entities-dialog .category-entities .category-entity-value-radio-sub { padding: 5px; } .category-entities-dialog .category-entities .category-entity-value-radio-sub label { margin-left: 10px; } .category-entities-dialog .ui-dialog-buttonpane { position: absolute !important; bottom: 0px; left: 0px; right: 0px; background: #eee; } .category-entities-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button { } .category-entities-dialog .ui-dialog-buttonpane .ui-dialog-buttonset button span { background-color: #22A8E5; color: #fff; } .category-entities-dialog .category-entities .category-entity-value-radio-sub { } @media only screen and (max-width: 767px) { .category-entities-dialog .category-entities .category-entity-value-add-area select { width: 100%; } .category-entities-dialog .category-entities .category-entity-value-editor-textarea { width: 100%; } } /* Products as gallery */ .products_slider .flex-control-thumbs li { width: 23%; float: left; margin: 1%; height: 211px; overflow: hidden; box-sizing: border-box; border: solid 1px #ccc; border-radius: 3px; display: flex; justify-content: center; align-items: center; overflow: hidden; background-color: rgba(0, 0, 0, 0.5); } .products_slider .slides { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(255, 204, 0, .9); display: none; } .products_slider.show_it .slides { position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; background-color: rgba(0, 0, 0, .8); display: initial; } .products_slider .slides, .flex-direction-nav { z-index: 1000; } .products_slider .flex-direction-nav .flex-prev, .products_slider .flex-direction-nav .flex-next { display: none; } .products_slider.show_it .flex-direction-nav .flex-prev, .products_slider.show_it .flex-direction-nav .flex-next { display: block; z-index: 1001; } .products_slider .placeholder_img { opacity: 0; } .products_slider .slider_pic_box { position: absolute; top: 50px; left: 50px; right: 50px; bottom: 60px; background-size: contain; background-repeat: no-repeat; background-position: center; border-bottom: solid 40px transparent; } .products_slider .slides li { height: 100%; } .hide_gallery_button { position: fixed; z-index: 1002; text-align: center; line-height: 22px; background: rgba(255, 255, 255, .8); top: 0px; right: 0px; display: none; color: #000; font-weight: bold; cursor: pointer; font-size: 20px; padding: 10px; padding-top: 5px; padding-right: 8px; width: 20px; height: 20px; border-bottom-left-radius: 20px; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .hide_gallery_button:hover { padding-right: 18px; } .show_it .hide_gallery_button { display: block; } .products_slider .flex-control-thumbs img { opacity: 1; min-width: 100%; min-height: 100%; display: inline-block; width: auto; max-width: 200%; max-height: 200%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; flex-shrink: 0; min-width: 100%; min-height: 100%; } .products_slider .flex-control-thumbs li:hover img { opacity: 1; min-width: 0px; min-height: 0px; display: inline; width: auto; max-width: 100%; max-height: 100%; -webkit-transition: all 0.3s linear; -moz-transition: all 0.3s linear; -o-transition: all 0.3s linear; transition: all 0.3s linear; } .products_slider .flex-direction-nav a { background-color: transparent; opacity: 1 !important; border-radius: 17px; z-index: 30; width: 20px; height: 34px; position: fixed; text-indent: 0px; color: transparent; } .products_slider .flex-direction-nav .flex-prev { left: 20px; } .products_slider .flex-direction-nav .flex-prev:before { font-family: FontAwesome; content: "\f104"; color: #fff; font-size: 50px; } .products_slider .flex-direction-nav .flex-next { right: 20px; } .products_slider .flex-direction-nav .flex-next:before { font-family: FontAwesome; content: "\f105"; color: #fff; font-size: 50px; } .products_slider .flex-control-thumbs { display: block; } /* .galleryproductlistproductdetailbutton { position: absolute; bottom: -36px; width: 100px; right: 7px; } .products_slider .slides li .prices { position: absolute; right: 120px; bottom: -28px; font-size: 20px; color:#fff; }*/ .products_slider .price_and_details { position: absolute; bottom: -50px; right: 0px; } .products_slider .price_and_details .prices { position: relative; float: left; color: #fff; font-size: 20px; padding: 8px; } .products_slider .prod_title { position: absolute; bottom: -50px; left: 0px; max-width: 50%; font-size: 18px; padding: 8px; color: #fff; } .products_slider .description { position: absolute; bottom: -0px; left: 0px; max-width: 50%; font-size: 18px; padding: 8px; color: #fff; } .products_slider .flex-control-thumbs li { position: relative; } .products_slider .flex-control-thumbs img { position: absolute; transform: translate(-50%, -50%); display: block; top: 50%; left: 50%; } .products_slider .flex-control-thumbs { display: block; position: relative; float: left; width: 100%; } .products_slider.show_it .slides { z-index: 1000; } .products_slider.show_it .slides { display: block; } .generalPageWrapper, footer { float: left; width: 100%; } .products_slider .flex-control-thumbs li { width: 18%; margin: 1%; height: 180px; border: solid 1px #000; } .products_slider .flex-control-thumbs li .FS_thumb_title { position: absolute; z-index: 1; bottom: 0px; left: 0px; right: 0px; text-align: center; padding: 5px; background-color: rgba(0, 0, 0, .5); color: #fff; text-shadow: rgba(0, 0, 0, .8) 1px 1px 3px; } .products_slider .flex-control-thumbs { display: block; position: relative; float: left; width: 100%; margin-top: 0px; top: 0px; } @media only screen and (max-width: 1200px) and (min-width: 960px) { .products_slider .flex-control-thumbs li { width: 18%; margin: 1%; height: 172px; border: solid 1px #000; } } @media only screen and (max-width: 959px) and (min-width: 768px) { .products_slider .flex-control-thumbs li { width: 21%; margin: 2%; height: 160px; border: solid 1px #000; } } @media only screen and (max-width: 767px) and (min-width: 480px) { .products_slider .flex-control-thumbs li { width: 29.3%; margin: 2%; height: 133px; border: solid 1px #000; } } @media only screen and (max-width: 479px) { .products_slider .flex-control-thumbs li { width: 46%; margin: 2%; height: 139px; border: solid 1px #000; } } /* Telerik functionality fix */ .t-widget.t-grid { max-width: 100%; overflow: auto; } /* Reviews New functionality */ .last_ratings { display: block; padding: 10px; margin-bottom: 10px; border: solid 1px #ccc; background: #F7F7F7; position: relative; float: left; width: 100%; box-sizing: border-box; } .last_ratings .rating_stars { margin-bottom: 5px; } .last_ratings .review_title { margin-bottom: 5px; } .last_ratings .review_text { margin-bottom: 5px; } .last_ratings .review_details { float: left; } .last_ratings .review_helpfull { float: right; } .product-reviews-overview .fa, .last_ratings .fa, .rating_stars .fa, .product-reviews-overview .fas, .last_ratings .fas, .rating_stars .fas{ display: inline-block; margin: 0px; color: #22A8E5; font-size: 15px; } .review_star_box .fa { display: inline-block; margin: 6px; color: #22A8E5; font-size: 18px; } .review_star_box .fa:hover { } .review_star_box .fa:hover { } .rating_stars span { margin-right: 5px; } .ratingtable { position: relative; float: left; width: 100%; max-width: none; } .ratingtable .title { position: relative; float: left; width: 100%; font-size: 20px; margin-bottom: 13px; } .ratingtable .review_row { position: relative; float: left; width: 100%; margin-bottom: 10px; } .ratingtable .input_title { position: relative; float: left; width: 20%; text-align: right; box-sizing: border-box; padding: 7px; padding-right: 24px; min-width: 100px; } .ratingtable .input_field { position: relative; float: left; width: 80%; } .ratingtable .input_field input, .ratingtable .input_field textarea { box-sizing: border-box; width: 100% !important; padding: 7px; } .review_star_box input { display: none; } .review_star_box input + label .fa-star { display: inline-block; } .review_star_box input + label .fa-star-o { display: none; } .review_star_box input:checked ~ label .fa-star { display: none; } .review_star_box input:checked ~ label .fa-star-o { display: inline-block; } .review_star_box input:checked + label .fa-star { display: inline-block; } .review_star_box input:checked + label .fa-star-o { display: none; } .ratingtable .input_field .productwritereviewbutton { width: auto !important; } .ratingtable .input_field .review_star_box { position: relative; float: left; } @media only screen and (max-width: 767px) { .ratingtable .input_field { width: 100%; } .ratingtable .input_title { width: 100%; text-align: left; } } .product-review-item .review-title { position: relative; float: left; margin-bottom: 5px; } .product-review-item .rating_stars { position: relative; float: right; } .product-review-item .review-text { margin-bottom: 10px; padding-top: 10px; border-top: solid 1px #DCDCDC; } .last_ratings .review_text input { display: none; } .last_ratings .review_text input + label span { color: #22A8E5; cursor: pointer; } .last_ratings .review_text input + label + span { display: none; } .last_ratings .review_text input:checked + label { display: none; } .last_ratings .review_text input:checked + label + span { display: initial; } .product-review-item .review_info { position: relative; float: left; } .product-review-item .product-review-helpfulness { position: relative; float: right; } .show_all_reviews { position: relative; float: right; } /* Category Page With Subcategory Products */ .auto_scroll_up_btn { position: fixed; bottom: 50px; right: 15px; display: block; width: 30px; text-align: center; padding: 5px; background: rgba(0, 0, 0, .5); border-radius: 5px; color: #fff !important; text-decoration: none !important; display: none; z-index: 20; } .auto_scroll_up_btn .fa { display: inline-block; margin: 0px; font-size: 34px; } .auto_scroll_up_btn span { display: none; } .allProductsCategoriesWrapper .subcat-cont { position: relative; float: left; width: 100%; } .allProductsCategoriesWrapper .subcat-cont .listItem { position: relative; float: left; width: 50%; margin: 0px; box-sizing: border-box; background: #eee; } .allProductsCategoriesWrapper .subcat-cont .listWrapper { position: relative; float: left; width: 100%; } .allProductsCategoriesWrapper .subcat-cont .subcat-box { position: relative; float: left; width: 100%; } .allProductsCategoriesWrapper .subcat-cont .listItem:nth-child(even) { background: #fff; } .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-top { position: relative; float: left; width: 100%; height: 0px; padding-bottom: 50%; background-size: cover; background-position: center; } .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont { position: relative; float: left; width: 100%; border: solid 1px #ccc; } .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box { position: relative; float: left; width: 33.333%; height: 0; padding-bottom: 40%; overflow: hidden; border: solid 1px #ccc; border-left: 0px; margin-bottom: -1px; box-sizing: border-box; } .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box:hover { background-color: rgba(0, 0, 0, .1); } .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .subcat-product-image { position: absolute; top: 5%; bottom: 35%; left: 5%; right: 5%; overflow: hidden; background-position: center; background-size: contain; background-repeat: no-repeat; } .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .subcat-product-image img { opacity: 0; position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; width: 100%; height: 100%; } .allProductsCategoriesWrapper .subcat-cont .listItem .subcat-top .subcat-title { position: absolute; right: 5%; text-align: left; left: 5%; font-size: 75px; line-height: 75px; bottom: 28%; color: #fff; white-space: nowrap; text-overflow: ellipsis; text-shadow: rgba(0, 0, 0, .5) 1px 1px 3px; } .allProductsCategoriesWrapper .subcat-cont .listItem .subcat-top .subcat-title a { color: #fff; text-decoration: none; } .allProductsCategoriesWrapper .subcat-cont .listItem .subcat-top .subcat-desc { position: absolute; right: 5%; text-align: left; left: 5%; font-size: 16px; line-height: 19px; top: 72%; color: #fff; text-shadow: rgba(0, 0, 0, .5) 1px 1px 3px; } .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .subcat-product-title { position: absolute; bottom: 60px; width: 100%; left: 0px; } .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .subcat-product-title a { position: relative; float: left; text-align: center; margin-left: 5%; white-space: nowrap; -moz-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 15px; width: 90%; } .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .subcat-product-description { display: none; } .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .prod_price { position: absolute; bottom: 41px; width: 100%; text-align: center; font-size: 15px; color: #22A8E5; } .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .qty_input { display: inline-block; width: 30px; padding: 5px; margin-right: -10px; margin-left: 3px; border: solid 1px #CCCCCC; } .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .button_box { position: absolute; bottom: 8px; left: 5px; right: 5px; text-align: center; } .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .button_box .subcat-product-more { display: inline-block; padding: 7px; margin: 3px; box-sizing: border-box; background: #22A8E5; font-size: 11px; color: #fff; cursor: pointer; text-decoration: none; border: none; } .allProductsCategoriesWrapper .category-products { position: relative; float: left; width: 100%; } .allProductsCategoriesWrapper .category-products h1 { position: relative; float: left; width: 100%; text-align: center; box-sizing: border-box; padding: 15px; background: #26353C; color: #fff; font-size: 24px; line-height: 26px; margin-bottom: 1px; } .allProductsCategoriesWrapper .category-products h1 .fa { display: inline-block; } .allProductsCategoriesWrapper .category-products .product-item-large { position: relative; float: left; width: 100%; margin-top: 10px; } .allProductsCategoriesWrapper .category-products .product-item-large:hover { } .allProductsCategoriesWrapper .category-products .product-item-large .picture-area { position: absolute; left: 0; top: 0; right: 50%; bottom: 0; overflow: hidden; background: #26353C; } .allProductsCategoriesWrapper .category-products .product-item-large:nth-child(even) .picture-area { right: 0px; top: 0px; left: 50%; bottom: 0px; } .allProductsCategoriesWrapper .category-products .product-item-large .picture-area .picture { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; } .allProductsCategoriesWrapper .category-products .product-item-large .picture-area .flex-direction-nav a { width: 50%; height: 100%; margin: 0px; display: block; position: absolute; top: 0px; bottom: 0px; cursor: pointer; background: none; text-indent: -9999px; opacity: 1; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; transition: all .3s ease; z-index: 3; } .allProductsCategoriesWrapper .category-products .product-item-large .picture-area .flex-direction-nav .flex-prev { left: 0px; } .allProductsCategoriesWrapper .category-products .product-item-large .picture-area .flex-direction-nav .flex-next { right: 0px; } .allProductsCategoriesWrapper .category-products .product-item-large .picture-area .flex-direction-nav a:hover { } .allProductsCategoriesWrapper .category-products .product-item-large .picture-area .picture .flex-control-thumbs { margin: 0; position: absolute; overflow: hidden; bottom: 2px; width: 100%; text-align: center; z-index: 4; display: block; } .allProductsCategoriesWrapper .category-products .product-item-large .picture-area .picture .flex-control-thumbs li { display: inline-block; width: 10px; height: 10px; overflow: hidden; margin: 5px; border-radius: 10px; float: none; } .allProductsCategoriesWrapper .category-products .product-item-large .picture-area .product_pictures_slider { position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; } .allProductsCategoriesWrapper .category-products .product-item-large .picture-area .slides { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .allProductsCategoriesWrapper .category-products .product-item-large .picture-area .slides li { text-align: center; max-height: 100%; height: 100%; } .allProductsCategoriesWrapper .category-products .product-item-large .picture-area .slides li img.prop_img { display: inline-block; max-width: 94%; max-height: 87%; margin: 2%; } .allProductsCategoriesWrapper .category-products .product-item-large .picture-area .slides li span.fake_img { position: absolute; top: 0; left: 0; right: 0; bottom: 0; background-size: cover; background-position: center; display: none; } .allProductsCategoriesWrapper .category-products .product-item-large .info-area { position: relative; float: right; width: 50%; padding: 2%; box-sizing: border-box; background: #eee; min-height: 300px; } .allProductsCategoriesWrapper .category-products .product-item-large:nth-child(even) .info-area { float: left; background: #eee; } .allProductsCategoriesWrapper .category-products .product-item-large .info-area .product-title { position: relative; float: left; width: 100%; } .allProductsCategoriesWrapper .category-products .product-item-large .info-area .product-title a { color: #22A8E5; } .allProductsCategoriesWrapper .category-products .product-item-large .info-area .description { position: relative; float: left; width: 100%; } .allProductsCategoriesWrapper .category-products .product-item-large .info-area .add-info .pricerow { position: relative; float: left; width: 100%; margin-bottom: 10px; } .allProductsCategoriesWrapper .category-products .product-item-large .info-area .add-info .pricerow .prices .productPrice { font-size: 20px; } .allProductsCategoriesWrapper .category-products .product-item-large .info-area .add-info .buttonsrow .addtocart { position: relative; float: left; margin-right: 5px; } .allProductsCategoriesWrapper .category-products .product-item-large .info-area .add-info .buttonsrow .addtocart .qty_input { position: relative; float: left; width: 50px; padding: 5px; padding-left: 8px; padding-right: 8px; box-sizing: border-box; height: 30px; margin-right: -2px; border: solid 1px #ccc; } .allProductsCategoriesWrapper .category-products .product-item-large .info-area .add-info .buttonsrow .addtocart .productlistaddtocartbutton { position: relative; float: left; padding: 5px; box-sizing: border-box; height: 30px; border: solid 1px #22A8E5; padding-left: 8px; padding-right: 8px; background: #22A8E5; color: #fff; } .allProductsCategoriesWrapper .category-products .product-item-large .info-area .add-info .buttonsrow .product-more { position: relative; float: left; padding: 5px; box-sizing: border-box; height: 30px; border: solid 1px #22A8E5; padding-left: 8px; padding-right: 8px; background: #22A8E5; color: #fff; } @media only screen and (max-width: 1200px) and (min-width: 960px) { .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box { width: 50%; padding-bottom: 50%; } .allProductsCategoriesWrapper .subcat-cont .listItem .subcat-top .subcat-title { font-size: 60px; line-height: 65px; } } @media only screen and (max-width: 959px) and (min-width: 768px) { .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box { width: 50%; padding-bottom: 65%; } .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box .button_box .subcat-product-more { padding-left: 5px; padding-right: 5px; } .allProductsCategoriesWrapper .subcat-cont .listItem .subcat-top .subcat-title { font-size: 45px; line-height: 50px; } .allProductsCategoriesWrapper .subcat-cont .listItem .subcat-top .subcat-desc { font-size: 14px; line-height: 16px; top: 66%; } } @media only screen and (max-width: 767px) and (min-width: 480px) { .allProductsCategoriesWrapper .subcat-cont .listItem { width: 100%; } .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box { width: 50%; padding-bottom: 55%; } .allProductsCategoriesWrapper .category-products .product-item-large .picture-area { position: relative; float: left; width: 100% !important; height: 0px; padding-bottom: 60%; right: 0px !important; left: 0px !important; } .allProductsCategoriesWrapper .category-products .product-item-large .info-area { width: 100%; min-height: 10px !important; } } @media only screen and (max-width: 479px) { .allProductsCategoriesWrapper .subcat-cont .listItem { width: 100%; } .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box { width: 100%; padding-bottom: 100%; } .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont { border: solid 1px #ccc; box-sizing: border-box; border-right: 0px; } .allProductsCategoriesWrapper .subcat-cont .listItem .subcat-top .subcat-title { font-size: 35px; line-height: 40px; } .allProductsCategoriesWrapper .subcat-cont .listItem .subcat-top .subcat-desc { font-size: 12px; line-height: 14px; top: 66%; } .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-top { padding-bottom: 60%; } .allProductsCategoriesWrapper .category-products .product-item-large .picture-area { position: relative; float: left; width: 100% !important; height: 0px; padding-bottom: 60%; right: 0px !important; left: 0px !important; } .allProductsCategoriesWrapper .category-products .product-item-large .info-area { width: 100%; min-height: 10px !important; } } /* Category with subcats 2 collumn */ @media only screen and (min-width: 1200px) { .grid_9 .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box { width: 50%; padding-bottom: 50%; } } @media only screen and (max-width: 1200px) and (min-width: 960px) { .grid_9 .allProductsCategoriesWrapper .subcat-cont .listItem { width: 100%; } .grid_9 .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box { width: 33.33%; padding-bottom: 40%; } .grid_9 .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-top { padding-bottom: 40%; } } @media only screen and (max-width: 959px) and (min-width: 768px) { .grid_9 .allProductsCategoriesWrapper .subcat-cont .listItem { width: 100%; } .grid_9 .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-product-cont .subcat-product-box { width: 33.33%; padding-bottom: 40%; } .grid_9 .allProductsCategoriesWrapper .subcat-cont .subcat-box .subcat-top { padding-bottom: 40%; } } @media only screen and (max-width: 767px) and (min-width: 480px) { } @media only screen and (max-width: 479px) { } /* Saved Projects */ .saved-projects-list table td:first-child a, .saved-projects-list table td button { padding: 7px; display: inline-block; color: #fff; background: #22A8E5; text-decoration: none; margin: 2px; float: left; box-shadow: none; outline: none; border: none; border-radius: 0px; box-sizing: border-box; min-width: 78px; } .saved-projects-list table td:first-child a:hover, .saved-projects-list table td button:hover { color: #fff; background: #0F7BAC; } /* Checkout shipping fix */ .checkout-data .opc .section .shipping-option-item label { margin-bottom: 60px; } .checkout-data .opc .section .shipping-option-item { height: auto; } /* This is the visible area of you carousel. Set a width here to define how much items are visible. The width can be either fixed in px or flexible in %. Position must be relative! */ .jcarousel-skin-tango .jcarousel-clip-horizontal { position: relative; overflow: hidden; height: auto !important; } /* This is the container of the carousel items. You must ensure that the position is relative or absolute and that the width is big enough to contain all items. */ ul.jcarousel-list.jcarousel-list-horizontal { width: 20000em !important; position: relative; /* Optional, required in this case since it's a