/* Minification failed. Returning unminified contents.
(219,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(220,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(221,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(222,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(223,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(224,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(225,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(226,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(227,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(228,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(229,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(230,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(231,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(232,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(233,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(234,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(235,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(236,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(237,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(238,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(239,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(240,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(241,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(242,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(243,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(244,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(245,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(246,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(247,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(248,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(249,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(250,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(251,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(252,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(253,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(254,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(255,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(256,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(257,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(258,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(259,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(260,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(261,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(262,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(263,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(264,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(265,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(266,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(271,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(272,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(277,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(278,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(279,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(280,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(281,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(282,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(283,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(284,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(285,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(286,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(287,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(288,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(289,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-'
(298,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-rgb'
(298,47): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-alpha'
(300,23): run-time error CSS1039: Token not allowed after unary operator: '-aa-font-family'
(302,21): run-time error CSS1039: Token not allowed after unary operator: '-aa-font-size'
(313,33): run-time error CSS1039: Token not allowed after unary operator: '-aa-input-background-color-rgb'
(313,70): run-time error CSS1039: Token not allowed after unary operator: '-aa-input-background-color-alpha'
(315,33): run-time error CSS1039: Token not allowed after unary operator: '-aa-input-border-color-rgb'
(315,66): run-time error CSS1039: Token not allowed after unary operator: '-aa-input-border-color-alpha'
(326,33): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-rgb'
(328,31): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-rgb'
(328,59): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-alpha'
(328,111): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-rgb'
(328,139): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-alpha'
(337,18): run-time error CSS1039: Token not allowed after unary operator: '-aa-search-input-height'
(351,26): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-rgb'
(354,26): run-time error CSS1039: Token not allowed after unary operator: '-aa-input-icon-size'
(356,28): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-stroke-width'
(358,21): run-time error CSS1039: Token not allowed after unary operator: '-aa-input-icon-size'
(365,29): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing'
(368,25): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(371,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing'
(371,47): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size'
(378,33): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(381,26): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size'
(381,48): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing'
(417,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-rgb'
(417,47): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-alpha'
(420,18): run-time error CSS1039: Token not allowed after unary operator: '-aa-search-input-height'
(427,26): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-rgb'
(427,52): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-alpha'
(433,26): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-rgb'
(433,52): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-alpha'
(452,18): run-time error CSS1039: Token not allowed after unary operator: '-aa-search-input-height'
(461,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-rgb'
(461,48): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-alpha'
(468,26): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing'
(475,30): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing'
(481,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-rgb'
(481,47): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-alpha'
(490,24): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-stroke-width'
(492,17): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size'
(497,33): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb'
(497,64): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-alpha'
(500,30): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing'
(502,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-shadow'
(529,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-max-height'
(565,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-max-height'
(570,19): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(572,32): run-time error CSS1039: Token not allowed after unary operator: '-aa-scrollbar-thumb-background-color-rgb'
(572,79): run-time error CSS1039: Token not allowed after unary operator: '-aa-scrollbar-thumb-background-color-alpha'
(572,134): run-time error CSS1039: Token not allowed after unary operator: '-aa-scrollbar-track-background-color-rgb'
(572,181): run-time error CSS1039: Token not allowed after unary operator: '-aa-scrollbar-track-background-color-alpha'
(578,21): run-time error CSS1039: Token not allowed after unary operator: '-aa-scrollbar-width'
(583,37): run-time error CSS1039: Token not allowed after unary operator: '-aa-scrollbar-track-background-color-rgb'
(583,84): run-time error CSS1039: Token not allowed after unary operator: '-aa-scrollbar-track-background-color-alpha'
(588,37): run-time error CSS1039: Token not allowed after unary operator: '-aa-scrollbar-thumb-background-color-rgb'
(588,84): run-time error CSS1039: Token not allowed after unary operator: '-aa-scrollbar-thumb-background-color-alpha'
(591,37): run-time error CSS1039: Token not allowed after unary operator: '-aa-scrollbar-track-background-color-rgb'
(591,84): run-time error CSS1039: Token not allowed after unary operator: '-aa-scrollbar-track-background-color-alpha'
(610,19): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing'
(626,18): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(626,46): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(635,27): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb'
(635,58): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-alpha'
(637,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-rgb'
(641,23): run-time error CSS1039: Token not allowed after unary operator: '-aa-font-weight-semibold'
(645,21): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(648,19): run-time error CSS1039: Token not allowed after unary operator: '-aa-base-z-index'
(653,40): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-rgb'
(664,15): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(666,24): run-time error CSS1039: Token not allowed after unary operator: '-aa-base-z-index'
(671,50): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb'
(671,81): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-alpha'
(673,33): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-rgb'
(673,59): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-alpha'
(679,23): run-time error CSS1039: Token not allowed after unary operator: '-aa-font-weight-medium'
(687,37): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-rgb'
(689,26): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-rgb'
(699,27): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing'
(702,24): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(707,37): run-time error CSS1039: Token not allowed after unary operator: '-aa-selected-color-rgb'
(707,66): run-time error CSS1039: Token not allowed after unary operator: '-aa-selected-color-alpha'
(717,27): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb'
(717,58): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-alpha'
(720,43): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-border-color-rgb'
(720,76): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-border-color-alpha'
(722,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-color-rgb'
(722,47): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-color-alpha'
(728,23): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size'
(728,45): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(732,24): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-stroke-width'
(736,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size'
(736,44): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(743,31): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size'
(743,53): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(746,30): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size'
(746,52): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(752,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size'
(754,21): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size'
(776,23): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(787,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(788,15): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(801,26): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-rgb'
(801,51): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-alpha'
(804,27): run-time error CSS1039: Token not allowed after unary operator: '-aa-font-weight-bold'
(821,29): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size'
(821,51): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing'
(830,25): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(831,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(850,29): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-rgb'
(863,23): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(866,29): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(869,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(875,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-rgb'
(875,47): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-alpha'
(881,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(882,15): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(892,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(895,21): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(900,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-rgb'
(906,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-rgb'
(906,47): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-alpha'
(919,31): run-time error CSS1039: Token not allowed after unary operator: '-aa-description-highlight-background-color-rgb'
(919,84): run-time error CSS1039: Token not allowed after unary operator: '-aa-description-highlight-background-color-alpha'
(921,26): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-rgb'
(921,51): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-alpha'
(924,27): run-time error CSS1039: Token not allowed after unary operator: '-aa-font-weight-medium'
(929,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-rgb'
(929,48): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-alpha'
(936,33): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-rgb'
(936,61): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-alpha'
(950,25): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(951,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(970,25): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing'
(979,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-rgb'
(979,48): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-alpha'
(988,26): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-rgb'
(988,51): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-alpha'
(999,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-rgb'
(999,48): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-alpha'
(1002,23): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing'
(1004,24): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-stroke-width'
(1006,17): run-time error CSS1039: Token not allowed after unary operator: '-aa-action-icon-size'
(1016,27): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-rgb'
(1019,18): run-time error CSS1039: Token not allowed after unary operator: '-aa-modal-header-height'
(1023,19): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(1023,42): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing'
(1029,53): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb'
(1029,92): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb'
(1032,27): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(1036,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(1042,23): run-time error CSS1039: Token not allowed after unary operator: '-aa-base-z-index'
(1047,33): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb'
(1047,64): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-alpha'
(1049,41): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-border-color-rgb'
(1049,74): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-border-color-alpha'
(1054,19): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing'
(1057,19): run-time error CSS1039: Token not allowed after unary operator: '-aa-base-z-index'
(1062,53): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb'
(1062,92): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-rgb'
(1062,118): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-alpha'
(1065,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing'
(1073,24): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing'
(1075,28): run-time error CSS1039: Token not allowed after unary operator: '-aa-base-z-index'
(1080,27): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb'
(1080,58): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-alpha'
(1083,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-shadow'
(1094,19): run-time error CSS1039: Token not allowed after unary operator: '-aa-base-z-index'
(1104,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(1104,47): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(1109,37): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb'
(1109,68): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-alpha'
(1133,40): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-border-color-rgb'
(1133,73): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-border-color-alpha'
(1140,19): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(1149,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-rgb'
(1149,47): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-alpha'
(1154,24): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(1157,21): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(1162,47): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-border-color-rgb'
(1162,80): run-time error CSS1039: Token not allowed after unary operator: '-aa-panel-border-color-alpha'
(1171,21): run-time error CSS1039: Token not allowed after unary operator: '-aa-detached-modal-max-width'
(1178,26): run-time error CSS1039: Token not allowed after unary operator: '-aa-detached-modal-max-height'
(1181,30): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(1188,33): run-time error CSS1039: Token not allowed after unary operator: '-aa-input-background-color-rgb'
(1188,70): run-time error CSS1039: Token not allowed after unary operator: '-aa-input-background-color-alpha'
(1190,33): run-time error CSS1039: Token not allowed after unary operator: '-aa-input-border-color-rgb'
(1190,66): run-time error CSS1039: Token not allowed after unary operator: '-aa-input-border-color-alpha'
(1193,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-rgb'
(1193,48): run-time error CSS1039: Token not allowed after unary operator: '-aa-muted-color-alpha'
(1198,23): run-time error CSS1039: Token not allowed after unary operator: '-aa-font-family'
(1200,21): run-time error CSS1039: Token not allowed after unary operator: '-aa-font-size'
(1202,18): run-time error CSS1039: Token not allowed after unary operator: '-aa-search-input-height'
(1205,26): run-time error CSS1039: Token not allowed after unary operator: '-aa-search-input-height'
(1213,33): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-rgb'
(1215,31): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-rgb'
(1215,59): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-alpha'
(1215,111): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-rgb'
(1215,139): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-alpha'
(1222,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-primary-color-rgb'
(1230,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-icon-size'
(1230,44): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing'
(1235,22): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-rgb'
(1253,33): run-time error CSS1039: Token not allowed after unary operator: '-aa-overlay-color-rgb'
(1253,61): run-time error CSS1039: Token not allowed after unary operator: '-aa-overlay-color-alpha'
(1262,24): run-time error CSS1039: Token not allowed after unary operator: '-aa-base-z-index'
(1268,18): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing-half'
(1274,19): run-time error CSS1039: Token not allowed after unary operator: '-aa-base-z-index'
(1279,49): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb'
(1279,88): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb'
(1285,49): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb'
(1285,88): run-time error CSS1039: Token not allowed after unary operator: '-aa-background-color-rgb'
(1288,42): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing'
(1291,43): run-time error CSS1039: Token not allowed after unary operator: '-aa-spacing'
(15536,53): run-time error CSS1030: Expected identifier, found '*'
(15536,54): run-time error CSS1031: Expected selector, found ')'
(15536,54): run-time error CSS1025: Expected comma or open brace, found ')'
(43356,20): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-rgb'
(43356,46): run-time error CSS1039: Token not allowed after unary operator: '-aa-text-color-alpha'
*/
/*
* Owl Carousel - Animate Plugin
*/
.owl-carousel .animated {
-webkit-animation-duration: 1000ms;
animation-duration: 1000ms;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.owl-carousel .owl-animated-in {
z-index: 0;
}
.owl-carousel .owl-animated-out {
z-index: 1;
}
.owl-carousel .fadeOut {
-webkit-animation-name: fadeOut;
animation-name: fadeOut;
}
@-webkit-keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
@keyframes fadeOut {
0% {
opacity: 1;
}
100% {
opacity: 0;
}
}
/*
* Owl Carousel - Auto Height Plugin
*/
.owl-height {
-webkit-transition: height 500ms ease-in-out;
-moz-transition: height 500ms ease-in-out;
-ms-transition: height 500ms ease-in-out;
-o-transition: height 500ms ease-in-out;
transition: height 500ms ease-in-out;
}
/*
* Core Owl Carousel CSS File
*/
.owl-carousel {
display: none;
width: 100%;
-webkit-tap-highlight-color: transparent;
/* position relative and z-index fix webkit rendering fonts issue */
position: relative;
z-index: 1;
}
.owl-carousel .owl-stage {
position: relative;
-ms-touch-action: pan-Y;
}
.owl-carousel .owl-stage:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.owl-carousel .owl-stage-outer {
position: relative;
overflow: hidden;
/* fix for flashing background */
-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next,
.owl-carousel .owl-controls .owl-dot {
cursor: pointer;
cursor: hand;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel.owl-loaded {
display: block;
}
.owl-carousel.owl-loading {
opacity: 0;
display: block;
}
.owl-carousel.owl-hidden {
opacity: 0;
}
.owl-carousel .owl-refresh .owl-item {
display: none;
}
.owl-carousel .owl-item {
position: relative;
min-height: 1px;
float: left;
-webkit-backface-visibility: hidden;
-webkit-tap-highlight-color: transparent;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.owl-carousel .owl-item img {
display: block;
-webkit-transform-style: preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item {
-webkit-user-select: auto;
-moz-user-select: auto;
-ms-user-select: auto;
user-select: auto;
}
.owl-carousel .owl-grab {
cursor: move;
cursor: -webkit-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.owl-carousel.owl-rtl {
direction: rtl;
}
.owl-carousel.owl-rtl .owl-item {
float: right;
}
/* No Js */
.no-js .owl-carousel {
display: block;
}
/*
* Owl Carousel - Lazy Load Plugin
*/
.owl-carousel .owl-item .owl-lazy {
opacity: 0;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-item img {
transform-style: preserve-3d;
}
/*
* Owl Carousel - Video Plugin
*/
.owl-carousel .owl-video-wrapper {
position: relative;
height: 100%;
background: #000;
}
.owl-carousel .owl-video-play-icon {
position: absolute;
height: 80px;
width: 80px;
left: 50%;
top: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(/Themes/Pavilion/Content/css/owl.video.play.png) no-repeat;
cursor: pointer;
z-index: 1;
-webkit-backface-visibility: hidden;
-webkit-transition: scale 100ms ease;
-moz-transition: scale 100ms ease;
-ms-transition: scale 100ms ease;
-o-transition: scale 100ms ease;
transition: scale 100ms ease;
}
.owl-carousel .owl-video-play-icon:hover {
-webkit-transition: scale(1.3, 1.3);
-moz-transition: scale(1.3, 1.3);
-ms-transition: scale(1.3, 1.3);
-o-transition: scale(1.3, 1.3);
transition: scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
display: none;
}
.owl-carousel .owl-video-tn {
opacity: 0;
height: 100%;
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: contain;
-moz-background-size: contain;
-o-background-size: contain;
background-size: contain;
-webkit-transition: opacity 400ms ease;
-moz-transition: opacity 400ms ease;
-ms-transition: opacity 400ms ease;
-o-transition: opacity 400ms ease;
transition: opacity 400ms ease;
}
.owl-carousel .owl-video-frame {
position: relative;
z-index: 1;
}
/*! @algolia/autocomplete-theme-classic 1.9.4 | MIT License | © Algolia, Inc. and contributors | https://github.com/algolia/autocomplete */
:root {
--aa-search-input-height: 44px;
--aa-input-icon-size: 20px;
--aa-base-unit: 16;
--aa-spacing-factor: 1;
--aa-spacing: calc(var(--aa-base-unit)*var(--aa-spacing-factor)*1px);
--aa-spacing-half: calc(var(--aa-spacing)/2);
--aa-panel-max-height: 650px;
--aa-base-z-index: 9999;
--aa-font-size: calc(var(--aa-base-unit)*1px);
--aa-font-family: inherit;
--aa-font-weight-medium: 500;
--aa-font-weight-semibold: 600;
--aa-font-weight-bold: 700;
--aa-icon-size: 20px;
--aa-icon-stroke-width: 1.6;
--aa-icon-color-rgb: 119,119,163;
--aa-icon-color-alpha: 1;
--aa-action-icon-size: 20px;
--aa-text-color-rgb: 38,38,39;
--aa-text-color-alpha: 1;
--aa-primary-color-rgb: 62,52,211;
--aa-primary-color-alpha: 0.2;
--aa-muted-color-rgb: 128,126,163;
--aa-muted-color-alpha: 0.6;
--aa-panel-border-color-rgb: 128,126,163;
--aa-panel-border-color-alpha: 0.3;
--aa-input-border-color-rgb: 128,126,163;
--aa-input-border-color-alpha: 0.8;
--aa-background-color-rgb: 255,255,255;
--aa-background-color-alpha: 1;
--aa-input-background-color-rgb: 255,255,255;
--aa-input-background-color-alpha: 1;
--aa-selected-color-rgb: 179,173,214;
--aa-selected-color-alpha: 0.205;
--aa-description-highlight-background-color-rgb: 245,223,77;
--aa-description-highlight-background-color-alpha: 0.5;
--aa-detached-media-query: (max-width:680px);
--aa-detached-modal-media-query: (min-width:680px);
--aa-detached-modal-max-width: 680px;
--aa-detached-modal-max-height: 500px;
--aa-overlay-color-rgb: 115,114,129;
--aa-overlay-color-alpha: 0.4;
--aa-panel-shadow: 0 0 0 1px rgba(35,38,59,0.1),0 6px 16px -4px rgba(35,38,59,0.15);
--aa-scrollbar-width: 13px;
--aa-scrollbar-track-background-color-rgb: 234,234,234;
--aa-scrollbar-track-background-color-alpha: 1;
--aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb);
--aa-scrollbar-thumb-background-color-alpha: 1
}
@media (hover:none) and (pointer:coarse) {
:root {
--aa-spacing-factor: 1.2;
--aa-action-icon-size: 22px
}
}
body.dark, body[data-theme=dark] {
--aa-text-color-rgb: 183,192,199;
--aa-primary-color-rgb: 146,138,255;
--aa-muted-color-rgb: 146,138,255;
--aa-input-background-color-rgb: 0,3,9;
--aa-background-color-rgb: 21,24,42;
--aa-selected-color-rgb: 146,138,255;
--aa-selected-color-alpha: 0.25;
--aa-description-highlight-background-color-rgb: 0 255 255;
--aa-description-highlight-background-color-alpha: 0.25;
--aa-icon-color-rgb: 119,119,163;
--aa-panel-shadow: inset 1px 1px 0 0 #2c2e40,0 3px 8px 0 #000309;
--aa-scrollbar-track-background-color-rgb: 44,46,64;
--aa-scrollbar-thumb-background-color-rgb: var(--aa-background-color-rgb)
}
.aa-Autocomplete *, .aa-DetachedFormContainer *, .aa-Panel * {
box-sizing: border-box
}
.aa-Autocomplete, .aa-DetachedFormContainer, .aa-Panel {
color: rgba(38, 38, 39,1);
color: rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));
font-family: inherit;
font-family: var(--aa-font-family);
font-size: calc(16 * 1px);
font-size: var(--aa-font-size);
font-weight: 400;
line-height: 1em;
margin: 0;
padding: 0;
text-align: left
}
.aa-Form {
align-items: center;
background-color: rgba(255, 255, 255,1);
background-color: rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));
border: 1px solid rgba(128, 126, 163,0.8);
border: 1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));
border-radius: 3px;
display: flex;
line-height: 1em;
margin: 0;
position: relative;
width: 100%
}
.aa-Form:focus-within {
border-color: rgba(62, 52, 211,1);
border-color: rgba(var(--aa-primary-color-rgb),1);
box-shadow: rgba(62, 52, 211,0.2) 0 0 0 2px,inset rgba(62, 52, 211,0.2) 0 0 0 2px;
box-shadow: rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;
outline: medium none currentColor
}
.aa-InputWrapperPrefix {
align-items: center;
display: flex;
flex-shrink: 0;
height: 44px;
height: var(--aa-search-input-height);
order: 1
}
.aa-Label, .aa-LoadingIndicator {
cursor: auto;
flex-shrink: 0;
height: 100%;
padding: 0;
text-align: left
}
.aa-Label svg, .aa-LoadingIndicator svg {
color: rgba(62, 52, 211,1);
color: rgba(var(--aa-primary-color-rgb),1);
height: auto;
max-height: 20px;
max-height: var(--aa-input-icon-size);
stroke-width: 1.6;
stroke-width: var(--aa-icon-stroke-width);
width: 20px;
width: var(--aa-input-icon-size)
}
.aa-LoadingIndicator, .aa-SubmitButton {
height: 100%;
padding-left: calc((16 * 1 * 1px)*0.75 - 1px);
padding-left: calc(calc(16 * 1 * 1px)*0.75 - 1px);
padding-left: calc(var(--aa-spacing)*0.75 - 1px);
padding-right: calc((16 * 1 * 1px) / 2);
padding-right: calc(calc(16 * 1 * 1px) / 2);
padding-right: var(--aa-spacing-half);
width: calc((16 * 1 * 1px)*1.75 + 20px - 1px);
width: calc(calc(16 * 1 * 1px)*1.75 + 20px - 1px);
width: calc(var(--aa-spacing)*1.75 + var(--aa-icon-size) - 1px)
}
@media (hover:none) and (pointer:coarse) {
.aa-LoadingIndicator, .aa-SubmitButton {
padding-left: calc(((16 * 1 * 1px) / 2)/2 - 1px);
padding-left: calc(calc(calc(16 * 1 * 1px) / 2)/2 - 1px);
padding-left: calc(var(--aa-spacing-half)/2 - 1px);
width: calc(20px + (16 * 1 * 1px)*1.25 - 1px);
width: calc(20px + calc(16 * 1 * 1px)*1.25 - 1px);
width: calc(var(--aa-icon-size) + var(--aa-spacing)*1.25 - 1px)
}
}
.aa-SubmitButton {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 0;
margin: 0
}
.aa-LoadingIndicator {
align-items: center;
display: flex;
justify-content: center
}
.aa-LoadingIndicator[hidden] {
display: none
}
.aa-InputWrapper {
order: 3;
position: relative;
width: 100%
}
.aa-Input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 0;
color: rgba(38, 38, 39,1);
color: rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));
font: inherit;
height: 44px;
height: var(--aa-search-input-height);
padding: 0;
width: 100%
}
.aa-Input::-moz-placeholder {
color: rgba(128, 126, 163,0.6);
color: rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));
opacity: 1
}
.aa-Input::placeholder {
color: rgba(128, 126, 163,0.6);
color: rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));
opacity: 1
}
.aa-Input:focus {
border-color: none;
box-shadow: none;
outline: none
}
.aa-Input::-webkit-search-cancel-button, .aa-Input::-webkit-search-decoration, .aa-Input::-webkit-search-results-button, .aa-Input::-webkit-search-results-decoration {
-webkit-appearance: none;
appearance: none
}
.aa-InputWrapperSuffix {
align-items: center;
display: flex;
height: 44px;
height: var(--aa-search-input-height);
order: 4
}
.aa-ClearButton {
align-items: center;
background: none;
border: 0;
color: rgba(128, 126, 163,0.6);
color: rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));
cursor: pointer;
display: block !important;
height: 100%;
margin: 0;
padding: 0 calc((16 * 1 * 1px)*0.83333 - .5px);
padding: 0 calc(calc(16 * 1 * 1px)*0.83333 - .5px);
padding: 0 calc(var(--aa-spacing)*0.83333 - .5px)
}
@media (hover:none) and (pointer:coarse) {
.aa-ClearButton {
padding: 0 calc((16 * 1 * 1px)*0.66667 - .5px);
padding: 0 calc(calc(16 * 1 * 1px)*0.66667 - .5px);
padding: 0 calc(var(--aa-spacing)*0.66667 - .5px)
}
}
.aa-ClearButton:focus, .aa-ClearButton:hover {
color: rgba(38, 38, 39,1);
color: rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))
}
.aa-ClearButton[hidden] {
display: none
}
.aa-ClearButton svg {
stroke-width: 1.6;
stroke-width: var(--aa-icon-stroke-width);
width: 20px;
width: var(--aa-icon-size)
}
.aa-Panel {
background-color: rgba(255, 255, 255,1);
background-color: rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));
border-radius: calc((16 * 1 * 1px)/4);
border-radius: calc(calc(16 * 1 * 1px)/4);
border-radius: calc(var(--aa-spacing)/4);
box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1), 0 6px 16px -4px rgba(35, 38, 59, 0.15);
box-shadow: var(--aa-panel-shadow);
margin: 8px 0 0;
overflow: hidden;
position: absolute;
transition: opacity .2s ease-in,filter .2s ease-in
}
@media screen and (prefers-reduced-motion) {
.aa-Panel {
transition: none
}
}
.aa-Panel button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: none;
border: 0;
margin: 0;
padding: 0
}
.aa-PanelLayout {
height: 100%;
margin: 0;
max-height: 650px;
max-height: var(--aa-panel-max-height);
overflow-y: auto;
padding: 0;
position: relative;
text-align: left
}
.aa-PanelLayoutColumns--twoGolden {
display: grid;
grid-template-columns: 39.2% auto;
overflow: hidden;
padding: 0
}
.aa-PanelLayoutColumns--two {
display: grid;
grid-template-columns: repeat(2,minmax(0,1fr));
overflow: hidden;
padding: 0
}
.aa-PanelLayoutColumns--three {
display: grid;
grid-template-columns: repeat(3,minmax(0,1fr));
overflow: hidden;
padding: 0
}
.aa-Panel--stalled .aa-Source {
filter: grayscale(1);
opacity: .8
}
.aa-Panel--scrollable {
margin: 0;
max-height: 650px;
max-height: var(--aa-panel-max-height);
overflow-x: hidden;
overflow-y: auto;
padding: calc((16 * 1 * 1px) / 2);
padding: calc(calc(16 * 1 * 1px) / 2);
padding: var(--aa-spacing-half);
scrollbar-color: rgba(255, 255, 255,1) rgba(234, 234, 234,1);
scrollbar-color: rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha)) rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));
scrollbar-width: thin
}
.aa-Panel--scrollable::-webkit-scrollbar {
width: 13px;
width: var(--aa-scrollbar-width)
}
.aa-Panel--scrollable::-webkit-scrollbar-track {
background-color: rgba(234, 234, 234,1);
background-color: rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha))
}
.aa-Panel--scrollable::-webkit-scrollbar-thumb {
background-color: rgba(255, 255, 255,1);
background-color: rgba(var(--aa-scrollbar-thumb-background-color-rgb),var(--aa-scrollbar-thumb-background-color-alpha));
border-radius: 9999px;
border: 3px solid rgba(234, 234, 234,1);
border: 3px solid rgba(var(--aa-scrollbar-track-background-color-rgb),var(--aa-scrollbar-track-background-color-alpha));
border-right-width: 2px
}
.aa-Source {
margin: 0;
padding: 0;
position: relative;
width: 100%
}
.aa-Source:empty {
display: none
}
.aa-SourceNoResults {
font-size: 1em;
margin: 0;
padding: calc(16 * 1 * 1px);
padding: var(--aa-spacing)
}
.aa-List {
list-style: none;
margin: 0
}
.aa-List, .aa-SourceHeader {
padding: 0;
position: relative
}
.aa-SourceHeader {
margin: calc((16 * 1 * 1px) / 2) .5em calc((16 * 1 * 1px) / 2) 0;
margin: calc(calc(16 * 1 * 1px) / 2) .5em calc(calc(16 * 1 * 1px) / 2) 0;
margin: var(--aa-spacing-half) .5em var(--aa-spacing-half) 0
}
.aa-SourceHeader:empty {
display: none
}
.aa-SourceHeaderTitle {
background: rgba(255, 255, 255,1);
background: rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));
color: rgba(62, 52, 211,1);
color: rgba(var(--aa-primary-color-rgb),1);
display: inline-block;
font-size: .8em;
font-weight: 600;
font-weight: var(--aa-font-weight-semibold);
margin: 0;
padding: 0 calc((16 * 1 * 1px) / 2) 0 0;
padding: 0 calc(calc(16 * 1 * 1px) / 2) 0 0;
padding: 0 var(--aa-spacing-half) 0 0;
position: relative;
z-index: 9999;
z-index: var(--aa-base-z-index)
}
.aa-SourceHeaderLine {
border-bottom: 1px solid rgba(62, 52, 211,1);
border-bottom: 1px solid rgba(var(--aa-primary-color-rgb),1);
display: block;
height: 2px;
left: 0;
margin: 0;
opacity: .3;
padding: 0;
position: absolute;
right: 0;
top: calc((16 * 1 * 1px) / 2);
top: calc(calc(16 * 1 * 1px) / 2);
top: var(--aa-spacing-half);
z-index: calc(9999 - 1);
z-index: calc(var(--aa-base-z-index) - 1)
}
.aa-SourceFooterSeeAll {
background: linear-gradient(180deg,rgba(255, 255, 255,1),rgba(128,126,163,.14));
background: linear-gradient(180deg,rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha)),rgba(128,126,163,.14));
border: 1px solid rgba(128, 126, 163,0.6);
border: 1px solid rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));
border-radius: 5px;
box-shadow: inset 0 0 2px #fff,0 2px 2px -1px rgba(76,69,88,.15);
color: inherit;
font-size: .95em;
font-weight: 500;
font-weight: var(--aa-font-weight-medium);
padding: .475em 1em .6em;
-webkit-text-decoration: none;
text-decoration: none
}
.aa-SourceFooterSeeAll:focus, .aa-SourceFooterSeeAll:hover {
border: 1px solid rgba(62, 52, 211,1);
border: 1px solid rgba(var(--aa-primary-color-rgb),1);
color: rgba(62, 52, 211,1);
color: rgba(var(--aa-primary-color-rgb),1)
}
.aa-Item {
align-items: center;
border-radius: 3px;
cursor: pointer;
display: grid;
min-height: calc((16 * 1 * 1px)*2.5);
min-height: calc(calc(16 * 1 * 1px)*2.5);
min-height: calc(var(--aa-spacing)*2.5);
padding: calc(((16 * 1 * 1px) / 2)/2);
padding: calc(calc(calc(16 * 1 * 1px) / 2)/2);
padding: calc(var(--aa-spacing-half)/2)
}
.aa-Item[aria-selected=true] {
background-color: rgba(179, 173, 214,0.205);
background-color: rgba(var(--aa-selected-color-rgb),var(--aa-selected-color-alpha))
}
.aa-Item[aria-selected=true] .aa-ActiveOnly, .aa-Item[aria-selected=true] .aa-ItemActionButton {
visibility: visible
}
.aa-ItemIcon {
align-items: center;
background: rgba(255, 255, 255,1);
background: rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));
border-radius: 3px;
box-shadow: inset 0 0 0 1px rgba(128, 126, 163,0.3);
box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));
color: rgba(119, 119, 163,1);
color: rgba(var(--aa-icon-color-rgb),var(--aa-icon-color-alpha));
display: flex;
flex-shrink: 0;
font-size: .7em;
height: calc(20px + ((16 * 1 * 1px) / 2));
height: calc(20px + calc(calc(16 * 1 * 1px) / 2));
height: calc(var(--aa-icon-size) + var(--aa-spacing-half));
justify-content: center;
overflow: hidden;
stroke-width: 1.6;
stroke-width: var(--aa-icon-stroke-width);
text-align: center;
width: calc(20px + ((16 * 1 * 1px) / 2));
width: calc(20px + calc(calc(16 * 1 * 1px) / 2));
width: calc(var(--aa-icon-size) + var(--aa-spacing-half))
}
.aa-ItemIcon img {
height: auto;
max-height: calc(20px + ((16 * 1 * 1px) / 2) - 8px);
max-height: calc(20px + calc(calc(16 * 1 * 1px) / 2) - 8px);
max-height: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);
max-width: calc(20px + ((16 * 1 * 1px) / 2) - 8px);
max-width: calc(20px + calc(calc(16 * 1 * 1px) / 2) - 8px);
max-width: calc(var(--aa-icon-size) + var(--aa-spacing-half) - 8px);
width: auto
}
.aa-ItemIcon svg {
height: 20px;
height: var(--aa-icon-size);
width: 20px;
width: var(--aa-icon-size)
}
.aa-ItemIcon--alignTop {
align-self: flex-start
}
.aa-ItemIcon--noBorder {
background: none;
box-shadow: none
}
.aa-ItemIcon--picture {
height: 96px;
width: 96px
}
.aa-ItemIcon--picture img {
max-height: 100%;
max-width: 100%;
padding: calc((16 * 1 * 1px) / 2);
padding: calc(calc(16 * 1 * 1px) / 2);
padding: var(--aa-spacing-half)
}
.aa-ItemContent {
align-items: center;
cursor: pointer;
display: grid;
gap: calc((16 * 1 * 1px) / 2);
gap: calc(calc(16 * 1 * 1px) / 2);
grid-gap: calc((16 * 1 * 1px) / 2);
grid-gap: calc(calc(16 * 1 * 1px) / 2);
grid-gap: var(--aa-spacing-half);
gap: var(--aa-spacing-half);
grid-auto-flow: column;
line-height: 1.25em;
overflow: hidden
}
.aa-ItemContent:empty {
display: none
}
.aa-ItemContent mark {
background: none;
color: rgba(38, 38, 39,1);
color: rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));
font-style: normal;
font-weight: 700;
font-weight: var(--aa-font-weight-bold)
}
.aa-ItemContent--dual {
display: flex;
flex-direction: column;
justify-content: space-between;
text-align: left
}
.aa-ItemContent--dual .aa-ItemContentSubtitle, .aa-ItemContent--dual .aa-ItemContentTitle {
display: block
}
.aa-ItemContent--indented {
padding-left: calc(20px + (16 * 1 * 1px));
padding-left: calc(20px + calc(16 * 1 * 1px));
padding-left: calc(var(--aa-icon-size) + var(--aa-spacing))
}
.aa-ItemContentBody {
display: grid;
gap: calc(((16 * 1 * 1px) / 2)/2);
gap: calc(calc(calc(16 * 1 * 1px) / 2)/2);
grid-gap: calc(((16 * 1 * 1px) / 2)/2);
grid-gap: calc(calc(calc(16 * 1 * 1px) / 2)/2);
grid-gap: calc(var(--aa-spacing-half)/2);
gap: calc(var(--aa-spacing-half)/2)
}
.aa-ItemContentTitle {
display: inline-block;
margin: 0 .5em 0 0;
max-width: 100%;
overflow: hidden;
padding: 0;
text-overflow: ellipsis;
white-space: nowrap
}
.aa-ItemContentSubtitle {
font-size: .92em
}
.aa-ItemContentSubtitleIcon:before {
border-color: rgba(128, 126, 163,.64);
border-color: rgba(var(--aa-muted-color-rgb),.64);
border-style: solid;
content: "";
display: inline-block;
left: 1px;
position: relative;
top: -3px
}
.aa-ItemContentSubtitle--inline .aa-ItemContentSubtitleIcon:before {
border-width: 0 0 1.5px;
margin-left: calc((16 * 1 * 1px) / 2);
margin-left: calc(calc(16 * 1 * 1px) / 2);
margin-left: var(--aa-spacing-half);
margin-right: calc(((16 * 1 * 1px) / 2)/2);
margin-right: calc(calc(calc(16 * 1 * 1px) / 2)/2);
margin-right: calc(var(--aa-spacing-half)/2);
width: calc(((16 * 1 * 1px) / 2) + 2px);
width: calc(calc(calc(16 * 1 * 1px) / 2) + 2px);
width: calc(var(--aa-spacing-half) + 2px)
}
.aa-ItemContentSubtitle--standalone {
align-items: center;
color: rgba(38, 38, 39,1);
color: rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));
display: grid;
gap: calc((16 * 1 * 1px) / 2);
gap: calc(calc(16 * 1 * 1px) / 2);
grid-gap: calc((16 * 1 * 1px) / 2);
grid-gap: calc(calc(16 * 1 * 1px) / 2);
grid-gap: var(--aa-spacing-half);
gap: var(--aa-spacing-half);
grid-auto-flow: column;
justify-content: start
}
.aa-ItemContentSubtitle--standalone .aa-ItemContentSubtitleIcon:before {
border-radius: 0 0 0 3px;
border-width: 0 0 1.5px 1.5px;
height: calc((16 * 1 * 1px) / 2);
height: calc(calc(16 * 1 * 1px) / 2);
height: var(--aa-spacing-half);
width: calc((16 * 1 * 1px) / 2);
width: calc(calc(16 * 1 * 1px) / 2);
width: var(--aa-spacing-half)
}
.aa-ItemContentSubtitleCategory {
color: rgba(128, 126, 163,1);
color: rgba(var(--aa-muted-color-rgb),1);
font-weight: 500
}
.aa-ItemContentDescription {
color: rgba(38, 38, 39,1);
color: rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));
font-size: .85em;
max-width: 100%;
overflow-x: hidden;
text-overflow: ellipsis
}
.aa-ItemContentDescription:empty {
display: none
}
.aa-ItemContentDescription mark {
background: rgba(245, 223, 77,0.5);
background: rgba(var(--aa-description-highlight-background-color-rgb),var(--aa-description-highlight-background-color-alpha));
color: rgba(38, 38, 39,1);
color: rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));
font-style: normal;
font-weight: 500;
font-weight: var(--aa-font-weight-medium)
}
.aa-ItemContentDash {
color: rgba(128, 126, 163,0.6);
color: rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));
display: none;
opacity: .4
}
.aa-ItemContentTag {
background-color: rgba(62, 52, 211,0.2);
background-color: rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha));
border-radius: 3px;
margin: 0 .4em 0 0;
padding: .08em .3em
}
.aa-ItemLink, .aa-ItemWrapper {
align-items: center;
color: inherit;
display: grid;
gap: calc(((16 * 1 * 1px) / 2)/2);
gap: calc(calc(calc(16 * 1 * 1px) / 2)/2);
grid-gap: calc(((16 * 1 * 1px) / 2)/2);
grid-gap: calc(calc(calc(16 * 1 * 1px) / 2)/2);
grid-gap: calc(var(--aa-spacing-half)/2);
gap: calc(var(--aa-spacing-half)/2);
grid-auto-flow: column;
justify-content: space-between;
width: 100%
}
.aa-ItemLink {
color: inherit;
-webkit-text-decoration: none;
text-decoration: none
}
.aa-ItemActions {
display: grid;
grid-auto-flow: column;
height: 100%;
justify-self: end;
margin: 0 calc((16 * 1 * 1px)/-3);
margin: 0 calc(calc(16 * 1 * 1px)/-3);
margin: 0 calc(var(--aa-spacing)/-3);
padding: 0 2px 0 0
}
.aa-ItemActionButton {
align-items: center;
background: none;
border: 0;
color: rgba(128, 126, 163,0.6);
color: rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));
cursor: pointer;
display: flex;
flex-shrink: 0;
padding: 0
}
.aa-ItemActionButton:focus svg, .aa-ItemActionButton:hover svg {
color: rgba(38, 38, 39,1);
color: rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha))
}
@media (hover:none) and (pointer:coarse) {
.aa-ItemActionButton:focus svg, .aa-ItemActionButton:hover svg {
color: inherit
}
}
.aa-ItemActionButton svg {
color: rgba(128, 126, 163,0.6);
color: rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));
margin: 0;
margin: calc(calc(16 * 1 * 1px)/3);
margin: calc(var(--aa-spacing)/3);
stroke-width: 1.6;
stroke-width: var(--aa-icon-stroke-width);
width: 20px;
width: var(--aa-action-icon-size)
}
.aa-ActiveOnly {
visibility: hidden
}
.aa-PanelHeader {
align-items: center;
background: rgba(62, 52, 211,1);
background: rgba(var(--aa-primary-color-rgb),1);
color: #fff;
display: grid;
height: var(--aa-modal-header-height);
margin: 0;
padding: calc((16 * 1 * 1px) / 2) calc(16 * 1 * 1px);
padding: calc(calc(16 * 1 * 1px) / 2) calc(16 * 1 * 1px);
padding: var(--aa-spacing-half) var(--aa-spacing);
position: relative
}
.aa-PanelHeader:after {
background-image: linear-gradient(rgba(255, 255, 255,1),rgba(255, 255, 255,0));
background-image: linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));
bottom: calc(((16 * 1 * 1px) / 2)*-1);
bottom: calc(calc(calc(16 * 1 * 1px) / 2)*-1);
bottom: calc(var(--aa-spacing-half)*-1);
content: "";
height: calc((16 * 1 * 1px) / 2);
height: calc(calc(16 * 1 * 1px) / 2);
height: var(--aa-spacing-half);
left: 0;
pointer-events: none;
position: absolute;
right: 0;
z-index: 9999;
z-index: var(--aa-base-z-index)
}
.aa-PanelFooter {
background-color: rgba(255, 255, 255,1);
background-color: rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));
box-shadow: inset 0 1px 0 rgba(128, 126, 163,0.3);
box-shadow: inset 0 1px 0 rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));
display: flex;
justify-content: space-between;
margin: 0;
padding: calc(16 * 1 * 1px);
padding: var(--aa-spacing);
position: relative;
z-index: 9999;
z-index: var(--aa-base-z-index)
}
.aa-PanelFooter:after {
background-image: linear-gradient(rgba(255, 255, 255,0),rgba(128, 126, 163,0.6));
background-image: linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha)));
content: "";
height: calc(16 * 1 * 1px);
height: var(--aa-spacing);
left: 0;
opacity: .12;
pointer-events: none;
position: absolute;
right: 0;
top: calc((16 * 1 * 1px)*-1);
top: calc(calc(16 * 1 * 1px)*-1);
top: calc(var(--aa-spacing)*-1);
z-index: calc(9999 - 1);
z-index: calc(var(--aa-base-z-index) - 1)
}
.aa-DetachedContainer {
background: rgba(255, 255, 255,1);
background: rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));
bottom: 0;
box-shadow: 0 0 0 1px rgba(35, 38, 59, 0.1), 0 6px 16px -4px rgba(35, 38, 59, 0.15);
box-shadow: var(--aa-panel-shadow);
display: flex;
flex-direction: column;
left: 0;
margin: 0;
overflow: hidden;
padding: 0;
position: fixed;
right: 0;
top: 0;
z-index: 9999;
z-index: var(--aa-base-z-index)
}
.aa-DetachedContainer:after {
height: 32px
}
.aa-DetachedContainer .aa-SourceHeader {
margin: calc((16 * 1 * 1px) / 2) 0 calc((16 * 1 * 1px) / 2) 2px;
margin: calc(calc(16 * 1 * 1px) / 2) 0 calc(calc(16 * 1 * 1px) / 2) 2px;
margin: var(--aa-spacing-half) 0 var(--aa-spacing-half) 2px
}
.aa-DetachedContainer .aa-Panel {
background-color: rgba(255, 255, 255,1);
background-color: rgba(var(--aa-background-color-rgb),var(--aa-background-color-alpha));
border-radius: 0;
box-shadow: none;
flex-grow: 1;
margin: 0;
padding: 0;
position: relative
}
.aa-DetachedContainer .aa-PanelLayout {
bottom: 0;
box-shadow: none;
left: 0;
margin: 0;
max-height: none;
overflow-y: auto;
position: absolute;
right: 0;
top: 0;
width: 100%
}
.aa-DetachedFormContainer {
border-bottom: 1px solid rgba(128, 126, 163,0.3);
border-bottom: 1px solid rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha));
display: flex;
flex-direction: row;
justify-content: space-between;
margin: 0;
padding: calc((16 * 1 * 1px) / 2);
padding: calc(calc(16 * 1 * 1px) / 2);
padding: var(--aa-spacing-half)
}
.aa-DetachedCancelButton {
background: none;
border: 0;
border-radius: 3px;
color: inherit;
color: rgba(38, 38, 39,1);
color: rgba(var(--aa-text-color-rgb),var(--aa-text-color-alpha));
cursor: pointer;
font: inherit;
margin: 0 0 0 calc((16 * 1 * 1px) / 2);
margin: 0 0 0 calc(calc(16 * 1 * 1px) / 2);
margin: 0 0 0 var(--aa-spacing-half);
padding: 0 calc((16 * 1 * 1px) / 2);
padding: 0 calc(calc(16 * 1 * 1px) / 2);
padding: 0 var(--aa-spacing-half)
}
.aa-DetachedCancelButton:focus, .aa-DetachedCancelButton:hover {
box-shadow: inset 0 0 0 1px rgba(128, 126, 163,0.3);
box-shadow: inset 0 0 0 1px rgba(var(--aa-panel-border-color-rgb),var(--aa-panel-border-color-alpha))
}
.aa-DetachedContainer--modal {
border-radius: 6px;
bottom: inherit;
height: auto;
margin: 0 auto;
max-width: 680px;
max-width: var(--aa-detached-modal-max-width);
position: absolute;
top: 3%
}
.aa-DetachedContainer--modal .aa-PanelLayout {
max-height: 500px;
max-height: var(--aa-detached-modal-max-height);
padding-bottom: calc((16 * 1 * 1px) / 2);
padding-bottom: calc(calc(16 * 1 * 1px) / 2);
padding-bottom: var(--aa-spacing-half);
position: static
}
.aa-DetachedSearchButton {
align-items: center;
background-color: rgba(255, 255, 255,1);
background-color: rgba(var(--aa-input-background-color-rgb),var(--aa-input-background-color-alpha));
border: 1px solid rgba(128, 126, 163,0.8);
border: 1px solid rgba(var(--aa-input-border-color-rgb),var(--aa-input-border-color-alpha));
border-radius: 3px;
color: rgba(128, 126, 163,0.6);
color: rgba(var(--aa-muted-color-rgb),var(--aa-muted-color-alpha));
cursor: pointer;
display: flex;
font: inherit;
font-family: inherit;
font-family: var(--aa-font-family);
font-size: calc(16 * 1px);
font-size: var(--aa-font-size);
height: 44px;
height: var(--aa-search-input-height);
margin: 0;
padding: 0 calc(44px/8);
padding: 0 calc(var(--aa-search-input-height)/8);
position: relative;
text-align: left;
width: 100%
}
.aa-DetachedSearchButton:focus {
border-color: rgba(62, 52, 211,1);
border-color: rgba(var(--aa-primary-color-rgb),1);
box-shadow: rgba(62, 52, 211,0.2) 0 0 0 3px,inset rgba(62, 52, 211,0.2) 0 0 0 2px;
box-shadow: rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 3px,inset rgba(var(--aa-primary-color-rgb),var(--aa-primary-color-alpha)) 0 0 0 2px;
outline: medium none currentColor
}
.aa-DetachedSearchButtonIcon {
align-items: center;
color: rgba(62, 52, 211,1);
color: rgba(var(--aa-primary-color-rgb),1);
cursor: auto;
display: flex;
flex-shrink: 0;
height: 100%;
justify-content: center;
width: calc(20px + (16 * 1 * 1px));
width: calc(20px + calc(16 * 1 * 1px));
width: calc(var(--aa-icon-size) + var(--aa-spacing))
}
.aa-DetachedSearchButtonQuery {
color: rgba(38, 38, 39,1);
color: rgba(var(--aa-text-color-rgb),1);
line-height: 1.25em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.aa-DetachedSearchButtonPlaceholder[hidden] {
display: none
}
.aa-Detached {
height: 100vh;
overflow: hidden
}
.aa-DetachedOverlay {
background-color: rgba(115, 114, 129,0.4);
background-color: rgba(var(--aa-overlay-color-rgb),var(--aa-overlay-color-alpha));
height: 100vh;
left: 0;
margin: 0;
padding: 0;
position: fixed;
right: 0;
top: 0;
z-index: calc(9999 - 1);
z-index: calc(var(--aa-base-z-index) - 1)
}
.aa-GradientBottom, .aa-GradientTop {
height: calc((16 * 1 * 1px) / 2);
height: calc(calc(16 * 1 * 1px) / 2);
height: var(--aa-spacing-half);
left: 0;
pointer-events: none;
position: absolute;
right: 0;
z-index: 9999;
z-index: var(--aa-base-z-index)
}
.aa-GradientTop {
background-image: linear-gradient(rgba(255, 255, 255,1),rgba(255, 255, 255,0));
background-image: linear-gradient(rgba(var(--aa-background-color-rgb),1),rgba(var(--aa-background-color-rgb),0));
top: 0
}
.aa-GradientBottom {
background-image: linear-gradient(rgba(255, 255, 255,0),rgba(255, 255, 255,1));
background-image: linear-gradient(rgba(var(--aa-background-color-rgb),0),rgba(var(--aa-background-color-rgb),1));
border-bottom-left-radius: calc((16 * 1 * 1px)/4);
border-bottom-left-radius: calc(calc(16 * 1 * 1px)/4);
border-bottom-left-radius: calc(var(--aa-spacing)/4);
border-bottom-right-radius: calc((16 * 1 * 1px)/4);
border-bottom-right-radius: calc(calc(16 * 1 * 1px)/4);
border-bottom-right-radius: calc(var(--aa-spacing)/4);
bottom: 0
}
@media (hover:none) and (pointer:coarse) {
.aa-DesktopOnly {
display: none
}
}
@media (hover:hover) {
.aa-TouchOnly {
display: none
}
}
/*! perfect-scrollbar - v0.5.8
* http://noraesae.github.com/perfect-scrollbar/
* Copyright (c) 2014 Hyunje Alex Jun; Licensed MIT */
.ps-container.ps-active-x>.ps-scrollbar-x-rail,.ps-container.ps-active-y>.ps-scrollbar-y-rail{display:block}.ps-container>.ps-scrollbar-x-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;bottom:3px;height:8px}.ps-container>.ps-scrollbar-x-rail>.ps-scrollbar-x{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;bottom:0;height:8px}.ps-container>.ps-scrollbar-x-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container>.ps-scrollbar-y-rail{display:none;position:absolute;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;opacity:0;-ms-filter:"alpha(Opacity=0)";filter:alpha(opacity=0);-webkit-transition:background-color .2s linear,opacity .2s linear;-moz-transition:background-color .2s linear,opacity .2s linear;-o-transition:background-color .2s linear,opacity .2s linear;transition:background-color .2s linear,opacity .2s linear;right:3px;width:8px}.ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y{position:absolute;background-color:#aaa;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;border-radius:4px;-webkit-transition:background-color .2s linear;-moz-transition:background-color .2s linear;-o-transition:background-color .2s linear;transition:background-color .2s linear;right:0;width:8px}.ps-container>.ps-scrollbar-y-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail,.ps-container:hover>.ps-scrollbar-y-rail{opacity:.6;-ms-filter:"alpha(Opacity=60)";filter:alpha(opacity=60)}.ps-container:hover>.ps-scrollbar-x-rail.in-scrolling,.ps-container:hover>.ps-scrollbar-y-rail.in-scrolling{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail:hover{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-x-rail:hover>.ps-scrollbar-x{background-color:#999}.ps-container:hover>.ps-scrollbar-y-rail:hover{background-color:#eee;opacity:.9;-ms-filter:"alpha(Opacity=90)";filter:alpha(opacity=90)}.ps-container:hover>.ps-scrollbar-y-rail:hover>.ps-scrollbar-y{background-color:#999}
/*
* Copyright 2016 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/
.gallery {
display: none;
}
.gallery.sevenspikes-cloudzoom-gallery {
display: block;
}
.gallery .picture-wrapper {
position: relative;
}
.gallery .picture-wrapper > img { /* Transitional image (on thumbnail click) */
top: 0;
right: 0;
left: 0;
margin: auto;
}
/* Zoom Lens, Zoom Window, Zoom Caption */
.cloudzoom-lens {
z-index: 1;
opacity: 0.6;
cursor: crosshair;
}
.cloudzoom-lens:before {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
background-color: #fff;
}
.cloudzoom-zoom {
top: 0 !important;
left: calc(100% + 20px) !important;
z-index: 9999;
}
.cloudzoom-zoom-inside {
top: 0 !important;
right: 0;
left: 0 !important;
z-index: 1;
height: 100% !important;
margin: auto;
cursor: crosshair;
}
.cloudzoom-zoom-inside img + div { /*title-wrapper*/
top: auto !important;
bottom: 0 !important;
}
.cloudzoom-caption {
display: none;
background-color: #000;
padding: 15px;
text-align: center;
font-size: 14px;
line-height: normal;
color: #fff;
}
/* Loading Images */
.cloudzoom-blank {
top: 0;
right: 0;
left: 0;
margin: auto;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAIAQMAAAD+wSzIAAAAA3NCSVQICAjb4U/gAAAABlBMVEUAAAD///+l2Z/dAAAAAnRSTlP/AOW3MEoAAAAJcEhZcwAACxIAAAsSAdLdfvwAAAAWdEVYdENyZWF0aW9uIFRpbWUAMDYvMzAvMTLNuPjnAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M1cbXjNgAAAAxJREFUCJlj+M+AAgE/0Af5DM23uwAAAABJRU5ErkJggg==);
}
.cloudzoom-ajax-loader {
width: 50px;
height: 50px;
}
.cloudzoom-ajax-loader:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin: -25px 0 0 -25px;
border-radius: 2px;
background-color: #f74258;
animation: animate 0.5s linear infinite;
}
.cloudzoom-ajax-loader:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 5px;
margin: 35px 0 0 -25px;
border-radius: 50%;
background-color: #000;
opacity: 0.1;
animation: shadow 0.5s linear infinite;
}
@-webkit-keyframes animate {
15% {
border-bottom-right-radius: 2px;
}
25% {
transform: translateY(9px) rotate(22.5deg);
}
50% {
transform: translateY(18px) scale(1, 0.9) rotate(45deg);
border-bottom-right-radius: 40px;
}
75% {
transform: translateY(9px) rotate(67.5deg);
}
100% {
transform: translateY(0) rotate(90deg);
}
}
@keyframes animate {
15% {
border-bottom-right-radius: 2px;
}
25% {
transform: translateY(9px) rotate(22.5deg);
}
50% {
transform: translateY(18px) scale(1, 0.9) rotate(45deg);
border-bottom-right-radius: 40px;
}
75% {
transform: translateY(9px) rotate(67.5deg);
}
100% {
transform: translateY(0) rotate(90deg);
}
}
@-webkit-keyframes shadow {
0%, 100% {
transform: scale(1, 1);
}
50% {
transform: scale(1.2, 1);
}
}
@keyframes shadow {
0%, 100% {
transform: scale(1, 1);
}
50% {
transform: scale(1.2, 1);
}
}
/* Slider */
.slick-slider
{
position: relative;
display: block;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.slick-list
{
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0;
}
.slick-list:focus
{
outline: none;
}
.slick-list.dragging
{
cursor: pointer;
cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list
{
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slick-track
{
position: relative;
top: 0;
left: 0;
display: block;
}
.slick-track:before,
.slick-track:after
{
display: table;
content: '';
}
.slick-track:after
{
clear: both;
}
.slick-loading .slick-track
{
visibility: hidden;
}
.slick-slide
{
display: none;
float: left;
height: 100%;
min-height: 1px;
}
[dir='rtl'] .slick-slide
{
float: right;
}
.slick-slide img
{
display: block;
}
.slick-slide.slick-loading img
{
display: none;
}
.slick-slide.dragging img
{
pointer-events: none;
}
.slick-initialized .slick-slide
{
display: block;
}
.slick-loading .slick-slide
{
visibility: hidden;
}
.slick-vertical .slick-slide
{
display: block;
height: auto;
border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
display: none;
}
/*
* Copyright 2016 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/
.picture-thumbs.in-carousel {
max-width: 600px;
margin: 10px auto 0;
text-align: center;
}
.picture-thumbs .picture-thumbs-list {
margin: 0 -5px;
}
.picture-thumbs .picture-thumbs-item {
padding: 0 5px;
}
.picture-thumbs.in-carousel .picture-thumbs-list {
margin: 0;
}
.picture-thumbs button + .slick-list {
margin: 0 25px;
}
/* arrows nav */
.picture-thumbs .slick-prev,
.picture-thumbs .slick-next {
position: absolute;
top: 50%;
width: 15px;
height: 22px;
margin-top: -11px;
border: none;
background-color: transparent;
background-position: left center;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
transition: all .2s ease;
}
.picture-thumbs .slick-prev {
left: 0;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMBAMAAABcu7ojAAAALVBMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaTgChpAAAAD3RSTlMA6+QxJN6reW9mW1E8SkmTKKYaAAAALElEQVQI12NgYOBLABIbDzAwcAkDGZMMGBg4VICMUgcIAeZCJMBKoIoZeBMA15MHPhiEPR8AAAAASUVORK5CYII=);
}
.picture-thumbs .slick-next {
right: 0;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAMBAMAAABcu7ojAAAALVBMVEUAAABmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmZmaTgChpAAAAD3RSTlMA6+QxJN6reW9mW1E8SkmTKKYaAAAAKUlEQVQI12PIZQCCgxuABLMUiGk0AUiwaICYrgVgAsQFS4CUwBTnATEA244HPpGnGTQAAAAASUVORK5CYII=);
background-position: right center;
}
.picture-thumbs .slick-prev.slick-disabled,
.picture-thumbs .slick-next.slick-disabled {
opacity: 0.6;
cursor: default;
}
/* dots nav */
.slick-dots {
margin: 0;
padding: 18px 20px;
}
.slick-dots button {
background-color: #c9c9c9;
width: 10px;
height: 10px;
border: none;
border-radius: 50%;
font-size: 0;
}
.slick-dots li {
display: inline-block;
margin: 0 5px;
}
.slick-dots .slick-active button {
background: #f74258;
}
/* items */
.picture-thumbs a.cloudzoom-gallery {
display: block !important;
margin: 0 !important;
float: none !important;
width: auto !important;
height: auto !important;
}
.picture-thumbs a.cloudzoom-gallery:before {
content: "";
display: block;
padding-top: 100%;
}
@media all and (max-width: 769px) {
.picture-thumbs.in-carousel {
max-width: 440px;
}
}
/* Magnific Popup CSS */
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8;
filter: alpha(opacity=80); }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #cccccc;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #cccccc; }
.mfp-preloader a:hover {
color: white; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close, button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
-webkit-box-shadow: none;
box-shadow: none; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
filter: alpha(opacity=65);
padding: 0 0 18px 10px;
color: white;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333333; }
.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
color: white;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #cccccc;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
filter: alpha(opacity=65);
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover, .mfp-arrow:focus {
opacity: 1;
filter: alpha(opacity=100); }
.mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after, .mfp-arrow .mfp-a {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before, .mfp-arrow .mfp-b {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
border-right: 17px solid white;
margin-left: 31px; }
.mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
margin-left: 25px;
border-right: 27px solid #3f3f3f; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
border-left: 17px solid white;
margin-left: 39px; }
.mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
border-left: 27px solid #3f3f3f; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: black; }
/* Main image in popup */
img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; }
/* The shadow behind the image */
.mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444444; }
.mfp-figure small {
color: #bdbdbd;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #f3f3f3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
/**
* Remove all paddings around the image on small screen
*/
.mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
.mfp-ie7 .mfp-img {
padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
width: 600px;
left: 50%;
margin-left: -300px;
margin-top: 5px;
padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
padding: 0; }
.mfp-ie7 .mfp-content {
padding-top: 44px; }
.mfp-ie7 .mfp-close {
top: 0;
right: 0;
padding-top: 0; }
.ui-tabs .message-error {
margin: 20px 0;
}
.ui-tabs .form-fields {
max-width: 600px;
margin: 30px auto;
}
.ui-tabs .form-fields:first-child {
margin-top: 15px;
}
/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/
.mega-menu,
.menu-title {
display: none;
}
.mega-menu .topic-wrapper {
display: none;
}
.mega-menu-responsive a,
.mega-menu-responsive a + .plus-button {
border: none !important;
}
@media all and (min-width: 1001px) {
.menu-title,
.close-menu {
display: none;
}
.mega-menu {
display: block;
position: relative;
}
.mega-menu-responsive {
display: none !important;
}
.header-menu.categories-in-side-panel .category-menu-item,
.header-menu.categories-in-side-panel .root-category-items {
display: none;
}
.category-navigation-list .inner-wrap,
.root-category-items .inner-wrap {
float: left;
width: 75%;
}
.category-navigation-list .slider-wrapper,
.root-category-items .slider-wrapper {
float: right;
width: 25%;
padding: 10px;
}
.category-navigation-list .inner-wrap:only-of-type,
.root-category-items .inner-wrap:only-of-type {
float: none;
width: 100%;
}
.category-navigation-list > li > .sublist-wrap > .sublist .row,
.header-menu > ul > li > .sublist-wrap > .sublist .row {
overflow: hidden;
}
.category-navigation-list > li > .sublist-wrap > .sublist .box,
.header-menu > ul > li > .sublist-wrap > .sublist .box { /*this is a subcategory item (contains a list)*/
float: left;
width: 33.33333%;
padding: 10px;
font-size: 13px;
}
.category-navigation-list > li > .sublist-wrap > .sublist .inner-wrap:only-of-type .box,
.header-menu > ul > li > .sublist-wrap > .sublist .inner-wrap:only-of-type .box {
width: 25%;
}
.category-navigation-list > li > .sublist-wrap > .sublist .box .title,
.header-menu > ul > li > .sublist-wrap > .sublist .box .title { /*this is a subcategory item title (list title)*/
display: block;
margin: 0 0 10px;
border-bottom: 3px solid #f74258;
padding: 0 0 5px;
font-weight: bold;
text-transform: uppercase;
}
.category-navigation-list > li > .sublist-wrap > .sublist .box .picture,
.header-menu > ul > li > .sublist-wrap > .sublist .box .picture {
height: 100px;
margin: 0 0 15px;
overflow: hidden;
font-size: 0;
}
.header-menu > ul > li > .sublist-wrap > .sublist .box .picture {
height: auto;
max-height: 140px;
}
.header-menu > ul > li > .sublist-wrap.manufacturers > .sublist .box .picture,
.header-menu > ul > li > .sublist-wrap.vendors > .sublist .box .picture {
/*max-height: none;*/ /*uncomment to release picture's height*/
}
.category-navigation-list > li > .sublist-wrap > .sublist .box .picture a,
.header-menu > ul > li > .sublist-wrap > .sublist .box .picture a {
display: block;
}
.category-navigation-list > li > .sublist-wrap > .sublist .box .picture img,
.header-menu > ul > li > .sublist-wrap > .sublist .box .picture img {
width: 100%;
}
.category-navigation-list > li > .sublist-wrap > .sublist .box li,
.header-menu > ul > li > .sublist-wrap > .sublist .box li { /*this is a sub-subcategory item*/
padding: 6px 0;
}
.category-navigation-list > li > .sublist-wrap > .sublist .box li a:hover,
.header-menu > ul > li > .sublist-wrap > .sublist .box li a:hover {
color: #f74258;
}
}
@media all and (min-width: 1281px) {
.category-navigation-list > li > .sublist-wrap > .sublist .box .picture {
height: 120px;
}
.header-menu > ul > li > .sublist-wrap > .sublist .box .picture {
max-height: 180px;
}
}
/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/
/* QUANTITY BOX & BUY BUTTON */
.ajax-cart-button-wrapper {
position: relative;
}
.ajax-cart-button-wrapper input[type="text"],
.ajax-cart-button-wrapper select {
position: absolute;
top: 0;
left: 0;
width: 43px;
height: 43px;
border-width: 0 1px 0 0;
border-color: #eee;
text-align: center;
vertical-align: middle;
}
.ajax-cart-button-wrapper input[type="button"] {
vertical-align: middle;
}
.ajax-cart-button-wrapper select {
padding: 0 2px 0 6px; /*chrome fix*/
}
.ajax-cart-button-wrapper input + button,
.ajax-cart-button-wrapper select + button {
padding: 0 0 0 25px;
}
.product-list .ajax-cart-button-wrapper input[type="text"],
.product-list .ajax-cart-button-wrapper select {
position: static;
border-width: 1px;
border-color: #e9e9e9;
}
.product-list .ajax-cart-button-wrapper input + button,
.product-list .ajax-cart-button-wrapper select + button {
margin: 0 0 0 5px;
}
@media all and (max-width: 768px) {
.ajax-cart-button-wrapper input[type="text"],
.ajax-cart-button-wrapper select {
display: none;
}
.ajax-cart-button-wrapper input + button,
.ajax-cart-button-wrapper select + button {
margin: 0 !important;
padding: 0 !important;
}
}
@media all and (min-width: 1001px) {
.product-grid .item-box:hover .ajax-cart-button-wrapper input[type="text"],
.product-grid .item-box:hover .ajax-cart-button-wrapper select {
border-width: 1px 1px 0 0;
}
.product-grid .item-box:hover .ajax-cart-button-wrapper input + button,
.product-grid .item-box:hover .ajax-cart-button-wrapper select + button {
padding: 0 0 0 30px;
}
}
/* LOADER & ERROR WINDOW */
.k-overlay {
position: fixed;
top: 0;
left: 0;
z-index: 1060;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.6; /*to be matched to theme overlay*/
}
.nopAjaxCartPanelAjaxBusy {
position: fixed;
top: 0;
left: 0;
z-index: 1070;
width: 100% !important;
height: 100% !important;
background-color: rgba(255,255,255,0.9)
}
.miniProductDetailsPanelAjaxBusy {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100% !important;
height: auto; /*if fixed, loader will be always visible*/
background-color: rgba(255,255,255,0.9)
}
.nopAjaxCartPanelAjaxBusy:before,
.miniProductDetailsPanelAjaxBusy:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin: -25px 0 0 -25px;
border-radius: 2px;
background-color: #f74258;
animation: animate 0.5s linear infinite;
}
.nopAjaxCartPanelAjaxBusy:after,
.miniProductDetailsPanelAjaxBusy:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 5px;
margin: 35px 0 0 -25px;
border-radius: 50%;
background-color: #000;
opacity: 0.1;
animation: shadow 0.5s linear infinite;
}
@-webkit-keyframes animate {
15% {
border-bottom-right-radius: 2px;
}
25% {
transform: translateY(9px) rotate(22.5deg);
}
50% {
transform: translateY(18px) scale(1, 0.9) rotate(45deg);
border-bottom-right-radius: 40px;
}
75% {
transform: translateY(9px) rotate(67.5deg);
}
100% {
transform: translateY(0) rotate(90deg);
}
}
@keyframes animate {
15% {
border-bottom-right-radius: 2px;
}
25% {
transform: translateY(9px) rotate(22.5deg);
}
50% {
transform: translateY(18px) scale(1, 0.9) rotate(45deg);
border-bottom-right-radius: 40px;
}
75% {
transform: translateY(9px) rotate(67.5deg);
}
100% {
transform: translateY(0) rotate(90deg);
}
}
@-webkit-keyframes shadow {
0%, 100% {
transform: scale(1, 1);
}
50% {
transform: scale(1.2, 1);
}
}
@keyframes shadow {
0%, 100% {
transform: scale(1, 1);
}
50% {
transform: scale(1.2, 1);
}
}
.addProductToCartErrors ul,
.addProductVariantToCartErrors ul {
padding: 20px;
}
.addProductToCartErrors li,
.addProductVariantToCartErrors li {
color: #f74258;
}
/* COMMON WINDOW STYLES */
.ajaxCart {
position: absolute;
left: 50% !important;
z-index: 1070;
width: 480px !important;
margin: 0 0 0 -240px;
border: 1px solid #e9e9e9;
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);
background-color: #fff;
padding: 0 !important;
}
.ajaxCart .k-window-titlebar {
margin: 0 !important;
border-bottom: 1px solid #e9e9e9;
padding: 15px 25px;
font-weight: bold;
text-transform: uppercase;
}
.ajaxCart .k-window-titlebar .k-window-actions {
position: absolute;
top: -10px;
right: -10px;
z-index: 2;
}
.ajaxCart .k-window-titlebar .k-window-actions a {
display: block;
width: 37px;
height: 37px;
background: #f9f9f9 url(/Plugins/SevenSpikes.Nop.Plugins.AjaxCart/Themes/Pavilion/Content/images/close.png) center no-repeat;
font-size: 0;
}
.productAddedToCartWindowTitle,
.miniProductDetailsView .product-name {
position: absolute;
top: 1px;
left: 1px;
padding: 15px 25px;
font-size: 14px;
font-weight: bold;
color: #333;
text-transform: uppercase;
}
.productAddedToCartWindow:focus,
.miniProductDetailsView:focus {
outline: -webkit-focus-ring-color auto 0;
}
/* PRODUCT ADDED TO CART WINDOW */
.productAddedToCartWindowImage {
float: left;
width: 32%;
padding: 20px 10px 20px 20px;
}
.productAddedToCartWindowImage a {
display: block;
font-size: 0;
}
.productAddedToCartWindowImage img {
width: 100%;
}
.productAddedToCartWindowDescription {
float: right;
width: 68%;
padding: 20px 20px 20px 10px;
}
.productAddedToCartWindowDescription h1 {
margin: 0 0 10px;
font-size: 14px;
color: #333;
}
.productAddedToCartWindowDescription .price {
display: block;
margin: 0 0 10px;
font-size: 16px;
color: #00a1b1;
}
.productAddedToCartWindowDescription .quantity {
display: block;
margin: 0 0 10px;
}
.productAddedToCartWindowSummary {
clear: both;
border-top: 1px solid #e9e9e9;
padding: 15px 25px;
text-align: center;
}
.productAddedToCartWindowSummary a {
display: inline-block;
margin: 0 10px;
vertical-align: middle;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}
.productAddedToCartWindowSummary a:hover {
color: #f74258;
}
.productAddedToCartWindowSummary div {
display: inline-block;
margin: 0 10px;
vertical-align: middle;
}
.productAddedToCartWindowSummary .button-1 {
min-width: 145px;
border: none;
background-color: #f74258;
padding: 13px 25px;
font-size: 13px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
outline: 1px solid transparent;
transition: all 0.2s ease;
}
.productAddedToCartWindowSummary .button-1:hover {
outline-color: #f74258;
}
/* PRODUCT GRIDS IN AJAX CART */
.ajaxCart .product-grid {
margin: 10px 0;
}
.ajaxCart .product-grid .title {
margin: 0;
border: none;
background-color: #f9f9f9;
padding: 15px 25px;
text-align: center;
font-size: 14px;
}
.ajaxCart .product-grid .item-box {
margin: 0;
}
.ajaxCart .item-box .product-item {
border: none;
padding: 10px;
}
.ajaxCart .item-box .details .product-title {
height: 35px;
margin: 0 0 10px;
font-size: 14px;
font-weight: normal;
}
.ajaxCart .item-box .product-rating-box,
.ajaxCart .item-box .tax-shipping-info,
.ajaxCart .item-box .description,
.ajaxCart .item-box .old-price,
.ajaxCart .item-box .buttons-upper,
.ajaxCart .item-box .buttons-lower {
display: none; /*only product-name and actual-price are visible, change if necessary*/
}
.ajaxCart .item-box .details .prices {
margin: 0;
}
/* PRODUCT DETAILS WINDOW */
.miniProductDetailsView .product-overview-line {
border-top: 1px solid #e9e9e9;
}
.miniProductDetailsView .product-overview-line:first-child {
border: none;
}
.miniProductDetailsView .product-essential,
.miniProductDetailsView .product-collateral {
margin: 0;
border: none;
padding: 0;
}
.miniProductDetailsView .gallery {
display: block; /*Cloud Zoom css override*/
float: left;
width: 32%;
padding: 20px 10px 20px 20px;
}
.miniProductDetailsView .gallery .picture {
width: auto;
}
.miniProductDetailsView .gallery .picture:before {
display: none; /*remove if you need an absolute position*/
}
.miniProductDetailsView .gallery .picture img {
position: static; /*remove if you need an absolute position*/
width: 100%;
}
.miniProductDetailsView .overview {
float: right;
width: 65%;
padding: 20px 20px 20px 10px;
}
.miniProductDetailsView .product-variant-name {
margin: 0 0 10px;
font-size: 14px;
color: #333;
}
.miniProductDetailsView .short-description {
max-height: 80px;
margin: 0 0 10px;
overflow: hidden;
}
.miniProductDetailsView .price-input {
margin: 0 0 10px; /*customer entered price*/
}
.miniProductDetailsView .attributes {
margin: 15px 0;
}
.miniProductDetailsView .add-to-cart > *,
.miniProductDetailsView .add-button-wrap {
float: left;
}
.miniProductDetailsView .giftcard {
margin: 0;
padding: 20px;
}
.miniProductDetailsView .message-error {
clear: both;
margin: 10px 0 0;
color: #f74258;
}
.miniProductDetailsView .message-error li {
margin: 0 0 10px;
}
/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/
.ribbon-wrapper {
position: relative;
}
@media all and (min-width: 769px) {
.product-list .ribbon-wrapper {
float: left; /*should not be applied on smaller resolutions where the product list looks like a grid*/
}
}
/* ribbon positioning */
.ribbon-position {
font-size: 0;
line-height: 0;
position: absolute;
z-index: 1;
-webkit-transition: all .15s ease-in-out;
-moz-transition: all .15s ease-in-out;
-o-transition: all .15s ease-in-out;
transition: all .15s ease-in-out;
}
.ribbon-position.top-left {
top: 0;
left: 0;
}
.ribbon-position.top-right {
top: 0;
right: 0;
}
.ribbon-position.bottom-left {
bottom: 0;
left: 0;
}
.ribbon-position.bottom-right {
bottom: 0;
right: 0;
}
.ribbon-position.top-middle {
top: 0;
left: 0;
right: 0;
text-align: center;
}
.ribbon-position.right-middle,
.ribbon-position.left-middle {
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: right;
}
.ribbon-position.bottom-middle {
bottom: 0;
left: 0;
right: 0;
text-align: center;
}
.ribbon-position.left-middle {
text-align: left;
}
.ribbon-position.center {
top: 0;
right: 0;
bottom: 0;
left: 0;
text-align: center;
}
.ribbon-position.right-middle:before,
.ribbon-position.left-middle:before,
.ribbon-position.center:before {
content: " ";
display: inline-block;
height: 100%;
width: 0;
vertical-align: middle;
}
/* ribbon wrapping element */
.product-ribbon {
display: inline-block;
vertical-align: middle;
position: relative;
}
/* ribbon label without image*/
.ribbon-text {
font-size: 12px;
line-height: normal;
}
/* ribbon label with image */
.ribbon-image-text {
font-size: 12px;
line-height: normal;
position: absolute;
top: 0;
left: 0;
}
/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/
@media all and (max-width: 768px) {
.product-list .item-box .ribbon-wrapper {
float: none;
}
}
@media all and (min-width: 481px) {
.spc-categories .ribbon-wrapper,
.bestsellers .ribbon-wrapper {
position: static;
}
}
@media all and (min-width: 769px) {
.product-list .item-box .ribbon-wrapper {
width: 280px;
}
.product-list .item-box .ribbon-wrapper .picture {
float: none;
width: auto;
}
}
/*
* Copyright 2014 Seven Spikes Ltd. All rights reserved. (http://www.nop-templates.com)
* http://www.nop-templates.com/t/licensinginfo
*/
.quickViewData {
display: none;
}
/* TRIGGER BUTTON */
.quick-view-button {
display: inline-block;
margin: 0px 8px;
vertical-align: middle;
}
.quick-view-button a {
display: block;
width: 30px;
height: 30px;
background: #888 url(/Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Pavilion/Content/images/quick-view.png) center no-repeat;
font-size: 0px;
transition: all 0.2s ease 0s;
}
.quick-view-button a:hover {
background-color: #f74258;
}
.product-list .quick-view-button {
margin: 0 2px;
}
.product-list .quick-view-button a {
width: 37px;
height: 37px;
background-image: url(/Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Pavilion/Content/images/quick-view-list.png);
}
/* DATA LOADER */
.k-overlay {
position: fixed;
z-index: 1060;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: #000;
opacity: 0.6; /*to be matched to theme overlay*/
}
.k-overlay + .k-overlay {
display: none !important;
}
.quickView .k-loading-mask {
position: absolute;
top: 0;
left: 0;
}
.quickView .k-loading-image {
position: absolute;
z-index: 1;
top: 0;
left: 0;
width: 100%;
height: 100%;
margin-top: -15px;
/*background: url(/Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Pavilion/Content/images/loader.gif) center no-repeat;*/
}
.quickView .k-loading-image:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 50px;
margin: -25px 0 0 -25px;
border-radius: 2px;
background-color: #f74258;
animation: animate 0.5s linear infinite;
}
.quickView .k-loading-image:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
width: 50px;
height: 5px;
margin: 35px 0 0 -25px;
border-radius: 50%;
background-color: #000;
opacity: 0.1;
animation: shadow 0.5s linear infinite;
}
@-webkit-keyframes animate {
15% {
border-bottom-right-radius: 2px;
}
25% {
transform: translateY(9px) rotate(22.5deg);
}
50% {
transform: translateY(18px) scale(1, 0.9) rotate(45deg);
border-bottom-right-radius: 40px;
}
75% {
transform: translateY(9px) rotate(67.5deg);
}
100% {
transform: translateY(0) rotate(90deg);
}
}
@keyframes animate {
15% {
border-bottom-right-radius: 2px;
}
25% {
transform: translateY(9px) rotate(22.5deg);
}
50% {
transform: translateY(18px) scale(1, 0.9) rotate(45deg);
border-bottom-right-radius: 40px;
}
75% {
transform: translateY(9px) rotate(67.5deg);
}
100% {
transform: translateY(0) rotate(90deg);
}
}
@-webkit-keyframes shadow {
0%, 100% {
transform: scale(1, 1);
}
50% {
transform: scale(1.2, 1);
}
}
@keyframes shadow {
0%, 100% {
transform: scale(1, 1);
}
50% {
transform: scale(1.2, 1);
}
}
/* MAIN WINDOW & HEADERS */
.quickView {
position: absolute;
left: 50% !important;
z-index: 1070;
width: 700px;
margin: 0 0 0 -350px;
box-shadow: 0 1px 5px #666;
background-color: #fff;
padding-top: 0 !important;
}
.quickView .k-window-titlebar {
position: absolute;
top: 0;
right: 0;
margin-top: 0 !important;
font-size: 0;
}
.quickView .k-window-titlebar .k-window-actions {
position: absolute;
top: -10px;
right: -10px;
z-index: 1;
}
.quickView .k-window-titlebar .k-window-actions a {
display: block;
width: 37px;
height: 37px;
background: #f9f9f9 url(/Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Pavilion/Content/images/close.png) center no-repeat;
font-size: 0;
}
.quickView .product-essential {
float: none;
width: auto;
margin: 0;
padding: 0;
}
.quickView .popup-header h1 {
margin: 0;
padding: 20px 25px 0;
text-align: center;
font-size: 22px;
color: #333;
}
/* PRODUCT GALLERY */
.quickView .gallery {
display: block; /*Cloud Zoom css override*/
float: left;
width: 40%;
margin: 0;
padding: 20px 15px 20px 30px;
}
.quickView .gallery .picture {
border: none; /*placing border here will confuse #warp element's width*/
text-align: center;
font-size: 0;
}
.quickView .gallery .picture a {
display: block;
width: 250px;
max-width: 100%;
height: 250px;
margin: auto;
overflow: hidden;
}
.quickView .gallery .picture:before,
.quickView .gallery .picture a:before {
display: none; /*theme specific, change if necessary*/
}
.quickView .cloudzoom-zoom-inside {
bottom: auto !important;
}
.quickView .thumbnails {
margin: 10px 0 0;
overflow: hidden;
}
.quickView .thumbnails a {
float: left;
width: 32%;
margin: 0 0 2% 2%;
overflow: hidden;
position: relative;
}
.quickView .thumbnails a:nth-child(3n+1) {
clear: both;
margin-left: 0;
}
.quickView .thumbnails a:before {
content: "";
display: block;
padding-top: 100%; /*square thumb, change if necessary*/
}
.quickView .thumbnails a img {
max-width: 100%;
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
}
.quickView .links-panel {
margin: 20px 0 0;
}
.quickView .links-panel a {
font-size: 13px;
font-weight: bold;
transition: all 0.2s ease;
}
.quickView .links-panel a:after {
content: "";
display: inline-block;
width: 8px;
height: 10px;
margin: 0 0 0 8px;
background: url(/Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Pavilion/Content/images/arrow-right.png) center no-repeat;
vertical-align: middle;
}
.quickView .links-panel a:hover {
color: #f74258;
}
.quickView .links-panel a:hover:after {
margin: 0 0 0 9px;
}
/* PRODUCT OVERVIEW */
.quickView .overview {
float: right;
width: 60%;
margin: 0;
padding: 20px 30px 20px 15px;
}
.quickView .ui-accordion {
position: relative;
}
.quickView .ui-accordion-header {
position: relative;
margin: 0 0 -1px;
border-width: 1px 1px 3px;
border-style: solid;
border-color: #e9e9e9;
padding: 15px 30px 12px 20px;
text-align: left;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
}
.quickView .ui-accordion-header-active {
border-bottom-color: #f74258;
}
.quickView .ui-accordion-header span {
position: absolute;
top: 50%;
right: 8px;
width: 32px;
height: 32px;
margin: -16px 0 0;
background-color: #888;
background-image: url(/Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Pavilion/Content/images/accordion-sprite.png);
background-repeat: no-repeat;
cursor: pointer;
}
.quickView .ui-accordion-header-active span {
background-color: #f74258;
}
.quickView .ui-icon-circle-arrow-s {
background-position: center -32px;
}
.quickView .ui-icon-circle-arrow-e {
background-position: center 0;
}
.quickView .ui-accordion-content {
position: relative;
overflow: hidden;
padding: 18px;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box; /* prevent scrolls fix*/
}
.quickView .overview .left {
float: left;
width: 70%;
margin: 0 0 10px;
text-align: left;
}
.quickView .overview .left > div {
margin: 5px 0;
}
.quickView .overview .free-shipping,
.quickView .overview .delivery-date {
margin: 5px 0;
background-image: url(/Plugins/SevenSpikes.Nop.Plugins.QuickView/Themes/Pavilion/Content/images/delivery-sprite.png);
background-repeat: no-repeat;
padding: 0 0 0 25px;
}
.quickView .overview .free-shipping {
background-position: left -19px;
}
.quickView .overview .delivery-date {
background-position: left 0;
}
.quickView .overview .stock {
margin: 0 0 10px;
}
.quickView .overview .right {
float: right;
width: 30%;
margin: 0 0 10px;
text-align: right;
}
.quickView .overview .right > div {
display: inline-block;
}
.quickView .overview .right + div {
clear: both;
}
.quickView .overview .attributes li {
margin: 8px 0 0;
}
.quickView .overview .attributes select {
max-width: 350px; /*depending on window width*/
}
.quickView .overview .attributes .color-squares li {
margin: 5px 10px 5px 0;
}
.quickView .giftcard input[type="text"],
.quickView .giftcard textarea {
min-width: 0;
width: 250px;
resize: none;
}
.quickView .prices-table {
display: none;
}
.quickView .overview .purchase-area {
overflow: hidden;
}
.quickView .overview .title {
display: none;
}
/* PRODUCT GRIDS */
.quickView .product-content {
overflow: hidden;
}
.quickView .product-grid {
margin: 10px 0 0;
}
.quickView .product-grid .title {
margin: 0;
border: none;
background-color: #f9f9f9;
padding: 15px 25px;
text-align: center;
font-size: 14px;
}
.quickView .product-grid .item-grid {
padding: 20px;
}
.quickView .item-box {
width: 18%;
margin: 0 0 10px 2.5%;
overflow: hidden;
}
.quickView .item-box:nth-child(3n+1),
.quickView .item-box:nth-child(4n+1) {
clear: none; /*override theme css*/
}
.quickView .item-box:nth-child(5n+1) {
clear: both;
margin-left: 0;
}
.quickView .item-box .product-item {
border: none;
padding: 0;
}
.quickView .item-box .picture {
margin: 0 0 10px;
}
.quickView .item-box .product-rating-box,
.quickView .item-box .tax-shipping-info,
.quickView .item-box .description,
.quickView .item-box .old-price,
.quickView .item-box .buttons-upper,
.quickView .item-box .buttons-lower {
display: none;
}
.quickView .item-box .details .prices {
margin: 0;
}
/* PRODUCT VARIANTS */
.quickView .product-variant-list {
margin: 0 0 15px;
}
.quickView .product-variant {
position: relative;
float: left;
width: 48%;
height: 160px; /*fixed height because of js height bug*/
margin: 1%;
border: 1px solid #ddd;
overflow: hidden;
text-align: center;
}
.quickView .variant-picture {
width: 100%;
height: 100%;
margin: 0;
}
.quickView .variant-picture:before {
padding-top: 121%;
}
.quickView .variant-picture a {
display: block;
height: 100%;
overflow: hidden;
}
.quickView .variant-picture a img {
bottom: auto;
}
.quickView .moreInfoHover {
position: absolute;
left: 0;
bottom: 0;
width: 100%;
background-color: rgba(255,255,255,0.7);
padding: 5px;
text-align: center;
font-size: 11px;
font-weight: bold;
color: #333;
text-transform: uppercase;
transition: all 0.5s ease;
}
.quickView .variant-info {
position: absolute;
top: 1px;
left: -100%;
width: 100%;
height: 100%;
background-color: rgba(255,255,255,0.7);
padding: 10px;
text-align: center;
font-size: 11px;
font-weight: bold;
color: #333;
text-transform: uppercase;
transition: all 0.5s ease;
}
.quickView .product-variant:hover .moreInfoHover {
left: 101%;
}
.quickView .product-variant:hover .variant-info {
left: 1px;
}
.quickView .variant-info .variant-name {
max-height: 30px;
margin: 0 0 5px;
overflow: hidden;
font-size: 12px;
}
.quickView .variant-info .variant-name a {
display: block;
}
.quickView .variant-info .prices {
float: none;
height: auto;
margin: 0;
}
.quickView .variant-info .prices label {
display: none;
}
.quickView .variant-info .product-price {
font-size: 15px;
margin: 0;
}
.quickView .variant-info .tax-shipping-info {
display: none;
}
.quickView .variant-grid-info .manufacturers {
margin: 0;
}
.quickView .variant-grid-info .compare-products {
display: none;
}
/*
Cloud Zoom CSS. (c)2012-2015 Star Plugins.
*/
.quickView .cloudzoom-blank {
top: 0;
right: 0;
left: 0;
margin: auto;
background-image: url(/Plugins/SevenSpikes.Nop.Plugins.QuickView/Styles/blank.png);
}
.quickView .cloudzoom-zoom-inside {
z-index: 9;
border: none;
box-shadow: none;
top: 0 !important;
left: 0 !important;
right: 0 !important;
bottom: 0 !important;
margin: auto;
}
.quickView .cloudzoom-zoom-inside img {
right: auto !important;
bottom: auto !important;
max-width: none !important;
max-height: none !important;
}
.quickView .cloudzoom-ajax-loader {
background-image: url(/Plugins/SevenSpikes.Nop.Plugins.QuickView/Styles/ajax-loader.gif);
width: 32px;
height: 32px;
}
.quickView .picture a + img {
top: 0;
right: 0;
left: 0;
margin: auto;
} /* transitional image (on thumbnail click) */
/*!
* Fine Uploader
*
* Copyright 2013, Widen Enterprises, Inc. info@fineuploader.com
*
* Version: 4.2.2
*
* Homepage: http://fineuploader.com
*
* Repository: git://github.com/Widen/fine-uploader.git
*
* Licensed under GNU GPL v3, see LICENSE
*/
/*! fineuploader 2014-01-31 */
.qq-uploader{position:relative;width:100%}.qq-upload-button{display:block;width:105px;padding:7px 0;text-align:center;background:#800;border-bottom:1px solid #DDD;color:#FFF}.qq-upload-button-hover{background:#C00}.qq-upload-button-focus{outline:1px dotted #000}.qq-upload-drop-area,.qq-upload-extra-drop-area{position:absolute;top:0;left:0;width:100%;height:100%;min-height:30px;z-index:2;background:#FF9797;text-align:center}.qq-upload-drop-area span{display:block;position:absolute;top:50%;width:100%;margin-top:-8px;font-size:16px}.qq-upload-extra-drop-area{position:relative;margin-top:50px;font-size:16px;padding-top:30px;height:20px;min-height:40px}.qq-upload-drop-area-active{background:#FF7171}.qq-upload-list{margin:0;padding:0;list-style:none}.qq-upload-list li{margin:0;padding:9px;line-height:15px;font-size:16px;background-color:#FFF0BD}.qq-upload-file,.qq-upload-spinner,.qq-upload-size,.qq-upload-cancel,.qq-upload-retry,.qq-upload-failed-text,.qq-upload-delete,.qq-upload-pause,.qq-upload-continue{margin-right:12px;display:inline}.qq-upload-file{}.qq-upload-spinner{display:inline-block;background:url(/Scripts/fineuploader/loading.gif);width:15px;height:15px;vertical-align:text-bottom}.qq-drop-processing{display:block}.qq-drop-processing-spinner{display:inline-block;background:url(/Scripts/fineuploader/processing.gif);width:24px;height:24px;vertical-align:text-bottom}.qq-upload-delete,.qq-upload-pause,.qq-upload-continue{display:inline}.qq-upload-retry,.qq-upload-delete,.qq-upload-cancel,.qq-upload-pause,.qq-upload-continue{color:#000}.qq-upload-retryable .qq-upload-retry{display:inline}.qq-upload-size,.qq-upload-cancel,.qq-upload-retry,.qq-upload-delete,.qq-upload-pause,.qq-upload-continue{font-size:12px;font-weight:400}.qq-upload-failed-text{display:none;font-style:italic;font-weight:700}.qq-upload-failed-icon{display:none;width:15px;height:15px;vertical-align:text-bottom}.qq-upload-fail .qq-upload-failed-text{display:inline}.qq-upload-retrying .qq-upload-failed-text{display:inline;color:#D60000}.qq-upload-list li.qq-upload-success{background-color:#5DA30C;color:#FFF}.qq-upload-list li.qq-upload-fail{background-color:#D60000;color:#FFF}.qq-progress-bar{display:block;background:-moz-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(30,87,153,1)),color-stop(50%,rgba(41,137,216,1)),color-stop(51%,rgba(32,124,202,1)),color-stop(100%,rgba(125,185,232,1)));background:-webkit-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);background:-o-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);background:-ms-linear-gradient(top,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);background:linear-gradient(to bottom,rgba(30,87,153,1) 0,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);width:0;height:15px;border-radius:6px;margin-bottom:3px}INPUT.qq-edit-filename{position:absolute;opacity:0;filter:alpha(opacity=0);z-index:-1;-ms-filter:"alpha(Opacity=0)"}.qq-upload-file.qq-editable{cursor:pointer}.qq-edit-filename-icon.qq-editable{display:inline-block;cursor:pointer}INPUT.qq-edit-filename.qq-editing{position:static;margin-top:-5px;margin-right:10px;margin-bottom:-5px;opacity:1;filter:alpha(opacity=100);-ms-filter:"alpha(Opacity=100)"}.qq-edit-filename-icon{display:none;background:url(/Scripts/fineuploader/edit.gif);width:15px;height:15px;vertical-align:text-bottom;margin-right:5px}INPUT.qq-edit-filename.qq-editing~.qq-upload-cancel{display:none}.qq-hide{display:none}
/*! 2014-01-31 */
@charset "UTF-8";
/*********** CSS RESET **********/
* {
margin: 0;
outline: none;
padding: 0;
text-decoration: none;
}
*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
html {
margin: 0 !important;
-webkit-text-size-adjust: none;
}
ol, ul {
list-style: none;
}
em {
font-style: normal;
}
a img {
border: none;
}
a:active {
outline: none;
}
input[type=button]::-moz-focus-inner,
input[type=submit]::-moz-focus-inner,
input[type=reset]::-moz-focus-inner,
input[type=file] > input[type=button]::-moz-focus-inner {
margin: 0;
border: 0;
padding: 0;
}
button::-moz-focus-inner {
border: 0;
}
input[type=button],
input[type=submit],
input[type=reset],
input[type=text],
input[type=password],
textarea, button {
border-radius: 0;
}
input[type=button],
input[type=submit],
input[type=reset] {
-webkit-appearance: none;
}
input::-moz-placeholder {
opacity: 1; /*firefox text input bug fix*/
}
input:-webkit-autofill {
-webkit-box-shadow: inset 0 0 0 1000px #fff;
}
script {
display: none !important;
}
/*body {
@include pixelratio(1.25) {
background: #000;
}
}*/
/*$url_rssicon: url(/Themes/Pavilion/Content/img/rss-icon.png);
$url_rssicon: url(/Themes/Pavilion/Content/img/rss-icon.png);
$url_closeicon: url(/Themes/Pavilion/Content/img/close.png);
$url_loadingicon: url(/Themes/Pavilion/Content/img/loading.gif);
$url_scrollicon: url(/Themes/Pavilion/Content/img/scroll-page.png);
$url_headersprite: url(/Themes/Pavilion/Content/img/header-sprite-1.png);
$url_searchbutton: url(/Themes/Pavilion/Content/img/search-button.png);
$url_subscribebutton: url(/Themes/Pavilion/Content/img/subscribe-button.png);
$url_socialsprite: url(/Themes/Pavilion/Content/img/social-sprite-1.png);
$url_togglebutton: url(/Themes/Pavilion/Content/img/toggle-button.png);
$url_footersprite: url(/Themes/Pavilion/Content/img/footer-sprite.png);
$url_paymentsprite: url(/Themes/Pavilion/Content/img/payment-sprite.png);
$url_togglearrow: url(/Themes/Pavilion/Content/img/toggle-arrow.png);
$url_polls: url(/Themes/Pavilion/Content/img/polls.png);
$url_breadcrumb: url(/Themes/Pavilion/Content/img/breadcrumb.png);
$url_pointergrey: url(/Themes/Pavilion/Content/img/pointer-grey.png);
$url_productboxsprite: url(/Themes/Pavilion/Content/img/product-box-sprite.png);
$url_cartbutton: url(/Themes/Pavilion/Content/img/cart-button-1.png);
$url_pagersprite: url(/Themes/Pavilion/Content/img/pager-sprite.png);
$url_productsprite2: url(/Themes/Pavilion/Content/img/product-sprite-2.png);
$url_cartbutton2: url(/Themes/Pavilion/Content/img/cart-button-2.png);
$url_productsprite: url(/Themes/Pavilion/Content/img/product-sprite-1.png);
$url_socialsprite: url(/Themes/Pavilion/Content/img/social-sprite-2.png);
$url_deliverysprite: url(/Themes/Pavilion/Content/img/delivery-sprite.png);
$url_calendarsprite: url(/Themes/Pavilion/Content/img/calendar-sprite.png);
$url_cartbutton2: url(/Themes/Pavilion/Content/img/cart-button-2.png);
$url_accountsprite: url(/Themes/Pavilion/Content/img/account-sprite.png);
$url_prodsprite2: url(/Themes/Pavilion/Content/img/product-sprite-2.png);
$url_fblogin: url(/Themes/Pavilion/Content/img/fb-login.png);
$url_closesprite2: url(/Themes/Pavilion/Content/img/close.png);
$url_accountnavsrpite: url(/Themes/Pavilion/Content/img/account-nav-sprite.png);
$url_accountsprite: url(/Themes/Pavilion/Content/img/account-sprite.png);
$url_productsprite22: url(/Themes/Pavilion/Content/img/product-sprite-2.png);
$url_closesprite2: url(/Themes/Pavilion/Content/img/close.png);
$url_tog22: url(/Themes/Pavilion/Content/img/toggle-button.png);
$url_ordsprite: url(/Themes/Pavilion/Content/img/order-sprite.png);
$url_tggggbtn: url(/Themes/Pavilion/Content/img/toggle-button.png);
$url_pointer: url(/Themes/Pavilion/Content/img/pointer-color.png);
$url_srchbtn: url(/Themes/Pavilion/Content/img/search-button.png);
$url_forumsprite: url(/Themes/Pavilion/Content/img/forum-sprite-1.png);
$url_forumsprite2: url(/Themes/Pavilion/Content/img/forum-sprite-2.png);
$url_mobsprite: url(/Themes/Pavilion/Content/img/mobile-sprite.png);
$url_closeeee: url(/Themes/Pavilion/Content/img/close.png);
$url_point: url(/Themes/Pavilion/Content/img/pointer-color.png);
$url_boxspritebig: url(/Themes/Pavilion/Content/img/product-box-sprite-big.png);
$url_arrowprev: url(/Themes/Pavilion/Content/img/arrow-prev.png);
$url_arrownext: url(/Themes/Pavilion/Content/img/arrow-next.png);
$url_viewmode: url(/Themes/Pavilion/Content/img/viewmode-sprite.png);
$url_prodsprite: url(/Themes/Pavilion/Content/img/product-sprite-1.png);
$url_cartbutton22222: url(/Themes/Pavilion/Content/img/cart-button-2.png);
$url_headersprite22222: url(/Themes/Pavilion/Content/img/header-sprite-2.png);
$url_flyoutcatrttt: url(/Themes/Pavilion/Content/img/flyout-cart.png);
$url_catnavv: url(/Themes/Pavilion/Content/img/category-nav.png);*/
/*********** GLOBAL STYLES **********/
body {
max-width: 100%;
overflow-x: hidden;
background: #ffffff;
font: normal 400 14px Open Sans, sans-serif;
color: #777;
font-size: 100%;
line-height: 1.6;
font-family: Open Sans, Arial, sans-serif;
}
@media all and (min-width: 480px) {
body {
font-size: 93.75%;
line-height: 1.5;
}
}
@media all and (min-width: 768px) {
body {
font-size: 93.75%;
line-height: 1.5;
}
}
@media all and (min-width: 1000px) {
body {
font-size: 87.5%;
line-height: 1.4;
}
}
@media all and (min-width: 1200px) {
body {
font-size: 87.5%;
line-height: 1.4;
}
}
body.home-page-body .nopAjaxCartProductListAddToCartButton.product-box-add-to-cart-button.button-2 .fa-shopping-cart.fa {
display: block;
}
a {
color: inherit;
cursor: pointer;
}
a img {
opacity: 0.99;
}
a.btn-mcguff {
text-decoration: none;
outline-color: #0588d3;
}
a.btn-mcguff:hover {
background-color: #0588d3;
color: #ffffff;
}
a.btn-mcguff2 {
text-decoration: none;
}
a.btn-mcguff2:hover {
background-color: #0588d3;
color: #ffffff;
}
a.btn-mcguff-light {
text-decoration: none;
}
a.btn-mcguff-light:hover {
background-color: #0588d3;
color: #ffffff;
}
a.clearPriceRangeFilter {
display: none !important;
}
a.logo img {
width: 208px;
height: 79px;
}
a.toggleControl:before {
display: none;
position: absolute;
font-family: FontAwesome;
content: "\f078";
font-size: 12px;
right: 14px;
top: 20px;
color: #999999;
cursor: default;
pointer-events: none;
}
table {
width: 100%;
border-collapse: collapse;
}
input[type=text] {
height: 36px;
border: 1px solid #e9e9e9;
padding: 0 8px;
vertical-align: middle;
color: #777;
}
.strengthWarning {
display: block;
margin: 11px 0 0;
padding: 4px 4px 4px 8px;
font-size: 13px;
background-color: #e56363;
color: #ffffff;
}
.strengthWarning:before {
content: "\f0de";
font-family: FontAwesome;
position: absolute;
font-size: 30px;
color: #e56363;
bottom: 0px;
left: 12px;
}
input[type=password] {
height: 36px;
border: 1px solid #e9e9e9;
padding: 0 8px;
vertical-align: middle;
color: #444444;
}
.products-carousel .item-info h3 {
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
height: 39.2px; /* Fallback for non-webkit */
margin: 0 auto;
font-size: 14px;
line-height: 1.4;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
textarea {
height: 36px;
border: 1px solid #e9e9e9;
padding: 0 8px;
vertical-align: middle;
font-family: Open Sans;
font-size: 14px;
min-height: 150px;
padding: 8px;
color: #444444;
}
textarea.int-questionnaire {
min-height: 80px;
}
textarea:disabled {
background-color: transparent;
}
select {
height: 36px;
border: 1px solid #e9e9e9;
padding: 0 8px;
vertical-align: middle;
color: #777;
font-family: Open Sans;
font-size: 14px;
min-width: 50px;
height: 32px;
padding: 0 6px;
}
input {
font-family: Open Sans;
font-size: 14px;
}
input:disabled {
background-color: transparent;
}
button {
font-family: Open Sans;
font-size: 14px;
cursor: pointer;
}
input[type=checkbox] {
vertical-align: middle;
}
input[type=checkbox] + * {
vertical-align: middle;
}
input[type=radio] {
vertical-align: middle;
}
input[type=radio] + * {
vertical-align: middle;
}
input[type=button] {
cursor: pointer;
}
input[type=submit] {
cursor: pointer;
}
.button-1 {
cursor: pointer;
}
.button-2 {
cursor: pointer;
}
label {
vertical-align: middle;
}
label + * {
vertical-align: middle;
}
label.always-hidden {
display: none !important;
}
label.filter-title {
background-color: #26547c;
padding: 6px 30px 6px 12px;
display: block;
float: left;
vertical-align: middle;
position: relative;
}
label.filter-title:after {
content: "×";
font-size: 26px;
position: absolute;
right: 12px;
top: 6px;
color: #ffffff;
}
.master-wrapper-page {
background-color: #f6f6f6;
}
.master-wrapper-content {
position: relative;
z-index: 0;
}
.center-1 {
margin: 0;
}
.center-2 {
margin: 0 0 70px;
}
.center-2 .product-grid {
margin: 10px 0;
}
.center-2 .product-selectors {
margin: 0 0 15px;
position: relative;
}
.center-2 .product-selectors .number-of-returned-products {
display: none;
min-height: 18px;
position: absolute;
top: -8px;
left: 0;
padding: 0;
}
.center-2 .product-selectors .number-of-returned-products span {
color: #777;
font-size: 14px;
text-transform: capitalize;
font-weight: bold;
}
.center-2 .product-selectors .number-of-returned-products span.showing-text, .center-2 .product-selectors .number-of-returned-products span.of-text, .center-2 .product-selectors .number-of-returned-products span.productsPerPage {
display: none;
}
.center-2 .block.filter-block.selected-options {
border-top: 0;
padding: 0 0 12px 0;
margin: 0 0 10px 0;
}
.center-2 .block.filter-block.selected-options .title {
background: #f6f6f6;
display: none;
}
.center-2 .block.filter-block.selected-options .title .toggleControl {
padding: 2px 4px 8px;
cursor: default;
}
.center-2 .block.filter-block.selected-options .title .toggleControl:before {
display: none;
}
.center-2 .block.filter-block.selected-options .selected-options-list {
padding: 0 !important;
}
.center-2 .block.filter-block.selected-options .selected-options-list > li {
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 6px 12px;
margin: 2px;
display: inline-block;
}
.side-2 {
margin: 0 0 70px;
}
.side-2:after {
content: "";
display: block;
clear: both;
}
.paperless-checkout-heading h2 {
font-weight: normal;
padding: 20px 0;
font-size: 18px;
color: #4fbb41;
}
.customer-info-paperless {
margin-bottom: 20px !important;
}
.customer-info-paperless h4 {
margin: 0 !important;
font-size: 15px;
font-weight: bold;
text-align: left !important;
color: #0588d3;
padding: 15px 30px;
text-transform: uppercase;
background-color: #f9f9f9;
}
.customer-info-paperless .paperless-checkbox {
margin-bottom: 0px !important;
}
.customer-info-paperless .form-fields {
padding-bottom: 0 !important;
}
.customer-info-paperless .buttons {
padding: 10px 60px 10px !important;
}
#emailError {
display: block;
margin: 11px 0 0;
padding: 4px 4px 4px 8px;
font-size: 13px;
background-color: #e56363;
color: #ffffff;
}
#emailError:before {
content: "\f0de";
font-family: FontAwesome;
position: absolute;
font-size: 30px;
color: #e56363;
bottom: 0px;
left: 12px;
}
.customer-info-page .iconImageRow, .registration-page .iconImageRow {
display: flex;
justify-content: center;
align-items: center;
}
.customer-info-page .iconImg, .registration-page .iconImg {
text-align: center;
margin-bottom: 20px;
}
.customer-info-page .slogans, .registration-page .slogans {
text-align: center;
font-size: 14px;
color: #1b3f5e;
font-weight: 500;
}
.customer-info-page .paperless-checkbox, .registration-page .paperless-checkbox {
height: 40px;
border: solid 2px transparent;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.customer-info-page .paperless-checkbox label, .registration-page .paperless-checkbox label {
padding-left: 6px;
font-weight: bold;
font-size: 13px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.customer-info-page .inputs.email-field label, .registration-page .inputs.email-field label {
color: #777;
}
.customer-info-page .inputs.email-field > input#Email, .registration-page .inputs.email-field > input#Email {
display: none;
}
.customer-info-page .email-field, .registration-page .email-field {
position: relative;
text-align: left;
font-size: 14px;
color: #444;
}
.customer-info-page .email-field .call-for-email, .registration-page .email-field .call-for-email {
display: none;
position: absolute;
border-top: 6px solid #e56363;
border-bottom: 1px solid #e56363;
border-right: 1px solid #e56363;
border-left: 1px solid #e56363;
z-index: 111;
font-size: 12px;
padding: 6px 10px;
font-weight: 100;
position: absolute;
top: 55px;
width: 100%;
background-color: #fefefe;
}
.customer-info-page .email-field .call-for-email p, .registration-page .email-field .call-for-email p {
position: relative;
white-space: normal;
}
.customer-info-page .email-field .call-for-email:before, .registration-page .email-field .call-for-email:before {
font-family: FontAwesome;
content: "\f0de";
position: absolute;
font-size: 30px;
top: -24px;
left: 12px;
color: #e56363;
}
.customer-info-page .email-field:hover .call-for-email, .registration-page .email-field:hover .call-for-email {
display: inline-block !important;
}
.customer-info-page input[id=Email][disabled=disabled], .registration-page input[id=Email][disabled=disabled] {
cursor: not-allowed;
}
.customer-info-page #info-form .bootstrap-tagsinput {
margin: 0;
width: 100%;
padding: 0.5rem 0.75rem 0;
font-size: 1rem;
line-height: 1.25;
transition: border-color 0.15s ease-in-out;
}
.customer-info-page #info-form .bootstrap-tagsinput.has-focus {
background-color: #fff;
border-color: #5cb3fd;
}
.customer-info-page #info-form .bootstrap-tagsinput .label-info {
display: inline-block;
background-color: #0588d3;
padding: 0 0.4em 0.15em;
border-radius: 0.25rem;
margin-bottom: 0.4em;
}
.customer-info-page #info-form .bootstrap-tagsinput input {
margin-bottom: 0.5em;
}
.customer-info-page #info-form .bootstrap-tagsinput .tag [data-role=remove]:after {
content: "×";
}
.customer-info-page #info-form .bootstrap-tagsinput {
background-color: #fff;
border: 1px solid #ccc;
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
display: inline-block;
padding: 4px 6px;
margin-bottom: 10px;
color: #555;
vertical-align: middle;
border-radius: 4px;
max-width: 100%;
line-height: 22px;
cursor: text;
white-space: normal;
}
.customer-info-page #info-form .bootstrap-tagsinput input {
border: none;
box-shadow: none;
outline: none;
background-color: transparent;
padding: 0;
margin: 0;
width: auto !important;
max-width: inherit;
}
.customer-info-page #info-form .bootstrap-tagsinput input:focus {
border: none;
box-shadow: none;
}
.customer-info-page #info-form .bootstrap-tagsinput .tag {
margin-right: 2px;
color: white;
}
.customer-info-page #info-form .bootstrap-tagsinput .tag [data-role=remove] {
margin-left: 8px;
cursor: pointer;
}
.customer-info-page #info-form .bootstrap-tagsinput .tag [data-role=remove]:after {
content: "x";
padding: 0px 2px;
}
.customer-info-page #info-form .bootstrap-tagsinput .tag [data-role=remove]:hover {
box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.customer-info-page #info-form .bootstrap-tagsinput .tag [data-role=remove]:hover:active {
box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.customer-info-page .inputs.custom-attributes[data-id="10"] {
margin-bottom: 10px;
margin-left: -20px;
padding: 0 20px 0 20px;
height: 70px;
border: solid 2px transparent;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.customer-info-page .inputs.custom-attributes[data-id="10"].highlight {
background-color: #f5f5f5;
border: solid 2px #0588d3;
}
.customer-info-page .paperless-checkbox {
margin-bottom: 10px;
margin-left: -20px;
padding: 20px 20px 0 20px;
height: 70px;
border: solid 2px #ffffff;
-moz-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.customer-info-page .paperless-checkbox.highlight {
background-color: #f5f5f5;
border: solid 2px #0588d3;
margin-bottom: 10px;
margin-left: -20px;
padding: 20px 20px 0 20px;
height: 70px;
}
.customer-info-page .inputs.call-to-change-field label {
color: #777;
}
.customer-info-page .inputs.call-to-change-field > input {
display: none;
}
.customer-info-page .call-to-change-field {
position: relative;
text-align: left !important;
font-size: 14px;
color: #444;
}
.customer-info-page .call-to-change-field .call-to-change {
display: none;
position: absolute;
border-top: 6px solid #e56363;
border-bottom: 1px solid #e56363;
border-right: 1px solid #e56363;
border-left: 1px solid #e56363;
z-index: 111;
font-size: 12px;
padding: 6px 10px;
font-weight: 100;
position: absolute;
top: 55px;
width: 100%;
background-color: #fefefe;
}
.customer-info-page .call-to-change-field .call-to-change p {
position: relative;
white-space: normal;
}
.customer-info-page .call-to-change-field .call-to-change:before {
font-family: FontAwesome;
content: "\f0de";
position: absolute;
font-size: 30px;
top: -24px;
left: 12px;
color: #e56363;
}
.customer-info-page .call-to-change-field:hover .call-to-change {
display: inline-block !important;
}
.customer-info-page input[class=call-to-change][disabled=disabled] {
cursor: not-allowed;
}
.page {
min-height: 200px;
text-align: center;
}
.page.topic-page p {
text-align: left;
}
.page.topic-page p.check:before {
font-family: FontAwesome;
content: "\f046";
margin-right: 10px;
color: #0588d3;
}
@media (min-width: 48em) {
.page.topic-page .info-row {
display: flex;
justify-content: center;
align-items: center;
}
}
.page.topic-page .page-body {
padding-bottom: 30px;
}
.page:after {
content: "";
display: block;
clear: both;
}
.page .answer p {
margin: 4px 0;
}
.page-title {
margin: 0 0 30px;
border-bottom: 1px solid #ddd;
padding: 0 0 10px;
text-transform: uppercase;
margin: 0 0 10px;
}
.page-title:after {
content: "";
display: block;
clear: both;
}
.page-title h1 {
color: #0588d3;
letter-spacing: -0.05em;
}
.buttons {
text-align: center;
}
.link-rss {
display: none;
width: 32px;
height: 32px;
background: #0588d3 url() no-repeat;
font-size: 0 !important;
background-color: #0588d3;
}
.category-description {
margin: 0 0 30px;
display: none;
}
.category-description ul {
margin: 12px 0;
padding: 0 0 0 36px;
list-style: disc;
}
.category-description ol {
margin: 12px 0;
padding: 0 0 0 36px;
list-style: decimal;
}
.category-description p {
margin: 20px 0;
line-height: 30px;
}
.manufacturer-description {
margin: 0 0 30px;
}
.manufacturer-description ul {
margin: 12px 0;
padding: 0 0 0 36px;
list-style: disc;
}
.manufacturer-description ol {
margin: 12px 0;
padding: 0 0 0 36px;
list-style: decimal;
}
.manufacturer-description p {
line-height: 30px;
margin: 0 0 20px;
}
.full-description ul {
margin: 12px 0;
padding: 0 0 0 36px;
list-style: disc;
}
.full-description ol {
margin: 12px 0;
padding: 0 0 0 36px;
list-style: decimal;
}
.full-description p {
margin: 20px 0;
}
.topic-html-content ul {
margin: 12px 0;
padding: 0 0 0 36px;
list-style: disc;
}
.topic-html-content ol {
margin: 12px 0;
padding: 0 0 0 36px;
list-style: decimal;
}
.topic-html-content p {
margin: 20px 0;
line-height: 30px;
}
.topic-page ul {
margin: 12px 0;
padding: 0 0 0 36px;
list-style: disc;
}
.topic-page ol {
margin: 12px 0;
padding: 0 0 0 36px;
list-style: decimal;
}
.topic-page p {
margin: 0.96rem 0;
}
.topic-page a {
text-decoration: underline;
}
.topic-page img.svg-responsive {
/*width: 100%;*/
}
@media (max-width: 47.99em) {
.topic-page img.svg-responsive {
width: 100%;
}
}
@media (min-width: 48em) {
.topic-page img.svg-responsive {
width: 80%;
}
}
.post-body {
margin: 0 0 30px;
text-align: left;
}
.post-body ul {
margin: 12px 0;
padding: 0 0 0 36px;
list-style: disc;
}
.post-body ol {
margin: 12px 0;
padding: 0 0 0 36px;
list-style: decimal;
}
.post-body p {
text-align: left;
margin: 0.96rem 0;
}
.post-body a {
color: #0588d3;
}
.post-body a:hover {
text-decoration: underline;
}
.post-body img {
max-width: 100%;
}
.custom-tab ul {
margin: 12px 0;
padding: 0 0 0 36px;
list-style: disc;
}
.custom-tab ol {
margin: 12px 0;
padding: 0 0 0 36px;
list-style: decimal;
}
.custom-tab p {
margin: 20px 0;
line-height: 30px;
}
.master-column-wrapper {
min-height: 500px;
}
.master-column-wrapper:after {
content: "";
display: block;
clear: both;
}
.home-page-body .center-1 {
margin: 0;
}
.product-details-page-body .center-1 {
margin: 0 0 70px;
}
.page-body:after {
content: "";
display: block;
clear: both;
}
.vendor-description p {
margin: 20px 0;
line-height: 30px;
}
.news-body p {
margin: 20px 0;
line-height: 30px;
}
/*********** GLOBAL FORMS ***********/
.fieldset {
position: relative;
margin: 0 0 30px;
}
.fieldset .title {
background-color: #f9f9f9;
padding: 25px 30px;
font-size: 15px;
color: #333333;
text-transform: uppercase;
}
.section {
position: relative;
margin: 0 0 30px;
}
.section .title {
background-color: #f9f9f9;
padding: 25px 30px;
font-size: 15px;
color: #333333;
text-transform: uppercase;
}
.section.shipping-method {
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 40px 20px;
}
.section.payment-method {
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 40px 20px;
}
.section.payment-info {
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 40px 20px;
}
.section.confirm-order {
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 40px 20px;
}
.section.order-completed {
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 40px 20px;
}
.form-fields {
position: relative;
}
.inputs {
position: relative;
margin: 0 0 20px;
white-space: nowrap;
font-size: 0;
}
.inputs:after {
content: "";
display: block;
clear: both;
}
.inputs label {
display: block;
width: 100%;
margin: 0 0 5px;
font-size: 13px;
font-weight: bold;
text-transform: capitalize;
}
.inputs input[type=text] {
width: 100%;
max-width: 100%;
vertical-align: middle;
}
.inputs input[type=password] {
width: 100%;
max-width: 100%;
vertical-align: middle;
}
.inputs select {
width: 100%;
max-width: 100%;
vertical-align: middle;
}
.inputs textarea {
width: 100%;
max-width: 100%;
vertical-align: middle;
}
.inputs .option-list {
overflow: hidden;
display: inline-block;
vertical-align: middle;
white-space: normal;
}
.inputs .option-list li {
float: left;
margin: 0 5px 0 0;
}
.inputs .option-list label {
display: inline;
width: auto;
margin: 0 5px;
font-weight: normal;
}
.inputs.reversed {
margin: 0 0 20px;
text-align: center;
}
.inputs .option-list {
overflow: visible;
}
.inputs.custom-attributes:not([data-id="8"]) {
margin: 40px 0;
}
.inputs.custom-attributes:not([data-id="8"]):first-child {
margin: 0 0 20px 0;
}
.inputs.custom-attributes:not([data-id="8"]) ul.option-list li {
margin: 4px 10px 10px;
}
.inputs.custom-attributes:not([data-id="8"]) ul.option-list li label {
margin-left: 10px;
}
.inputs.custom-attributes[data-id="10"] input[type=checkbox] + label::after {
-ms-transform: scale(1);
-webkit-transform: scale(1);
transform: scale(1);
opacity: 1;
}
.inputs.custom-attributes[data-id="10"] input[type=checkbox]:checked + label::after {
-ms-transform: scale(0);
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0;
}
input[type=checkbox]:not(.call-from-csr-checkbox) {
opacity: 0;
float: left;
}
input[type=checkbox]:not(.call-from-csr-checkbox) + label:not(.call-from-csr) {
margin: 0 0 0 20px;
position: relative;
cursor: pointer;
}
input[type=checkbox] + label ~ label {
margin: 0 0 0 40px;
}
input[type=checkbox]:not(.call-from-csr-checkbox) + label::before {
content: " ";
position: absolute;
left: -35px;
top: -3px;
width: 25px;
height: 25px;
display: block;
background: white;
border: 1px solid #A9A9A9;
}
input[type=checkbox]:not(.call-from-csr-checkbox) + label::after {
content: " ";
position: absolute;
left: -35px;
top: -3px;
width: 23px;
height: 23px;
display: block;
z-index: 1;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABcAAAAWCAYAAAArdgcFAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKZJREFUeNpiYBgFtAasHZcbQBjGZ6SiwfOBVAKUu+B3hW4iIw0MhoEJTDQymPJgwWMwZcFCyGAQgwmLpn4gTqDUYIxgQdOUCFS4gFyDUQzHoQnFAlIMRg8WBSya5sOCiFSD0V0uAKT2A7EBFnUHgNiBFIOxhTk+C0gyGGs6J9ICggbjzEQELCDKYLw5FIcFRBtMMPujWUCSwcRmcwEgdhhZNRNAgAEAxWteX9JkL0EAAAAASUVORK5CYII=);
/*-ms-transition: all .2s ease;
-webkit-transition: all .2s ease;
transition: all .3s ease;*/
opacity: 0;
}
input[type=checkbox]:checked + label:not(.filter-item-name)::after {
opacity: 1;
}
.required {
margin: 0 0 0 3px;
color: #0588d3;
font-size: 14px;
vertical-align: top;
}
.message-error {
display: block;
margin: 9px 0 0;
padding: 0;
font-size: 13px;
background-color: #e56363;
color: #ffffff;
}
.field-validation-error {
display: block;
margin: 9px 0 0;
padding: 4px 4px 4px 8px;
font-size: 13px;
background-color: #e56363;
color: #ffffff;
}
.field-validation-error:before {
content: "\f0de";
font-family: FontAwesome;
position: absolute;
font-size: 30px;
color: #e56363;
bottom: 0px;
left: 12px;
}
.field-validation-error.hidearrow {
margin: 3px 0 0;
}
.field-validation-error.hidearrow:before {
display: none;
}
.username-not-available-status {
display: block;
margin: 9px 0 0;
padding: 4px 4px 4px 8px;
font-size: 13px;
background-color: #e56363;
color: #ffffff;
}
.poll-vote-error {
display: block;
margin: 9px 0 0;
padding: 4px 4px 4px 8px;
font-size: 13px;
background-color: #e56363;
color: #ffffff;
}
.password-error {
display: block;
margin: 9px 0 0;
padding: 4px 4px 4px 8px;
font-size: 13px;
background-color: #e56363;
color: #ffffff;
}
.field-validation-valid {
display: block;
font-size: 14px;
color: #4fbb41;
}
.username-available-status {
display: block;
font-size: 14px;
color: #4fbb41;
}
.captcha-box {
margin: 0 0 15px;
text-align: center;
line-height: 0;
}
.captcha-box > div {
display: inline-block;
}
.captcha-box input {
height: auto;
}
/*********** GLOBAL TABLES ***********/
.wishlist-content .cart td {
border-top: 0;
}
.wishlist-content .cart td .footable-row-detail-value .fa-times-circle {
display: none;
}
.wishlist-content .message-error {
margin: 0 0 20px;
}
.wishlist-content .table-wrapper {
margin: 0 0 10px;
}
.wishlist-content .buttons {
margin: 0 0 15px;
border-bottom: 1px solid #ddd;
padding: 0 0 40px;
font-size: 0;
}
.wishlist-content .buttons:after {
content: "";
display: block;
clear: both;
}
.wishlist-content .tax-shipping-info {
margin: 0 0 15px;
text-align: center;
font-size: 13px;
font-weight: bold;
}
.picture-thumbs.in-carousel {
margin: 0 auto;
}
.picture-thumbs.in-carousel .picture-thumbs-list {
text-align: center;
}
.picture-thumbs .slick-prev, .picture-thumbs .slick-next {
background-image: none;
}
.picture-thumbs .slick-prev:before, .picture-thumbs .slick-next:before {
font-family: FontAwesome;
font-size: 20px;
color: #dddddd;
}
.picture-thumbs .slick-prev {
padding-right: 20px !important;
}
.picture-thumbs .slick-prev:before {
content: "\f053";
}
.picture-thumbs .slick-next {
margin-right: -20px;
}
.picture-thumbs .slick-next:before {
content: "\f054";
}
#picture-thumbs-carousel > div > div.slick-track {
display: inline-block;
}
#picture-thumbs-carousel > div > div.slick-track .picture-thumbs-item:only-child {
display: none;
}
/* dots nav */
.slick-dots .slick-active button {
background: #0588d3;
}
.cart {
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.cart th {
padding: 20px;
font-size: 13px;
font-weight: normal;
white-space: nowrap;
}
.cart th.subtotal {
/*text-transform: uppercase;*/
}
.cart td {
min-width: 50px;
border-top: 1px solid #f0f0f0;
padding: 25px;
}
.cart td .attributes {
margin: 10px 0;
}
.cart a {
font-weight: bold;
color: #333333;
}
.cart .product {
text-align: left;
}
.cart .remove-from-cart {
text-align: center;
}
.cart .add-to-cart {
text-align: center;
}
.cart .product-picture {
text-align: center;
}
.cart .product-picture img {
max-width: 60px;
}
.cart .unit-price {
white-space: nowrap;
}
.cart .qty-input {
width: 50px;
height: 40px;
text-align: center;
}
.cart .qty-dropdown {
width: 50px;
height: 40px;
text-align: center;
}
.cart .edit-item a {
font-weight: normal;
color: #0588d3;
}
.cart .edit-item a:hover {
text-decoration: underline;
}
.data-table {
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.data-table th {
padding: 20px;
font-size: 13px;
font-weight: normal;
white-space: nowrap;
}
.data-table td {
min-width: 50px;
border-top: 1px solid #f0f0f0;
padding: 25px;
}
.data-table td .attributes {
margin: 0;
}
.data-table a {
font-weight: bold;
color: #333333;
}
.data-table .product {
text-align: left;
}
.data-table .info {
text-align: left;
}
.data-table .name {
text-align: left;
}
.data-table .select-boxes {
text-align: center;
}
.data-table .order {
text-align: center;
}
.compare-products-table {
border: 1px solid #e9e9e9;
background-color: #ffffff;
display: none;
}
.compare-products-table td {
min-width: 50px;
border-top: 1px solid #f0f0f0;
padding: 25px;
}
.compare-products-table a {
font-weight: bold;
color: #333333;
}
.compare-products-table .full-description {
display: none;
}
.compare-products-table .product-name td {
background: #f9f9f9;
}
.compare-products-table .product-price td {
font-size: 15px;
font-weight: bold;
color: #0588d3;
}
.compare-products-table .product-price td:first-child {
color: #777;
font-weight: normal;
}
.forums-table-section {
margin: 0 0 30px;
}
.forums-table-section table {
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.forums-table-section th {
padding: 20px;
font-size: 13px;
font-weight: normal;
white-space: nowrap;
padding: 20px 25px;
}
.forums-table-section td {
min-width: 50px;
border-top: 1px solid #f0f0f0;
padding: 25px;
padding: 20px 25px;
}
.forums-table-section .view-all a {
background-color: #0588d3;
}
.forums-table-section .view-all a:hover {
outline-color: #0588d3;
}
.forums-table-section .forum-title a:hover {
color: #0588d3;
}
.forums-table-section .topic-title a:hover {
color: #0588d3;
}
.forums-table-section a {
vertical-align: middle;
}
.forums-table-section .table-wrapper {
overflow-x: auto;
}
.forums-table-section .view-all {
margin: 30px 0 0;
}
.forums-table-section .view-all a {
display: inline-block;
background-color: #0588d3;
padding: 10px 20px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.forums-table-section .view-all a:hover {
outline-color: #0588d3;
}
.forums-table-section .image {
padding: 20px 0;
}
.forums-table-section .image div {
width: 40px;
height: 35px;
margin: auto;
background-image: url();
background-repeat: no-repeat;
}
.forums-table-section .image div.sticky {
background-position: center;
}
.forums-table-section .image div.announcement {
background-position: right;
}
.forums-table-section .forum-title {
margin: 0 0 10px;
}
.forums-table-section .forum-title a {
vertical-align: middle;
font-weight: bold;
color: #333333;
}
.forums-table-section .forum-title a:hover {
color: #0588d3;
}
.forums-table-section .forum-title span {
vertical-align: middle;
}
.forums-table-section .topic-title {
margin: 0 0 10px;
}
.forums-table-section .topic-title a {
vertical-align: middle;
font-weight: bold;
color: #333333;
}
.forums-table-section .topic-title a:hover {
color: #0588d3;
}
.forums-table-section .topic-title span {
vertical-align: middle;
}
.forums-table-section .latest-post {
white-space: nowrap;
}
.forums-table-section .latest-post div {
font-size: 13px;
}
.forums-table-section .latest-post div * {
vertical-align: baseline;
}
.forums-table-section + .forums-table-section {
margin-top: 50px;
}
.forum-table .forum-details {
text-align: left;
}
.forum-table .topic-details {
text-align: left;
}
/*********** NOTIFICATIONS & POPUPS ***********/
.transform-start {
-moz-transform: translateX(-50px);
-ms-transform: translateX(-50px);
-o-transform: translateX(-50px);
-webkit-transform: translateX(-50px);
transform: translateX(-50px);
opacity: 0;
}
.transform-end {
-webkit-transition: all 0.2s ease !important;
-moz-transition: all 0.2s ease !important;
-o-transition: all 0.2s ease !important;
-ms-transition: all 0.2s ease !important;
transition: all 0.2s ease !important;
-moz-transform: translateX(0);
-ms-transform: translateX(0);
-o-transform: translateX(0);
-webkit-transform: translateX(0);
transform: translateX(0);
opacity: 1;
}
.bar-notification {
display: none;
position: fixed;
bottom: 0;
left: 0;
z-index: 1080;
width: 100%;
padding: 12px 25px 12px 10px;
font-size: 13px;
color: #ffffff;
opacity: 0.95;
bottom: auto;
top: 0;
}
.bar-notification.success {
background: #4fbb41;
background-color: #0588d3;
color: #ffffff;
}
.bar-notification.success:before {
font-family: FontAwesome;
content: "\f00c";
font-size: 22px;
vertical-align: middle;
padding-right: 12px;
margin-top: -7px;
position: absolute;
color: #095f91;
}
.bar-notification.error {
background: #0588d3;
background-color: #e56363;
color: #ffffff;
}
.bar-notification.error:before {
font-family: FontAwesome;
content: "\f071";
font-size: 22px;
vertical-align: middle;
padding-right: 12px;
margin-top: -2px;
position: absolute;
color: #c14343;
}
.bar-notification .content {
float: left;
margin: 0 10px 0 0;
}
.bar-notification .content a {
color: #ffffff;
text-decoration: underline;
}
.bar-notification .close {
position: absolute;
top: 0;
right: 0;
width: 31px;
height: 31px;
margin: 6px;
background: #ffffff url() center no-repeat;
cursor: pointer;
background-image: none;
}
.bar-notification .close:hover {
outline: 1px solid #ffffff;
}
.bar-notification .close:before {
font-family: FontAwesome;
content: "\f00d";
font-size: 20px;
color: #999999;
position: absolute;
top: 0;
left: 8px;
}
.bar-notification.discountcode, .bar-notification.verifyshippingaddress {
font-size: 18px;
text-align: center;
background-color: #0588d3;
color: #ffffff;
}
.bar-notification.discountcode p, .bar-notification.verifyshippingaddress p {
text-align: center;
float: none;
font-weight: 100;
}
.bar-notification.discountcode p:before, .bar-notification.verifyshippingaddress p:before {
font-family: FontAwesome;
content: "\f02c";
font-size: 26px;
vertical-align: middle;
padding-right: 12px;
margin-left: -40px;
margin-top: -4px;
position: absolute;
color: #095f91;
}
.bar-notification.discountcode strong, .bar-notification.verifyshippingaddress strong {
text-transform: uppercase;
}
.bar-notification.verifyshippingaddress {
font-size: 18px;
background-color: #4fbb41;
color: #ffffff;
}
.bar-notification.verifyshippingaddress p:before {
content: "\f00c";
font-size: 26px;
color: #328d27;
}
.bar-notification.verifyshippingaddress strong {
text-transform: uppercase;
}
.bar-notification.success2 {
background-color: #4fbb41;
color: #ffffff;
}
.bar-notification.success2:before {
font-family: FontAwesome;
content: "\f00c";
font-size: 22px;
vertical-align: middle;
padding-right: 12px;
margin-top: -27px;
position: absolute;
color: #328d27;
}
.bar-notification p.content {
padding-right: 10px;
padding-left: 30px;
}
.noscript {
background-color: #f5f5f5;
padding: 10px;
text-align: center;
}
.ajax-loading-block-window {
position: fixed;
top: 0;
left: 0;
z-index: 1100;
width: 100%;
height: 100%;
background-color: #efefef;
}
.ajax-loading-block-window:before {
content: "";
position: absolute;
top: 50%;
left: 50%;
border-radius: 2px;
background-color: #0588d3;
-moz-animation: animate 0.5s linear infinite;
-o-animation: animate 0.5s linear infinite;
-webkit-animation: animate 0.5s linear infinite;
animation: animate 0.5s linear infinite;
background-color: #0588d3;
display: none !important;
width: 0;
height: 0;
margin: 0;
}
.ajax-loading-block-window:after {
content: "";
position: absolute;
top: 50%;
left: 50%;
border-radius: 50%;
background-color: #000000;
opacity: 0.1;
-moz-animation: shadow 0.5s linear infinite;
-o-animation: shadow 0.5s linear infinite;
-webkit-animation: shadow 0.5s linear infinite;
animation: shadow 0.5s linear infinite;
display: none !important;
width: 0;
height: 0;
margin: 0;
}
@-webkit-keyframes animate {
15% {
border-bottom-right-radius: 2px;
}
25% {
-moz-transform: translateY(9px) rotate(22.5deg);
-ms-transform: translateY(9px) rotate(22.5deg);
-o-transform: translateY(9px) rotate(22.5deg);
-webkit-transform: translateY(9px) rotate(22.5deg);
transform: translateY(9px) rotate(22.5deg);
}
50% {
-moz-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
-ms-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
-o-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
-webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
transform: translateY(18px) scale(1, 0.9) rotate(45deg);
border-bottom-right-radius: 40px;
}
75% {
-moz-transform: translateY(9px) rotate(67.5deg);
-ms-transform: translateY(9px) rotate(67.5deg);
-o-transform: translateY(9px) rotate(67.5deg);
-webkit-transform: translateY(9px) rotate(67.5deg);
transform: translateY(9px) rotate(67.5deg);
}
100% {
-moz-transform: translateY(0) rotate(90deg);
-ms-transform: translateY(0) rotate(90deg);
-o-transform: translateY(0) rotate(90deg);
-webkit-transform: translateY(0) rotate(90deg);
transform: translateY(0) rotate(90deg);
}
}
@keyframes animate {
15% {
border-bottom-right-radius: 2px;
}
25% {
-moz-transform: translateY(9px) rotate(22.5deg);
-ms-transform: translateY(9px) rotate(22.5deg);
-o-transform: translateY(9px) rotate(22.5deg);
-webkit-transform: translateY(9px) rotate(22.5deg);
transform: translateY(9px) rotate(22.5deg);
}
50% {
-moz-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
-ms-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
-o-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
-webkit-transform: translateY(18px) scale(1, 0.9) rotate(45deg);
transform: translateY(18px) scale(1, 0.9) rotate(45deg);
border-bottom-right-radius: 40px;
}
75% {
-moz-transform: translateY(9px) rotate(67.5deg);
-ms-transform: translateY(9px) rotate(67.5deg);
-o-transform: translateY(9px) rotate(67.5deg);
-webkit-transform: translateY(9px) rotate(67.5deg);
transform: translateY(9px) rotate(67.5deg);
}
100% {
-moz-transform: translateY(0) rotate(90deg);
-ms-transform: translateY(0) rotate(90deg);
-o-transform: translateY(0) rotate(90deg);
-webkit-transform: translateY(0) rotate(90deg);
transform: translateY(0) rotate(90deg);
}
}
@keyframes shadow {
0% {
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
100% {
-moz-transform: scale(1, 1);
-ms-transform: scale(1, 1);
-o-transform: scale(1, 1);
-webkit-transform: scale(1, 1);
transform: scale(1, 1);
}
50% {
-moz-transform: scale(1.2, 1);
-ms-transform: scale(1.2, 1);
-o-transform: scale(1.2, 1);
-webkit-transform: scale(1.2, 1);
transform: scale(1.2, 1);
}
}
.ui-dialog[aria-describedby=orderHoldModal] .ui-dialog-content {
text-align: center;
}
.ui-dialog[aria-describedby=orderHoldModal] .ui-dialog-content .contact {
margin-top: 10px;
}
.ui-dialog[aria-describedby=orderHoldModal] .ui-dialog-content .contact .phone {
font-weight: bold;
white-space: nowrap;
}
.ui-dialog[aria-describedby=orderHoldModal] .ui-dialog-content .contact .email {
font-weight: bold;
white-space: nowrap;
}
.ui-dialog[aria-describedby=orderHoldModal] .ui-dialog-content a {
display: block;
text-align: center;
margin: 14px auto 0 auto;
color: #ffffff;
padding: 4px 10px;
border-radius: 4px;
font-weight: bold;
background-color: #d9534f;
}
.ui-dialog[aria-describedby=orderHoldModal] .ui-dialog-content a:hover {
background-color: rgb(212.4719626168, 62.5046728972, 58.0280373832);
}
.ui-dialog[aria-describedby=orderHoldModal] .ui-dialog-titlebar {
color: #d9534f;
}
.ui-dialog.license-img-dialog, .ui-dialog[aria-describedby=orderHoldModal], .ui-dialog[aria-describedby=ascorModal], .ui-dialog[aria-describedby=updateWarnModal], .ui-dialog[aria-describedby=headerNoticeModal], .ui-dialog[aria-describedby=globalNoticeModal], .ui-dialog[aria-describedby=newAddressVerifyModal], .ui-dialog[aria-describedby=cookieNoticeModal], .ui-dialog[aria-describedby=ascorVideoModal], .ui-dialog[aria-describedby=licenseModal], .ui-dialog[aria-describedby=licenseExampleModal], .ui-dialog[aria-describedby=deleteCCModal], .ui-dialog[aria-describedby=deleteShippingAddressModal], .ui-dialog[aria-describedby=paymentmethodModal], .ui-dialog[aria-describedby=deletepaymentmethodModal], .ui-dialog[aria-describedby=removecartitemModal], .ui-dialog[aria-describedby=upsAddModal], .ui-dialog[aria-describedby=upsBillingAddModal], .ui-dialog[aria-describedby=validateCCModal] {
background-color: #ffffff;
z-index: 1090;
}
.ui-dialog:not(.license-img-dialog):not([aria-describedby=ascorModal]):not([aria-describedby=updateWarnModal]):not([aria-describedby=orderHoldModal]):not([aria-describedby=headerNoticeModal]):not([aria-describedby=globalNoticeModal]):not([aria-describedby=newAddressVerifyModal]):not([aria-describedby=cookieNoticeModal]):not([aria-describedby=ascorVideoModal]):not([aria-describedby=licenseModal]):not([aria-describedby=licenseExampleModal]):not([aria-describedby=deleteCCModal]):not([aria-describedby=deleteShippingAddressModal]):not([aria-describedby=paymentmethodModal]):not([aria-describedby=deletepaymentmethodModal]):not([aria-describedby=removecartitemModal]):not([aria-describedby=upsAddModal]):not([aria-describedby=upsBillingAddModal]):not([aria-describedby=validateCCModal]) {
z-index: 1050;
width: 350px !important;
max-width: 95%;
border: 1px solid #e9e9e9;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
overflow: hidden;
background-color: #ffffff;
}
.ui-dialog-titlebar {
border-bottom: 1px solid #e9e9e9;
overflow: hidden;
background-color: #f9f9f9;
padding: 15px 20px;
font-weight: bold;
color: #0588d3;
}
.ui-dialog-titlebar span {
float: left;
text-transform: uppercase;
}
.ui-dialog-titlebar button {
position: absolute;
top: 0;
right: 0;
width: 24px;
height: 24px;
margin: 13px;
overflow: hidden;
border: none;
background: url() center no-repeat;
font-size: 0;
opacity: 0.8;
}
.ui-dialog-titlebar button:hover {
opacity: 1;
}
.ui-dialog-titlebar button * {
display: none;
}
.ui-dialog-content {
height: auto !important;
padding: 20px;
}
.eu-cookie-bar-notification {
position: fixed;
bottom: 0;
z-index: 1050;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
background-color: #26547c;
color: #ffffff;
padding: 25px;
text-align: center;
width: 100%;
max-width: 400px;
}
.eu-cookie-bar-notification .buttons-more, .eu-cookie-bar-notification .text {
display: inline-block;
}
@media (min-width: 401px) {
.eu-cookie-bar-notification {
margin: 10px;
border-radius: 10px;
}
}
.eu-cookie-bar-notification .text {
margin-bottom: 20px;
line-height: 20px;
}
.eu-cookie-bar-notification button {
min-width: 60px;
margin: 0px 10px 0px 10px;
border: none;
background-color: #0588d3;
padding: 10px 20px;
font-size: 14px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
border-radius: 5px;
}
.eu-cookie-bar-notification a {
/*display: block;*/
text-decoration: underline;
}
#goToTop {
display: none;
position: fixed;
right: 20px;
bottom: 20px;
z-index: 1030;
width: 50px;
height: 50px;
overflow: hidden;
background: rgba(225, 225, 225, 0.75) url() no-repeat center 48%;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
display: none !important;
padding: 14px 18px;
background-image: none;
}
#goToTop:hover {
background-color: #ddd;
}
/*********** HEADER ***********/
/********* STICKY HEADER CART ************/
.outer-sticky-cart {
background-color: #ffffff;
border-bottom: solid #dddddd;
border-bottom-width: 1px;
display: none;
}
.sticky-cart-fade {
position: absolute;
z-index: -1;
opacity: 0.2;
top: 65px !important;
width: 100%;
}
.header-sticky-cart {
align-items: center !important;
color: #1b3f5e;
padding: 15px 0;
}
.header-sticky-cart .cart-section {
justify-content: right;
display: flex;
}
.header-sticky-cart .prod-info {
display: flex;
align-items: center;
}
.header-sticky-cart .sticky-prod-img {
max-width: 200px;
height: auto;
width: 100%;
}
.header-sticky-cart .add-to-cart-button {
border-radius: 3px !important;
height: 45px;
border: none;
background: #0588d3 url() no-repeat left center;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: #0588d3;
background-image: none;
padding: 0 28px;
font-size: 13px;
}
@media (max-width: 700px) {
.header-sticky-cart .add-to-cart-button {
padding: 0 10px;
}
}
@media (min-width: 600px) and (max-width: 900px) {
.header-sticky-cart .cart-section {
width: 100%;
}
}
.header-sticky-cart .ajax-cart-button-wrapper, .header-sticky-cart .sub-prod-wrapper {
position: relative;
float: right;
}
.header-sticky-cart .add-to-cart {
position: relative;
display: inline-block;
vertical-align: top;
margin: 0;
}
.header-sticky-cart .add-to-cart-panel {
display: inline-block;
}
.header-sticky-cart .qty-input {
width: 45px;
height: 45px;
margin: 0 5px 0 0;
text-align: center;
font-size: 14px;
color: #777;
}
@media (max-width: 500px) {
.outer-sticky-cart {
display: none !important;
}
}
/********* STICKY HEADER CART ************/
.products-header {
position: relative;
float: right;
top: -11px;
right: 75px;
}
.admin-header-links {
min-height: 42px;
text-align: center;
}
.admin-header-links * {
display: inline-block;
margin: 0 10px;
line-height: 42px;
}
.admin-header-links a {
text-transform: uppercase;
}
.admin-header-links.impersonate-adj {
min-height: 0;
padding: 0;
}
.admin-header-links.impersonate-adj a#transitions-toggle {
display: none;
}
.admin-header-links.impersonate-adj a:not(.finish-impersonation) {
display: none;
}
.admin-header-links.impersonate-adj:before {
content: "";
}
.admin-header-links .impersonate {
display: inline-block;
width: 100%;
position: fixed;
overflow: hidden;
max-height: 40px;
left: 0;
right: 0;
margin: 0;
top: 0;
background-color: #d9534f;
color: #fff;
z-index: 9999;
}
.admin-header-links .impersonate .finish-impersonation {
display: block;
font-size: 0;
height: 0;
}
.admin-header-links .impersonate .finish-impersonation:before {
top: -1px;
right: 64px;
position: absolute;
font-family: FontAwesome;
color: #ffffff;
content: "\f00d";
font-size: 26px;
}
.admin-header-links .impersonate .finish-impersonation:after {
top: -1px;
right: 20px;
position: absolute;
color: #ffffff;
content: "Finish";
font-size: 14px;
text-transform: none;
}
.language-list {
max-width: 100%;
font-size: 0;
}
.language-list li {
display: inline-block;
margin: 0 1px;
}
.language-list a {
display: block;
position: relative;
width: 32px;
height: 24px;
line-height: 0;
}
.language-list img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
margin: auto;
}
.header-logo {
text-align: center;
}
.header-logo a {
display: inline-block;
max-width: 100%;
line-height: 0;
vertical-align: middle;
}
.header-logo a img {
max-width: 100%;
background-color: #0588d3;
}
#updateWarnModal {
text-align: center;
display: none;
}
#updateWarnModal h4 {
margin: 0 0 10px 0;
font-weight: normal;
color: #d9534f;
}
#updateWarnModal p {
line-height: 180%;
}
#updateWarnModal .sample-edit-btn {
display: inline-block;
color: #ffffff;
font-weight: bold;
background-color: rgb(217, 83, 79);
padding: 0px 8px;
border-radius: 4px;
text-decoration: underline !important;
}
.osmolarity-online-product #quickTab-description {
background-image: url(/Themes/Pavilion/Content/img/osmo-product-page-bk.jpg);
background-size: cover;
background-position: top center;
}
.osmolarity-online-product #quickTab-description .col-sm-6 {
text-align: center;
}
.osmolarity-online-product #quickTab-description h2 {
font-size: 36px;
letter-spacing: -0.04em;
font-weight: 100;
}
.osmolarity-online-product #quickTab-description h4 {
font-size: 30px;
font-weight: 100;
}
.osmolarity-online-product #quickTab-description p {
font-size: 18px;
font-weight: 100;
padding-bottom: 15px;
}
.osmolarity-online-product .cloudzoom-zoom-inside {
background-color: rgb(230, 230, 230);
}
.osmolarity-online-product .overview .short-description {
font-weight: 400;
line-height: 22px;
}
.osmolarity-online-product .product-essential {
background-image: url(/Themes/Pavilion/Content/img/osmo-product-page-bk.jpg);
background-size: cover;
background-position: top center;
}
.osmolarity-online-product .qty-label, .osmolarity-online-product .qty-input, .osmolarity-online-product .add-to-cart-panel:before {
display: none;
}
.osmolarity-online-product .attributes {
margin-top: 30px;
margin-bottom: 20px;
}
.mini-shopping-cart {
font-size: 13px;
/* to make scrollbars always visible */
}
.mini-shopping-cart .items .item {
position: relative;
}
.mini-shopping-cart .items .item .remove-item {
position: absolute;
right: 10px;
top: 30px;
}
.mini-shopping-cart .items .item .remove-item .remove-item-cart-btn {
text-align: center;
font-size: 18px;
cursor: pointer;
height: 30px;
width: 30px;
line-height: 38px;
display: inline-block;
font-weight: 100;
padding: 0;
color: #dddddd;
}
.mini-shopping-cart .items .item .remove-item .remove-item-cart-btn:hover {
color: #0588d3;
}
.mini-shopping-cart .button-1.cart-button.close-cart {
display: none;
}
.mini-shopping-cart .count {
border-bottom: 1px solid #ececec;
background-color: #f9f9f9;
padding: 15px;
text-align: center;
}
.mini-shopping-cart .count a {
padding: 0 3px;
color: #333333;
font-weight: bold;
}
.mini-shopping-cart .items {
display: none;
position: relative;
overflow: hidden;
}
.mini-shopping-cart .item {
border-bottom: 1px solid #f6f6f6;
overflow: hidden;
padding: 20px;
text-align: left;
padding-right: 20px !important;
margin-top: 5px !important;
}
.mini-shopping-cart .picture {
float: left;
width: 100px;
text-align: center;
font-size: 0;
width: 70px;
}
.mini-shopping-cart .picture a {
display: block;
position: relative;
overflow: hidden;
}
.mini-shopping-cart .picture a:before {
content: "";
display: block;
padding-top: 100%;
}
.mini-shopping-cart .picture img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
max-width: 100%;
height: 70px;
width: 70px;
}
.mini-shopping-cart .picture + .product {
margin: 0 0 0 80px;
padding-right: 20px;
}
.mini-shopping-cart .name {
margin: 0;
font-size: 14px;
font-weight: normal;
color: #333333;
}
.mini-shopping-cart .totals {
display: none;
margin: -1px 0 0;
background-color: #f9f9f9;
padding: 15px;
font-weight: bold;
color: #333333;
text-transform: uppercase;
}
.mini-shopping-cart .totals strong {
margin: 0 0 0 5px;
font-size: 15px;
color: #0588d3;
}
.mini-shopping-cart .buttons {
padding: 20px 15px;
}
.mini-shopping-cart input[type=button] {
min-width: 145px;
border: none;
padding: 13px 25px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.mini-shopping-cart input[type=button]:only-child {
background-color: #0588d3;
color: #ffffff !important;
}
.mini-shopping-cart input[type=button]:only-child:hover {
outline-color: #0588d3;
}
.mini-shopping-cart input.cart-button {
width: 40%;
color: #ffffff;
background-color: #0588d3;
}
.mini-shopping-cart input.cart-button:hover {
outline-color: #0588d3;
}
.mini-shopping-cart input.checkout-button {
background-color: #0588d3;
color: #ffffff !important;
width: 40%;
}
.mini-shopping-cart input.checkout-button:hover {
outline-color: #0588d3;
}
.mini-shopping-cart .price strong {
vertical-align: middle;
font-weight: bold;
color: #0588d3;
}
.mini-shopping-cart .minOrderAmt {
background-color: #f9f9f9;
font-size: 12px;
padding: 12px;
text-align: center;
}
.mini-shopping-cart input[type=button]:only-child {
background-color: #0588d3;
}
.mini-shopping-cart input[type=button]:only-child:hover {
outline-color: #0588d3;
}
.mini-shopping-cart .totals strong {
color: #0588d3;
}
.mini-shopping-cart .attributes {
display: none;
}
.mini-shopping-cart .ps-container > .ps-scrollbar-x-rail,
.mini-shopping-cart .ps-container > .ps-scrollbar-y-rail,
.mini-shopping-cart .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
opacity: 1 !important;
}
.mini-shopping-cart .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y {
/*background-color: $color_mcguff_1;*/
/*changed the bg color to gray, and opaque, because the blue was a little too poppy.*/
background-color: rgba(161, 161, 161, 0.4588235294);
margin-right: -3px;
}
.mini-shopping-cart .ps-container > .ps-scrollbar-y-rail > .ps-scrollbar-y:hover {
background-color: rgba(161, 161, 161, 0.4588235294);
/*background-color: $color_mcguff_1;*/
}
.search-box-wrapper {
display: table-cell;
vertical-align: middle;
text-align: center;
width: 50%;
}
@media (min-width: 80em) {
.search-box-wrapper {
width: 60%;
}
}
.store-search-box {
position: relative;
}
@media (min-width: 62.5em) {
.store-search-box form {
position: relative;
font-size: 0;
}
}
.store-search-box form:after {
content: "";
display: block;
clear: both;
}
.store-search-box input::-webkit-input-placeholder {
color: rgba(255, 255, 255, 0.7);
}
.store-search-box .search-box-button {
color: #0588d3;
background-color: transparent;
display: inline-block;
width: 44px;
height: 43px;
margin: 0;
border: none;
vertical-align: middle;
font-size: 18px;
position: absolute;
left: 0px;
}
.store-search-box input.search-box-text {
display: inline-block;
width: 665px;
font-weight: 100;
height: 43px;
border: none;
background-color: #ffffff;
padding: 0 40px;
vertical-align: middle;
color: #5a6b79;
background-color: #ffffff;
margin-right: -5px;
color: #5a6b79;
}
.store-search-box input.search-box-text:focus {
color: #5a6b79;
}
.store-search-box select#categoryFilterDropdown {
display: inline-block;
width: 250px;
font-weight: 100;
height: 43px;
border: none;
background-color: rgba(0, 0, 0, 0.2);
padding: 0 12px;
vertical-align: middle;
color: rgba(255, 255, 255, 0.7);
background-color: #5a6b79;
margin-right: 10px;
color: #f0f0f0;
}
.store-search-box select#categoryFilterDropdown:focus::-ms-value {
color: rgba(255, 255, 255, 0.7);
background-color: none;
}
.store-search-box select#categoryFilterDropdown::-ms-value {
background: none; /* remove blue background on ie10/ie11 when selected*/
color: rgba(255, 255, 255, 0.7);
}
.ui-helper-hidden-accessible {
display: none;
}
.ui-autocomplete {
display: none;
}
.ui-autocomplete img {
display: none;
}
.header .center:after {
content: "";
display: block;
clear: both;
}
.header-links a {
background-image: url();
background-repeat: no-repeat;
}
.contact-us-links {
background-image: url();
background-repeat: no-repeat;
}
.header-selectors select {
min-width: 100px;
border-color: #ddd;
font-size: 13px;
color: #777;
}
/*********** HOMEPAGE CAROUSELS ***********/
.home-page-body .two-columns-area .header-notification {
background-color: #0588d3;
padding: 10px;
text-align: center;
color: #ffffff;
display: table;
margin-bottom: 10px;
}
@media (max-width: 62.49em) {
.home-page-body .two-columns-area .header-notification {
margin-top: 5px;
}
}
@media (max-width: 47.99em) {
.home-page-body .two-columns-area .header-notification {
margin-top: 60px;
}
}
.home-page-body .two-columns-area .header-notification .header-notification-content-left {
letter-spacing: -0.03em;
width: calc(100% - 160px);
display: table-cell;
margin-bottom: 10px;
}
@media (max-width: 62.49em) {
.home-page-body .two-columns-area .header-notification {
display: block;
width: 100%;
}
}
.home-page-body .two-columns-area .header-notification .header-notification-content-right {
display: table-cell;
width: 150px;
vertical-align: middle;
}
@media (max-width: 62.49em) {
.home-page-body .two-columns-area .header-notification .header-notification-content-right {
display: block;
width: 100%;
margin-top: 15px;
}
}
.home-page-body .two-columns-area .header-notification .btn-mcguff-readmore {
background-color: #26547c;
margin-top: 4px;
padding: 6px 12px;
}
.home-page-body .two-columns-area .header-notification .btn-mcguff-readmore:hover {
background-color: rgba(255, 255, 255, 0.9);
color: #0588d3;
}
.home-page-body .two-columns-area .header-notification-covid-delay {
background-color: rgb(109.8573459716, 130.2492890995, 147.0426540284);
padding: 10px;
text-align: center;
color: #ffffff;
display: table;
margin-bottom: 10px;
}
@media (max-width: 62.49em) {
.home-page-body .admin-header-links ~ .two-columns-area .header-notification {
margin-top: -35px;
}
}
@media (max-width: 47.99em) {
.home-page-body .admin-header-links ~ .two-columns-area .header-notification {
margin-top: 135px;
}
}
.two-columns-area .product-grid {
display: none;
}
.two-columns-area .jCarouselMainWrapper {
margin: 20px 20px 0;
}
.two-columns-area .owl-carousel .owl-dot.active span {
background-color: #0588d3;
}
.bestsellers .productQuantityTextBox {
display: none !important;
}
.bestsellers .productQuantityDropdown {
display: none !important;
}
.bestsellers .owl-theme .owl-nav [class*=owl-] {
color: #D6D6D6;
background-color: #f6f6f6;
}
.bestsellers .owl-theme .owl-nav [class*=owl-]:hover {
color: #0588d3;
background-color: #f6f6f6;
}
.bestsellers .slick-next, .bestsellers .slick-prev {
color: #D6D6D6;
background-color: #f6f6f6;
}
.bestsellers .slick-next:hover, .bestsellers .slick-prev:hover {
color: #0588d3;
background-color: #f6f6f6;
}
.bestsellers .owl-item {
padding: 0 15px;
}
.featured-product-list .slick-cloned {
display: none;
}
.featured-product-list .nop-jcarousel .slick-slider {
margin: 0;
}
.featured-product-list .productQuantityTextBox {
display: none !important;
}
.featured-product-list .productQuantityDropdown {
display: none !important;
}
.featured-product-list .owl-theme .owl-nav [class*=owl-] {
color: #D6D6D6;
background-color: #f6f6f6;
}
.featured-product-list .owl-theme .owl-nav [class*=owl-]:hover {
color: #0588d3;
background-color: #f6f6f6;
}
.featured-product-list .slick-next, .featured-product-list .slick-prev {
color: #D6D6D6;
background-color: #f6f6f6;
}
.featured-product-list .slick-next:hover, .featured-product-list .slick-prev:hover {
color: #0588d3;
background-color: #f6f6f6;
}
/*new homepage body section*/
.hero-image {
width: 100%;
height: auto;
}
.hero-image-heading {
position: absolute;
top: 230px;
left: 20px;
font-family: Open Sans, sans-serif;
max-width: 400px;
width: 100%;
}
.hero-image-heading h1 {
color: white;
font-weight: 100;
font-size: 2.5em;
}
.image-responsive {
width: 100%;
height: auto;
}
.body-category-images {
width: 100%;
height: auto;
}
div.outer-category {
background-color: white;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin-bottom: 25px;
border-radius: 8px;
}
div.outer-category h3 {
text-align: center;
padding: 15px;
}
div.category-container {
text-align: center;
padding: 10px 20px;
}
#homepage-map {
width: 100%;
max-width: 700px;
margin: 0 auto;
padding: 20px;
}
#mos-map {
width: 100%;
max-width: 900px;
margin: 0 auto;
padding: 30px 20px;
}
.nationwide-header {
text-align: center;
}
.nationwide-shipping {
text-align: left;
position: relative;
top: -15px;
padding: 20px;
}
.nationwide-shipping p {
text-align: left;
padding: 5px 0px 25px 0px;
}
.nationwide-shipping .mos {
line-height: 25px;
text-align: left;
}
.nationwide-shipping .mci {
text-align: center;
}
.nationwide-shipping .ship-button {
background-color: #35b5ac;
color: white;
border: none;
padding: 5px 10px 5px 10px;
border-radius: 8px;
}
.nationwide-shipping .ship-company-logo {
text-align: center;
}
.nationwide-shipping .ship-button-outer {
text-align: center;
}
.canshipmci {
color: #0588d3;
}
.submitted-mos {
color: #BCE6E3;
}
.pending-mos {
color: #9ADAD6;
}
.canshipmos {
color: #35b5ac;
}
.testimonial-banner {
background-image: url(/Themes/Pavilion/Content/img/Banners/McGuff_Page-Banners_11-14-23_Testimonials_v2_07.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 150px 0;
position: relative;
overflow: hidden;
}
.testimonial-banner .banner-outerbox {
display: flex;
justify-content: center;
}
.testimonial-banner .header-text {
font-weight: 600;
font-size: 32px;
color: #FFFFFF;
text-shadow: 3px 3px 10px #414040;
}
.testimonial {
background-image: url(/Themes/Pavilion/Content/img/Banners/testimonial-background-2.png);
background-repeat: no-repeat;
background-size: 100%;
}
@media (max-width: 991px) {
.testimonial {
background-size: cover;
}
}
@media (max-width: 991px) {
.home-page-body .testimonial {
height: 300px;
}
}
@media (max-width: 767px) {
.testimonial-page .testimonial-body {
line-height: 110%;
font-size: 12px;
}
}
.testimonials-images {
position: relative;
padding: 25px;
float: right;
}
.testimonial-carousel figure.testimonial {
display: flex;
justify-content: center;
}
.testimonial-carousel .testimonial-header {
font-size: 30px;
font-weight: 100;
}
.testimonial-carousel .testimonial-small-header {
font-size: 20px;
font-weight: 100;
}
.testimonial-carousel .testimonial-body {
width: 100%;
font-size: 16px;
}
.testimonial-carousel .owl-controls {
padding: 25px;
background-color: #24303a;
text-align: center;
font-size: 0;
position: relative;
top: -35px;
}
.testimonial-carousel .owl-dots {
text-align: center;
-webkit-tap-highlight-color: transparent;
}
.testimonial-carousel .owl-dots .owl-dot {
display: inline-block;
margin: 0 5px;
}
.testimonial-carousel .owl-dots .owl-dot span {
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #c9c9c9 !important;
}
.testimonial-carousel .owl-dots .owl-dot.active span {
background-color: #39a7b1 !important;
}
@media (max-width: 29.99em) {
.testimonial-carousel .owl-controls {
top: -60px !important;
}
}
@media (max-width: 47.99em) {
.testimonial-carousel .test-link {
padding: 20px 0;
}
.testimonial-carousel .testimonial {
background-repeat: no-repeat !important;
}
.testimonial-carousel .testimonial .col-xs-3 {
width: 42%;
display: flex;
justify-content: center;
align-items: center;
}
.testimonial-carousel .testimonials-images {
padding: 0px;
}
.testimonial-carousel .testimonial-body {
line-height: 120%;
}
}
@media (max-width: 62.49em) {
.testimonial-carousel figure.testimonial {
align-items: center;
}
.testimonial-carousel .testimonial {
background-repeat: repeat-y !important;
}
.testimonial-carousel .testimonial .col-xs-3 {
width: 42%;
}
.testimonial-carousel .test-link div {
padding: 20px 30px;
}
.testimonial-carousel .testimonials-images {
width: 100%;
height: auto;
}
.testimonial-carousel .testimonial-header {
font-size: 12px;
}
.testimonial-carousel .testimonial-small-header {
font-size: 10px;
}
.testimonial-carousel .testimonial-body {
font-size: 14px;
padding-bottom: 10px;
}
.testimonial-carousel h5 {
font-size: 10px;
display: flow-root;
}
.testimonial-carousel .owl-controls {
top: -65px;
}
}
#sticky-header-carousel {
width: 100%;
height: 42px;
/*.owl-controls {
position: relative;
left: 215px;
top: -39px;
width: 58%;
height: 42px;
.owl-nav {
margin: 0 !important;
}
.owl-prev:before, .owl-next:before {
content: "";
}
.owl-prev {
float: left;
font-weight: 800;
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px !important;
display: inline-block;
cursor: pointer;
background-color: #275073 !important;
&:hover {
background-color: #275073 !important;
color: #FFF !important;
text-decoration: none;
}
}
.owl-next {
float: right;
font-weight: 800;
color: #FFF;
font-size: 14px;
margin: 5px;
padding: 4px 7px !important;
display: inline-block;
cursor: pointer;
background-color: #275073 !important;
&:hover {
background-color: #275073 !important;
color: #FFF !important;
text-decoration: none;
}
}
}*/
}
#sticky-header-carousel #header-carousel {
height: 42px;
}
#sticky-header-carousel .owl-stage-outer {
height: 42px;
}
.testimonial-page .test-info {
padding: 0 120px;
}
.testimonial-page .testimonial {
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 25px;
}
.testimonial-page .testimonial-header {
font-size: 30px;
font-weight: 100;
}
.testimonial-page .testimonial-small-header {
font-size: 20px;
font-weight: 100;
}
.testimonial-page .testimonial-body {
width: 100%;
max-width: 450px;
}
.testimonial-page .btn-mcguff {
background-color: #0b6c73 !important;
border-radius: 8px !important;
}
@media (max-width: 900px) {
.testimonial-page .testimonial {
background-repeat: repeat;
}
.testimonial-page .test-info {
padding: 25px 45px;
font-size: 15px !important;
}
.testimonial-page .testimonials-images {
padding: 0px;
width: 100%;
height: auto;
}
}
.testimonial-add-btn {
display: inline-block;
background-color: #0b6c73;
padding: 4px 12px;
text-decoration: none;
color: #ffffff;
margin: 2px 4px;
border-radius: 8px;
}
.testimonial-add-btn a {
text-decoration: none;
outline-color: #0b6c73;
}
.test-sub-header {
background: #ffffff;
height: fit-content;
padding: 60px 60px;
font-size: 20px;
font-weight: 100;
}
.test-sub-header .row {
display: flex;
justify-content: center;
align-items: center;
}
.testimonial-page-hero {
padding-bottom: 10px;
}
#test {
text-align: center;
}
.testimonial-img-path {
color: #26547c;
}
/************ MOS COMPANY PAGE *********************/
#mos-company-page .smcap {
font-variant-caps: small-caps;
font-size: smaller;
}
#mos-company-page .nowrap {
white-space: nowrap;
}
#mos-company-page sup {
line-height: 0;
font-size: 70%;
vertical-align: super;
}
#mos-company-page h3 {
padding-bottom: 15px;
}
#mos-company-page .col-sm-4 {
padding: 15px !important;
}
#mos-company-page .info-box {
height: 150px;
display: flex;
justify-content: center;
align-items: center;
margin: 10px;
text-align: center;
}
#mos-company-page .text-center {
text-align: center;
}
#mos-company-page .section {
position: relative;
padding: 50px;
background: white;
margin: 0;
overflow: hidden;
}
#mos-company-page .section-icons {
background: radial-gradient(circle, rgb(255, 255, 255) 0%, rgba(0, 146, 143, 0.0788117899) 97%);
}
#mos-company-page .section-heading {
font-size: 30px;
font-weight: 100;
color: #005f5d !important;
}
#mos-company-page .row-corporate {
margin: 20px 0;
}
#mos-company-page .row-corporate .col-md-6 {
padding: 50px;
color: white;
min-height: 350px;
}
#mos-company-page .row-corporate .col-md-6.left {
background-color: #26547c;
}
#mos-company-page .row-corporate .col-md-6.right {
background-color: #00928f;
}
#mos-company-page .row-corporate .col-md-6 h3 {
color: white;
}
#mos-company-page .shop-products {
cursor: pointer;
/*padding: 25px 0 25px 0;*/
}
#mos-company-page .shop-products a {
text-decoration: none;
}
#mos-company-page .more-than-service {
padding: 20px 0 20px 0;
}
#mos-company-page #map-table-a thead, #mos-company-page #map-table-b thead {
background: #f6f6f6;
}
#mos-company-page #map-table-a tr, #mos-company-page #map-table-b tr {
text-align: center;
}
#mos-company-page .section.intro {
padding: 100px !important;
min-height: 500px;
display: flex;
align-items: center;
}
#mos-company-page .section.history {
background: #00928f;
padding: 100px 50px;
}
#mos-company-page .section.history h3, #mos-company-page .section.history p {
color: #ffffff;
}
#mos-company-page .section.contact {
background: radial-gradient(circle, rgb(255, 255, 255) 0%, rgba(0, 146, 143, 0.0788117899) 97%);
}
#mos-company-page .section.contact .mos-section-body {
height: 200px;
display: flex;
align-items: center;
border-radius: 10px;
margin: 10px;
}
@media (min-width: 48em) {
#mos-company-page .section.contact .mos-section-body-text {
border-left: 1px solid #ddd;
padding-left: 50px;
}
}
#mos-company-page .section.contact .mos-section-body-text p {
margin-top: 0 !important;
margin-bottom: 2em !important;
}
#mos-company-page .section.contact .mos-section-body-text a {
margin-top: 0 !important;
margin-bottom: 2em !important;
display: block;
text-decoration: none;
color: #005f5d;
}
#mos-company-page .section.contact .mos-section-body-text a:hover {
color: #00928f;
}
#mos-company-page .text-container {
font-size: 40px;
margin-bottom: 20px;
text-align: center;
/*width: 520px;*/
/*height: 55px;*/
}
#mos-company-page .dynamic-text,
#mos-company-page .static-text {
display: inline-block;
}
#mos-company-page .static-text {
/*margin-right: 15px;*/
font-weight: 100;
color: #00928f;
}
#mos-company-page .dynamic-text {
list-style: none;
position: absolute;
overflow: hidden;
height: 55px;
}
#mos-company-page .single-item {
color: #f4bc74;
}
#mos-company-page .item {
position: relative;
top: 0;
animation: move 10s infinite 1s;
color: #f4bc74;
}
@keyframes move {
0% {
top: 0px;
}
20% {
top: -55px;
}
40% {
top: -112px;
}
60% {
top: -168px;
}
/*
80% {
top: -210px;
}*/
}
#mos-company-page .isMOS-info {
border-top: 10px solid #35b5ac;
border-bottom: 1px solid #35b5ac;
border-right: 1px solid #35b5ac;
border-left: 1px solid #35b5ac;
border-radius: 6px;
}
#mos-company-page .info-align {
display: table-cell;
vertical-align: middle;
}
#mos-company-page .info-outer-badge {
padding-bottom: 25px;
}
#mos-company-page .info-badges {
height: 100px;
display: flex;
justify-content: center;
align-items: center;
margin: 10px;
text-align: center;
}
#mos-company-page .info-badges .veteran-badge {
width: 100%;
height: auto;
max-width: 50px;
}
#mos-company-page .info-badges .mos-syringe {
width: 100%;
max-width: 70px;
height: auto;
}
#mos-company-page .info-badges .compounded-creams {
width: 100%;
max-width: 90px;
height: auto;
}
#mos-company-page .fda-state {
padding-top: 25px;
}
#mos-company-page .fda-registered {
padding-left: 0px;
}
@media (min-width: 48em) {
#mos-company-page .info-row {
display: flex;
justify-content: center;
align-items: center;
}
}
#mos-company-page #mcguff-us-map path:hover {
filter: brightness(104%);
}
#mos-company-page .map-table-outer h2 {
font-size: 2.2rem;
font-weight: 200;
line-height: 1;
color: #005f5d;
text-align: center;
margin-bottom: 30px;
}
#mos-company-page .map-table-outer h2 span {
color: #35b5ac;
font-weight: 300;
}
#mos-company-page .map-table-outer .mos-map-legend {
display: flex;
justify-content: center;
align-items: center;
padding: 20px;
}
#mos-company-page .map-table-outer .mos-map-legend ul li:before {
content: "◼";
font-weight: bold;
margin-left: -1em;
display: inline-block;
width: 30px;
font-size: 20px;
}
#mos-company-page .map-table-outer .mos-map-legend ul li:nth-child(1)::before {
color: #FFAE42;
}
#mos-company-page .map-table-outer .mos-map-legend ul li:nth-child(2)::before {
color: #FFD300;
}
#mos-company-page .map-table-outer .mos-map-legend ul li:nth-child(3)::before {
color: #E5E4E2;
}
/*********** FOOTER ***********/
.footer {
text-align: center;
margin-top: 15px;
}
.footer-upper {
padding: 25px 0 20px;
background-color: #364653;
}
.list-footer {
display: inline-flex;
color: #ffffff;
line-height: 39px;
float: right;
margin: 0;
}
.list-footer li {
padding: 0 15px 0 0;
}
@media (max-width: 29.99em) {
.list-footer {
display: block;
}
.list-footer li {
padding: 0;
}
}
.subscriptions-page .subscribe-banner {
background-image: url(/Themes/Pavilion/Content/img/Banners/subscribe-banner.png);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 150px 0;
position: relative;
overflow: hidden;
}
.subscriptions-page .subscribe-banner .banner-outerbox {
display: flex;
justify-content: center;
}
.subscriptions-page .subscribe-banner .header-text {
font-weight: 600;
font-size: 32px;
color: #FFFFFF;
text-shadow: 3px 3px 10px #414040;
}
.subscriptions-page h3 {
color: #1b3f5e !important;
}
.subscriptions-page .sub-section {
margin-top: 30px;
}
.subscriptions-page .sub-section.newsletter {
background: #1b3f5e;
padding: 80px 60px;
margin-top: 30px;
text-align: center;
min-height: 400px;
display: flex;
justify-content: center;
align-items: center;
}
.subscriptions-page .sub-section.newsletter img {
margin-bottom: 15px;
}
.subscriptions-page .sub-section.newsletter p {
color: #ffffff !important;
}
.subscriptions-page .sub-section.newsletter a:hover {
color: #0588d3;
}
.subscriptions-page .sub-section.newsletter input[type=text] {
background: #ffffff;
color: #777;
}
.subscriptions-page .sub-section.newsletter input[type=text]::placeholder {
color: #777;
opacity: 1;
}
.subscriptions-page .sub-section:not(.newsletter) p {
margin: 10px 0;
}
.subscriptions-page .sub-section .social-media {
width: auto;
}
.subscriptions-page .sub-section .social-media td {
padding: 10px;
}
@media (max-width: 62.49em) {
.subscriptions-page .sub-section .social-media {
display: flex;
justify-content: center;
}
}
.subscriptions-page .sub-section.contact {
margin-bottom: 50px;
}
.subscriptions-page input[type=button] {
background-color: #0588d3;
color: #ffffff;
min-width: 185px;
line-height: 40px;
font-size: 13px;
font-weight: 700;
border: none;
border-radius: 3px;
text-transform: uppercase;
margin: 10px 0;
}
.subscriptions-page .owl-wrapper {
margin: 20px 5px;
}
.subscriptions-page .owl-wrapper .owl-stage-outer {
padding: 2px;
}
.subscriptions-page .owl-wrapper .owl-stage {
display: flex;
}
.subscriptions-page .owl-wrapper .owl-controls {
position: absolute;
top: -55px;
right: 0px;
}
.subscriptions-page .owl-wrapper .owl-controls .owl-prev:before, .subscriptions-page .owl-wrapper .owl-controls .owl-next:before {
content: "";
}
.subscriptions-page .owl-wrapper .item {
padding: 20px;
background: #ffffff;
border: 1px solid #e9e9e9;
height: 100%;
}
.subscriptions-page .owl-wrapper .item h3 {
text-align: left !important;
}
.subscriptions-page .owl-wrapper .item .body {
padding-bottom: 30px;
}
.subscriptions-page .owl-wrapper .item a {
text-decoration: none;
}
.subscriptions-page .owl-wrapper .item .image {
margin-bottom: 20px;
}
.subscriptions-page .owl-wrapper .item .image img {
width: 100%;
}
.subscriptions-page .owl-wrapper .item .details {
text-align: right;
padding-bottom: 20px;
}
.subscriptions-page .owl-wrapper .item .details.read-more {
position: absolute;
bottom: 10px;
right: 10px;
}
.subscriptions-page .owl-wrapper .item .details a {
text-decoration: none;
line-height: 22px;
padding: 2px 12px;
text-transform: capitalize;
}
.subscriptions-page .owl-wrapper .item .details a:hover {
background-color: #0588d3;
color: #fff;
}
.subscriptions-page .owl-wrapper .item .details a:after {
font-family: FontAwesome;
content: "\f054";
font-size: 10px;
margin: 0 0 0 10px;
}
.newsletter .title {
margin: 0;
line-height: 28px;
color: #ffffff;
}
.newsletter .title strong {
font-weight: normal;
}
.newsletter .title h3 {
color: #ffffff !important;
}
.newsletter .field-validation-valid {
color: #ffffff;
}
.newsletter-subscribe {
font-size: 0;
}
.newsletter-email {
/*display: inline-block;*/
display: flex;
justify-content: center;
}
.newsletter-email .newsletter-subscribe-text {
display: inline-block;
width: 220px;
height: 43px;
border: none;
background-color: #ffffff;
vertical-align: middle;
color: #000000;
border-top-left-radius: 3px;
border-bottom-left-radius: 3px;
}
.newsletter-email .newsletter-subscribe-text:focus {
color: #000000;
}
.newsletter-email .newsletter-subscribe-text::-webkit-input-placeholder {
color: #777;
}
.newsletter-email .newsletter-subscribe-button {
display: inline-block;
width: 47px;
height: 47px;
margin: 0 5px;
border: none;
background: #0588d3 url() center no-repeat;
vertical-align: middle;
font-size: 0;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.newsletter-email .newsletter-subscribe-button:hover {
outline-color: #ffffff;
}
.newsletter-email button {
height: 42px;
border: none;
width: 100px;
border-top-right-radius: 3px;
border-bottom-right-radius: 3px;
}
.newsletter-email .options {
height: 0;
overflow: hidden;
}
.newsletter-validation {
line-height: 28px;
color: #ffffff;
}
.newsletter-validation .please-wait {
display: none !important;
}
.newsletter-result {
line-height: 28px;
color: #ffffff;
}
.social-sharing {
margin: 22px 0 0;
font-size: 0;
}
.social-sharing li {
display: inline-block;
margin: 0 8px;
}
.social-sharing a {
display: block;
width: 32px;
height: 32px;
background: url() no-repeat;
}
.social-sharing .facebook a {
background-position: 0 0;
}
.social-sharing .twitter {
text-align: center;
}
.social-sharing .twitter a {
background-position: -32px 0;
}
.social-sharing .twitter a svg {
margin-top: 7px;
}
.social-sharing .google a {
background-position: -64px 0;
}
.social-sharing .pinterest a {
background-position: -96px 0;
}
.social-sharing .vimeo a {
background-position: -128px 0;
}
.social-sharing .youtube a {
background-position: -160px 0;
}
.social-sharing .rss a {
background-position: -192px 0;
}
.social-sharing .instagram a {
background-position: -224px 0;
}
.footer-middle {
overflow: hidden;
background-color: #24303a;
}
.footer-block .title {
position: relative;
border-bottom: 1px solid #e9e9e9;
padding: 25px;
font-weight: bold;
text-transform: uppercase;
font-weight: 800;
letter-spacing: -0.05em;
color: #f0f0f0;
}
.footer-block .title:after {
content: "";
position: absolute;
top: 30px;
right: 15px;
width: 10px;
height: 10px;
background: #0588d3 url() center no-repeat;
background-color: #0588d3;
background-color: transparent;
background-image: none;
font-family: FontAwesome;
content: "\f078";
font-size: 14px;
margin-right: 20px;
}
.footer-block ul {
display: none;
border-bottom: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 10px 0;
padding: 0 0 10px 0;
}
.footer-block ul.list li a {
color: #ccc;
}
.footer-block ul.list li a:hover {
color: #ffffff;
}
.footer-block ul li span.break {
text-transform: none;
display: block;
}
.footer-block li {
padding: 10px 0;
}
.footer-block li.nolink {
color: #ccc;
}
.footer-block li > ul {
margin-left: 12px;
padding: 6px 0 0 0;
}
.footer-block li > ul > li {
padding: 1px 0;
}
.footer-block a:hover {
color: #0588d3;
}
.footer-block.quick-contact span {
position: relative;
padding: 0 24px;
}
.footer-block.quick-contact span:before {
content: "";
position: absolute;
top: 2px;
left: 0;
width: 16px;
height: 16px;
background-color: #0588d3;
background-image: url();
background-repeat: no-repeat;
}
.footer-block .address span:before {
height: 17px;
background-position: center 0;
}
.footer-block .email span:before {
background-position: center -17px;
}
.footer-block .phone span:before {
background-position: center -33px;
}
.footer-block.quick-contact span:before {
background-color: #0588d3;
}
.footer-lower {
overflow: hidden;
padding: 30px 15px;
background-color: #24303a;
}
.footer-lower h3 {
padding: 0 !important;
}
.footer-lower .vawd-info p {
margin: 10px 0;
color: #aaa;
}
.footer-lower .vawd-info .seals {
display: inline-flex;
justify-content: space-evenly;
align-content: center;
align-items: center;
}
.accepted-payments {
margin: 0 0 20px;
font-size: 0;
}
.accepted-payments li {
display: inline-block;
width: 50px;
height: 30px;
background: url() no-repeat;
}
.accepted-payments .method1 {
background-position: 0 0;
}
.accepted-payments .method2 {
background-position: -50px 0;
}
.accepted-payments .method3 {
background-position: -100px 0;
}
.accepted-payments .method4 {
background-position: -150px 0;
}
.accepted-paymens .method5 {
background-position: -200px 0;
}
.accepted-paymens .method6 {
background-position: -250px 0;
}
.footer-powered-by {
margin: 5px 0 0;
}
.footer-powered-by a {
color: #0588d3;
}
.footer-powered-by a:hover {
text-decoration: underline;
}
.footer-designed-by {
margin: 10px 0 0;
}
.footer-designed-by a {
color: #0588d3;
}
.footer-designed-by a:hover {
text-decoration: underline;
}
.footer-tax-shipping {
margin: 15px 0 0;
}
.footer-store-theme {
margin: 15px 0 0;
}
.footer-store-theme select {
width: 170px;
}
/*********** LEFT/RIGHT COLUMN ***********/
.block.specificationFilterPanel7Spikes .title {
border: 0;
}
.block {
margin: 0 0 10px;
text-align: center;
}
.block .title {
background: #ffffff url() right center no-repeat;
padding: 15px 25px;
font-size: 15px;
color: #333333;
text-transform: uppercase;
cursor: pointer;
background-image: none;
color: #444444;
text-transform: uppercase;
}
.block .title strong {
display: block;
}
.block .title a.toggleControl {
cursor: default;
}
.block .listbox {
display: none;
margin: -1px 0 0;
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 15px 25px;
}
.block .listbox:after {
content: "";
display: block;
clear: both;
}
.block .list li {
padding: 8px 0;
}
.block .list a:hover {
color: #0588d3;
}
.block .view-all {
margin: 8px 0 4px;
}
.block .view-all a {
font-weight: bold;
color: #333333;
}
.block .view-all a:hover {
color: #0588d3;
}
.block .product-picture {
display: none;
}
.block .product-picture img {
display: block;
max-width: 100%;
}
.block .tags {
margin: 0 0 10px;
}
.block .tags ul {
font-size: 0;
}
.block .tags li {
display: inline-block;
position: relative;
margin: 0 10px;
overflow: hidden;
font-size: 16px !important;
}
.block .tags li a {
float: left;
line-height: 30px;
}
.block .tags li a:hover {
color: #0588d3;
}
.block .sublist li {
padding: 16px 0 0;
}
.block .list a:hover {
color: #0588d3;
}
.block .view-all a:hover {
color: #0588d3;
}
.block .tags li a:hover {
color: #0588d3;
}
.block.blog-search-box.active .search-box-button:before {
color: #ffffff;
}
.product-tags-all-page li {
display: inline-block;
position: relative;
margin: 0 10px;
overflow: hidden;
font-size: 16px !important;
}
.product-tags-all-page li a {
float: left;
line-height: 30px;
}
.product-tags-all-page li a:hover {
color: #0588d3;
}
.product-tags-all-page ul {
border: 1px solid #e9e9e9;
background-color: #ffffff;
color: #333333;
}
.poll strong {
display: block;
margin: 0 0 10px;
color: #333333;
}
.poll .buttons input {
border: none;
background-color: #0588d3;
padding: 10px 20px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.poll .buttons input:hover {
outline-color: #0588d3;
}
.poll-options {
margin: 0 0 15px;
overflow: hidden;
}
.poll-options li {
display: inline-block;
margin: 5px 10px;
}
.poll-options li > * {
display: inline-block;
vertical-align: middle;
cursor: pointer;
}
.poll-results {
margin: 0 0 15px;
overflow: hidden;
}
.poll-results li {
display: inline-block;
margin: 5px 10px;
}
.poll-total-votes {
display: block;
margin: 10px 0 0;
font-weight: bold;
}
.home-page-polls {
position: relative;
margin: 0 0 60px;
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 90px 30px 30px;
text-align: center;
}
.home-page-polls:before {
content: "";
position: absolute;
top: 30px;
left: 50%;
width: 46px;
height: 45px;
margin: 0 0 0 -23px;
background: url() no-repeat;
}
.home-page-polls .title {
display: none;
}
.home-page-polls .poll-options {
margin: 0 0 20px;
}
.home-page-polls .poll-results {
margin: 0 0 20px;
}
.home-page-polls .poll strong {
font-size: 16px;
text-transform: uppercase;
}
/********** CATEGORY PAGE **********/
.breadcrumb {
margin: 0 0 5px;
text-align: center;
}
.breadcrumb ul {
font-size: 0;
}
.breadcrumb li {
display: inline-block;
}
.breadcrumb li > * {
display: inline-block;
min-height: 32px;
margin: 0 3px;
font-size: 13px;
line-height: 32px;
vertical-align: middle;
font-size: 13px;
}
.breadcrumb li:first-child a {
width: 20px;
background: url() center no-repeat;
font-size: 0;
width: 20px;
background-image: none;
font-size: 0;
}
.breadcrumb li:first-child a:before {
font-family: FontAwesome;
content: "\f015";
position: absolute;
font-size: 18px;
line-height: 30px;
}
.breadcrumb li:first-child > span a {
display: block;
width: 20px;
height: 32px;
margin: 0 !important;
background: url() center no-repeat;
font-size: 0;
background-color: transparent !important;
background-image: none !important;
font-size: 0;
}
.breadcrumb strong {
font-weight: normal;
color: #0588d3;
}
span.delimiter {
width: 15px;
background: url() center no-repeat;
font-size: 0;
padding: 0 6px 0 5px;
content: "/";
background-image: none;
font-size: 16px;
}
.vendor-description {
margin: 0 0 30px;
}
.vendor-description p {
margin: 0 0 20px;
}
.contact-vendor {
margin: 0 0 30px;
}
.contact-vendor-button {
border: none;
background-color: #0588d3;
padding: 10px 20px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: #0588d3;
outline-color: #0588d3;
}
.contact-vendor-button:hover {
outline-color: #0588d3;
}
.product-filters {
display: none;
}
.product-selectors {
margin: 0 0 25px;
border-bottom: 1px solid #ddd;
padding: 11px 0;
text-align: center;
}
.product-selectors:after {
content: "";
display: block;
clear: both;
}
.product-selectors > div {
display: inline-block;
margin: 5px;
}
.product-selectors span {
font-size: 13px;
}
.product-selectors select {
min-width: 65px;
height: 45px;
margin: 0 5px;
padding: 0 10px;
color: #777;
text-transform: lowercase;
}
.product-selectors .product-viewmode {
display: none;
}
.product-grid:after {
content: "";
display: block;
clear: both;
}
.product-grid .title {
margin: 0 0 25px;
border-bottom: 1px solid #ddd;
padding: 0 0 10px;
font-size: 16px;
color: #777;
text-transform: uppercase;
}
.product-grid + .product-grid {
margin: 20px 0 0;
}
.product-grid.nop7SpikesAjaxFiltersGrid .product-list-sku-mfg span.label {
font-size: 11px;
padding: 8px 0 0;
}
.product-grid.nop7SpikesAjaxFiltersGrid .product-list-sku-mfg span.value {
font-size: 12px;
padding: 0 0 8px 0;
}
.product-grid.nop7SpikesAjaxFiltersGrid .product-list-sku-mfg .col-sm-4 {
display: none;
}
.product-grid.nop7SpikesAjaxFiltersGrid .product-list-sku-mfg .col-sm-5 {
width: 50%;
background-color: #ffffff;
border-top: 1px #f8f8f8 solid;
}
.product-grid.nop7SpikesAjaxFiltersGrid .product-list-sku-mfg .col-sm-3 {
width: 50%;
background-color: #ffffff;
border-left: 1px #f8f8f8 solid;
border-top: 1px #f8f8f8 solid;
}
.product-grid.nop7SpikesAjaxFiltersGrid .row.product-list-sku-mfg {
font-size: 12px;
margin: 20px 0 0;
}
.product-grid.bestsellers .item-box .buttons-lower button {
background-color: #f9f9f9;
color: #777;
font-size: 14px;
}
.product-grid.bestsellers .item-box .buttons-lower button:hover {
/*background-color: $white_f9;*/
color: #0588d3;
font-size: 14px;
}
.product-grid.featured-product-list .item-box .buttons-lower button {
background-color: #f9f9f9;
color: #777;
font-size: 14px;
}
.product-grid.featured-product-list .item-box .buttons-lower button:hover {
/*background-color: $white_f9;*/
color: #0588d3;
font-size: 14px;
}
.item-box {
position: relative;
width: 100%;
float: left;
margin: 0 0 40px;
}
.item-box .product-item {
border: 1px solid #e9e9e9;
background-color: #ffffff;
text-align: center;
}
.item-box .picture {
z-index: 1;
overflow: hidden;
margin: 0 0 15px;
}
.item-box .picture a {
display: block;
position: relative;
overflow: hidden;
}
.item-box .picture a:before {
content: "";
display: block;
padding-top: 100%;
}
.item-box .picture img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
margin: auto;
-webkit-transform: translateZ(0) scale(1, 1);
-moz-transform: translateZ(0) scale(1, 1);
-ms-transform: translateZ(0) scale(1, 1);
-o-transform: translateZ(0) scale(1, 1);
transform: translateZ(0) scale(1, 1);
}
.item-box .product-rating-box {
display: none !important;
margin: 0 0 10px;
}
.item-box .rating {
background: url(/Themes/Pavilion/Content/img/rating-sprite.png) left top repeat-x;
width: 80px;
height: 13px;
}
.item-box .rating div {
background: #0588d3 url(/Themes/Pavilion/Content/img/rating-sprite.png) left bottom repeat-x;
height: 13px;
}
.item-box .product-title {
height: 40px;
overflow: hidden;
padding: 0 15px;
font-size: 14px;
font-weight: normal;
color: #333333;
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
height: 39.2px; /* Fallback for non-webkit */
margin: 0 auto;
font-size: 14px;
line-height: 1.4;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.item-box .product-title a {
display: block;
}
.item-box .price-strike-through {
text-decoration: line-through;
}
.item-box .prices {
height: 22px;
margin: 0 0 20px;
overflow: hidden;
padding: 0 15px;
}
.item-box .actual-price {
padding: 0 4px;
vertical-align: middle;
font-size: 15px;
font-weight: bold;
color: #0588d3;
}
.item-box .actual-price span {
font-size: 0.8em;
font-weight: normal;
}
.item-box .old-price {
padding: 0 4px;
vertical-align: middle;
font-size: 13px;
color: #999999;
text-decoration: line-through;
}
.item-box .base-price {
display: none;
padding: 0 4px;
vertical-align: middle;
font-size: 13px;
}
.item-box .tax-shipping-info {
display: none;
font-size: 13px;
}
.item-box .description {
display: none;
margin: 0 0 20px;
line-height: 25px;
}
.item-box .buttons-upper {
background-color: #ffffff;
font-size: 0;
}
.item-box .buttons-upper input[type=button] {
width: 30px;
height: 30px;
margin: 0 8px;
border: none;
background-color: #888;
background-image: url();
background-repeat: no-repeat;
font-size: 0;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.item-box .buttons-upper input[type=button].add-to-wishlist-button {
margin-top: -2px;
background-color: #f9f9f9 !important;
font-size: 14px;
font-family: FontAwesome;
}
.item-box .buttons-upper input[type=button].add-to-wishlist-button:hover {
background-color: #f9f9f9;
color: #0588d3;
}
.item-box .buttons-upper input[type=button].add-to-compare-list-button {
margin-top: -2px;
background-color: #f9f9f9;
font-size: 14px;
font-family: FontAwesome;
}
.item-box .buttons-upper input[type=button].add-to-compare-list-button:hover {
background-color: #f9f9f9;
color: #0588d3;
}
.item-box .buttons-upper input[type=button]:hover {
background-color: #0588d3;
}
.item-box input.add-to-compare-list-button {
background-position: 0 center;
}
.item-box input.add-to-wishlist-button {
background-position: -30px center;
}
.item-box .product-unavailable {
opacity: 0.25;
}
.item-box .unavailable-overlay {
position: absolute;
left: 0;
right: 0;
bottom: 202px;
background-color: #999;
color: white;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.6px;
margin: 10px;
padding: 7px;
}
@media (max-width: 47.99em) {
.item-box .unavailable-overlay {
bottom: 77px;
font-size: 9px;
margin: 32px;
padding: 7px;
}
}
@media (min-width: 48em) and (max-width: 62.49em) {
.item-box .unavailable-overlay {
bottom: 115px;
}
}
.item-box .sub-buttons-lower {
font-size: 0;
}
.item-box .sub-buttons-lower .substitute-product {
padding: 0 30px;
}
.item-box .sub-buttons-lower .substitute-product span {
padding: 0px;
}
.item-box .sub-buttons-lower .substitute-product span:before {
content: none !important;
}
.item-box .sub-buttons-lower .substitute-product span:after {
content: none !important;
}
.item-box .sub-buttons-lower .substitute-product .unavail {
font-weight: 100 !important;
font-size: 11px !important;
top: 1px;
}
.item-box .sub-buttons-lower .substitute-product .view-sub {
font-size: 13px !important;
top: -4px !important;
}
.item-box .sub-buttons-lower:hover .substitute-product span:before {
content: none !important;
}
.item-box .sub-buttons-lower:hover .substitute-product span:after {
content: none !important;
}
.item-box .sub-buttons-lower .nonsubstitute-product span {
padding: 0px;
font-size: 13px;
}
.item-box .sub-buttons-lower .nonsubstitute-product span:before {
content: none !important;
}
.item-box .sub-buttons-lower .nonsubstitute-product span:after {
content: none !important;
}
.item-box .sub-buttons-lower:hover .nonsubstitute-product span {
font-size: 13px;
padding: 0px;
}
.item-box .sub-buttons-lower:hover .nonsubstitute-product span:before {
content: none !important;
}
.item-box .sub-buttons-lower:hover .nonsubstitute-product span:after {
content: none !important;
}
.item-box .sub-buttons-lower button {
display: block;
width: 100%;
height: 43px;
border: none;
background-color: #ffffff;
font-size: 0;
}
.item-box .sub-buttons-lower button span {
display: inline-block;
position: relative;
height: 18px;
background-color: transparent;
padding: 0 0 0 25px;
font-size: 13px;
font-weight: bold;
color: #777;
text-transform: uppercase;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.item-box .sub-buttons-lower button span:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 18px;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.item-box .sub-buttons-lower button span:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 18px;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
opacity: 0;
}
.item-box .buttons-lower {
font-size: 0;
}
.item-box .buttons-lower .substitute-product {
padding: 0 30px;
}
.item-box .buttons-lower .substitute-product span {
padding: 0px;
}
.item-box .buttons-lower .substitute-product span:before {
content: none !important;
}
.item-box .buttons-lower .substitute-product span:after {
content: none !important;
}
.item-box .buttons-lower .substitute-product .unavail {
font-weight: 100 !important;
font-size: 11px !important;
top: 1px;
}
.item-box .buttons-lower .substitute-product .view-sub {
font-size: 13px !important;
top: -4px !important;
}
.item-box .buttons-lower:hover .substitute-product span:before {
content: none !important;
}
.item-box .buttons-lower:hover .substitute-product span:after {
content: none !important;
}
.item-box .buttons-lower .nonsubstitute-product span {
padding: 0px;
font-size: 13px;
}
.item-box .buttons-lower .nonsubstitute-product span:before {
content: none !important;
}
.item-box .buttons-lower .nonsubstitute-product span:after {
content: none !important;
}
.item-box .buttons-lower:hover .nonsubstitute-product span {
font-size: 13px;
padding: 0px;
}
.item-box .buttons-lower:hover .nonsubstitute-product span:before {
content: none !important;
}
.item-box .buttons-lower:hover .nonsubstitute-product span:after {
content: none !important;
}
.item-box .buttons-lower button {
display: block;
width: 100%;
height: 43px;
border: none;
background-color: #ffffff;
font-size: 0;
}
.item-box .buttons-lower button span {
display: inline-block;
position: relative;
height: 18px;
background-color: transparent;
padding: 0 0 0 25px;
font-size: 13px;
font-weight: bold;
color: #777;
text-transform: uppercase;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.item-box .buttons-lower button span:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 18px;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.item-box .buttons-lower button span:after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 18px;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
opacity: 0;
}
.item-box .color-squares {
text-align: center;
}
.item-box .color-squares li {
margin: 4px;
}
.item-box .color-squares .color {
width: 25px !important;
height: 15px !important;
}
.item-box .color-squares-wrapper.color-squares-active {
margin: 0 0 20px;
}
.item-box .add-to-wishlist-button {
border: 0;
background-color: #f9f9f9;
color: #777;
font-size: 18px;
width: 30px;
height: 30px;
margin: 0 8px;
}
.item-box .add-to-wishlist-button:hover {
color: #0588d3;
}
.item-box .add-to-compare-list-button {
border: 0;
background-color: transparent;
color: #777;
font-size: 18px;
width: 30px;
height: 30px;
margin: 0 8px;
}
.item-box .add-to-compare-list-button:hover {
color: #0588d3;
}
.item-box .rating div {
background-color: #0588d3;
}
.item-box .buttons-upper input[type=button]:hover {
background-color: #0588d3;
}
.item-box .buttons-lower button {
font-size: 14px;
}
.item-box .buttons-lower button span:before {
background-color: transparent;
height: 16px;
font-family: FontAwesome;
content: "\f07a";
background-image: none;
font-size: 18px;
}
.item-box .buttons-lower button span:after {
color: #ffffff;
font-family: FontAwesome;
content: "\f07a";
background-image: none;
background-color: transparent;
font-size: 18px;
}
.item-box:hover .buttons-lower button span:before {
color: #777;
font-family: FontAwesome;
content: "\f07a";
background-color: transparent;
background-image: none;
font-size: 18px;
}
.cross-sells {
margin: 0 !important;
}
@media (max-width: 47.99em) {
.cross-sells {
display: none;
}
}
.cross-sells .title {
display: block !important;
}
.cross-sells .item-grid {
width: 100%;
}
@media (min-width: 62.5em) and (max-width: 79.99em) {
.cross-sells .item-box:nth-child(n+5) {
display: none;
}
}
@media (min-width: 48em) and (max-width: 62.49em) {
.cross-sells .item-box:nth-child(n+4) {
display: none;
}
}
@media (max-width: 47.99em) {
.cross-sells .item-box {
width: 49%;
}
.cross-sells .item-box:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
}
.cross-sells .item-box .product-item {
padding: 0 0 14px !important;
}
.cross-sells .item-box .manufacturers, .cross-sells .item-box h2 {
font-size: 0.8em;
}
.cross-sells .item-box .buttons-lower {
height: 30px !important;
}
.cross-sells .item-box .buttons-lower button {
height: 28px !important;
}
.cross-sells .item-box .buttons-lower button span {
font-size: 0.8em;
padding: 0;
}
.cross-sells .item-box .buttons-lower button span:before, .cross-sells .item-box .buttons-lower button span:after {
display: none;
}
.cross-sells .item-box .buttons-upper {
display: none;
}
.cross-sells .item-box .button {
font-size: 10px !important;
}
.cross-sells .item-box .picture {
padding: 0 10px;
margin: 0;
}
.cross-sells .item-box h2 {
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
height: 22px; /* Fallback for non-webkit */
margin: 0 auto;
font-size: 10px;
line-height: 1.1;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.cross-sells .item-box .prices .price {
font-size: 0.9em;
}
.related-products-grid .item-box .buttons-upper input[type=button].add-to-wishlist-button, .related-products-grid .item-box .buttons-upper input[type=button].add-to-compare-list-button, .also-purchased-products-grid .item-box .buttons-upper input[type=button].add-to-wishlist-button, .also-purchased-products-grid .item-box .buttons-upper input[type=button].add-to-compare-list-button, .cross-sells .item-box .buttons-upper input[type=button].add-to-wishlist-button, .cross-sells .item-box .buttons-upper input[type=button].add-to-compare-list-button, .category-page .item-box .buttons-upper input[type=button].add-to-wishlist-button, .category-page .item-box .buttons-upper input[type=button].add-to-compare-list-button, .misc-grid .item-box .buttons-upper input[type=button].add-to-wishlist-button, .misc-grid .item-box .buttons-upper input[type=button].add-to-compare-list-button, #algoliaSearchPane .item-box .buttons-upper input[type=button].add-to-wishlist-button, #algoliaSearchPane .item-box .buttons-upper input[type=button].add-to-compare-list-button {
background-color: transparent !important;
}
.related-products-grid .item-box .buttons-upper input[type=button].add-to-wishlist-button:hover, .related-products-grid .item-box .buttons-upper input[type=button].add-to-compare-list-button:hover, .also-purchased-products-grid .item-box .buttons-upper input[type=button].add-to-wishlist-button:hover, .also-purchased-products-grid .item-box .buttons-upper input[type=button].add-to-compare-list-button:hover, .cross-sells .item-box .buttons-upper input[type=button].add-to-wishlist-button:hover, .cross-sells .item-box .buttons-upper input[type=button].add-to-compare-list-button:hover, .category-page .item-box .buttons-upper input[type=button].add-to-wishlist-button:hover, .category-page .item-box .buttons-upper input[type=button].add-to-compare-list-button:hover, .misc-grid .item-box .buttons-upper input[type=button].add-to-wishlist-button:hover, .misc-grid .item-box .buttons-upper input[type=button].add-to-compare-list-button:hover, #algoliaSearchPane .item-box .buttons-upper input[type=button].add-to-wishlist-button:hover, #algoliaSearchPane .item-box .buttons-upper input[type=button].add-to-compare-list-button:hover {
background-color: transparent !important;
}
.spc-products .item-box .buttons-upper input[type=button].add-to-wishlist-button {
background-color: transparent;
}
.spc-products .item-box .buttons-upper input[type=button].add-to-wishlist-button:hover {
background-color: #ffffff;
color: #0588d3;
}
.spc-products .item-box .buttons-upper input[type=button].add-to-compare-list-button {
background-color: transparent;
}
.spc-products .item-box .buttons-upper input[type=button].add-to-compare-list-button:hover {
background-color: #ffffff;
color: #0588d3;
}
.spc-products .item-box .buttons-upper input[type=button]:hover {
background-color: #0588d3;
}
.product-grid:not(.bestsellers) .item-box .buttons-upper, .product-grid:not(.featured-product-list) .item-box .buttons-upper {
background-color: #ffffff;
}
.product-grid:not(.bestsellers) .item-box .buttons-upper input[type=button].add-to-wishlist-button, .product-grid:not(.featured-product-list) .item-box .buttons-upper input[type=button].add-to-wishlist-button {
background-color: transparent !important;
}
.product-grid:not(.bestsellers) .item-box .buttons-upper input[type=button].add-to-wishlist-button:hover, .product-grid:not(.featured-product-list) .item-box .buttons-upper input[type=button].add-to-wishlist-button:hover {
background-color: transparent;
}
.product-grid:not(.bestsellers) .item-box .buttons-upper input[type=button].add-to-compare-list-button, .product-grid:not(.featured-product-list) .item-box .buttons-upper input[type=button].add-to-compare-list-button {
background-color: transparent !important;
}
.product-grid:not(.bestsellers) .item-box .buttons-upper input[type=button].add-to-compare-list-button:hover, .product-grid:not(.featured-product-list) .item-box .buttons-upper input[type=button].add-to-compare-list-button:hover {
background-color: transparent;
}
.product-grid:not(.bestsellers) .item-box .buttons-upper input[type=button]:hover, .product-grid:not(.featured-product-list) .item-box .buttons-upper input[type=button]:hover {
background-color: transparent;
}
.home-page-category-grid {
display: none;
display: block;
text-align: center;
}
.home-page-category-grid .item-box {
padding-bottom: 27px;
background-color: #ffffff;
border: 1px solid #e9e9e9;
margin-bottom: 8px;
}
.home-page-category-grid .item-box .category-item h2 {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background-color: #ffffff;
height: 42px;
padding: 0;
z-index: 999;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
display: table;
width: 100%;
line-height: 14px;
}
.home-page-category-grid .item-box .category-item h2 a {
padding: 0 10px;
display: table-cell;
vertical-align: middle;
}
.home-page-category-grid .item-box .category-item img {
width: 100%;
}
.home-page-category-grid + .slider-wrapper {
display: none;
}
.sub-category-item {
position: relative;
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.sub-category-item .title {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
background-color: rgba(255, 255, 255, 0.9);
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
}
.sub-category-item .title a {
display: block;
padding: 15px 30px;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.sub-category-item:hover .picture {
opacity: 0.7;
}
.sub-category-item:hover .sub-category-details {
opacity: 1;
}
.sub-category-item:hover .title a {
color: #0588d3;
}
.sub-category-item .picture {
margin: 0;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.manufacturer-item {
position: relative;
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.manufacturer-item .title {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
background-color: rgba(255, 255, 255, 0.9);
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
}
.manufacturer-item .title a {
display: block;
padding: 15px 30px;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.manufacturer-item:hover .manufacturer-details {
opacity: 1;
}
.manufacturer-item:hover .title a {
color: #0588d3;
}
.manufacturer-item .picture {
margin: 0;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.vendor-item {
position: relative;
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.vendor-item .title {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
background-color: rgba(255, 255, 255, 0.9);
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
}
.vendor-item .title a {
display: block;
padding: 15px 30px;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.vendor-item .picture {
margin: 0;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.vendor-item:hover .vendor-details {
opacity: 1;
}
.sub-category-details {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
outline: 8px solid #ffffff;
background-color: #ffffff;
padding: 15px 30px;
opacity: 0;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
overflow: auto;
}
.sub-category-details li {
padding: 5px 0;
}
.sub-category-details li.view-all-list-item {
text-align: center;
margin-top: 10px;
}
.sub-category-details li a.view-all {
background-color: #0588d3;
color: #ffffff;
padding: 3px 20px;
border-radius: 3px;
}
.sub-category-details li a.view-all:hover {
background-color: rgb(4.4097222222, 119.9444444444, 186.0902777778);
color: #ffffff;
}
.sub-category-details li a:hover {
color: #0588d3;
}
.sub-category-details .inner-title {
margin: 0 0 12px;
font-size: 15px;
font-weight: bold;
color: #0588d3;
text-transform: uppercase;
color: #0588d3;
}
.sub-category-details li a:hover {
color: #0588d3;
}
.manufacturer-details {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
outline: 8px solid #ffffff;
background-color: #ffffff;
padding: 15px 30px;
opacity: 0;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.manufacturer-details .inner-title {
margin: 0 0 12px;
font-size: 15px;
font-weight: bold;
color: #0588d3;
text-transform: uppercase;
}
.vendor-details {
display: none;
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
outline: 8px solid #ffffff;
background-color: #ffffff;
padding: 15px 30px;
opacity: 0;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.vendor-details .inner-title {
margin: 0 0 12px;
font-size: 15px;
font-weight: bold;
color: #0588d3;
text-transform: uppercase;
}
.vendor-list:after {
content: "";
display: block;
clear: both;
}
.vendor-list li a:hover {
color: #0588d3;
}
.pager {
margin: 0 0 20px;
margin: 0 0 16px;
}
.pager ul {
text-align: center;
font-size: 0;
}
.pager li {
display: inline-block;
margin: 0 2px;
vertical-align: middle;
}
.pager li > a {
display: block;
width: auto;
height: auto;
line-height: 100%;
padding: 12px 13px;
text-align: center;
font-size: 15px;
font-weight: bold;
cursor: pointer;
}
.pager li > a:hover {
background-color: #eeeeee;
}
.pager li > span {
color: #ffffff;
background-color: #0588d3;
display: block;
width: auto;
height: auto;
line-height: 100%;
padding: 12px 13px;
text-align: center;
font-size: 15px;
font-weight: bold;
cursor: pointer;
}
.pager li.previous-page a {
background-image: url();
background-repeat: no-repeat;
font-size: 0;
background-position: center 0;
background-image: none;
background-repeat: no-repeat;
font-size: 0;
width: 38px;
height: 40px;
padding: 12px 13px;
line-height: 17px;
}
.pager li.previous-page a:before {
font-family: FontAwesome;
color: #aaa;
font-size: 14px;
content: "\f053";
}
.pager li.next-page a {
background-image: url();
background-repeat: no-repeat;
font-size: 0;
background-position: center -40px;
background-image: none;
background-repeat: no-repeat;
font-size: 0;
width: 38px;
height: 40px;
padding: 12px 13px;
line-height: 17px;
}
.pager li.next-page a:before {
font-family: FontAwesome;
color: #aaa;
font-size: 14px;
content: "\f054";
}
.pager li.first-page a {
background-image: url();
background-repeat: no-repeat;
font-size: 0;
width: 30px;
background-position: center -80px;
}
.pager li.last-page a {
background-image: url();
background-repeat: no-repeat;
font-size: 0;
width: 30px;
background-position: center -120px;
}
.pager li.last-page {
position: relative;
}
.pager li.last-page a {
background-image: none;
background-repeat: no-repeat;
background-image: none;
background-repeat: no-repeat;
font-size: 0;
width: 38px;
height: 40px;
padding: 12px 13px;
line-height: 17px;
width: 40px;
height: 40px;
padding: 12px 16px 12px 10px;
}
.pager li.last-page a:before {
font-family: FontAwesome;
color: #aaa;
font-size: 14px;
content: "\f054";
display: inline-block;
position: absolute;
right: 20px;
}
.pager li.last-page a div {
color: #aaa;
font-size: 14px;
line-height: 14px;
float: right;
margin-right: -2px;
}
.pager li.first-page {
position: relative;
}
.pager li.first-page a {
background-image: none;
background-repeat: no-repeat;
font-size: 0;
width: 38px;
height: 40px;
padding: 12px 13px;
line-height: 17px;
width: 40px;
height: 40px;
padding: 12px 16px 12px 10px;
}
.pager li.first-page a:before {
font-family: FontAwesome;
color: #aaa;
font-size: 14px;
content: "\f053";
display: inline-block;
position: absolute;
left: 16px;
}
.pager li.first-page a div {
color: #aaa;
font-size: 14px;
line-height: 14px;
float: left;
}
.item-grid:after {
content: "";
display: block;
clear: both;
}
.product-list:after {
content: "";
display: block;
clear: both;
}
.manufacturer-grid:after {
content: "";
display: block;
clear: both;
}
.home-page .product-grid .title {
margin: 0 0 20px;
padding: 0 0 5px;
font-size: 22px;
line-height: 30px;
}
/********** PRODUCT PAGE **********/
.product-essential {
margin: 0 0 60px;
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 20px;
}
.product-essential:after {
content: "";
display: block;
clear: both;
}
.gallery, .cps-gallery {
margin: 0 0 20px;
}
.gallery .picture, .cps-gallery .picture {
position: relative;
width: 320px;
max-width: 100%;
margin: 0 auto;
overflow: hidden;
text-align: center;
font-size: 0;
}
.gallery .picture img, .cps-gallery .picture img {
max-width: 100%;
}
.gallery .picture-thumbs, .cps-gallery .picture-thumbs {
margin: 20px 0 0;
font-size: 0;
}
.gallery .picture-thumbs a, .cps-gallery .picture-thumbs a {
display: inline-block;
position: relative;
width: 60px;
height: 60px;
margin: 0 5px 10px;
overflow: hidden;
}
.gallery .picture-thumbs a:hover img, .cps-gallery .picture-thumbs a:hover img {
opacity: 0.7;
}
.gallery .picture-thumbs img, .cps-gallery .picture-thumbs img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
margin: auto;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
html.no-transitions *, html.no-transitions div * {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
-ms-transition: none !important;
transition: none !important;
}
html.no-transitions .loader {
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
border-top-color: #29d !important;
border-left-color: #29d !important;
border-bottom-color: #29d !important;
border-right-color: #29d !important;
text-align: center;
}
html.no-transitions .loader:before {
content: "Loading" !important;
font-size: 10px !important;
line-height: 46px;
color: #333 !important;
}
html.no-transitions #pagination .spinner, html.no-transitions .pager-wrapper .spinner {
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
border-top-color: #29d !important;
border-left-color: #29d !important;
border-bottom-color: #29d !important;
border-right-color: #29d !important;
}
html.no-transitions #pagination .spinner:before, html.no-transitions .pager-wrapper .spinner:before {
content: "Loading" !important;
font-size: 10px !important;
line-height: 46px;
margin-left: -10px;
color: #333 !important;
}
html.no-transitions #ajaxBusy span {
background-image: none !important;
text-align: center;
display: block !important;
line-height: 60px;
}
html.no-transitions #ajaxBusy span:before {
content: "Loading";
font-size: 12px;
color: #333;
}
.related-products-grid .picture, .also-purchased-products-grid .picture, .cross-sells .picture, .misc-grid .picture {
padding: 20px;
}
.products-carousel .item-picture {
padding: 10px;
}
.spc-body .product-item .picture {
padding: 10px;
}
.cloudzoom-zoom-inside img + div { /*title-wrapper*/
display: none;
}
.mini-shopping-cart .button-1, .product-details-page .button-1, .contact-page .button-1, .email-a-friend-page .button-1, .productAddedToCartWindowSummary .button-1, .continueShoppingLink .button-1, .html-contact-page .button-1, .login-page .button-1, .registration-page .button-1 {
border-radius: 3px !important;
}
.shopping-cart-page .button-1, .checkout-page .button-1, .compare-products-page .button-1 {
border-radius: 3px !important;
}
.shopping-cart-page .button-2, .checkout-page .button-2, .compare-products-page .button-2 {
border-radius: 3px !important;
}
.group-product .group-update-button {
line-height: 46px;
}
.group-product.product-details-page .tier-prices {
margin: 0 0 14px;
}
.group-product.product-details-page .additional-details {
margin: 0 0 10px;
}
.group-product #sevenspikes-cloud-zoom img {
opacity: 0;
}
.group-product .cloudZoomGrouped.show {
opacity: 1;
}
.group-product .picture-thumbs.in-carousel {
max-width: 100%;
}
.group-product .picture-thumbs.in-carousel .hide-slider {
display: none;
}
.group-product .picture-thumbs.in-carousel .slick-track .picture-thumbs-item:only-child {
opacity: 0;
}
.group-product .variant-picture {
display: none;
}
.group-product .variant-label {
font-weight: bold;
line-height: 38px;
color: #555555;
}
.group-product .btn-variant {
padding: 8px 20px 9px 20px;
border: 1px solid #aaa;
display: inline-block;
margin: 2px;
border-radius: 3px;
}
.group-product .btn-variant.unavailable {
opacity: 0.3;
border: 1px dashed #777;
}
.group-product .btn-variant.checked {
border: 1px solid #1b3f5e;
color: #ffffff;
background-color: #1b3f5e;
}
.group-product .product-essential {
display: none;
}
.group-product .picture-thumbs button + .slick-list {
margin: 0;
}
.group-product.ascor-product {
/*.prodOptions {
> div {
> a {
&:first-child {
//hide guestascor product
display: none;
}
}
}
}*/
}
.group-product.ascor-product .promo-part-num {
position: absolute;
font-size: 10px;
color: #aaa;
}
.group-product.ascor-product .overview .product-price {
color: #ad1838;
}
.group-product.ascor-product .prodOptions .btn-variant {
font-weight: bold;
}
@media (min-width: 48em) {
.group-product.ascor-product .prodOptions > div {
text-align: left;
}
}
.group-product.ascor-product .overview .add-to-cart-button {
background-color: #ad1838;
}
.group-product.ascor-product .overview .add-to-cart-button:hover {
outline-color: #ad1838;
}
.group-product.ascor-product .ui-tabs .ui-tabs-nav li.ui-state-active, .group-product.ascor-product .ui-tabs .ui-tabs-nav li a:after {
background-color: #ad1838;
}
.group-product.ascor-product .overview .value a {
color: #ad1838;
}
.group-product.ascor-product .ascor-desc-isi ul {
margin: 12px 0;
padding: 0 0 0 36px;
list-style: disc;
}
.group-product.ascor-product .ascor-desc .option-box ul {
list-style: none !important;
}
.group-product.ascor-product .ascor-desc .ascor-options .picture {
padding: 0 36px;
}
.group-product.ascor-product .ascor-desc h2.ascor-choose {
font-size: 24px;
}
.group-product.ascor-product .ascor-desc .option-btn {
background-color: #888;
}
.group-product.ascor-product .ascor-desc #triggerAscorTab {
cursor: pointer;
margin-bottom: 15px;
}
.group-product.ascor-product .ascor-desc .ascorPIBtn {
color: #ad1838;
font-size: 20px;
display: block;
}
.group-product.ascor-product .ascor-desc .pi-info {
display: inline-block;
margin: 4px;
left: 0;
right: 0;
bottom: 20px;
background-color: #ad1838;
color: #ffffff;
padding: 8px 22px;
font-size: 14px;
font-weight: 100;
border-radius: 6px;
margin-bottom: 15px;
}
.group-product.ascor-product .ascor-desc .pi-info .fa {
margin-right: 10px;
}
.group-product.ascor-product .ascor-swoosh {
margin-top: -36px;
margin-bottom: -30px;
width: 100%;
}
.group-product.ascor-product .ascor-swoosh img {
display: inline-block;
max-width: 100%;
height: auto;
}
.group-product .prodOptions a {
text-align: center;
visibility: hidden;
}
.group-product .prodOptions a.buttonsReady {
visibility: visible;
}
.group-product .prodOptions a span.btn-savings {
margin-left: 7px;
font-weight: 100;
}
.group-product .prodOptions a span.btn-savings span {
font-size: 0.95em;
}
.group-product .prodOptions label.text-prompt {
line-height: 24px;
color: #555555;
font-weight: bold;
}
.group-product .variant-name {
font-size: 25px;
color: #333333;
font-weight: bold;
}
.group-product .variant-box.hide-variant {
display: none;
}
.overview {
position: relative;
margin: 0 0 20px;
}
.overview .product-price {
font-size: 20px;
font-weight: bold;
color: #0588d3;
}
.overview .product-price span.perText small {
font-weight: normal !important;
}
.overview .product-price span.perText span {
font-weight: normal !important;
font-size: 16.6677px;
}
.overview .discontinued-product {
margin: 0 0 25px;
padding: 10px;
text-align: center;
background-color: #f49c1e;
text-transform: uppercase;
}
.overview .discontinued-product h4 {
color: #ffffff;
}
.overview .manufacturers {
margin: 0 0 20px;
}
.overview .manufacturers .label {
font-weight: 100;
}
.overview .product-name {
margin: 0 0 10px;
}
.overview .product-name h1 {
font-size: 25px;
color: #333333;
}
.overview .prices {
margin: 0 0 10px;
overflow: hidden;
}
.overview .prices > div {
margin: 0 0 5px;
}
.overview .prices + .short-description {
margin-top: -5px;
}
.overview .old-product-price {
font-size: 17px;
text-decoration: line-through;
}
.overview .non-discounted-price {
font-size: 17px;
text-decoration: line-through;
}
.overview .rental-price {
margin-bottom: 0 !important;
color: #333333;
}
.overview .tax-shipping-info {
font-size: 13px;
}
.overview .tax-shipping-info a {
cursor: auto;
}
.overview .base-price-pangv {
display: block !important;
}
.overview h2.admin-comment {
display: block;
font-weight: 100;
color: #777;
position: relative;
/*line-height: 14px;*/
font-size: 16px;
}
.overview h2.admin-comment span {
margin: 20px 0 10px 0;
display: block;
line-height: 16px;
font-size: 14px;
top: -18px;
width: 100%;
}
.overview h2.admin-comment span a {
font-weight: bold;
text-decoration: underline;
}
.overview .short-description {
font-weight: 100;
color: #777;
line-height: 25px;
}
.overview .additional-details {
display: table;
margin: 0 0 30px;
line-height: 25px;
width: 100%;
margin: 0 0 44px;
}
.overview .additional-details .sku {
width: 50%;
display: table-cell;
font-weight: 100;
}
.overview .additional-details .manufacturer-part-number {
width: 50%;
display: table-cell;
}
.overview .additional-details label {
font-weight: 100;
}
.overview .additional-details .sku .label, .overview .additional-details .manufacturer-part-number .label, .overview .additional-details .availability .label {
font-weight: 100;
}
.overview .additional-details .sku .value, .overview .additional-details .manufacturer-part-number .value, .overview .additional-details .availability .value {
font-weight: normal;
}
.overview .availability {
margin: 0 0 30px;
}
.overview .stock {
margin: 0 0 10px;
}
.overview .stock .value {
font-weight: bold;
color: #333333;
}
.overview .add-to-cart {
margin: 0 0 20px;
}
.overview .min-qty-notification {
font-size: 0;
}
.overview .add-to-cart-panel {
display: inline-block;
}
.overview .add-to-cart-panel > * {
float: left;
}
.overview .qty-label {
display: none !important;
}
.overview .qty-input {
width: 45px;
height: 45px;
margin: 0 5px 0 0;
text-align: center;
font-size: 14px;
color: #777;
}
.overview .qty-dropdown {
width: 45px;
height: 45px;
margin: 0 5px 0 0;
text-align: center;
font-size: 14px;
color: #777;
width: 55px;
}
.overview .more-information-button {
height: 30px;
border: none;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: #275073;
background-image: none;
padding: 0 15px;
font-size: 13px;
}
.overview .more-information-button:hover {
outline-color: #275073;
}
.overview .more-information-button .fa-shopping-cart {
font-size: 18px;
padding-right: 3px;
}
.overview .add-to-cart-button {
height: 45px;
border: none;
background: #0588d3 url() no-repeat left center;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: #0588d3;
background-image: none;
padding: 0 28px;
font-size: 13px;
}
.overview .add-to-cart-button:hover {
outline-color: #0588d3;
}
.overview .add-to-cart-button .fa-shopping-cart {
font-size: 18px;
padding-right: 3px;
}
.overview .add-to-wishlist-button {
display: inline-block;
height: 37px;
width: 37px;
border: none;
background-color: #f9f9f9;
background-image: url();
background-repeat: no-repeat;
font-size: 0;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-position: 0 center;
background-color: #f9f9f9;
color: #777;
background-image: none;
font-size: 16px;
}
.overview .add-to-wishlist-button:hover {
background-color: #0588d3;
color: #0588d3;
background-color: #f9f9f9;
}
.overview .add-to-compare-list-button {
display: inline-block;
height: 37px;
width: 37px;
border: none;
background-image: url();
background-repeat: no-repeat;
font-size: 0;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-position: -37px center;
background-color: #f9f9f9;
color: #777;
background-image: none;
font-size: 16px;
}
.overview .add-to-compare-list-button:hover {
background-color: #0588d3;
color: #0588d3;
background-color: #f9f9f9;
}
.overview .email-a-friend-button {
display: inline-block;
height: 37px;
width: 37px;
border: none;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-position: -74px center;
background-color: #f9f9f9;
color: #777;
background-image: none;
font-size: 16px;
}
.overview .email-a-friend-button:hover {
background-color: #0588d3;
color: #0588d3;
background-color: #f9f9f9;
}
.overview .value a {
color: #0588d3;
}
.overview .value a:hover {
text-decoration: underline;
}
.product-reviews-overview {
display: none !important;
margin: 0 0 40px;
overflow: hidden;
}
.product-reviews-overview a:hover {
text-decoration: underline;
}
.product-review-box {
display: inline-block;
margin: 0 0 5px;
}
.product-review-box .rating {
width: 80px;
height: 13px;
background: url(/Themes/Pavilion/Content/img/rating-sprite.png) left top repeat-x;
}
.product-review-box .rating div {
height: 13px;
background: #0588d3 url(/Themes/Pavilion/Content/img/rating-sprite.png) left bottom repeat-x;
}
.variant-overview {
width: 100%;
}
.variant-overview .prices {
margin: 0 0 10px;
overflow: hidden;
}
.variant-overview .prices > div {
margin: 0 0 5px;
}
.variant-overview .prices + .variant-description {
margin-top: -5px;
}
.variant-overview .old-product-price {
font-size: 17px;
text-decoration: line-through;
}
.variant-overview .non-discounted-price {
font-size: 17px;
text-decoration: line-through;
}
.variant-overview .product-price {
font-size: 20px;
font-weight: bold;
color: #0588d3;
}
.variant-overview .rental-price {
margin-bottom: 0 !important;
color: #333333;
}
.variant-overview .tax-shipping-info {
font-size: 13px;
}
.variant-overview .tax-shipping-info a {
cursor: auto;
}
.variant-overview .base-price-pangv {
display: block !important;
}
.variant-overview .additional-details {
line-height: 25px;
margin: 0 0 44px;
}
.variant-overview .availability {
margin: 0 0 20px;
}
.variant-overview .stock {
margin: 0 0 10px;
}
.variant-overview .stock .value {
font-weight: bold;
color: #333333;
}
.variant-overview .add-to-cart {
margin: 0 0 20px;
}
.variant-overview .min-qty-notification {
font-size: 0;
}
.variant-overview .add-to-cart-panel {
display: inline-block;
}
.variant-overview .add-to-cart-panel > * {
float: left;
}
.variant-overview .qty-label {
display: none !important;
}
.variant-overview .qty-input {
width: 45px;
height: 45px;
margin: 0 5px 0 0;
text-align: center;
font-size: 14px;
color: #777;
}
.variant-overview .qty-dropdown {
width: 45px;
height: 45px;
margin: 0 5px 0 0;
text-align: center;
font-size: 14px;
color: #777;
width: 55px;
}
.variant-overview .add-to-cart-button {
height: 45px;
border: none;
background: #0588d3 url() no-repeat left center;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: #0588d3;
background-color: #0588d3;
background-image: none;
padding: 0 28px;
font-size: 13px;
}
.variant-overview .add-to-cart-button:hover {
outline-color: #0588d3;
}
.variant-overview .add-to-wishlist-button {
display: inline-block;
height: 37px;
width: 37px;
border: none;
background-repeat: no-repeat;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-position: 0 center;
background-color: #f9f9f9;
color: #777;
background-image: none;
font-size: 16px;
}
.variant-overview .add-to-wishlist-button:hover {
background-color: #0588d3;
color: #0588d3;
background-color: #f9f9f9;
}
.variant-overview .delivery {
margin: 0 -20px -20px;
background-color: #f9f9f9;
padding: 10px 0;
margin-top: 40px;
}
.variant-overview .delivery > div {
display: inline-block;
margin: 8px 50px;
background-image: url();
background-repeat: no-repeat;
padding: 0 0 0 25px;
font-size: 13px;
}
.variant-overview .delivery-date {
background-position: left 0;
}
.variant-overview .free-shipping {
background-position: left -19px;
}
.variant-overview .variant-name {
margin: 0 0 10px;
font-size: 20px;
font-weight: bold;
color: #333333;
}
.variant-overview .variant-description {
margin: 0 0 25px;
line-height: 30px;
}
.variant-overview .add-to-wishlist {
display: none;
}
.variant-overview .value a {
color: #0588d3;
}
.variant-overview .value a:hover {
text-decoration: underline;
}
.variant-overview .delivery > div {
background-image: none;
padding: 0;
}
.download-sample {
margin: 0 0 30px;
}
.download-sample-button {
display: inline-block;
height: 40px;
border: none;
padding: 10px 15px 10px 35px;
color: #777;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.download-sample-button:hover {
background-color: #0588d3;
}
.back-in-stock-subscription {
margin: 0 0 30px;
font-size: 0;
}
.back-in-stock-subscription .subscribe-button {
border: none;
background: #f9f9f9 url() left 0 no-repeat;
padding: 10px 15px 10px 15px;
color: #777;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-weight: bold;
border-radius: 3px !important;
}
.back-in-stock-subscription .subscribe-button:hover {
color: #0588d3;
background-color: #f9f9f9;
}
.customer-entered-price {
margin: 0 0 20px;
}
.customer-entered-price .price-input {
padding: 10px 0;
}
.customer-entered-price .enter-price-input {
width: 75px;
margin: 0 5px;
}
.customer-entered-price .price-range {
color: #333333;
}
.overview-buttons {
font-size: 0;
}
.overview-buttons div {
display: inline-block;
margin: 0 2px;
}
.overview-bottom, .overview {
margin: 30px 0 0;
}
.overview-bottom .delivery, .overview .delivery {
margin: 0 -20px -20px;
background-color: #f9f9f9;
padding: 10px 0;
}
.overview-bottom .delivery > div, .overview .delivery > div {
display: inline-block;
margin: 8px 50px;
background-image: url();
background-repeat: no-repeat;
padding: 0 0 0 25px;
font-size: 13px;
}
.overview-bottom .delivery-date, .overview .delivery-date {
background-position: left 0;
}
.overview-bottom .free-shipping, .overview .free-shipping {
background-position: left -19px;
}
.product-social-buttons {
margin: 0 0 25px;
}
.product-social-buttons label {
display: none;
margin: 0 8px 0 0;
font-size: 13px;
}
.product-social-buttons .social-sharing {
float: none;
}
.product-social-buttons ul {
display: inline-block;
margin: 0;
}
.product-social-buttons li {
position: relative;
z-index: 0;
margin: 0;
}
.product-social-buttons li:hover {
z-index: 1;
}
.product-social-buttons li a {
width: 26px;
height: 24px;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.product-social-buttons .facebook a {
background-color: #5f7ca7;
background-position: 0 0;
}
.product-social-buttons .facebook a:hover {
outline-color: #5f7ca7;
}
.product-social-buttons .twitter a {
background-color: #000000;
background-position: -26px 0;
text-align: center;
}
.product-social-buttons .twitter a:hover {
outline-color: #000000;
}
.product-social-buttons .pinterest a {
background-color: #e56363;
background-position: -52px 0;
}
.product-social-buttons .pinterest a:hover {
outline-color: #e56363;
}
.product-social-buttons .google a {
background-color: #4f4f4f;
background-position: -78px 0;
}
.product-social-buttons .google a:hover {
outline-color: #4f4f4f;
}
.product-collateral {
margin: 0 0 60px;
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.product-collateral .title {
background-color: #f9f9f9;
padding: 25px 30px;
font-size: 15px;
color: #333333;
text-transform: uppercase;
}
.product-collateral .full-description {
padding: 10px 30px;
line-height: 30px;
}
.tier-prices {
margin: 20px 0 14px;
}
.tier-prices .prices-table {
overflow: hidden;
}
.tier-prices .prices-row {
float: left;
width: 50%;
}
.tier-prices .prices-row > div {
border-top: 1px solid #e9e9e9;
padding: 15px 30px;
}
.tier-prices .prices-row.thead > div {
border-right: 1px solid #e9e9e9;
}
.tier-prices .field-header {
border-top: none !important;
}
.tier-prices .item-price {
color: #0588d3;
}
.tier-prices small {
text-transform: capitalize !important;
}
.tier-prices span.per-text {
display: none;
}
.tier-prices .per-text.show {
display: inline-block;
}
.tier-prices .title {
font-weight: 300;
text-transform: capitalize;
}
.product-specs-box .data-table {
border: none !important;
}
.product-specs-box .data-table td {
position: relative;
width: 50%;
/*border-left: 1px solid #ececec;*/
padding: 15px 30px;
text-align: center;
vertical-align: top;
}
.product-specs-box .data-table td:first-child {
border-left: none;
}
.product-specs-box .data-table tr:first-child td {
border-top: none;
}
.product-specs-box .data-table tr:nth-child(odd) {
background-color: #f0f0f0;
}
.product-specs-box .color-squares span {
border: none;
}
.product-specs-box .color-squares .color {
width: 35px !important;
height: 20px !important;
cursor: auto;
}
.product-tags-list {
padding: 25px 20px;
font-size: 0;
}
.product-tags-list li {
display: inline-block;
font-size: 14px;
}
.product-tags-list li.separator {
margin: 0 5px 0 3px;
}
.product-tags-list a {
display: inline-block;
line-height: 24px;
}
.product-tags-list a:hover {
color: #0588d3;
}
.product-variant-line {
margin: 0 0 60px;
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 20px;
}
.product-variant-line:after {
content: "";
display: block;
clear: both;
}
.line {
border-top: solid 1px #dddddd;
padding: 0 0 20px 0;
margin: 20px 0 0;
font-size: 0;
line-height: 0;
}
.line.cps-line {
display: block;
clear: both;
border-bottom: solid 1px #dddddd;
border-top: 0;
margin: 0 0 40px;
padding: 40px 0 0;
}
.variant-picture {
position: relative;
width: 300px;
max-width: 100%;
margin: 0 auto 15px;
overflow: hidden;
text-align: center;
font-size: 0;
}
.variant-picture img {
max-width: 100%;
}
.shopping-cart-page .edit-item, .html-inventory-management-page .edit-item {
font-weight: normal;
padding-left: 10px;
}
.shopping-cart-page .edit-item a, .html-inventory-management-page .edit-item a {
text-decoration: none !important;
color: #888;
text-transform: uppercase;
font-size: 12px;
font-weight: 300;
background-color: #f5f5f5;
padding: 2px 6px;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.shopping-cart-page .edit-item a:hover, .html-inventory-management-page .edit-item a:hover {
background-color: #aaa;
color: #ffffff;
}
.shopping-cart-page .edit-item a:before, .html-inventory-management-page .edit-item a:before {
font-family: FontAwesome;
content: "\f040";
margin-right: 4px;
font-size: 14px;
font-weight: 100;
}
.attributes {
padding-top: 1rem;
padding-bottom: 2rem;
clear: both;
}
.attributes:after {
content: "";
display: table;
clear: both;
}
.attributes dt {
display: block;
margin: 0 0 5px;
white-space: nowrap;
font-weight: bold;
color: #333333;
}
.attributes dt label {
line-height: 38px;
}
.attributes dd {
margin: 0 0 10px;
}
.attributes li {
margin: 8px 0 12px;
}
.attributes input[type=text] {
min-width: 100px;
max-width: 100%;
height: 38px;
}
.attributes select {
min-width: 100px;
max-width: 100%;
height: 38px;
width: auto;
max-width: 100%;
}
.attributes .datepicker {
width: 280px;
text-align: center;
}
.attributes .option-list label {
margin: 0 5px;
}
.attributes dt.isCustomBadge, .attributes dd.isCustomBadge {
display: none;
}
.block-popular-tags {
display: none;
}
.attribute-item {
margin: 0 0 10px;
}
.attribute-label {
margin: 0 0 3px;
}
.ui-datepicker {
width: 280px;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.08);
background-color: #ffffff;
text-align: center;
font-size: 13px;
}
.ui-datepicker-header {
position: relative;
height: 35px;
color: #ffffff;
background-color: #364653;
}
.ui-datepicker-header select.ui-datepicker-year, .ui-datepicker-header select.ui-datepicker-month {
background-color: #364653;
color: #fff;
border: 0;
}
.ui-datepicker-header a {
position: absolute;
top: 0;
z-index: 1;
width: 32px;
height: 35px;
background-image: url();
background-repeat: no-repeat;
font-size: 0;
}
.ui-datepicker-header a.ui-datepicker-prev {
left: 0;
background-position: 0 center;
line-height: 36px;
color: #ffffff;
}
.ui-datepicker-header a.ui-datepicker-prev:before {
font-family: FontAwesome;
font-size: 18px;
content: "\f053";
}
.ui-datepicker-header a.ui-datepicker-next {
right: 0;
background-position: -32px center;
line-height: 36px;
color: #ffffff;
}
.ui-datepicker-header a.ui-datepicker-next:before {
font-family: FontAwesome;
font-size: 18px;
content: "\f054";
}
.ui-datepicker-title {
position: relative;
z-index: 0;
line-height: 35px;
font-weight: bold;
text-transform: uppercase;
}
.ui-datepicker-calendar th {
background-color: #eeeeee;
width: 14.285%;
border: 1px solid #ececec;
}
.ui-datepicker-calendar th span {
display: block;
min-height: 32px;
line-height: 32px;
}
.ui-datepicker-calendar td {
width: 14.285%;
border: 1px solid #ececec;
}
.ui-datepicker-calendar td a {
display: block;
min-height: 32px;
line-height: 32px;
}
.ui-datepicker-calendar .ui-state-active {
outline: 1px solid #0588d3;
background-color: #0588d3;
color: #ffffff;
}
.color-squares {
font-size: 0;
}
.color-squares li {
display: inline-block;
margin: 0 5px 5px;
line-height: normal !important;
text-align: center;
}
.color-squares .color-container {
display: block;
border: 1px solid transparent;
position: relative;
z-index: 0;
}
.color-squares label {
display: block;
margin: 0 !important;
overflow: hidden;
}
.color-squares .color {
display: block !important;
width: 40px !important;
height: 24px !important;
background-size: 100% !important;
cursor: pointer;
}
.color-squares .selected-value .color-container {
border-color: #888;
}
.color-squares .selected-value .color-container[title~=White] .color {
border-color: transparent;
}
.color-squares input[type=radio] {
position: relative;
z-index: -1;
margin: -32px 0 0;
}
.color-squares .tooltip-container {
display: none;
}
.color-squares .color-container[title~=White] .color {
border: 1px solid #ccc;
}
.giftcard {
margin: 0 0 20px;
overflow: hidden;
clear: both;
}
.giftcard div {
margin: 0 0 10px;
}
.giftcard label {
display: block;
margin: 0 0 5px;
}
.giftcard input {
width: 350px;
max-width: 100%;
}
.giftcard textarea {
width: 350px;
max-width: 100%;
height: 150px;
}
.back-in-stock-subscription-page {
padding: 10px;
}
.back-in-stock-subscription-page .button-1 {
margin: 15px 0 0;
border: none;
background-color: #0588d3;
padding: 10px 20px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.back-in-stock-subscription-page .button-1:hover {
outline-color: #0588d3;
}
.ui-tabs {
margin: 0 0 60px;
}
.ui-tabs .ui-tabs-panel {
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 20px;
}
.ui-tabs .ui-tabs-panel .write-review p {
max-width: 800px;
margin: 0 auto;
text-align: center;
}
.ui-tabs .ui-tabs-panel .write-review h3 {
text-align: center;
margin: 10px auto 0 auto;
font-weight: 100;
font-size: 24px;
}
.ui-tabs .ui-tabs-panel .write-review .form-fields {
max-width: 600px;
margin: 10px auto 30px auto;
}
.ui-tabs .ui-tabs-panel p {
margin: 10px 0;
}
.ui-tabs .ui-tabs-nav {
margin: 0 0 -1px;
}
.ui-tabs .ui-tabs-nav li a {
position: relative;
display: block;
padding: 15px 22px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}
.ui-tabs .ui-tabs-nav li a:after {
content: "";
position: absolute;
bottom: -1px;
left: 0;
width: 100%;
height: 3px;
background-color: #0588d3;
opacity: 0;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.ui-tabs .ui-tabs-nav .ui-tabs-selected a:after {
opacity: 1;
}
.ui-tabs .ui-tabs-nav .ui-tabs-active a:after {
opacity: 1;
}
.ui-tabs .ui-tabs-hide {
display: none;
}
/*************** QUOTE ****************/
#quote-page .page-title h2 {
margin: 0;
text-transform: none;
}
#quote-page #pdf-btn {
cursor: pointer;
}
#quote-page .btn-mcguff {
float: right;
}
#quote-page .btn-mcguff .fa {
margin-right: 4px;
}
#quote-page #quote-items .picture {
padding: 10px 4px 4px;
}
#quote-page #quote-items .product-list-sku-mfg {
display: block;
}
@media (max-width: 767px) {
#quote-page #quote-items .product-list-sku-mfg {
display: none;
}
}
#quote-page #quote-items .items-group .price {
font-size: 18px;
}
#quote-page #quote-items .items-group .buttons-lower {
display: block;
text-align: center;
margin: 0;
}
#quote-page #quote-items .items-group .buttons-lower i.fa {
display: none !important;
}
#quote-page #quote-items .items-group .buttons-lower .product-box-add-to-cart-button, #quote-page #quote-items .items-group .buttons-lower .product-box-add-to-cart-button:hover, #quote-page #quote-items .items-group .buttons-lower .product-box-add-to-cart-button span, #quote-page #quote-items .items-group .buttons-lower .product-box-add-to-cart-button span:hover {
background-color: #0588d3;
color: #ffffff;
}
#quote-page #quote-items .items-group .buttons-lower .product-box-add-to-cart-button:before, #quote-page #quote-items .items-group .buttons-lower .product-box-add-to-cart-button:after, #quote-page #quote-items .items-group .buttons-lower .product-box-add-to-cart-button:hover:before, #quote-page #quote-items .items-group .buttons-lower .product-box-add-to-cart-button:hover:after, #quote-page #quote-items .items-group .buttons-lower .product-box-add-to-cart-button span:before, #quote-page #quote-items .items-group .buttons-lower .product-box-add-to-cart-button span:after, #quote-page #quote-items .items-group .buttons-lower .product-box-add-to-cart-button span:hover:before, #quote-page #quote-items .items-group .buttons-lower .product-box-add-to-cart-button span:hover:after {
content: "" !important;
}
#quote-page #quote-items .items-group .buttons-lower .product-box-add-to-cart-button span {
padding: 0;
}
#quote-page #quote-items .items-group h3 {
margin: 10px 0;
}
@media (max-width: 47.99em) and (min-width: 20.0625em) {
#quote-page #quote-items .items-group .item-box:nth-child(2n+1) {
clear: none;
margin-left: 2%;
}
#quote-page #quote-items .items-group .item-box:nth-child(even) {
clear: none;
margin-left: 0;
}
#quote-page #quote-items .items-group .item-box:nth-child(odd) {
clear: none;
margin-left: 2%;
}
}
@media (min-width: 768px) {
#quote-page #quote-items .picture {
width: 200px;
}
#quote-page #quote-items .details {
margin: 0 0 0 210px;
}
#quote-page #quote-items .product-title {
max-width: 100%;
}
}
@media (min-width: 991px) {
#quote-page #quote-items {
/*.buttons-lower {
position: absolute;
right: 20px;
top: 70px;
}*/
}
}
#quote-page #quote-items .print-header {
display: none;
}
#quote-page #quote-items .print-header-wrapper {
display: none;
}
#quote-page #quote-items .print-header-wrapper > div {
padding: 30px;
}
#quote-page #quote-items .print-header-wrapper .print-header {
width: 80px;
display: inline-block;
}
#quote-page #quote-items.printable {
background: #ffffff;
background-color: #ffffff;
padding: 30px;
}
#quote-page #quote-items.printable div.row {
background: #ffffff;
background-color: #ffffff;
}
#quote-page #quote-items.printable .print-header-wrapper {
display: block;
}
#quote-page #quote-items.printable .contact-list {
margin-top: 20px;
margin-left: 30px;
}
#quote-page #quote-items.printable .contact-list li {
margin: 5px 0;
position: relative;
}
#quote-page #quote-items.printable .contact-list li div:before {
font-size: 20px;
line-height: 20px;
left: -20px;
font-family: FontAwesome;
position: absolute;
top: 0;
color: #0588d3;
}
#quote-page #quote-items.printable .contact-list li.address div:before {
left: -18px;
content: "\f041";
}
#quote-page #quote-items.printable .contact-list li.email div:before {
font-size: 15px;
content: "\f0e0";
}
#quote-page #quote-items.printable .contact-list li.phone div:before {
content: "\f095";
}
#quote-page #quote-items.printable a {
text-decoration: none !important;
}
#quote-page #quote-items.printable .product-item {
border: 0 !important;
border-bottom: 1px solid #ccc !important;
}
#quote-page #quote-items.printable .product-title {
max-width: 100%;
}
#quote-page #quote-items.printable .picture {
width: 150px;
}
#quote-page #quote-items.printable .details {
margin: 30px 10px 10px;
}
#quote-page #quote-items.printable .buttons-lower {
display: none;
}
#quote-page #quote-items.printable .add-info {
position: absolute;
top: 20px;
right: 40px;
}
#quote-page #quote-items.printable .add-info .prices {
height: auto;
margin-top: 30px;
}
#quote-page #quote-items.printable .add-info .prices .price {
font-size: 20px;
}
.page-int-questionnaire .message-error {
padding: 10px 20px;
margin: 0 20px;
}
/********** PRODUCT REVIEWS **********/
.product-reviews-page .page-body {
max-width: 820px;
margin: auto;
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.product-reviews-page .title {
background-color: #f9f9f9;
padding: 25px 30px;
font-size: 15px;
color: #333333;
text-transform: uppercase;
}
.product-reviews-page .message-error {
margin: 0 0 20px;
padding: 0 30px;
}
.product-reviews-page .result {
display: none;
}
.product-reviews-page h1 a {
text-transform: none;
}
.product-reviews-page h1 a:hover {
color: #0588d3;
}
.product-reviews-page h1 a:before {
content: "''";
}
.product-reviews-page h1 a:after {
content: "''";
}
.product-reviews-page .validation-summary-errors {
background: #e56363;
width: 100%;
color: #ffffff;
padding: 10px 20px;
display: flex;
align-items: center;
}
.product-reviews-page .validation-summary-errors:before {
font-family: FontAwesome;
content: "\f071";
font-size: 22px;
vertical-align: middle;
padding-right: 12px;
margin-top: -2px;
float: left;
color: #c14343;
}
.product-reviews-page h1 a:hover {
color: #0588d3;
}
.product-review-item {
overflow: hidden;
border-bottom: 1px solid #eeeeee;
padding: 30px;
}
.product-review-item:last-child {
border-bottom: none;
}
.product-review-item .product-review-box {
margin: 0 0 5px;
}
.product-review-item .review-title {
margin: 0 0 20px;
font-weight: bold;
}
.product-review-item .review-text {
margin: 0 0 20px;
line-height: 25px;
}
.product-review-item .review-info {
margin: 0 0 5px;
}
.product-review-item .review-info .separator {
margin: 0 5px 0 0;
}
.product-review-item .review-info label {
font-weight: bold;
}
.product-review-item .review-info a {
display: inline-block;
padding: 0 5px;
cursor: pointer;
}
.product-review-item .review-info .date span {
display: inline-block;
padding: 0 5px;
cursor: pointer;
}
.product-review-helpfulness .vote {
font-weight: bold;
display: inline-block;
padding: 0 5px;
cursor: pointer;
}
.product-review-helpfulness .vote:hover {
color: #0588d3;
}
.product-review-helpfulness .question {
margin: 0 5px 0 0;
}
.product-review-helpfulness .result {
margin: 0 0 0 10px;
}
.write-review form {
padding: 30px;
}
.write-review .form-fields {
margin: 0 0 15px;
}
.write-review .review-rating {
margin: 0 0 20px;
text-align: center;
}
.write-review .review-rating label {
display: block;
margin: 0 0 5px;
vertical-align: middle;
font-size: 13px;
font-weight: bold;
}
.write-review .review-rating li {
display: inline-block;
margin: 0 5px;
cursor: default;
vertical-align: middle;
font-size: 14px;
height: 17px;
}
.write-review .review-rating li.first {
color: #0588d3;
}
.write-review .review-rating li:nth-child(2) {
padding-top: 2px;
}
.write-review .review-rating li:nth-child(2) input {
vertical-align: baseline;
}
.write-review .review-rating li.last {
color: #4fbb41;
}
.write-review .buttons {
margin: 0 0 10px;
}
.write-review .button-1 {
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.write-review .button-1:hover {
outline-color: #0588d3;
}
.ui-tabs .product-review-item {
padding: 30px 0;
}
.review-rating ul {
font-size: 0;
vertical-align: middle;
}
/********** WISHLIST & COMPARE LIST **********/
.update-wishlist-button {
width: 300px;
max-width: 100%;
height: 45px;
margin: 0 0 10px;
border: none;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: #0588d3 url(/Themes/Pavilion/Content/img/cart-sprite.png) left -45px no-repeat;
color: #777;
background-color: #0588d3;
}
.update-wishlist-button:hover {
outline-color: #ffffff;
color: #0588d3;
}
.wishlist-add-to-cart-button {
width: 300px;
max-width: 100%;
height: 45px;
margin: 0 0 10px;
border: none;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background: #0588d3 url() left center no-repeat;
color: #ffffff;
background-color: #0588d3;
background-image: none;
padding: 0 28px;
}
.wishlist-add-to-cart-button:hover {
outline-color: #0588d3;
}
.wishlist-add-to-cart-button .fa-shopping-cart {
font-size: 16px;
padding-right: 6px;
}
.email-a-friend-wishlist-button {
display: none;
display: inline-block;
background-color: #ffffff;
background-image: none;
color: #777;
width: 300px;
max-width: 100%;
height: 45px;
margin: 0 0 10px;
border: none;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.email-a-friend-wishlist-button:hover {
outline-color: #ffffff;
color: #0588d3;
}
.email-a-friend-wishlist-button .fa.fa-envelope {
font-size: 15px;
padding-right: 6px;
color: #0588d3;
}
.compare-products-page {
position: relative;
}
.compare-products-page .clear-list {
display: inline-block;
margin: 0 0 20px;
font-size: 13px;
text-transform: uppercase;
}
.compare-products-page img {
max-width: 100%;
}
.compare-products-page .remove-button {
display: inline-block;
border: none;
background: #777 url() center -37px no-repeat;
font-size: 0;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-size: 14px;
color: #777;
background-color: #efefef;
background-image: none;
width: auto;
height: auto;
padding: 8px 12px;
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
}
.compare-products-page .remove-button:hover {
background-color: #0588d3;
color: #ffffff;
}
.compare-products-page .remove-button:hover .fa {
color: #ffffff;
}
.compare-products-page .remove-button .fa {
color: #777;
margin-right: 10px;
font-size: 16px;
float: left;
}
.compare-products-page .compare-add-button {
margin: 10px 0;
background-color: #0588d3;
outline: 1px solid transparent;
color: #ffffff;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.compare-products-page .compare-add-button .fa {
background-color: #0588d3;
outline: 1px solid transparent;
color: #ffffff;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.compare-products-page .compare-add-button:hover {
background-color: #0588d3;
outline: 1px solid #0588d3;
}
.compare-products-page a.clear-list {
font-size: 14px;
padding: 8px 10px;
color: #777;
background-color: #efefef;
border: 0 #ffffff solid;
margin-top: -4px;
border-radius: 3px;
}
.compare-products-page a.clear-list:hover {
text-decoration: none;
background-color: #0588d3;
color: #ffffff;
}
.compare-products-page a.clear-list:before {
font-family: FontAwesome;
content: "\f00d";
font-size: 16px;
margin-right: 6px;
}
.compare-products-page table > tbody > tr.product-price > td:not(:nth-child(1)) {
color: #0588d3;
}
.compare-products-page table > tbody > tr > td.footable-last-column:not(.footable-row-detail-cell) {
color: #0588d3;
font-weight: bold;
}
.compare-products-page tr.footable-row-detail > td > div > div:nth-child(1) > div.footable-row-detail-name {
display: none;
}
.wishlist-page .share-info {
text-align: center;
}
.wishlist-page .share-info a {
color: #0588d3;
}
.wishlist-page .share-info a:hover {
text-decoration: underline;
}
.compare-products-table-mobile img {
max-width: 100px;
}
/*********** TOPICS ***********/
.topic-block {
margin: 0 0 20px;
}
.topic-block a {
text-decoration: underline;
}
.topic-block-title {
margin: 0 0 25px;
border-bottom: 1px solid #ddd;
padding: 0 0 10px;
}
.topic-block-title h2 {
font-size: 16px;
color: #333333;
text-transform: uppercase;
}
.home-page .topic-block {
margin: 0 0 50px;
}
.home-page .topic-block-title {
margin: 0 0 20px;
padding: 0 0 5px;
}
.home-page .topic-block-title h2 {
font-size: 22px;
}
.home-page .bestsellers-section {
padding: 50px 30px 0;
}
.home-page .featured-product-list {
padding: 0 30px 0;
}
.home-page .featured-product-list .carousel-title {
letter-spacing: -0.05em;
font-family: Open Sans, sans-serif;
font-weight: 700 !important;
color: #0588d3 !important;
margin: 0 0 20px !important;
border-bottom: 1px solid #ddd;
padding: 0 0 5px;
font-size: 22px !important;
text-transform: uppercase;
text-align: center;
}
.home-page .featured-product-list .slick-list {
overflow: visible !important;
}
.home-page .featured-product-list .jCarouselMainWrapper .slick-prev {
color: #D6D6D6;
background-color: #f6f6f6;
}
.home-page .featured-product-list .jCarouselMainWrapper .slick-prev:before {
color: #D6D6D6;
font-family: FontAwesome;
content: "\f053";
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
display: inline-block;
}
.home-page .featured-product-list .jCarouselMainWrapper .slick-prev:hover {
color: #0588d3;
background-color: #f6f6f6;
}
.home-page .featured-product-list .jCarouselMainWrapper .slick-prev:hover:before {
background-color: #f6f6f6;
color: #0588d3;
}
.home-page .featured-product-list .jCarouselMainWrapper .slick-next {
color: #D6D6D6;
background-color: #f6f6f6;
}
.home-page .featured-product-list .jCarouselMainWrapper .slick-next:before {
color: #D6D6D6;
font-family: FontAwesome;
content: "\f054";
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-size: 14px;
margin: 5px;
padding: 4px 7px;
display: inline-block;
}
.home-page .featured-product-list .jCarouselMainWrapper .slick-next:hover {
color: #0588d3;
background-color: #f6f6f6;
}
.home-page .featured-product-list .jCarouselMainWrapper .slick-next:hover:before {
background-color: #f6f6f6;
color: #0588d3;
}
.topic-password {
max-width: 600px;
margin: auto;
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 30px;
text-align: center;
}
.enter-password-title {
margin: 0 0 25px;
color: #0588d3;
}
.enter-password-form {
display: inline-block;
font-size: 0;
}
.enter-password-form input[type=password] {
width: 100%;
height: 40px;
margin: 0 0 30px;
padding: 0 12px;
font-size: 14px;
}
.enter-password-form input[type=submit] {
min-width: 120px;
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.enter-password-form input[type=submit]:hover {
outline-color: #0588d3;
}
.popup-window .topic-page {
padding: 15px;
}
.not-found-page p {
margin: 30px 0;
}
/*********** CONTACT & EMAIL A FRIEND ***********/
.contact-page .contact-us-banner {
background-image: url(/Themes/Pavilion/Content/img/Banners/pharmacist-support.jpg);
background-position: center top;
background-repeat: no-repeat;
height: 500px;
background-size: cover;
width: 100%;
overflow: hidden;
}
.contact-page .contact-us-header {
margin: 0;
padding: 25px 30px;
}
.contact-page .contact-us-section {
padding: 50px;
background: #ffffff;
margin: 0;
}
.contact-page .contact-us-section.last {
margin-bottom: 30px;
}
.contact-page .section-company {
/*margin: 15px;*/
padding: 20px;
display: flex;
justify-content: center;
text-align: left;
flex-wrap: wrap;
}
@media (min-width: 62.5em) {
.contact-page .row-company {
display: flex;
justify-content: center;
}
}
.contact-page .intro-header {
font-size: 15px;
}
.contact-page .sub-header {
font-size: 20px;
}
.contact-page .location-section {
background: #ECE9E8;
height: 150px;
background-size: cover;
width: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.contact-page .section-experience {
background: radial-gradient(circle, rgb(255, 255, 255) 0%, rgba(34, 139, 230, 0.0732493681) 100%);
}
.contact-page .holiday-header {
color: #26547c;
font-size: 30px;
font-weight: 100;
}
.contact-page .holiday-dates {
border-left: 1px solid #ddd;
}
.contact-page .twenty-four-dates .holiday-header {
float: right;
}
.contact-page .twenty-four-dates .closed-holiday {
line-height: 3.25;
}
.contact-page .twenty-four-dates .closed-dates {
line-height: 3.25;
}
.contact-page .twenty-four-dates td:first-child {
padding-right: 0;
}
@media (max-width: 62.49em) {
.contact-page .twenty-four-dates .holiday-header {
float: none;
}
}
.contact-page .quick-help {
background: #364653;
height: 150px;
background-size: cover;
width: 100%;
overflow: hidden;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
}
.contact-page .quick-help h3 {
color: #ffffff !important;
}
.contact-page .col-sm-4 .btn-mcguff2 {
white-space: nowrap;
}
.contact-page .contact-form form {
padding: 15px;
}
@media (min-width: 991px) {
.contact-page .contact-form form .col-sm-6:nth-child(odd) {
padding-right: 7px;
}
.contact-page .contact-form form .col-sm-6:nth-child(even) {
padding-left: 7px;
}
}
.contact-page textarea {
min-height: 80px;
}
.contact-page .fieldset {
margin: 0;
}
.contact-page .page-body {
max-width: 600px;
margin: auto;
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.contact-page .topic-block {
margin: 0;
background-color: #f9f9f9;
padding: 25px 30px;
text-align: center;
}
.contact-page .topic-block-title {
display: none;
}
.contact-page form {
padding: 30px 20px;
}
.contact-page .result {
padding: 30px;
}
.contact-page .form-fields {
margin: 0;
}
.contact-page .message-error {
margin: 0 0 10px;
}
.contact-page .buttons {
margin: 0;
}
.contact-page .button-1 {
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.contact-page .button-1:hover {
outline-color: #0588d3;
}
.contact-page p {
margin: 0.96rem 0;
text-align: left;
}
.contact-page h3 {
margin: 10px 0;
text-align: left;
}
.contact-page .row .contact-form {
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.contact-page .col-md-4 h4 {
margin: 10px 20px 0 10px;
}
.contact-page .btn-mcguff2.btn-large {
width: 100%;
text-align: center;
}
.contact-page .contact-form .topic-block {
border-bottom: 1px solid #f0f0f0;
padding: 14px;
background-color: #364653;
}
.contact-page .color-mci {
color: #26547c !important;
}
.contact-page .color-mos-icon {
color: #00928f !important;
}
.contact-page .color-mpi {
color: #c6006f !important;
}
.contact-page .contact-form .contact-us-header {
border-bottom: 1px solid #f0f0f0;
padding: 14px;
background-color: #364653;
}
.contact-page.feedback .topic-block {
border-bottom: 1px solid #f0f0f0;
padding: 14px;
background-color: #364653;
}
.contact-page .contact-us-header h2 {
color: #ffffff;
}
.contact-page .contact-us-button {
border: none;
border-radius: 5px;
background-color: #364653;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.contact-page .topic-block h2 {
color: #ffffff;
}
@media (max-width: 62.49em) {
.contact-page .table-hours {
max-width: 100%;
}
.contact-page .table-hours tbody tr:nth-of-type(odd) {
border-left: none;
}
.contact-page .table-hours tbody tr:nth-of-type(even) {
border-left: none;
}
}
.email-a-friend-page .page-body {
max-width: 600px;
margin: auto;
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.email-a-friend-page .topic-block {
margin: 0;
background-color: #f9f9f9;
padding: 25px 30px;
text-align: center;
}
.email-a-friend-page .topic-block-title {
display: none;
}
.email-a-friend-page form {
padding: 30px;
}
.email-a-friend-page .result {
padding: 30px;
}
.email-a-friend-page .form-fields {
margin: 0 0 15px;
}
.email-a-friend-page .message-error {
margin: 0 0 10px;
}
.email-a-friend-page .buttons {
margin: 0 0 10px;
}
.email-a-friend-page .button-1 {
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.email-a-friend-page .button-1:hover {
outline-color: #0588d3;
}
.email-a-friend-page .title {
background-color: #f9f9f9;
padding: 25px 30px;
}
.email-a-friend-page .title h2 {
font-size: 15px;
font-weight: normal;
color: #333333;
text-transform: uppercase;
}
.email-a-friend-page .email-text {
font-size: 14px;
color: #333;
}
.email-a-friend-page input#YourEmailAddress {
display: none !important;
pointer-events: none;
opacity: 0.4;
cursor: not-allowed;
}
.password-recovery-page .result, .registration-result-page .result {
background-color: #0588d3;
margin: 0 0 20px;
color: #0588d3;
}
.password-recovery-page .instructions, .registration-result-page .instructions {
text-align: center;
margin: 20px 0 15px 0;
}
.password-recovery-page .instructions .fa-envelope-o, .registration-result-page .instructions .fa-envelope-o {
background-color: #bbb;
width: 80px;
height: 80px;
color: #ffffff;
font-weight: 100;
margin: 0 auto 10px auto;
line-height: 76px;
border-radius: 50%;
font-size: 40px;
display: block;
}
.password-recovery-page p.small, .registration-result-page p.small {
text-align: center;
font-size: 0.8em;
}
.password-recovery-page .page-body, .registration-result-page .page-body {
max-width: 600px;
margin: auto;
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 30px;
}
.password-recovery-page .button-1, .registration-result-page .button-1 {
min-width: 120px;
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.password-recovery-page .button-1:hover, .registration-result-page .button-1:hover {
outline-color: #0588d3;
}
.password-recovery-page .buttons, .registration-result-page .buttons {
margin: 30px 0 10px;
}
.password-recovery-page .tooltip, .registration-result-page .tooltip {
margin: 10px 0 30px;
}
.password-recovery-page div.result, .registration-result-page div.result {
display: block;
position: relative;
margin: 9px;
padding: 14px 34px 14px 34px;
font-size: 13px;
font-weight: bold;
background-color: #0588d3;
color: #ffffff;
margin: 0 0 10px 0;
}
.password-recovery-page div.result .success, .registration-result-page div.result .success {
text-align: center;
}
.password-recovery-page div.result.success, .registration-result-page div.result.success {
text-align: center;
background-color: #0588d3;
color: #ffffff;
}
.password-recovery-page div.result.fail, .registration-result-page div.result.fail {
background-color: #e56363;
color: #ffffff;
}
.password-recovery-page div.result.fail:before, .registration-result-page div.result.fail:before {
font-family: FontAwesome;
content: "\f071";
color: #c14343;
}
.apply-vendor-page .page-body {
max-width: 600px;
margin: auto;
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.apply-vendor-page .topic-block {
margin: 0;
background-color: #f9f9f9;
padding: 25px 30px;
text-align: center;
}
.apply-vendor-page .topic-block-title {
display: none;
}
.apply-vendor-page form {
padding: 30px;
}
.apply-vendor-page .result {
padding: 30px;
}
.apply-vendor-page .form-fields {
margin: 0 0 15px;
}
.apply-vendor-page .message-error {
margin: 0 0 10px;
}
.apply-vendor-page .buttons {
margin: 0 0 10px;
}
.apply-vendor-page .button-1 {
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.apply-vendor-page .button-1:hover {
outline-color: #0588d3;
}
/********** REGISTRATION & LOGIN **********/
.registration-page .register-images img {
margin-bottom: 20px;
}
.registration-page .register-images img:first-child {
margin-top: 2px;
}
.registration-page #ordersteps {
max-width: 745px;
text-align: center;
margin: 20px auto 70px auto;
}
.registration-page #ordersteps .step {
transition: all 0.3s ease-in-out;
width: 55px;
height: 53px;
background-color: #ffffff;
display: inline-block;
border: 4px solid;
border-color: #ccc;
border-radius: 50%;
color: #999999;
font-weight: normal;
font-size: 20px;
text-align: center;
line-height: 38px;
position: relative;
}
.registration-page #ordersteps .step.order-hold {
background-color: #e56363;
border-color: #e56363;
cursor: pointer;
}
.registration-page #ordersteps .step.order-hold:hover {
border-color: #c14343;
}
.registration-page #ordersteps .step.order-hold:hover span {
text-decoration: underline;
}
.registration-page #ordersteps .step.order-hold:hover:after {
color: #c14343;
}
.registration-page #ordersteps .step.order-hold span {
position: absolute;
line-height: 12px;
color: #555555;
font-size: 11px;
display: inline-block;
width: 120px;
text-align: center;
bottom: -16px;
left: -40px;
}
.registration-page #ordersteps .step.order-hold .order-status:before, .registration-page #ordersteps .step.order-hold .order-status:after {
color: #ffffff;
background-color: #e56363;
}
@media (max-width: 47.99em) {
.registration-page #ordersteps .step.order-hold:after {
position: absolute;
white-space: normal !important;
line-height: 14px;
}
}
.registration-page #ordersteps .step .no-license {
font-size: 0.65em;
position: absolute;
width: 180px;
display: block;
top: 78px;
left: -62px;
line-height: 1.4;
font-weight: 800;
}
.registration-page #ordersteps .step .prepare-icon:before {
font-size: 20px;
margin-right: 3px;
font-family: FontAwesome;
content: "\f291";
font-style: normal;
}
@media (min-width: 62.5em) {
.registration-page #ordersteps .step .prepare-icon:after {
font-size: 15px;
border-radius: 50%;
background-color: #f5f5f5;
height: 15px;
width: 15px;
top: 22px;
left: 22px;
line-height: 17px;
position: absolute;
font-family: FontAwesome;
content: "\f017";
font-style: normal;
}
}
.registration-page #ordersteps .step .prepare-icon.order-status.startOrder:before {
font-size: 23px;
content: "\f07a";
}
.registration-page #ordersteps .step .prepare-icon.order-status.startOrder:after {
display: none;
}
.registration-page #ordersteps .step .prepare-icon.order-status.med-license:before {
content: "\f2c2";
}
.registration-page #ordersteps .step .prepare-icon.order-status.med-license:after {
display: none;
}
@media (max-width: 62.49em) {
.registration-page #ordersteps .step .prepare-icon {
position: relative;
width: 30px;
height: 30px;
background-color: #ffffff !important;
border-radius: 50%;
border-color: #ccc;
border: 2px solid;
display: inline-block;
}
.registration-page #ordersteps .step .prepare-icon:before {
font-size: 16px;
margin-left: 4px;
}
.registration-page #ordersteps .step .prepare-icon:after {
width: 3px !important;
height: 12px !important;
display: block !important;
background-color: #ccc;
content: "" !important;
position: absolute;
bottom: -16px;
left: 13px;
}
}
.registration-page #ordersteps .step .fa {
font-size: 24px;
margin-top: 6px;
}
.registration-page #ordersteps .step .fa.fa-cog {
font-size: 22px;
margin-right: 0;
margin-top: 0;
}
.registration-page #ordersteps .step .fa.fa-paper-plane {
font-size: 19px;
margin-right: 4px;
margin-top: -2px;
}
.registration-page #ordersteps .step .fa.fa-truck {
font-size: 21px;
margin-right: 2px;
}
.registration-page #ordersteps .step .fa.fa-home {
font-size: 22px;
}
.registration-page #ordersteps .step .fa.fa-envelope {
font-size: 21px;
margin: 0px;
}
.registration-page #ordersteps .step .fa.fa-clock-o {
font-size: 32px;
}
.registration-page #ordersteps .step:first-child {
line-height: 43px;
}
.registration-page #ordersteps .step:nth-child(n+2) {
margin: 0 0 0 105px;
}
.registration-page #ordersteps .step:nth-child(n+2):before {
width: 45px;
height: 3px;
display: block;
background-color: #ccc;
transform: translate(-75px, 21px);
content: "";
}
@media (max-width: 62.49em) {
.registration-page #ordersteps .step.done i:after {
width: 3px !important;
height: 12px !important;
display: block !important;
background-color: #ccc;
content: "" !important;
position: absolute;
bottom: -16px;
left: 13px;
}
.registration-page #ordersteps .step.order-hold i {
position: relative;
width: 30px !important;
padding: 0 4px 0 5px !important;
height: 30px !important;
background-color: #e56363 !important;
border-radius: 50%;
border-color: #e56363 !important;
border: 2px solid;
display: inline-block;
}
.registration-page #ordersteps .step.order-hold i:before {
font-size: 13px !important;
margin-left: 0px;
}
.registration-page #ordersteps .step.order-hold i:after {
display: none;
}
.registration-page #ordersteps .step.order-hold i.prodsub:before {
font-size: 15px !important;
}
.registration-page #ordersteps .step.order-hold i.collab:before {
font-size: 18px !important;
margin-left: 1px;
}
.registration-page #ordersteps .step.order-hold i.address:before {
font-size: 15px !important;
padding-left: 2px;
}
}
@media (min-width: 48em) and (max-width: 62.49em) {
.registration-page #ordersteps .step.done i:after {
display: none !important;
}
.registration-page #ordersteps .step.cancelled i:after {
display: none !important;
}
.registration-page #ordersteps .step .fa-clock-o:before {
margin-left: 3px;
font-size: 23px;
}
.registration-page #ordersteps .no-license {
left: 45px !important;
}
}
.registration-page #ordersteps .step:after {
width: 162px;
display: block;
transform: translate(-54px, 3px);
color: #666;
content: attr(data-desc);
line-height: 1.2em;
font-weight: 400;
font-size: 13px;
}
@media (min-width: 62.5em) {
.registration-page #ordersteps .step:after {
top: 56px;
position: absolute;
}
}
.registration-page #ordersteps .step.done:after {
font-weight: bold;
top: 60px;
}
.registration-page #ordersteps .step.pending:after {
font-weight: bold;
}
.registration-page #ordersteps .step.cancelled:after {
font-weight: bold;
}
.registration-page #ordersteps .step.order-hold:after {
color: #e56363;
font-weight: bold;
}
.registration-page #ordersteps .step.active {
border-color: #0588d3;
color: #0588d3;
}
.registration-page #ordersteps .step.active:before {
background: linear-gradient(to right, #4fbb41 0%, #0588d3 100%);
}
.registration-page #ordersteps .step.active:after {
color: #0588d3;
}
.registration-page #ordersteps .step.done {
background-color: #f0d21a;
border-color: #f0d21a;
color: #ffffff;
}
.registration-page #ordersteps .step.done:before {
background-color: #4fbb41;
}
.registration-page #ordersteps .step.pending {
background-color: #f0d21a;
border-color: #f0d21a;
color: #ffffff;
}
.registration-page #ordersteps .step.pending:before {
background-color: #f0d21a;
}
.registration-page #ordersteps .step.cancelled {
background-color: #c14343;
border-color: #c14343;
color: #ffffff;
}
.registration-page #ordersteps .step.cancelled:before {
background-color: #c14343;
}
.registration-page .page-body {
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.registration-page .message-error {
margin: 10px;
padding: 20px 60px;
}
.registration-page h4 {
font-size: 22px;
font-weight: 100;
color: #666;
margin: 20px 0;
}
.registration-page p {
font-size: 1.3em;
margin: auto;
color: #333333;
}
.registration-page ul.registration-info {
margin-bottom: 20px;
position: relative;
}
.registration-page ul.registration-info li {
line-height: 18px;
margin: 44px 0;
padding-left: 44px;
}
.registration-page ul.registration-info li:first-child {
margin: 20px 0 44px 0;
}
.registration-page ul.registration-info li:before {
left: 0;
font-family: FontAwesome;
position: absolute;
content: "\f00c";
color: #0588d3;
font-size: 32px;
}
.registration-page ul.registration-info li:nth-child(1):before {
padding-top: 10px;
content: "\f0ac";
}
.registration-page ul.registration-info li:nth-child(2):before {
padding-top: 10px;
content: "\f02c";
}
.registration-page ul.registration-info li:nth-child(3):before {
content: "\f1c5";
}
.registration-page ul.registration-info li:nth-child(4):before {
content: "\f1de";
}
.registration-page .fieldset {
margin: 0;
}
.registration-page .fieldset:not(:first-child):not(:last-child) {
border-top: 1px solid #eee;
}
.registration-page .pwd-form-fields {
padding-left: 60px;
padding-right: 60px;
padding-bottom: 30px;
}
.registration-page .form-fields {
padding-top: 30px;
}
.registration-page .buttons {
margin: 0 0 40px;
}
.registration-page .button-1 {
min-width: 120px;
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.registration-page .button-1:hover {
outline-color: #0588d3;
}
.registration-page div > div.title > strong {
padding-left: 30px;
color: #555555;
}
.registration-page div > div.title > strong:before {
font-family: FontAwesome;
font-size: 2em;
left: 20px;
top: 20px;
color: #dddddd;
position: absolute;
}
.registration-page div:nth-child(1) > div.title > strong:before {
content: "\f2bd";
line-height: 30px;
font-size: 26px;
font-weight: 100;
}
.registration-page div:nth-child(2) > div.title > strong:before {
content: "\f2c3";
line-height: 30px;
font-weight: 100;
left: 16px;
font-size: 26px;
}
.registration-page div:nth-child(3) > div.title > strong:before {
content: "\f023";
font-weight: 100;
top: 16px;
}
.account-activation-page, .unsubscribe-page {
padding-bottom: 50px;
}
.account-activation-page #activationsteps, .unsubscribe-page #activationsteps {
max-width: 745px;
text-align: center;
margin: 20px auto 70px auto;
}
.account-activation-page #activationsteps .step, .unsubscribe-page #activationsteps .step {
transition: all 0.3s ease-in-out;
width: 55px;
height: 53px;
background-color: #ffffff;
display: inline-block;
border: 4px solid;
border-color: #ccc;
border-radius: 50%;
color: #999999;
font-weight: normal;
font-size: 20px;
text-align: center;
line-height: 38px;
position: relative;
}
.account-activation-page #activationsteps .step.order-hold, .unsubscribe-page #activationsteps .step.order-hold {
background-color: #e56363;
border-color: #e56363;
cursor: pointer;
}
.account-activation-page #activationsteps .step.order-hold:hover, .unsubscribe-page #activationsteps .step.order-hold:hover {
border-color: #c14343;
}
.account-activation-page #activationsteps .step.order-hold:hover span, .unsubscribe-page #activationsteps .step.order-hold:hover span {
text-decoration: underline;
}
.account-activation-page #activationsteps .step.order-hold:hover:after, .unsubscribe-page #activationsteps .step.order-hold:hover:after {
color: #c14343;
}
.account-activation-page #activationsteps .step.order-hold span, .unsubscribe-page #activationsteps .step.order-hold span {
position: absolute;
line-height: 12px;
color: #555555;
font-size: 11px;
display: inline-block;
width: 120px;
text-align: center;
bottom: -16px;
left: -40px;
}
.account-activation-page #activationsteps .step.order-hold .order-status:before, .account-activation-page #activationsteps .step.order-hold .order-status:after, .unsubscribe-page #activationsteps .step.order-hold .order-status:before, .unsubscribe-page #activationsteps .step.order-hold .order-status:after {
color: #ffffff;
background-color: #e56363;
}
@media (max-width: 47.99em) {
.account-activation-page #activationsteps .step.order-hold:after, .unsubscribe-page #activationsteps .step.order-hold:after {
position: absolute;
white-space: normal !important;
line-height: 14px;
}
}
.account-activation-page #activationsteps .step .no-license, .unsubscribe-page #activationsteps .step .no-license {
font-size: 0.65em;
position: absolute;
width: 180px;
display: block;
top: 78px;
left: -62px;
line-height: 1.4;
font-weight: 800;
}
.account-activation-page #activationsteps .step .prepare-icon:before, .unsubscribe-page #activationsteps .step .prepare-icon:before {
font-size: 20px;
margin-right: 3px;
font-family: FontAwesome;
content: "\f291";
font-style: normal;
}
@media (min-width: 62.5em) {
.account-activation-page #activationsteps .step .prepare-icon:after, .unsubscribe-page #activationsteps .step .prepare-icon:after {
font-size: 15px;
border-radius: 50%;
background-color: #f5f5f5;
height: 15px;
width: 15px;
top: 22px;
left: 22px;
line-height: 17px;
position: absolute;
font-family: FontAwesome;
content: "\f017";
font-style: normal;
}
}
.account-activation-page #activationsteps .step .prepare-icon.order-status.startOrder:before, .unsubscribe-page #activationsteps .step .prepare-icon.order-status.startOrder:before {
font-size: 23px;
content: "\f07a";
}
.account-activation-page #activationsteps .step .prepare-icon.order-status.startOrder:after, .unsubscribe-page #activationsteps .step .prepare-icon.order-status.startOrder:after {
display: none;
}
.account-activation-page #activationsteps .step .prepare-icon.order-status.med-license:before, .unsubscribe-page #activationsteps .step .prepare-icon.order-status.med-license:before {
content: "\f2c2";
}
.account-activation-page #activationsteps .step .prepare-icon.order-status.med-license:after, .unsubscribe-page #activationsteps .step .prepare-icon.order-status.med-license:after {
display: none;
}
@media (max-width: 62.49em) {
.account-activation-page #activationsteps .step .prepare-icon, .unsubscribe-page #activationsteps .step .prepare-icon {
position: relative;
width: 30px;
height: 30px;
background-color: #ffffff !important;
border-radius: 50%;
border-color: #ccc;
border: 2px solid;
display: inline-block;
}
.account-activation-page #activationsteps .step .prepare-icon:before, .unsubscribe-page #activationsteps .step .prepare-icon:before {
font-size: 16px;
margin-left: 4px;
}
.account-activation-page #activationsteps .step .prepare-icon:after, .unsubscribe-page #activationsteps .step .prepare-icon:after {
width: 3px !important;
height: 12px !important;
display: block !important;
background-color: #ccc;
content: "" !important;
position: absolute;
bottom: -16px;
left: 13px;
}
}
.account-activation-page #activationsteps .step .fa, .unsubscribe-page #activationsteps .step .fa {
font-size: 24px;
margin-top: 6px;
}
.account-activation-page #activationsteps .step .fa.fa-cog, .unsubscribe-page #activationsteps .step .fa.fa-cog {
font-size: 22px;
margin-right: 0;
margin-top: 0;
}
.account-activation-page #activationsteps .step .fa.fa-paper-plane, .unsubscribe-page #activationsteps .step .fa.fa-paper-plane {
font-size: 19px;
margin-right: 4px;
margin-top: -2px;
}
.account-activation-page #activationsteps .step .fa.fa-truck, .unsubscribe-page #activationsteps .step .fa.fa-truck {
font-size: 21px;
margin-right: 2px;
}
.account-activation-page #activationsteps .step .fa.fa-home, .unsubscribe-page #activationsteps .step .fa.fa-home {
font-size: 22px;
}
.account-activation-page #activationsteps .step .fa.fa-envelope, .unsubscribe-page #activationsteps .step .fa.fa-envelope {
font-size: 21px;
margin: 0px;
}
.account-activation-page #activationsteps .step .fa.fa-clock-o, .unsubscribe-page #activationsteps .step .fa.fa-clock-o {
font-size: 32px;
}
.account-activation-page #activationsteps .step:first-child, .unsubscribe-page #activationsteps .step:first-child {
line-height: 43px;
}
.account-activation-page #activationsteps .step:nth-child(n+2), .unsubscribe-page #activationsteps .step:nth-child(n+2) {
margin: 0 0 0 105px;
}
.account-activation-page #activationsteps .step:nth-child(n+2):before, .unsubscribe-page #activationsteps .step:nth-child(n+2):before {
width: 45px;
height: 3px;
display: block;
background-color: #ccc;
transform: translate(-75px, 21px);
content: "";
}
@media (max-width: 62.49em) {
.account-activation-page #activationsteps .step.done i:after, .unsubscribe-page #activationsteps .step.done i:after {
width: 3px !important;
height: 12px !important;
display: block !important;
background-color: #ccc;
content: "" !important;
position: absolute;
bottom: -16px;
left: 13px;
}
.account-activation-page #activationsteps .step.order-hold i, .unsubscribe-page #activationsteps .step.order-hold i {
position: relative;
width: 30px !important;
padding: 0 4px 0 5px !important;
height: 30px !important;
background-color: #e56363 !important;
border-radius: 50%;
border-color: #e56363 !important;
border: 2px solid;
display: inline-block;
}
.account-activation-page #activationsteps .step.order-hold i:before, .unsubscribe-page #activationsteps .step.order-hold i:before {
font-size: 13px !important;
margin-left: 0px;
}
.account-activation-page #activationsteps .step.order-hold i:after, .unsubscribe-page #activationsteps .step.order-hold i:after {
display: none;
}
.account-activation-page #activationsteps .step.order-hold i.prodsub:before, .unsubscribe-page #activationsteps .step.order-hold i.prodsub:before {
font-size: 15px !important;
}
.account-activation-page #activationsteps .step.order-hold i.collab:before, .unsubscribe-page #activationsteps .step.order-hold i.collab:before {
font-size: 18px !important;
margin-left: 1px;
}
.account-activation-page #activationsteps .step.order-hold i.address:before, .unsubscribe-page #activationsteps .step.order-hold i.address:before {
font-size: 15px !important;
padding-left: 2px;
}
}
@media (min-width: 48em) and (max-width: 62.49em) {
.account-activation-page #activationsteps .step.done i:after, .unsubscribe-page #activationsteps .step.done i:after {
display: none !important;
}
.account-activation-page #activationsteps .step .fa-clock-o:before, .unsubscribe-page #activationsteps .step .fa-clock-o:before {
margin-left: 3px;
font-size: 23px;
}
.account-activation-page #activationsteps .no-license, .unsubscribe-page #activationsteps .no-license {
left: 45px !important;
}
}
.account-activation-page #activationsteps .step:after, .unsubscribe-page #activationsteps .step:after {
width: 162px;
display: block;
transform: translate(-54px, 3px);
color: #666;
content: attr(data-desc);
line-height: 1.2em;
font-weight: 400;
font-size: 13px;
}
@media (min-width: 62.5em) {
.account-activation-page #activationsteps .step:after, .unsubscribe-page #activationsteps .step:after {
top: 60px;
position: absolute;
}
}
.account-activation-page #activationsteps .step.done:after, .unsubscribe-page #activationsteps .step.done:after {
font-weight: bold;
top: 60px;
}
.account-activation-page #activationsteps .step.cancelled:after, .unsubscribe-page #activationsteps .step.cancelled:after {
font-weight: bold;
}
.account-activation-page #activationsteps .step.pending:after, .unsubscribe-page #activationsteps .step.pending:after {
font-weight: bold;
}
.account-activation-page #activationsteps .step.order-hold:after, .unsubscribe-page #activationsteps .step.order-hold:after {
color: #e56363;
font-weight: bold;
}
.account-activation-page #activationsteps .step.active, .unsubscribe-page #activationsteps .step.active {
border-color: #0588d3;
color: #0588d3;
}
.account-activation-page #activationsteps .step.active:before, .unsubscribe-page #activationsteps .step.active:before {
background: linear-gradient(to right, #4fbb41 0%, #0588d3 100%);
}
.account-activation-page #activationsteps .step.active:after, .unsubscribe-page #activationsteps .step.active:after {
color: #0588d3;
}
.account-activation-page #activationsteps .step.done, .unsubscribe-page #activationsteps .step.done {
background-color: #4fbb41;
border-color: #4fbb41;
color: #ffffff;
}
.account-activation-page #activationsteps .step.done:before, .unsubscribe-page #activationsteps .step.done:before {
background-color: #4fbb41;
}
.account-activation-page #activationsteps .step.pending, .unsubscribe-page #activationsteps .step.pending {
background-color: #f0d21a;
border-color: #f0d21a;
color: #ffffff;
}
.account-activation-page #activationsteps .step.pending:before, .unsubscribe-page #activationsteps .step.pending:before {
background-color: #f0d21a;
}
.account-activation-page .login-button-wrapper, .unsubscribe-page .login-button-wrapper {
text-align: center;
margin: 40px 0;
}
.account-activation-page .login-button, .unsubscribe-page .login-button {
margin: 20px 0;
min-width: 120px;
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.account-activation-page .login-button:hover, .unsubscribe-page .login-button:hover {
outline-color: #0588d3;
}
.account-activation-page .see-products-button, .unsubscribe-page .see-products-button {
margin-left: 10px;
min-width: 120px;
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
cursor: pointer;
}
.account-activation-page .see-products-button:hover, .unsubscribe-page .see-products-button:hover {
outline-color: #0588d3;
}
.account-activation-page #welcome, .unsubscribe-page #welcome {
text-align: center;
}
.account-activation-page .place-first-order, .unsubscribe-page .place-first-order {
margin: 20px 0;
text-align: center;
font-weight: 100;
text-transform: capitalize;
font-size: 30px;
color: #666;
}
.account-activation-page h2, .unsubscribe-page h2 {
margin: 20px 0;
text-align: center;
font-weight: 100;
text-transform: capitalize;
font-size: 30px;
color: #666;
}
.account-activation-page h2:before, .unsubscribe-page h2:before {
font-family: FontAwesome;
font-size: 1.3em;
margin-right: 10px;
content: "\f00c";
color: #4fbb41;
}
.account-activation-page .result-error h2:before, .unsubscribe-page .result-error h2:before {
font-family: FontAwesome;
font-size: 1.3em;
margin-right: 10px;
content: "\f05e";
color: #c14343;
}
.html-fromcart-login-page .cart-msg {
display: block !important;
margin: 0 0 60px 0 !important;
}
.html-fromproduct-login-page .subscribe-msg {
display: block !important;
margin: 0 0 60px 0 !important;
}
.html-osmo-login-page body {
background-color: #f6f6f6;
}
@media (min-width: 62.5em) {
.html-osmo-login-page .page-body {
margin-top: 100px;
}
}
.html-osmo-login-page .osmo-msg {
font-weight: bold !important;
color: #0588d3;
letter-spacing: -0.04em;
display: block !important;
}
.html-osmo-login-page .register-text {
display: none;
}
.html-osmo-login-page .responsive-nav-wrapper .responsive-logo {
border-right: 0;
}
.html-osmo-login-page .responsive-nav-wrapper .shopping-cart-link, .html-osmo-login-page .responsive-nav-wrapper .menu-title, .html-osmo-login-page .responsive-nav-wrapper .personal-button, .html-osmo-login-page .responsive-nav-wrapper .preferences-button, .html-osmo-login-page .responsive-nav-wrapper .search-wrap, .html-osmo-login-page .responsive-nav-wrapper .question-link {
display: none;
}
.html-osmo-login-page .header-upper .phone-info {
float: none;
display: block;
text-align: center;
}
.html-osmo-login-page .header-upper .header-links-wrapper, .html-osmo-login-page .header-upper .topbar-links {
display: none;
}
.html-osmo-login-page .header-middle .header-logo-new {
margin: 0 auto;
}
.html-osmo-login-page .header-middle .header-menu-parent {
display: none;
}
.html-osmo-login-page .header-middle #flyout-cart {
display: none;
}
.html-osmo-login-page .header-lower {
display: none;
}
.html-osmo-login-page .register-info {
display: none;
}
.html-osmo-login-page .footer-middle {
display: none;
}
.html-osmo-login-page .footer-upper {
display: none;
}
.html-osmo-login-page .footer-lower {
/*background-color: #f6f6f6;*/
}
.html-osmo-login-page .footer-lower .center {
border-top: 0;
}
.html-osmo-login-page .footer-lower .accepted-payments {
display: none;
}
.html-osmo-login-page .footer-lower .vawd-info {
display: none;
}
.login-page .login-referral-msg {
font-size: 26px;
text-align: center;
margin: 24px 0;
}
.login-page .login-referral-msg.cart-msg {
letter-spacing: -0.04em;
color: #0588d3 !important;
font-weight: bold;
}
.login-page .subscribe-msg {
letter-spacing: -0.04em;
color: #0588d3 !important;
font-weight: bold;
font-size: 15px;
text-align: center;
margin: 24px 0;
display: none;
}
.login-page .customer-blocks {
max-width: 600px;
margin: auto;
border: 1px solid #e9e9e9;
background-color: #ffffff;
position: relative;
margin: 0 auto 30px;
}
.login-page .customer-blocks .title {
position: absolute;
width: 100%;
background-color: #e9e9e9;
padding: 17px 22px;
text-align: center;
font-size: 13px;
color: #777;
text-transform: uppercase;
cursor: pointer;
}
.login-page .customer-blocks .title.active {
background-color: #0588d3;
color: #ffffff;
}
.login-page .customer-blocks .fieldset {
position: static;
}
.login-page .customer-blocks .text {
margin: 15px 0 45px;
}
.login-page .customer-blocks + .topic-block {
margin: 60px 0 0;
}
.login-page .fieldset {
margin: 0;
}
.login-page .inner-wrapper {
padding: 30px;
display: none;
}
.login-page .inner-wrapper.show {
display: block;
}
.login-page .buttons {
margin: 0 0 40px;
margin: 30px 0 10px;
}
.login-page .button-1 {
min-width: 120px;
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.login-page .button-1:hover {
outline-color: #0588d3;
}
.login-page .message-error {
margin: 0 0 20px;
background: #e56363;
width: 100%;
color: #ffffff;
padding: 10px 20px;
display: flex;
align-items: center;
}
.login-page .message-error:before {
font-family: FontAwesome;
content: "\f071";
font-size: 22px;
vertical-align: middle;
padding-right: 12px;
margin-top: -2px;
float: left;
color: #c14343;
}
.login-page .checkout-as-guest-button {
background-color: transparent !important;
padding: 15px 16px;
color: #777;
outline: none;
}
.login-page .checkout-as-guest-button:hover {
color: #0588d3;
}
.login-page .facebook-btn {
width: 212px;
height: 35px;
margin-top: -15px;
background: url() center no-repeat !important;
}
.login-page .new-wrapper .title {
top: -104px;
left: 0;
}
.login-page .returning-wrapper .title {
top: -52px;
right: 0;
}
.login-page .inputs.reversed {
white-space: normal;
}
.login-page .inputs.reversed > * {
display: inline-block;
width: auto;
margin: 6px 3px;
vertical-align: middle;
font-size: 14px;
font-weight: normal;
}
.login-page .forgot-password a {
margin-left: 10px;
}
.login-page .forgot-password a:hover {
color: #0588d3;
}
.login-page .external-authentication + .topic-block {
margin: 60px 0 0;
}
.login-page .login-button {
width: 90%;
}
.login-page .topic-block-body {
text-align: left;
}
.login-page .topic-block-body h2 {
margin: 20px 0;
font-weight: bold;
}
@media (max-width: 991px) {
.login-page .topic-block-body h2 {
text-align: center;
}
}
.login-page .topic-block-body a {
text-decoration: none;
}
.login-page .topic-block-body .btn-mcguff2 {
padding: 6px 20px;
}
.login-page .topic-block-body ul {
margin-bottom: 20px;
position: relative;
}
.login-page .topic-block-body li {
line-height: 18px;
margin: 14px 0 0 15px;
padding-left: 24px;
}
.login-page .topic-block-body li:before {
left: 14px;
font-family: FontAwesome;
position: absolute;
content: "\f00c";
color: #0588d3;
font-size: 18px;
}
.login-page .topic-block-body p em {
font-weight: normal;
}
.login-page p.register-text {
text-align: center;
margin-top: 30px;
}
.login-page p.register-text a {
font-weight: bold;
}
.login-page .btn-mcguff2 {
background: none;
color: #0588d3;
border: #0588d3 2px solid;
line-height: 26px;
}
.login-page .topic-block-title {
display: none;
}
.login-page .topic-block {
text-align: center;
margin: -40px auto 0 auto !important;
max-width: 600px;
display: block;
}
.login-page .customer-blocks .title.active {
background-color: #0588d3;
}
.login-page .forgot-password a:hover {
color: #0588d3;
}
.login-page .checkout-as-guest-button:hover {
color: #0588d3;
}
.external-authentication {
max-width: 600px;
margin: auto;
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 30px;
overflow: hidden;
text-align: center;
}
.external-authentication fieldset {
float: none !important;
}
.order-list-page #tab2 .no-data {
padding: 30px;
}
.account-page .no-data {
font-size: 16px;
}
.account-page .billing-address-header, .account-page .shipping-address-header {
color: #555;
margin: 40px 60px 10px 60px;
}
.account-page .shipping-address-header {
margin-top: 30px;
}
.account-page .shipping-address-info, .account-page .billing-address-info {
margin: 10px 60px;
}
.account-page .add-address-info {
padding: 20px 60px;
}
.account-page #jsonAddresses {
margin-bottom: 20px;
}
.account-page #jsonAddresses .address-item {
min-height: 190px;
}
.account-page #jsonAddresses .no-data {
font-size: 16px;
}
@media (max-width: 767px) {
.account-page #jsonAddresses .section.address-item {
min-height: 1px;
}
}
.account-page .message-error {
margin: 10px;
padding: 20px 60px;
}
.account-page .message-error:before {
font-family: FontAwesome;
content: "\f071";
font-size: 22px;
vertical-align: middle;
padding-right: 12px;
margin-top: -2px;
float: left;
color: #c14343;
}
.account-page .button-1 {
min-width: 120px;
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.account-page .button-1:hover {
outline-color: #0588d3;
}
.account-page .page-title {
border-width: 0;
}
.account-page .inputs.custom-attributes select {
height: 37px;
}
.account-page .page-body {
position: relative;
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding-bottom: 30px;
}
.account-page .page-body:before {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 100%;
height: 1px;
background-color: #ffffff;
}
.account-page .fieldset {
border-top: 1px solid #f3f3f3;
margin: 0 0 10px;
}
.account-page .fieldset .title {
margin: 0 0 -10px;
background-color: transparent;
padding: 40px 30px 0;
font-size: 18px;
text-transform: none;
}
.account-page .section {
border-top: 1px solid #f3f3f3;
margin: 0 0 10px;
margin: 0;
}
.account-page .section .title {
margin: 0 0 -10px;
background-color: transparent;
padding: 40px 30px 0;
font-size: 18px;
text-transform: none;
}
.account-page .section.order-item {
float: left;
width: 50%;
padding: 20px;
border-width: 0;
}
.account-page .section.order-item .item-info {
background-color: #fafafa;
border: 1px solid #eeeeee;
}
.account-page .form-fields {
max-width: 600px;
margin: auto;
padding: 30px;
}
.account-page .form-fields a {
color: #0588d3;
}
.account-page .form-fields a:hover {
text-decoration: underline;
}
.account-page .edit-address {
max-width: 600px;
margin: auto;
padding: 30px;
}
.account-page .add-button {
border-top: 1px solid #f3f3f3;
padding: 30px;
}
.account-page .no-data {
padding: 30px;
}
.account-page .table-wrapper {
padding: 0 30px;
}
.account-page .table-wrapper + .pager {
margin-top: 20px;
}
.account-page .table-wrapper + .buttons {
border: none;
}
.account-page ul.info {
padding: 30px;
line-height: 25px;
}
.account-page ul.info li {
text-transform: uppercase;
}
.account-page ul.info li.name {
display: none;
margin: 0 0 10px;
font-weight: bold;
}
.account-page ul.info li.email label {
display: none;
}
.account-page ul.info + .buttons {
margin: 0 0 30px;
border: none;
padding: 0;
font-size: 0;
}
.account-page ul.info + .buttons input {
display: inline-block;
width: 37px;
height: 37px;
margin: 0 2px;
border: none;
background-color: #777;
background-image: url();
background-repeat: no-repeat;
font-size: 0;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.account-page ul.info + .buttons input:hover {
background-color: #0588d3;
}
.account-page ul.details {
padding: 30px;
line-height: 25px;
}
.account-page .edit-address-button {
background-position: center 0;
}
.account-page .delete-address-button {
background-position: center -37px;
}
.account-page .description {
padding: 30px;
line-height: 25px;
}
.account-page .product-review-item + .pager {
margin-top: 20px;
}
.account-page #tab1 .page-body {
border: 0;
}
.account-page .inline-buttons button {
padding: 5px 12px;
margin: 0 10px;
border: none;
background-color: #999999;
background-image: none;
background-repeat: no-repeat;
font-size: 14px;
color: #ffffff;
border-radius: 3px;
}
.account-page .inline-buttons button:hover {
color: #0588d3;
background-color: #0588d3;
color: #ffffff;
}
.account-page .inline-buttons button:hover:before {
color: #ffffff !important;
}
.account-page .inline-buttons button.edit-button:before {
content: "\f040";
margin-right: 6px;
font-family: FontAwesome;
font-size: 16px !important;
color: #ffffff;
}
.account-page .inline-buttons button.delete-button:before {
content: "\f014";
margin-right: 6px;
font-family: FontAwesome;
font-size: 16px !important;
color: #ffffff;
}
.account-page .inline-buttons input:hover {
background-color: #0588d3;
}
.account-page ul.info + .buttons {
position: relative;
text-align: center;
}
.account-page ul.info + .buttons button {
padding: 8px 12px;
margin: 0 10px;
border: none;
background-color: #999999;
background-image: none;
background-repeat: no-repeat;
font-size: 14px;
color: #ffffff;
}
.account-page ul.info + .buttons button:hover {
color: #0588d3;
background-color: #0588d3;
color: #ffffff;
}
.account-page ul.info + .buttons button:hover:before {
color: #ffffff !important;
}
.account-page ul.info + .buttons button.edit-address-button:before {
content: "\f040";
margin-right: 6px;
font-family: FontAwesome;
font-size: 16px !important;
color: #ffffff;
}
.account-page ul.info + .buttons button.delete-address-button:before {
content: "\f014";
margin-right: 6px;
font-family: FontAwesome;
font-size: 16px !important;
color: #ffffff;
}
.account-page ul.info + .buttons input:hover {
background-color: #0588d3;
}
.account-page .form-fields a {
color: #0588d3;
}
.gender, .company-user {
display: inline-block;
}
.gender *, .company-user * {
display: inline !important;
margin: 0 5px 0 0;
vertical-align: middle;
line-height: 32px;
font-weight: normal !important;
}
.gender label, .company-user label {
margin: 0 10px 0 0;
}
.product-tags-box {
display: none;
}
#check-availability-button {
margin: 10px 0 0;
border: none;
background: #888 url() left -80px no-repeat;
padding: 10px 15px 10px 35px;
color: #777;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#check-availability-button:hover {
background-color: #0588d3;
}
#username-availabilty {
display: block;
text-align: center;
font-size: 13px;
}
#username-availabilty:empty {
display: none;
}
.vat-status {
display: block;
margin: 10px 0 -10px;
text-align: center;
font-size: 13px;
white-space: normal;
}
.vat-status em {
font-style: normal;
}
.vat-note {
display: block;
margin: 10px 0 -10px;
text-align: center;
font-size: 13px;
white-space: normal;
}
.vat-note em {
font-style: normal;
}
.accept-privacy-policy {
position: relative;
margin: -20px 0 20px;
text-align: center;
}
.accept-privacy-policy > * {
display: inline-block;
line-height: 32px;
vertical-align: middle;
font-size: 13px;
}
.accept-privacy-policy .read {
color: #0588d3;
cursor: pointer;
}
.accept-privacy-policy .read:hover {
text-decoration: underline;
}
.registration-result-page .button-1 {
min-width: 120px;
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.registration-result-page .button-1:hover {
outline-color: #0588d3;
}
.registration-result-page .result {
margin: 40px 0;
text-align: left;
}
#deleteCC-overlay, #deleteShippingAddress-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 998;
background: rgba(0, 0, 0, 0.5);
}
.stop-scroll {
overflow-y: hidden;
}
.k-grid-content.stop-scroll {
overflow-y: hidden;
}
.request-remove-link {
text-align: left !important;
}
#deleteCCModal, #deleteShippingAddressModal {
position: fixed;
height: auto;
width: 50%;
top: 30%;
left: 25%;
display: none;
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 5px;
}
#deleteCCModal > .ui-dialog-titlebar > .deletecc-title, #deleteShippingAddressModal > .ui-dialog-titlebar > .deletecc-title {
float: none !important;
}
#deleteCCModal > .ui-dialog-content, #deleteShippingAddressModal > .ui-dialog-content {
padding: 10px;
}
#deleteCCModal > .ui-dialog-content > #deletecc-form .deletecc-content, #deleteShippingAddressModal > .ui-dialog-content > #deletecc-form .deletecc-content {
text-align: center !important;
}
#deleteCCModal > #formSuccess p, #deleteShippingAddressModal > #formSuccess p {
text-align: center !important;
}
#globalNoticeModalOpen {
position: absolute;
white-space: nowrap;
font-size: 10px;
margin: auto;
text-transform: uppercase;
font-weight: 100;
position: absolute;
top: auto;
left: 0;
bottom: -17px;
right: 0;
width: 100px;
background-color: rgb(3.2291666667, 87.8333333333, 136.2708333333);
padding: 1px 8px 2px 8px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}
#globalNoticeModal, #newAddressVerifyModal, #headerNoticeModal, #licenseExampleModal, #deleteCCModal, #deleteShippingAddressModal, #paymentmethodModal, #deletepaymentmethodModal, #removecartitemModal, #upsAddModal, #upsBillingAddModal, #validateCCModal {
display: none;
}
.ui-dialog[aria-describedby=licenseExampleModal], .ui-dialog[aria-describedby=headerNoticeModal], .ui-dialog[aria-describedby=globalNoticeModal], .ui-dialog[aria-describedby=newAddressVerifyModal], .ui-dialog[aria-describedby=cookieNoticeModal], .ui-dialog[aria-describedby=ascorVideoModal], .ui-dialog[aria-describedby=deleteCCModal], .ui-dialog[aria-describedby=deleteShippingAddressModal], .ui-dialog[aria-describedby=paymentmethodModal], .ui-dialog[aria-describedby=deletepaymentmethodModal], .ui-dialog[aria-describedby=removecartitemModal], .ui-dialog[aria-describedby=upsAddModal], .ui-dialog[aria-describedby=upsBillingAddModal], .ui-dialog[aria-describedby=validateCCModal] {
text-align: center;
}
.ui-dialog[aria-describedby=licenseExampleModal] #headerNoticeModal, .ui-dialog[aria-describedby=licenseExampleModal] #globalNoticeModal, .ui-dialog[aria-describedby=licenseExampleModal] #cookieNoticeModal, .ui-dialog[aria-describedby=licenseExampleModal] #ascorVideoModal, .ui-dialog[aria-describedby=licenseExampleModal] #licenseExampleModal, .ui-dialog[aria-describedby=licenseExampleModal] #newAddressVerifyModal, .ui-dialog[aria-describedby=licenseExampleModal] #deleteCCModal, .ui-dialog[aria-describedby=licenseExampleModal] #deleteShippingAddressModal, .ui-dialog[aria-describedby=licenseExampleModal] #paymentmethodModal, .ui-dialog[aria-describedby=licenseExampleModal] #deletepaymentmethodModal, .ui-dialog[aria-describedby=licenseExampleModal] #removecartitemModal, .ui-dialog[aria-describedby=licenseExampleModal] #upsAddModal, .ui-dialog[aria-describedby=licenseExampleModal] #upsBillingAddModal, .ui-dialog[aria-describedby=licenseExampleModal] #validateCCModal, .ui-dialog[aria-describedby=headerNoticeModal] #headerNoticeModal, .ui-dialog[aria-describedby=headerNoticeModal] #globalNoticeModal, .ui-dialog[aria-describedby=headerNoticeModal] #cookieNoticeModal, .ui-dialog[aria-describedby=headerNoticeModal] #ascorVideoModal, .ui-dialog[aria-describedby=headerNoticeModal] #licenseExampleModal, .ui-dialog[aria-describedby=headerNoticeModal] #newAddressVerifyModal, .ui-dialog[aria-describedby=headerNoticeModal] #deleteCCModal, .ui-dialog[aria-describedby=headerNoticeModal] #deleteShippingAddressModal, .ui-dialog[aria-describedby=headerNoticeModal] #paymentmethodModal, .ui-dialog[aria-describedby=headerNoticeModal] #deletepaymentmethodModal, .ui-dialog[aria-describedby=headerNoticeModal] #removecartitemModal, .ui-dialog[aria-describedby=headerNoticeModal] #upsAddModal, .ui-dialog[aria-describedby=headerNoticeModal] #upsBillingAddModal, .ui-dialog[aria-describedby=headerNoticeModal] #validateCCModal, .ui-dialog[aria-describedby=globalNoticeModal] #headerNoticeModal, .ui-dialog[aria-describedby=globalNoticeModal] #globalNoticeModal, .ui-dialog[aria-describedby=globalNoticeModal] #cookieNoticeModal, .ui-dialog[aria-describedby=globalNoticeModal] #ascorVideoModal, .ui-dialog[aria-describedby=globalNoticeModal] #licenseExampleModal, .ui-dialog[aria-describedby=globalNoticeModal] #newAddressVerifyModal, .ui-dialog[aria-describedby=globalNoticeModal] #deleteCCModal, .ui-dialog[aria-describedby=globalNoticeModal] #deleteShippingAddressModal, .ui-dialog[aria-describedby=globalNoticeModal] #paymentmethodModal, .ui-dialog[aria-describedby=globalNoticeModal] #deletepaymentmethodModal, .ui-dialog[aria-describedby=globalNoticeModal] #removecartitemModal, .ui-dialog[aria-describedby=globalNoticeModal] #upsAddModal, .ui-dialog[aria-describedby=globalNoticeModal] #upsBillingAddModal, .ui-dialog[aria-describedby=globalNoticeModal] #validateCCModal, .ui-dialog[aria-describedby=newAddressVerifyModal] #headerNoticeModal, .ui-dialog[aria-describedby=newAddressVerifyModal] #globalNoticeModal, .ui-dialog[aria-describedby=newAddressVerifyModal] #cookieNoticeModal, .ui-dialog[aria-describedby=newAddressVerifyModal] #ascorVideoModal, .ui-dialog[aria-describedby=newAddressVerifyModal] #licenseExampleModal, .ui-dialog[aria-describedby=newAddressVerifyModal] #newAddressVerifyModal, .ui-dialog[aria-describedby=newAddressVerifyModal] #deleteCCModal, .ui-dialog[aria-describedby=newAddressVerifyModal] #deleteShippingAddressModal, .ui-dialog[aria-describedby=newAddressVerifyModal] #paymentmethodModal, .ui-dialog[aria-describedby=newAddressVerifyModal] #deletepaymentmethodModal, .ui-dialog[aria-describedby=newAddressVerifyModal] #removecartitemModal, .ui-dialog[aria-describedby=newAddressVerifyModal] #upsAddModal, .ui-dialog[aria-describedby=newAddressVerifyModal] #upsBillingAddModal, .ui-dialog[aria-describedby=newAddressVerifyModal] #validateCCModal, .ui-dialog[aria-describedby=cookieNoticeModal] #headerNoticeModal, .ui-dialog[aria-describedby=cookieNoticeModal] #globalNoticeModal, .ui-dialog[aria-describedby=cookieNoticeModal] #cookieNoticeModal, .ui-dialog[aria-describedby=cookieNoticeModal] #ascorVideoModal, .ui-dialog[aria-describedby=cookieNoticeModal] #licenseExampleModal, .ui-dialog[aria-describedby=cookieNoticeModal] #newAddressVerifyModal, .ui-dialog[aria-describedby=cookieNoticeModal] #deleteCCModal, .ui-dialog[aria-describedby=cookieNoticeModal] #deleteShippingAddressModal, .ui-dialog[aria-describedby=cookieNoticeModal] #paymentmethodModal, .ui-dialog[aria-describedby=cookieNoticeModal] #deletepaymentmethodModal, .ui-dialog[aria-describedby=cookieNoticeModal] #removecartitemModal, .ui-dialog[aria-describedby=cookieNoticeModal] #upsAddModal, .ui-dialog[aria-describedby=cookieNoticeModal] #upsBillingAddModal, .ui-dialog[aria-describedby=cookieNoticeModal] #validateCCModal, .ui-dialog[aria-describedby=ascorVideoModal] #headerNoticeModal, .ui-dialog[aria-describedby=ascorVideoModal] #globalNoticeModal, .ui-dialog[aria-describedby=ascorVideoModal] #cookieNoticeModal, .ui-dialog[aria-describedby=ascorVideoModal] #ascorVideoModal, .ui-dialog[aria-describedby=ascorVideoModal] #licenseExampleModal, .ui-dialog[aria-describedby=ascorVideoModal] #newAddressVerifyModal, .ui-dialog[aria-describedby=ascorVideoModal] #deleteCCModal, .ui-dialog[aria-describedby=ascorVideoModal] #deleteShippingAddressModal, .ui-dialog[aria-describedby=ascorVideoModal] #paymentmethodModal, .ui-dialog[aria-describedby=ascorVideoModal] #deletepaymentmethodModal, .ui-dialog[aria-describedby=ascorVideoModal] #removecartitemModal, .ui-dialog[aria-describedby=ascorVideoModal] #upsAddModal, .ui-dialog[aria-describedby=ascorVideoModal] #upsBillingAddModal, .ui-dialog[aria-describedby=ascorVideoModal] #validateCCModal, .ui-dialog[aria-describedby=deleteCCModal] #headerNoticeModal, .ui-dialog[aria-describedby=deleteCCModal] #globalNoticeModal, .ui-dialog[aria-describedby=deleteCCModal] #cookieNoticeModal, .ui-dialog[aria-describedby=deleteCCModal] #ascorVideoModal, .ui-dialog[aria-describedby=deleteCCModal] #licenseExampleModal, .ui-dialog[aria-describedby=deleteCCModal] #newAddressVerifyModal, .ui-dialog[aria-describedby=deleteCCModal] #deleteCCModal, .ui-dialog[aria-describedby=deleteCCModal] #deleteShippingAddressModal, .ui-dialog[aria-describedby=deleteCCModal] #paymentmethodModal, .ui-dialog[aria-describedby=deleteCCModal] #deletepaymentmethodModal, .ui-dialog[aria-describedby=deleteCCModal] #removecartitemModal, .ui-dialog[aria-describedby=deleteCCModal] #upsAddModal, .ui-dialog[aria-describedby=deleteCCModal] #upsBillingAddModal, .ui-dialog[aria-describedby=deleteCCModal] #validateCCModal, .ui-dialog[aria-describedby=deleteShippingAddressModal] #headerNoticeModal, .ui-dialog[aria-describedby=deleteShippingAddressModal] #globalNoticeModal, .ui-dialog[aria-describedby=deleteShippingAddressModal] #cookieNoticeModal, .ui-dialog[aria-describedby=deleteShippingAddressModal] #ascorVideoModal, .ui-dialog[aria-describedby=deleteShippingAddressModal] #licenseExampleModal, .ui-dialog[aria-describedby=deleteShippingAddressModal] #newAddressVerifyModal, .ui-dialog[aria-describedby=deleteShippingAddressModal] #deleteCCModal, .ui-dialog[aria-describedby=deleteShippingAddressModal] #deleteShippingAddressModal, .ui-dialog[aria-describedby=deleteShippingAddressModal] #paymentmethodModal, .ui-dialog[aria-describedby=deleteShippingAddressModal] #deletepaymentmethodModal, .ui-dialog[aria-describedby=deleteShippingAddressModal] #removecartitemModal, .ui-dialog[aria-describedby=deleteShippingAddressModal] #upsAddModal, .ui-dialog[aria-describedby=deleteShippingAddressModal] #upsBillingAddModal, .ui-dialog[aria-describedby=deleteShippingAddressModal] #validateCCModal, .ui-dialog[aria-describedby=paymentmethodModal] #headerNoticeModal, .ui-dialog[aria-describedby=paymentmethodModal] #globalNoticeModal, .ui-dialog[aria-describedby=paymentmethodModal] #cookieNoticeModal, .ui-dialog[aria-describedby=paymentmethodModal] #ascorVideoModal, .ui-dialog[aria-describedby=paymentmethodModal] #licenseExampleModal, .ui-dialog[aria-describedby=paymentmethodModal] #newAddressVerifyModal, .ui-dialog[aria-describedby=paymentmethodModal] #deleteCCModal, .ui-dialog[aria-describedby=paymentmethodModal] #deleteShippingAddressModal, .ui-dialog[aria-describedby=paymentmethodModal] #paymentmethodModal, .ui-dialog[aria-describedby=paymentmethodModal] #deletepaymentmethodModal, .ui-dialog[aria-describedby=paymentmethodModal] #removecartitemModal, .ui-dialog[aria-describedby=paymentmethodModal] #upsAddModal, .ui-dialog[aria-describedby=paymentmethodModal] #upsBillingAddModal, .ui-dialog[aria-describedby=paymentmethodModal] #validateCCModal, .ui-dialog[aria-describedby=deletepaymentmethodModal] #headerNoticeModal, .ui-dialog[aria-describedby=deletepaymentmethodModal] #globalNoticeModal, .ui-dialog[aria-describedby=deletepaymentmethodModal] #cookieNoticeModal, .ui-dialog[aria-describedby=deletepaymentmethodModal] #ascorVideoModal, .ui-dialog[aria-describedby=deletepaymentmethodModal] #licenseExampleModal, .ui-dialog[aria-describedby=deletepaymentmethodModal] #newAddressVerifyModal, .ui-dialog[aria-describedby=deletepaymentmethodModal] #deleteCCModal, .ui-dialog[aria-describedby=deletepaymentmethodModal] #deleteShippingAddressModal, .ui-dialog[aria-describedby=deletepaymentmethodModal] #paymentmethodModal, .ui-dialog[aria-describedby=deletepaymentmethodModal] #deletepaymentmethodModal, .ui-dialog[aria-describedby=deletepaymentmethodModal] #removecartitemModal, .ui-dialog[aria-describedby=deletepaymentmethodModal] #upsAddModal, .ui-dialog[aria-describedby=deletepaymentmethodModal] #upsBillingAddModal, .ui-dialog[aria-describedby=deletepaymentmethodModal] #validateCCModal, .ui-dialog[aria-describedby=removecartitemModal] #headerNoticeModal, .ui-dialog[aria-describedby=removecartitemModal] #globalNoticeModal, .ui-dialog[aria-describedby=removecartitemModal] #cookieNoticeModal, .ui-dialog[aria-describedby=removecartitemModal] #ascorVideoModal, .ui-dialog[aria-describedby=removecartitemModal] #licenseExampleModal, .ui-dialog[aria-describedby=removecartitemModal] #newAddressVerifyModal, .ui-dialog[aria-describedby=removecartitemModal] #deleteCCModal, .ui-dialog[aria-describedby=removecartitemModal] #deleteShippingAddressModal, .ui-dialog[aria-describedby=removecartitemModal] #paymentmethodModal, .ui-dialog[aria-describedby=removecartitemModal] #deletepaymentmethodModal, .ui-dialog[aria-describedby=removecartitemModal] #removecartitemModal, .ui-dialog[aria-describedby=removecartitemModal] #upsAddModal, .ui-dialog[aria-describedby=removecartitemModal] #upsBillingAddModal, .ui-dialog[aria-describedby=removecartitemModal] #validateCCModal, .ui-dialog[aria-describedby=upsAddModal] #headerNoticeModal, .ui-dialog[aria-describedby=upsAddModal] #globalNoticeModal, .ui-dialog[aria-describedby=upsAddModal] #cookieNoticeModal, .ui-dialog[aria-describedby=upsAddModal] #ascorVideoModal, .ui-dialog[aria-describedby=upsAddModal] #licenseExampleModal, .ui-dialog[aria-describedby=upsAddModal] #newAddressVerifyModal, .ui-dialog[aria-describedby=upsAddModal] #deleteCCModal, .ui-dialog[aria-describedby=upsAddModal] #deleteShippingAddressModal, .ui-dialog[aria-describedby=upsAddModal] #paymentmethodModal, .ui-dialog[aria-describedby=upsAddModal] #deletepaymentmethodModal, .ui-dialog[aria-describedby=upsAddModal] #removecartitemModal, .ui-dialog[aria-describedby=upsAddModal] #upsAddModal, .ui-dialog[aria-describedby=upsAddModal] #upsBillingAddModal, .ui-dialog[aria-describedby=upsAddModal] #validateCCModal, .ui-dialog[aria-describedby=upsBillingAddModal] #headerNoticeModal, .ui-dialog[aria-describedby=upsBillingAddModal] #globalNoticeModal, .ui-dialog[aria-describedby=upsBillingAddModal] #cookieNoticeModal, .ui-dialog[aria-describedby=upsBillingAddModal] #ascorVideoModal, .ui-dialog[aria-describedby=upsBillingAddModal] #licenseExampleModal, .ui-dialog[aria-describedby=upsBillingAddModal] #newAddressVerifyModal, .ui-dialog[aria-describedby=upsBillingAddModal] #deleteCCModal, .ui-dialog[aria-describedby=upsBillingAddModal] #deleteShippingAddressModal, .ui-dialog[aria-describedby=upsBillingAddModal] #paymentmethodModal, .ui-dialog[aria-describedby=upsBillingAddModal] #deletepaymentmethodModal, .ui-dialog[aria-describedby=upsBillingAddModal] #removecartitemModal, .ui-dialog[aria-describedby=upsBillingAddModal] #upsAddModal, .ui-dialog[aria-describedby=upsBillingAddModal] #upsBillingAddModal, .ui-dialog[aria-describedby=upsBillingAddModal] #validateCCModal, .ui-dialog[aria-describedby=validateCCModal] #headerNoticeModal, .ui-dialog[aria-describedby=validateCCModal] #globalNoticeModal, .ui-dialog[aria-describedby=validateCCModal] #cookieNoticeModal, .ui-dialog[aria-describedby=validateCCModal] #ascorVideoModal, .ui-dialog[aria-describedby=validateCCModal] #licenseExampleModal, .ui-dialog[aria-describedby=validateCCModal] #newAddressVerifyModal, .ui-dialog[aria-describedby=validateCCModal] #deleteCCModal, .ui-dialog[aria-describedby=validateCCModal] #deleteShippingAddressModal, .ui-dialog[aria-describedby=validateCCModal] #paymentmethodModal, .ui-dialog[aria-describedby=validateCCModal] #deletepaymentmethodModal, .ui-dialog[aria-describedby=validateCCModal] #removecartitemModal, .ui-dialog[aria-describedby=validateCCModal] #upsAddModal, .ui-dialog[aria-describedby=validateCCModal] #upsBillingAddModal, .ui-dialog[aria-describedby=validateCCModal] #validateCCModal {
position: relative;
}
.ui-dialog[aria-describedby=licenseExampleModal] #headerNoticeModal .background-icon:before, .ui-dialog[aria-describedby=licenseExampleModal] #globalNoticeModal .background-icon:before, .ui-dialog[aria-describedby=licenseExampleModal] #cookieNoticeModal .background-icon:before, .ui-dialog[aria-describedby=licenseExampleModal] #ascorVideoModal .background-icon:before, .ui-dialog[aria-describedby=licenseExampleModal] #licenseExampleModal .background-icon:before, .ui-dialog[aria-describedby=licenseExampleModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=licenseExampleModal] #deleteCCModal .background-icon:before, .ui-dialog[aria-describedby=licenseExampleModal] #deleteShippingAddressModal .background-icon:before, .ui-dialog[aria-describedby=licenseExampleModal] #paymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=licenseExampleModal] #deletepaymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=licenseExampleModal] #removecartitemModal .background-icon:before, .ui-dialog[aria-describedby=licenseExampleModal] #upsAddModal .background-icon:before, .ui-dialog[aria-describedby=licenseExampleModal] #upsBillingAddModal .background-icon:before, .ui-dialog[aria-describedby=licenseExampleModal] #validateCCModal .background-icon:before, .ui-dialog[aria-describedby=headerNoticeModal] #headerNoticeModal .background-icon:before, .ui-dialog[aria-describedby=headerNoticeModal] #globalNoticeModal .background-icon:before, .ui-dialog[aria-describedby=headerNoticeModal] #cookieNoticeModal .background-icon:before, .ui-dialog[aria-describedby=headerNoticeModal] #ascorVideoModal .background-icon:before, .ui-dialog[aria-describedby=headerNoticeModal] #licenseExampleModal .background-icon:before, .ui-dialog[aria-describedby=headerNoticeModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=headerNoticeModal] #deleteCCModal .background-icon:before, .ui-dialog[aria-describedby=headerNoticeModal] #deleteShippingAddressModal .background-icon:before, .ui-dialog[aria-describedby=headerNoticeModal] #paymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=headerNoticeModal] #deletepaymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=headerNoticeModal] #removecartitemModal .background-icon:before, .ui-dialog[aria-describedby=headerNoticeModal] #upsAddModal .background-icon:before, .ui-dialog[aria-describedby=headerNoticeModal] #upsBillingAddModal .background-icon:before, .ui-dialog[aria-describedby=headerNoticeModal] #validateCCModal .background-icon:before, .ui-dialog[aria-describedby=globalNoticeModal] #headerNoticeModal .background-icon:before, .ui-dialog[aria-describedby=globalNoticeModal] #globalNoticeModal .background-icon:before, .ui-dialog[aria-describedby=globalNoticeModal] #cookieNoticeModal .background-icon:before, .ui-dialog[aria-describedby=globalNoticeModal] #ascorVideoModal .background-icon:before, .ui-dialog[aria-describedby=globalNoticeModal] #licenseExampleModal .background-icon:before, .ui-dialog[aria-describedby=globalNoticeModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=globalNoticeModal] #deleteCCModal .background-icon:before, .ui-dialog[aria-describedby=globalNoticeModal] #deleteShippingAddressModal .background-icon:before, .ui-dialog[aria-describedby=globalNoticeModal] #paymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=globalNoticeModal] #deletepaymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=globalNoticeModal] #removecartitemModal .background-icon:before, .ui-dialog[aria-describedby=globalNoticeModal] #upsAddModal .background-icon:before, .ui-dialog[aria-describedby=globalNoticeModal] #upsBillingAddModal .background-icon:before, .ui-dialog[aria-describedby=globalNoticeModal] #validateCCModal .background-icon:before, .ui-dialog[aria-describedby=newAddressVerifyModal] #headerNoticeModal .background-icon:before, .ui-dialog[aria-describedby=newAddressVerifyModal] #globalNoticeModal .background-icon:before, .ui-dialog[aria-describedby=newAddressVerifyModal] #cookieNoticeModal .background-icon:before, .ui-dialog[aria-describedby=newAddressVerifyModal] #ascorVideoModal .background-icon:before, .ui-dialog[aria-describedby=newAddressVerifyModal] #licenseExampleModal .background-icon:before, .ui-dialog[aria-describedby=newAddressVerifyModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=newAddressVerifyModal] #deleteCCModal .background-icon:before, .ui-dialog[aria-describedby=newAddressVerifyModal] #deleteShippingAddressModal .background-icon:before, .ui-dialog[aria-describedby=newAddressVerifyModal] #paymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=newAddressVerifyModal] #deletepaymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=newAddressVerifyModal] #removecartitemModal .background-icon:before, .ui-dialog[aria-describedby=newAddressVerifyModal] #upsAddModal .background-icon:before, .ui-dialog[aria-describedby=newAddressVerifyModal] #upsBillingAddModal .background-icon:before, .ui-dialog[aria-describedby=newAddressVerifyModal] #validateCCModal .background-icon:before, .ui-dialog[aria-describedby=cookieNoticeModal] #headerNoticeModal .background-icon:before, .ui-dialog[aria-describedby=cookieNoticeModal] #globalNoticeModal .background-icon:before, .ui-dialog[aria-describedby=cookieNoticeModal] #cookieNoticeModal .background-icon:before, .ui-dialog[aria-describedby=cookieNoticeModal] #ascorVideoModal .background-icon:before, .ui-dialog[aria-describedby=cookieNoticeModal] #licenseExampleModal .background-icon:before, .ui-dialog[aria-describedby=cookieNoticeModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=cookieNoticeModal] #deleteCCModal .background-icon:before, .ui-dialog[aria-describedby=cookieNoticeModal] #deleteShippingAddressModal .background-icon:before, .ui-dialog[aria-describedby=cookieNoticeModal] #paymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=cookieNoticeModal] #deletepaymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=cookieNoticeModal] #removecartitemModal .background-icon:before, .ui-dialog[aria-describedby=cookieNoticeModal] #upsAddModal .background-icon:before, .ui-dialog[aria-describedby=cookieNoticeModal] #upsBillingAddModal .background-icon:before, .ui-dialog[aria-describedby=cookieNoticeModal] #validateCCModal .background-icon:before, .ui-dialog[aria-describedby=ascorVideoModal] #headerNoticeModal .background-icon:before, .ui-dialog[aria-describedby=ascorVideoModal] #globalNoticeModal .background-icon:before, .ui-dialog[aria-describedby=ascorVideoModal] #cookieNoticeModal .background-icon:before, .ui-dialog[aria-describedby=ascorVideoModal] #ascorVideoModal .background-icon:before, .ui-dialog[aria-describedby=ascorVideoModal] #licenseExampleModal .background-icon:before, .ui-dialog[aria-describedby=ascorVideoModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=ascorVideoModal] #deleteCCModal .background-icon:before, .ui-dialog[aria-describedby=ascorVideoModal] #deleteShippingAddressModal .background-icon:before, .ui-dialog[aria-describedby=ascorVideoModal] #paymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=ascorVideoModal] #deletepaymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=ascorVideoModal] #removecartitemModal .background-icon:before, .ui-dialog[aria-describedby=ascorVideoModal] #upsAddModal .background-icon:before, .ui-dialog[aria-describedby=ascorVideoModal] #upsBillingAddModal .background-icon:before, .ui-dialog[aria-describedby=ascorVideoModal] #validateCCModal .background-icon:before, .ui-dialog[aria-describedby=deleteCCModal] #headerNoticeModal .background-icon:before, .ui-dialog[aria-describedby=deleteCCModal] #globalNoticeModal .background-icon:before, .ui-dialog[aria-describedby=deleteCCModal] #cookieNoticeModal .background-icon:before, .ui-dialog[aria-describedby=deleteCCModal] #ascorVideoModal .background-icon:before, .ui-dialog[aria-describedby=deleteCCModal] #licenseExampleModal .background-icon:before, .ui-dialog[aria-describedby=deleteCCModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=deleteCCModal] #deleteCCModal .background-icon:before, .ui-dialog[aria-describedby=deleteCCModal] #deleteShippingAddressModal .background-icon:before, .ui-dialog[aria-describedby=deleteCCModal] #paymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=deleteCCModal] #deletepaymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=deleteCCModal] #removecartitemModal .background-icon:before, .ui-dialog[aria-describedby=deleteCCModal] #upsAddModal .background-icon:before, .ui-dialog[aria-describedby=deleteCCModal] #upsBillingAddModal .background-icon:before, .ui-dialog[aria-describedby=deleteCCModal] #validateCCModal .background-icon:before, .ui-dialog[aria-describedby=deleteShippingAddressModal] #headerNoticeModal .background-icon:before, .ui-dialog[aria-describedby=deleteShippingAddressModal] #globalNoticeModal .background-icon:before, .ui-dialog[aria-describedby=deleteShippingAddressModal] #cookieNoticeModal .background-icon:before, .ui-dialog[aria-describedby=deleteShippingAddressModal] #ascorVideoModal .background-icon:before, .ui-dialog[aria-describedby=deleteShippingAddressModal] #licenseExampleModal .background-icon:before, .ui-dialog[aria-describedby=deleteShippingAddressModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=deleteShippingAddressModal] #deleteCCModal .background-icon:before, .ui-dialog[aria-describedby=deleteShippingAddressModal] #deleteShippingAddressModal .background-icon:before, .ui-dialog[aria-describedby=deleteShippingAddressModal] #paymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=deleteShippingAddressModal] #deletepaymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=deleteShippingAddressModal] #removecartitemModal .background-icon:before, .ui-dialog[aria-describedby=deleteShippingAddressModal] #upsAddModal .background-icon:before, .ui-dialog[aria-describedby=deleteShippingAddressModal] #upsBillingAddModal .background-icon:before, .ui-dialog[aria-describedby=deleteShippingAddressModal] #validateCCModal .background-icon:before, .ui-dialog[aria-describedby=paymentmethodModal] #headerNoticeModal .background-icon:before, .ui-dialog[aria-describedby=paymentmethodModal] #globalNoticeModal .background-icon:before, .ui-dialog[aria-describedby=paymentmethodModal] #cookieNoticeModal .background-icon:before, .ui-dialog[aria-describedby=paymentmethodModal] #ascorVideoModal .background-icon:before, .ui-dialog[aria-describedby=paymentmethodModal] #licenseExampleModal .background-icon:before, .ui-dialog[aria-describedby=paymentmethodModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=paymentmethodModal] #deleteCCModal .background-icon:before, .ui-dialog[aria-describedby=paymentmethodModal] #deleteShippingAddressModal .background-icon:before, .ui-dialog[aria-describedby=paymentmethodModal] #paymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=paymentmethodModal] #deletepaymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=paymentmethodModal] #removecartitemModal .background-icon:before, .ui-dialog[aria-describedby=paymentmethodModal] #upsAddModal .background-icon:before, .ui-dialog[aria-describedby=paymentmethodModal] #upsBillingAddModal .background-icon:before, .ui-dialog[aria-describedby=paymentmethodModal] #validateCCModal .background-icon:before, .ui-dialog[aria-describedby=deletepaymentmethodModal] #headerNoticeModal .background-icon:before, .ui-dialog[aria-describedby=deletepaymentmethodModal] #globalNoticeModal .background-icon:before, .ui-dialog[aria-describedby=deletepaymentmethodModal] #cookieNoticeModal .background-icon:before, .ui-dialog[aria-describedby=deletepaymentmethodModal] #ascorVideoModal .background-icon:before, .ui-dialog[aria-describedby=deletepaymentmethodModal] #licenseExampleModal .background-icon:before, .ui-dialog[aria-describedby=deletepaymentmethodModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=deletepaymentmethodModal] #deleteCCModal .background-icon:before, .ui-dialog[aria-describedby=deletepaymentmethodModal] #deleteShippingAddressModal .background-icon:before, .ui-dialog[aria-describedby=deletepaymentmethodModal] #paymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=deletepaymentmethodModal] #deletepaymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=deletepaymentmethodModal] #removecartitemModal .background-icon:before, .ui-dialog[aria-describedby=deletepaymentmethodModal] #upsAddModal .background-icon:before, .ui-dialog[aria-describedby=deletepaymentmethodModal] #upsBillingAddModal .background-icon:before, .ui-dialog[aria-describedby=deletepaymentmethodModal] #validateCCModal .background-icon:before, .ui-dialog[aria-describedby=removecartitemModal] #headerNoticeModal .background-icon:before, .ui-dialog[aria-describedby=removecartitemModal] #globalNoticeModal .background-icon:before, .ui-dialog[aria-describedby=removecartitemModal] #cookieNoticeModal .background-icon:before, .ui-dialog[aria-describedby=removecartitemModal] #ascorVideoModal .background-icon:before, .ui-dialog[aria-describedby=removecartitemModal] #licenseExampleModal .background-icon:before, .ui-dialog[aria-describedby=removecartitemModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=removecartitemModal] #deleteCCModal .background-icon:before, .ui-dialog[aria-describedby=removecartitemModal] #deleteShippingAddressModal .background-icon:before, .ui-dialog[aria-describedby=removecartitemModal] #paymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=removecartitemModal] #deletepaymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=removecartitemModal] #removecartitemModal .background-icon:before, .ui-dialog[aria-describedby=removecartitemModal] #upsAddModal .background-icon:before, .ui-dialog[aria-describedby=removecartitemModal] #upsBillingAddModal .background-icon:before, .ui-dialog[aria-describedby=removecartitemModal] #validateCCModal .background-icon:before, .ui-dialog[aria-describedby=upsAddModal] #headerNoticeModal .background-icon:before, .ui-dialog[aria-describedby=upsAddModal] #globalNoticeModal .background-icon:before, .ui-dialog[aria-describedby=upsAddModal] #cookieNoticeModal .background-icon:before, .ui-dialog[aria-describedby=upsAddModal] #ascorVideoModal .background-icon:before, .ui-dialog[aria-describedby=upsAddModal] #licenseExampleModal .background-icon:before, .ui-dialog[aria-describedby=upsAddModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=upsAddModal] #deleteCCModal .background-icon:before, .ui-dialog[aria-describedby=upsAddModal] #deleteShippingAddressModal .background-icon:before, .ui-dialog[aria-describedby=upsAddModal] #paymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=upsAddModal] #deletepaymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=upsAddModal] #removecartitemModal .background-icon:before, .ui-dialog[aria-describedby=upsAddModal] #upsAddModal .background-icon:before, .ui-dialog[aria-describedby=upsAddModal] #upsBillingAddModal .background-icon:before, .ui-dialog[aria-describedby=upsAddModal] #validateCCModal .background-icon:before, .ui-dialog[aria-describedby=upsBillingAddModal] #headerNoticeModal .background-icon:before, .ui-dialog[aria-describedby=upsBillingAddModal] #globalNoticeModal .background-icon:before, .ui-dialog[aria-describedby=upsBillingAddModal] #cookieNoticeModal .background-icon:before, .ui-dialog[aria-describedby=upsBillingAddModal] #ascorVideoModal .background-icon:before, .ui-dialog[aria-describedby=upsBillingAddModal] #licenseExampleModal .background-icon:before, .ui-dialog[aria-describedby=upsBillingAddModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=upsBillingAddModal] #deleteCCModal .background-icon:before, .ui-dialog[aria-describedby=upsBillingAddModal] #deleteShippingAddressModal .background-icon:before, .ui-dialog[aria-describedby=upsBillingAddModal] #paymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=upsBillingAddModal] #deletepaymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=upsBillingAddModal] #removecartitemModal .background-icon:before, .ui-dialog[aria-describedby=upsBillingAddModal] #upsAddModal .background-icon:before, .ui-dialog[aria-describedby=upsBillingAddModal] #upsBillingAddModal .background-icon:before, .ui-dialog[aria-describedby=upsBillingAddModal] #validateCCModal .background-icon:before, .ui-dialog[aria-describedby=validateCCModal] #headerNoticeModal .background-icon:before, .ui-dialog[aria-describedby=validateCCModal] #globalNoticeModal .background-icon:before, .ui-dialog[aria-describedby=validateCCModal] #cookieNoticeModal .background-icon:before, .ui-dialog[aria-describedby=validateCCModal] #ascorVideoModal .background-icon:before, .ui-dialog[aria-describedby=validateCCModal] #licenseExampleModal .background-icon:before, .ui-dialog[aria-describedby=validateCCModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=validateCCModal] #deleteCCModal .background-icon:before, .ui-dialog[aria-describedby=validateCCModal] #deleteShippingAddressModal .background-icon:before, .ui-dialog[aria-describedby=validateCCModal] #paymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=validateCCModal] #deletepaymentmethodModal .background-icon:before, .ui-dialog[aria-describedby=validateCCModal] #removecartitemModal .background-icon:before, .ui-dialog[aria-describedby=validateCCModal] #upsAddModal .background-icon:before, .ui-dialog[aria-describedby=validateCCModal] #upsBillingAddModal .background-icon:before, .ui-dialog[aria-describedby=validateCCModal] #validateCCModal .background-icon:before {
position: absolute;
top: -90px;
margin-left: -65px;
width: 130px;
height: 126px;
z-index: 0;
border: 6px solid #f8f8f8;
background-color: #0588d3;
border-radius: 50%;
padding: 14px 20px 20px;
font-family: FontAwesome;
font-size: 64px;
content: "\f071";
color: #ffffff;
}
.ui-dialog[aria-describedby=licenseExampleModal] #headerNoticeModal > div, .ui-dialog[aria-describedby=licenseExampleModal] #globalNoticeModal > div, .ui-dialog[aria-describedby=licenseExampleModal] #cookieNoticeModal > div, .ui-dialog[aria-describedby=licenseExampleModal] #ascorVideoModal > div, .ui-dialog[aria-describedby=licenseExampleModal] #licenseExampleModal > div, .ui-dialog[aria-describedby=licenseExampleModal] #newAddressVerifyModal > div, .ui-dialog[aria-describedby=licenseExampleModal] #deleteCCModal > div, .ui-dialog[aria-describedby=licenseExampleModal] #deleteShippingAddressModal > div, .ui-dialog[aria-describedby=licenseExampleModal] #paymentmethodModal > div, .ui-dialog[aria-describedby=licenseExampleModal] #deletepaymentmethodModal > div, .ui-dialog[aria-describedby=licenseExampleModal] #removecartitemModal > div, .ui-dialog[aria-describedby=licenseExampleModal] #upsAddModal > div, .ui-dialog[aria-describedby=licenseExampleModal] #upsBillingAddModal > div, .ui-dialog[aria-describedby=licenseExampleModal] #validateCCModal > div, .ui-dialog[aria-describedby=headerNoticeModal] #headerNoticeModal > div, .ui-dialog[aria-describedby=headerNoticeModal] #globalNoticeModal > div, .ui-dialog[aria-describedby=headerNoticeModal] #cookieNoticeModal > div, .ui-dialog[aria-describedby=headerNoticeModal] #ascorVideoModal > div, .ui-dialog[aria-describedby=headerNoticeModal] #licenseExampleModal > div, .ui-dialog[aria-describedby=headerNoticeModal] #newAddressVerifyModal > div, .ui-dialog[aria-describedby=headerNoticeModal] #deleteCCModal > div, .ui-dialog[aria-describedby=headerNoticeModal] #deleteShippingAddressModal > div, .ui-dialog[aria-describedby=headerNoticeModal] #paymentmethodModal > div, .ui-dialog[aria-describedby=headerNoticeModal] #deletepaymentmethodModal > div, .ui-dialog[aria-describedby=headerNoticeModal] #removecartitemModal > div, .ui-dialog[aria-describedby=headerNoticeModal] #upsAddModal > div, .ui-dialog[aria-describedby=headerNoticeModal] #upsBillingAddModal > div, .ui-dialog[aria-describedby=headerNoticeModal] #validateCCModal > div, .ui-dialog[aria-describedby=globalNoticeModal] #headerNoticeModal > div, .ui-dialog[aria-describedby=globalNoticeModal] #globalNoticeModal > div, .ui-dialog[aria-describedby=globalNoticeModal] #cookieNoticeModal > div, .ui-dialog[aria-describedby=globalNoticeModal] #ascorVideoModal > div, .ui-dialog[aria-describedby=globalNoticeModal] #licenseExampleModal > div, .ui-dialog[aria-describedby=globalNoticeModal] #newAddressVerifyModal > div, .ui-dialog[aria-describedby=globalNoticeModal] #deleteCCModal > div, .ui-dialog[aria-describedby=globalNoticeModal] #deleteShippingAddressModal > div, .ui-dialog[aria-describedby=globalNoticeModal] #paymentmethodModal > div, .ui-dialog[aria-describedby=globalNoticeModal] #deletepaymentmethodModal > div, .ui-dialog[aria-describedby=globalNoticeModal] #removecartitemModal > div, .ui-dialog[aria-describedby=globalNoticeModal] #upsAddModal > div, .ui-dialog[aria-describedby=globalNoticeModal] #upsBillingAddModal > div, .ui-dialog[aria-describedby=globalNoticeModal] #validateCCModal > div, .ui-dialog[aria-describedby=newAddressVerifyModal] #headerNoticeModal > div, .ui-dialog[aria-describedby=newAddressVerifyModal] #globalNoticeModal > div, .ui-dialog[aria-describedby=newAddressVerifyModal] #cookieNoticeModal > div, .ui-dialog[aria-describedby=newAddressVerifyModal] #ascorVideoModal > div, .ui-dialog[aria-describedby=newAddressVerifyModal] #licenseExampleModal > div, .ui-dialog[aria-describedby=newAddressVerifyModal] #newAddressVerifyModal > div, .ui-dialog[aria-describedby=newAddressVerifyModal] #deleteCCModal > div, .ui-dialog[aria-describedby=newAddressVerifyModal] #deleteShippingAddressModal > div, .ui-dialog[aria-describedby=newAddressVerifyModal] #paymentmethodModal > div, .ui-dialog[aria-describedby=newAddressVerifyModal] #deletepaymentmethodModal > div, .ui-dialog[aria-describedby=newAddressVerifyModal] #removecartitemModal > div, .ui-dialog[aria-describedby=newAddressVerifyModal] #upsAddModal > div, .ui-dialog[aria-describedby=newAddressVerifyModal] #upsBillingAddModal > div, .ui-dialog[aria-describedby=newAddressVerifyModal] #validateCCModal > div, .ui-dialog[aria-describedby=cookieNoticeModal] #headerNoticeModal > div, .ui-dialog[aria-describedby=cookieNoticeModal] #globalNoticeModal > div, .ui-dialog[aria-describedby=cookieNoticeModal] #cookieNoticeModal > div, .ui-dialog[aria-describedby=cookieNoticeModal] #ascorVideoModal > div, .ui-dialog[aria-describedby=cookieNoticeModal] #licenseExampleModal > div, .ui-dialog[aria-describedby=cookieNoticeModal] #newAddressVerifyModal > div, .ui-dialog[aria-describedby=cookieNoticeModal] #deleteCCModal > div, .ui-dialog[aria-describedby=cookieNoticeModal] #deleteShippingAddressModal > div, .ui-dialog[aria-describedby=cookieNoticeModal] #paymentmethodModal > div, .ui-dialog[aria-describedby=cookieNoticeModal] #deletepaymentmethodModal > div, .ui-dialog[aria-describedby=cookieNoticeModal] #removecartitemModal > div, .ui-dialog[aria-describedby=cookieNoticeModal] #upsAddModal > div, .ui-dialog[aria-describedby=cookieNoticeModal] #upsBillingAddModal > div, .ui-dialog[aria-describedby=cookieNoticeModal] #validateCCModal > div, .ui-dialog[aria-describedby=ascorVideoModal] #headerNoticeModal > div, .ui-dialog[aria-describedby=ascorVideoModal] #globalNoticeModal > div, .ui-dialog[aria-describedby=ascorVideoModal] #cookieNoticeModal > div, .ui-dialog[aria-describedby=ascorVideoModal] #ascorVideoModal > div, .ui-dialog[aria-describedby=ascorVideoModal] #licenseExampleModal > div, .ui-dialog[aria-describedby=ascorVideoModal] #newAddressVerifyModal > div, .ui-dialog[aria-describedby=ascorVideoModal] #deleteCCModal > div, .ui-dialog[aria-describedby=ascorVideoModal] #deleteShippingAddressModal > div, .ui-dialog[aria-describedby=ascorVideoModal] #paymentmethodModal > div, .ui-dialog[aria-describedby=ascorVideoModal] #deletepaymentmethodModal > div, .ui-dialog[aria-describedby=ascorVideoModal] #removecartitemModal > div, .ui-dialog[aria-describedby=ascorVideoModal] #upsAddModal > div, .ui-dialog[aria-describedby=ascorVideoModal] #upsBillingAddModal > div, .ui-dialog[aria-describedby=ascorVideoModal] #validateCCModal > div, .ui-dialog[aria-describedby=deleteCCModal] #headerNoticeModal > div, .ui-dialog[aria-describedby=deleteCCModal] #globalNoticeModal > div, .ui-dialog[aria-describedby=deleteCCModal] #cookieNoticeModal > div, .ui-dialog[aria-describedby=deleteCCModal] #ascorVideoModal > div, .ui-dialog[aria-describedby=deleteCCModal] #licenseExampleModal > div, .ui-dialog[aria-describedby=deleteCCModal] #newAddressVerifyModal > div, .ui-dialog[aria-describedby=deleteCCModal] #deleteCCModal > div, .ui-dialog[aria-describedby=deleteCCModal] #deleteShippingAddressModal > div, .ui-dialog[aria-describedby=deleteCCModal] #paymentmethodModal > div, .ui-dialog[aria-describedby=deleteCCModal] #deletepaymentmethodModal > div, .ui-dialog[aria-describedby=deleteCCModal] #removecartitemModal > div, .ui-dialog[aria-describedby=deleteCCModal] #upsAddModal > div, .ui-dialog[aria-describedby=deleteCCModal] #upsBillingAddModal > div, .ui-dialog[aria-describedby=deleteCCModal] #validateCCModal > div, .ui-dialog[aria-describedby=deleteShippingAddressModal] #headerNoticeModal > div, .ui-dialog[aria-describedby=deleteShippingAddressModal] #globalNoticeModal > div, .ui-dialog[aria-describedby=deleteShippingAddressModal] #cookieNoticeModal > div, .ui-dialog[aria-describedby=deleteShippingAddressModal] #ascorVideoModal > div, .ui-dialog[aria-describedby=deleteShippingAddressModal] #licenseExampleModal > div, .ui-dialog[aria-describedby=deleteShippingAddressModal] #newAddressVerifyModal > div, .ui-dialog[aria-describedby=deleteShippingAddressModal] #deleteCCModal > div, .ui-dialog[aria-describedby=deleteShippingAddressModal] #deleteShippingAddressModal > div, .ui-dialog[aria-describedby=deleteShippingAddressModal] #paymentmethodModal > div, .ui-dialog[aria-describedby=deleteShippingAddressModal] #deletepaymentmethodModal > div, .ui-dialog[aria-describedby=deleteShippingAddressModal] #removecartitemModal > div, .ui-dialog[aria-describedby=deleteShippingAddressModal] #upsAddModal > div, .ui-dialog[aria-describedby=deleteShippingAddressModal] #upsBillingAddModal > div, .ui-dialog[aria-describedby=deleteShippingAddressModal] #validateCCModal > div, .ui-dialog[aria-describedby=paymentmethodModal] #headerNoticeModal > div, .ui-dialog[aria-describedby=paymentmethodModal] #globalNoticeModal > div, .ui-dialog[aria-describedby=paymentmethodModal] #cookieNoticeModal > div, .ui-dialog[aria-describedby=paymentmethodModal] #ascorVideoModal > div, .ui-dialog[aria-describedby=paymentmethodModal] #licenseExampleModal > div, .ui-dialog[aria-describedby=paymentmethodModal] #newAddressVerifyModal > div, .ui-dialog[aria-describedby=paymentmethodModal] #deleteCCModal > div, .ui-dialog[aria-describedby=paymentmethodModal] #deleteShippingAddressModal > div, .ui-dialog[aria-describedby=paymentmethodModal] #paymentmethodModal > div, .ui-dialog[aria-describedby=paymentmethodModal] #deletepaymentmethodModal > div, .ui-dialog[aria-describedby=paymentmethodModal] #removecartitemModal > div, .ui-dialog[aria-describedby=paymentmethodModal] #upsAddModal > div, .ui-dialog[aria-describedby=paymentmethodModal] #upsBillingAddModal > div, .ui-dialog[aria-describedby=paymentmethodModal] #validateCCModal > div, .ui-dialog[aria-describedby=deletepaymentmethodModal] #headerNoticeModal > div, .ui-dialog[aria-describedby=deletepaymentmethodModal] #globalNoticeModal > div, .ui-dialog[aria-describedby=deletepaymentmethodModal] #cookieNoticeModal > div, .ui-dialog[aria-describedby=deletepaymentmethodModal] #ascorVideoModal > div, .ui-dialog[aria-describedby=deletepaymentmethodModal] #licenseExampleModal > div, .ui-dialog[aria-describedby=deletepaymentmethodModal] #newAddressVerifyModal > div, .ui-dialog[aria-describedby=deletepaymentmethodModal] #deleteCCModal > div, .ui-dialog[aria-describedby=deletepaymentmethodModal] #deleteShippingAddressModal > div, .ui-dialog[aria-describedby=deletepaymentmethodModal] #paymentmethodModal > div, .ui-dialog[aria-describedby=deletepaymentmethodModal] #deletepaymentmethodModal > div, .ui-dialog[aria-describedby=deletepaymentmethodModal] #removecartitemModal > div, .ui-dialog[aria-describedby=deletepaymentmethodModal] #upsAddModal > div, .ui-dialog[aria-describedby=deletepaymentmethodModal] #upsBillingAddModal > div, .ui-dialog[aria-describedby=deletepaymentmethodModal] #validateCCModal > div, .ui-dialog[aria-describedby=removecartitemModal] #headerNoticeModal > div, .ui-dialog[aria-describedby=removecartitemModal] #globalNoticeModal > div, .ui-dialog[aria-describedby=removecartitemModal] #cookieNoticeModal > div, .ui-dialog[aria-describedby=removecartitemModal] #ascorVideoModal > div, .ui-dialog[aria-describedby=removecartitemModal] #licenseExampleModal > div, .ui-dialog[aria-describedby=removecartitemModal] #newAddressVerifyModal > div, .ui-dialog[aria-describedby=removecartitemModal] #deleteCCModal > div, .ui-dialog[aria-describedby=removecartitemModal] #deleteShippingAddressModal > div, .ui-dialog[aria-describedby=removecartitemModal] #paymentmethodModal > div, .ui-dialog[aria-describedby=removecartitemModal] #deletepaymentmethodModal > div, .ui-dialog[aria-describedby=removecartitemModal] #removecartitemModal > div, .ui-dialog[aria-describedby=removecartitemModal] #upsAddModal > div, .ui-dialog[aria-describedby=removecartitemModal] #upsBillingAddModal > div, .ui-dialog[aria-describedby=removecartitemModal] #validateCCModal > div, .ui-dialog[aria-describedby=upsAddModal] #headerNoticeModal > div, .ui-dialog[aria-describedby=upsAddModal] #globalNoticeModal > div, .ui-dialog[aria-describedby=upsAddModal] #cookieNoticeModal > div, .ui-dialog[aria-describedby=upsAddModal] #ascorVideoModal > div, .ui-dialog[aria-describedby=upsAddModal] #licenseExampleModal > div, .ui-dialog[aria-describedby=upsAddModal] #newAddressVerifyModal > div, .ui-dialog[aria-describedby=upsAddModal] #deleteCCModal > div, .ui-dialog[aria-describedby=upsAddModal] #deleteShippingAddressModal > div, .ui-dialog[aria-describedby=upsAddModal] #paymentmethodModal > div, .ui-dialog[aria-describedby=upsAddModal] #deletepaymentmethodModal > div, .ui-dialog[aria-describedby=upsAddModal] #removecartitemModal > div, .ui-dialog[aria-describedby=upsAddModal] #upsAddModal > div, .ui-dialog[aria-describedby=upsAddModal] #upsBillingAddModal > div, .ui-dialog[aria-describedby=upsAddModal] #validateCCModal > div, .ui-dialog[aria-describedby=upsBillingAddModal] #headerNoticeModal > div, .ui-dialog[aria-describedby=upsBillingAddModal] #globalNoticeModal > div, .ui-dialog[aria-describedby=upsBillingAddModal] #cookieNoticeModal > div, .ui-dialog[aria-describedby=upsBillingAddModal] #ascorVideoModal > div, .ui-dialog[aria-describedby=upsBillingAddModal] #licenseExampleModal > div, .ui-dialog[aria-describedby=upsBillingAddModal] #newAddressVerifyModal > div, .ui-dialog[aria-describedby=upsBillingAddModal] #deleteCCModal > div, .ui-dialog[aria-describedby=upsBillingAddModal] #deleteShippingAddressModal > div, .ui-dialog[aria-describedby=upsBillingAddModal] #paymentmethodModal > div, .ui-dialog[aria-describedby=upsBillingAddModal] #deletepaymentmethodModal > div, .ui-dialog[aria-describedby=upsBillingAddModal] #removecartitemModal > div, .ui-dialog[aria-describedby=upsBillingAddModal] #upsAddModal > div, .ui-dialog[aria-describedby=upsBillingAddModal] #upsBillingAddModal > div, .ui-dialog[aria-describedby=upsBillingAddModal] #validateCCModal > div, .ui-dialog[aria-describedby=validateCCModal] #headerNoticeModal > div, .ui-dialog[aria-describedby=validateCCModal] #globalNoticeModal > div, .ui-dialog[aria-describedby=validateCCModal] #cookieNoticeModal > div, .ui-dialog[aria-describedby=validateCCModal] #ascorVideoModal > div, .ui-dialog[aria-describedby=validateCCModal] #licenseExampleModal > div, .ui-dialog[aria-describedby=validateCCModal] #newAddressVerifyModal > div, .ui-dialog[aria-describedby=validateCCModal] #deleteCCModal > div, .ui-dialog[aria-describedby=validateCCModal] #deleteShippingAddressModal > div, .ui-dialog[aria-describedby=validateCCModal] #paymentmethodModal > div, .ui-dialog[aria-describedby=validateCCModal] #deletepaymentmethodModal > div, .ui-dialog[aria-describedby=validateCCModal] #removecartitemModal > div, .ui-dialog[aria-describedby=validateCCModal] #upsAddModal > div, .ui-dialog[aria-describedby=validateCCModal] #upsBillingAddModal > div, .ui-dialog[aria-describedby=validateCCModal] #validateCCModal > div {
z-index: 20;
position: relative;
}
.ui-dialog[aria-describedby=licenseExampleModal] #headerNoticeModal > div .fa, .ui-dialog[aria-describedby=licenseExampleModal] #globalNoticeModal > div .fa, .ui-dialog[aria-describedby=licenseExampleModal] #cookieNoticeModal > div .fa, .ui-dialog[aria-describedby=licenseExampleModal] #ascorVideoModal > div .fa, .ui-dialog[aria-describedby=licenseExampleModal] #licenseExampleModal > div .fa, .ui-dialog[aria-describedby=licenseExampleModal] #newAddressVerifyModal > div .fa, .ui-dialog[aria-describedby=licenseExampleModal] #deleteCCModal > div .fa, .ui-dialog[aria-describedby=licenseExampleModal] #deleteShippingAddressModal > div .fa, .ui-dialog[aria-describedby=licenseExampleModal] #paymentmethodModal > div .fa, .ui-dialog[aria-describedby=licenseExampleModal] #deletepaymentmethodModal > div .fa, .ui-dialog[aria-describedby=licenseExampleModal] #removecartitemModal > div .fa, .ui-dialog[aria-describedby=licenseExampleModal] #upsAddModal > div .fa, .ui-dialog[aria-describedby=licenseExampleModal] #upsBillingAddModal > div .fa, .ui-dialog[aria-describedby=licenseExampleModal] #validateCCModal > div .fa, .ui-dialog[aria-describedby=headerNoticeModal] #headerNoticeModal > div .fa, .ui-dialog[aria-describedby=headerNoticeModal] #globalNoticeModal > div .fa, .ui-dialog[aria-describedby=headerNoticeModal] #cookieNoticeModal > div .fa, .ui-dialog[aria-describedby=headerNoticeModal] #ascorVideoModal > div .fa, .ui-dialog[aria-describedby=headerNoticeModal] #licenseExampleModal > div .fa, .ui-dialog[aria-describedby=headerNoticeModal] #newAddressVerifyModal > div .fa, .ui-dialog[aria-describedby=headerNoticeModal] #deleteCCModal > div .fa, .ui-dialog[aria-describedby=headerNoticeModal] #deleteShippingAddressModal > div .fa, .ui-dialog[aria-describedby=headerNoticeModal] #paymentmethodModal > div .fa, .ui-dialog[aria-describedby=headerNoticeModal] #deletepaymentmethodModal > div .fa, .ui-dialog[aria-describedby=headerNoticeModal] #removecartitemModal > div .fa, .ui-dialog[aria-describedby=headerNoticeModal] #upsAddModal > div .fa, .ui-dialog[aria-describedby=headerNoticeModal] #upsBillingAddModal > div .fa, .ui-dialog[aria-describedby=headerNoticeModal] #validateCCModal > div .fa, .ui-dialog[aria-describedby=globalNoticeModal] #headerNoticeModal > div .fa, .ui-dialog[aria-describedby=globalNoticeModal] #globalNoticeModal > div .fa, .ui-dialog[aria-describedby=globalNoticeModal] #cookieNoticeModal > div .fa, .ui-dialog[aria-describedby=globalNoticeModal] #ascorVideoModal > div .fa, .ui-dialog[aria-describedby=globalNoticeModal] #licenseExampleModal > div .fa, .ui-dialog[aria-describedby=globalNoticeModal] #newAddressVerifyModal > div .fa, .ui-dialog[aria-describedby=globalNoticeModal] #deleteCCModal > div .fa, .ui-dialog[aria-describedby=globalNoticeModal] #deleteShippingAddressModal > div .fa, .ui-dialog[aria-describedby=globalNoticeModal] #paymentmethodModal > div .fa, .ui-dialog[aria-describedby=globalNoticeModal] #deletepaymentmethodModal > div .fa, .ui-dialog[aria-describedby=globalNoticeModal] #removecartitemModal > div .fa, .ui-dialog[aria-describedby=globalNoticeModal] #upsAddModal > div .fa, .ui-dialog[aria-describedby=globalNoticeModal] #upsBillingAddModal > div .fa, .ui-dialog[aria-describedby=globalNoticeModal] #validateCCModal > div .fa, .ui-dialog[aria-describedby=newAddressVerifyModal] #headerNoticeModal > div .fa, .ui-dialog[aria-describedby=newAddressVerifyModal] #globalNoticeModal > div .fa, .ui-dialog[aria-describedby=newAddressVerifyModal] #cookieNoticeModal > div .fa, .ui-dialog[aria-describedby=newAddressVerifyModal] #ascorVideoModal > div .fa, .ui-dialog[aria-describedby=newAddressVerifyModal] #licenseExampleModal > div .fa, .ui-dialog[aria-describedby=newAddressVerifyModal] #newAddressVerifyModal > div .fa, .ui-dialog[aria-describedby=newAddressVerifyModal] #deleteCCModal > div .fa, .ui-dialog[aria-describedby=newAddressVerifyModal] #deleteShippingAddressModal > div .fa, .ui-dialog[aria-describedby=newAddressVerifyModal] #paymentmethodModal > div .fa, .ui-dialog[aria-describedby=newAddressVerifyModal] #deletepaymentmethodModal > div .fa, .ui-dialog[aria-describedby=newAddressVerifyModal] #removecartitemModal > div .fa, .ui-dialog[aria-describedby=newAddressVerifyModal] #upsAddModal > div .fa, .ui-dialog[aria-describedby=newAddressVerifyModal] #upsBillingAddModal > div .fa, .ui-dialog[aria-describedby=newAddressVerifyModal] #validateCCModal > div .fa, .ui-dialog[aria-describedby=cookieNoticeModal] #headerNoticeModal > div .fa, .ui-dialog[aria-describedby=cookieNoticeModal] #globalNoticeModal > div .fa, .ui-dialog[aria-describedby=cookieNoticeModal] #cookieNoticeModal > div .fa, .ui-dialog[aria-describedby=cookieNoticeModal] #ascorVideoModal > div .fa, .ui-dialog[aria-describedby=cookieNoticeModal] #licenseExampleModal > div .fa, .ui-dialog[aria-describedby=cookieNoticeModal] #newAddressVerifyModal > div .fa, .ui-dialog[aria-describedby=cookieNoticeModal] #deleteCCModal > div .fa, .ui-dialog[aria-describedby=cookieNoticeModal] #deleteShippingAddressModal > div .fa, .ui-dialog[aria-describedby=cookieNoticeModal] #paymentmethodModal > div .fa, .ui-dialog[aria-describedby=cookieNoticeModal] #deletepaymentmethodModal > div .fa, .ui-dialog[aria-describedby=cookieNoticeModal] #removecartitemModal > div .fa, .ui-dialog[aria-describedby=cookieNoticeModal] #upsAddModal > div .fa, .ui-dialog[aria-describedby=cookieNoticeModal] #upsBillingAddModal > div .fa, .ui-dialog[aria-describedby=cookieNoticeModal] #validateCCModal > div .fa, .ui-dialog[aria-describedby=ascorVideoModal] #headerNoticeModal > div .fa, .ui-dialog[aria-describedby=ascorVideoModal] #globalNoticeModal > div .fa, .ui-dialog[aria-describedby=ascorVideoModal] #cookieNoticeModal > div .fa, .ui-dialog[aria-describedby=ascorVideoModal] #ascorVideoModal > div .fa, .ui-dialog[aria-describedby=ascorVideoModal] #licenseExampleModal > div .fa, .ui-dialog[aria-describedby=ascorVideoModal] #newAddressVerifyModal > div .fa, .ui-dialog[aria-describedby=ascorVideoModal] #deleteCCModal > div .fa, .ui-dialog[aria-describedby=ascorVideoModal] #deleteShippingAddressModal > div .fa, .ui-dialog[aria-describedby=ascorVideoModal] #paymentmethodModal > div .fa, .ui-dialog[aria-describedby=ascorVideoModal] #deletepaymentmethodModal > div .fa, .ui-dialog[aria-describedby=ascorVideoModal] #removecartitemModal > div .fa, .ui-dialog[aria-describedby=ascorVideoModal] #upsAddModal > div .fa, .ui-dialog[aria-describedby=ascorVideoModal] #upsBillingAddModal > div .fa, .ui-dialog[aria-describedby=ascorVideoModal] #validateCCModal > div .fa, .ui-dialog[aria-describedby=deleteCCModal] #headerNoticeModal > div .fa, .ui-dialog[aria-describedby=deleteCCModal] #globalNoticeModal > div .fa, .ui-dialog[aria-describedby=deleteCCModal] #cookieNoticeModal > div .fa, .ui-dialog[aria-describedby=deleteCCModal] #ascorVideoModal > div .fa, .ui-dialog[aria-describedby=deleteCCModal] #licenseExampleModal > div .fa, .ui-dialog[aria-describedby=deleteCCModal] #newAddressVerifyModal > div .fa, .ui-dialog[aria-describedby=deleteCCModal] #deleteCCModal > div .fa, .ui-dialog[aria-describedby=deleteCCModal] #deleteShippingAddressModal > div .fa, .ui-dialog[aria-describedby=deleteCCModal] #paymentmethodModal > div .fa, .ui-dialog[aria-describedby=deleteCCModal] #deletepaymentmethodModal > div .fa, .ui-dialog[aria-describedby=deleteCCModal] #removecartitemModal > div .fa, .ui-dialog[aria-describedby=deleteCCModal] #upsAddModal > div .fa, .ui-dialog[aria-describedby=deleteCCModal] #upsBillingAddModal > div .fa, .ui-dialog[aria-describedby=deleteCCModal] #validateCCModal > div .fa, .ui-dialog[aria-describedby=deleteShippingAddressModal] #headerNoticeModal > div .fa, .ui-dialog[aria-describedby=deleteShippingAddressModal] #globalNoticeModal > div .fa, .ui-dialog[aria-describedby=deleteShippingAddressModal] #cookieNoticeModal > div .fa, .ui-dialog[aria-describedby=deleteShippingAddressModal] #ascorVideoModal > div .fa, .ui-dialog[aria-describedby=deleteShippingAddressModal] #licenseExampleModal > div .fa, .ui-dialog[aria-describedby=deleteShippingAddressModal] #newAddressVerifyModal > div .fa, .ui-dialog[aria-describedby=deleteShippingAddressModal] #deleteCCModal > div .fa, .ui-dialog[aria-describedby=deleteShippingAddressModal] #deleteShippingAddressModal > div .fa, .ui-dialog[aria-describedby=deleteShippingAddressModal] #paymentmethodModal > div .fa, .ui-dialog[aria-describedby=deleteShippingAddressModal] #deletepaymentmethodModal > div .fa, .ui-dialog[aria-describedby=deleteShippingAddressModal] #removecartitemModal > div .fa, .ui-dialog[aria-describedby=deleteShippingAddressModal] #upsAddModal > div .fa, .ui-dialog[aria-describedby=deleteShippingAddressModal] #upsBillingAddModal > div .fa, .ui-dialog[aria-describedby=deleteShippingAddressModal] #validateCCModal > div .fa, .ui-dialog[aria-describedby=paymentmethodModal] #headerNoticeModal > div .fa, .ui-dialog[aria-describedby=paymentmethodModal] #globalNoticeModal > div .fa, .ui-dialog[aria-describedby=paymentmethodModal] #cookieNoticeModal > div .fa, .ui-dialog[aria-describedby=paymentmethodModal] #ascorVideoModal > div .fa, .ui-dialog[aria-describedby=paymentmethodModal] #licenseExampleModal > div .fa, .ui-dialog[aria-describedby=paymentmethodModal] #newAddressVerifyModal > div .fa, .ui-dialog[aria-describedby=paymentmethodModal] #deleteCCModal > div .fa, .ui-dialog[aria-describedby=paymentmethodModal] #deleteShippingAddressModal > div .fa, .ui-dialog[aria-describedby=paymentmethodModal] #paymentmethodModal > div .fa, .ui-dialog[aria-describedby=paymentmethodModal] #deletepaymentmethodModal > div .fa, .ui-dialog[aria-describedby=paymentmethodModal] #removecartitemModal > div .fa, .ui-dialog[aria-describedby=paymentmethodModal] #upsAddModal > div .fa, .ui-dialog[aria-describedby=paymentmethodModal] #upsBillingAddModal > div .fa, .ui-dialog[aria-describedby=paymentmethodModal] #validateCCModal > div .fa, .ui-dialog[aria-describedby=deletepaymentmethodModal] #headerNoticeModal > div .fa, .ui-dialog[aria-describedby=deletepaymentmethodModal] #globalNoticeModal > div .fa, .ui-dialog[aria-describedby=deletepaymentmethodModal] #cookieNoticeModal > div .fa, .ui-dialog[aria-describedby=deletepaymentmethodModal] #ascorVideoModal > div .fa, .ui-dialog[aria-describedby=deletepaymentmethodModal] #licenseExampleModal > div .fa, .ui-dialog[aria-describedby=deletepaymentmethodModal] #newAddressVerifyModal > div .fa, .ui-dialog[aria-describedby=deletepaymentmethodModal] #deleteCCModal > div .fa, .ui-dialog[aria-describedby=deletepaymentmethodModal] #deleteShippingAddressModal > div .fa, .ui-dialog[aria-describedby=deletepaymentmethodModal] #paymentmethodModal > div .fa, .ui-dialog[aria-describedby=deletepaymentmethodModal] #deletepaymentmethodModal > div .fa, .ui-dialog[aria-describedby=deletepaymentmethodModal] #removecartitemModal > div .fa, .ui-dialog[aria-describedby=deletepaymentmethodModal] #upsAddModal > div .fa, .ui-dialog[aria-describedby=deletepaymentmethodModal] #upsBillingAddModal > div .fa, .ui-dialog[aria-describedby=deletepaymentmethodModal] #validateCCModal > div .fa, .ui-dialog[aria-describedby=removecartitemModal] #headerNoticeModal > div .fa, .ui-dialog[aria-describedby=removecartitemModal] #globalNoticeModal > div .fa, .ui-dialog[aria-describedby=removecartitemModal] #cookieNoticeModal > div .fa, .ui-dialog[aria-describedby=removecartitemModal] #ascorVideoModal > div .fa, .ui-dialog[aria-describedby=removecartitemModal] #licenseExampleModal > div .fa, .ui-dialog[aria-describedby=removecartitemModal] #newAddressVerifyModal > div .fa, .ui-dialog[aria-describedby=removecartitemModal] #deleteCCModal > div .fa, .ui-dialog[aria-describedby=removecartitemModal] #deleteShippingAddressModal > div .fa, .ui-dialog[aria-describedby=removecartitemModal] #paymentmethodModal > div .fa, .ui-dialog[aria-describedby=removecartitemModal] #deletepaymentmethodModal > div .fa, .ui-dialog[aria-describedby=removecartitemModal] #removecartitemModal > div .fa, .ui-dialog[aria-describedby=removecartitemModal] #upsAddModal > div .fa, .ui-dialog[aria-describedby=removecartitemModal] #upsBillingAddModal > div .fa, .ui-dialog[aria-describedby=removecartitemModal] #validateCCModal > div .fa, .ui-dialog[aria-describedby=upsAddModal] #headerNoticeModal > div .fa, .ui-dialog[aria-describedby=upsAddModal] #globalNoticeModal > div .fa, .ui-dialog[aria-describedby=upsAddModal] #cookieNoticeModal > div .fa, .ui-dialog[aria-describedby=upsAddModal] #ascorVideoModal > div .fa, .ui-dialog[aria-describedby=upsAddModal] #licenseExampleModal > div .fa, .ui-dialog[aria-describedby=upsAddModal] #newAddressVerifyModal > div .fa, .ui-dialog[aria-describedby=upsAddModal] #deleteCCModal > div .fa, .ui-dialog[aria-describedby=upsAddModal] #deleteShippingAddressModal > div .fa, .ui-dialog[aria-describedby=upsAddModal] #paymentmethodModal > div .fa, .ui-dialog[aria-describedby=upsAddModal] #deletepaymentmethodModal > div .fa, .ui-dialog[aria-describedby=upsAddModal] #removecartitemModal > div .fa, .ui-dialog[aria-describedby=upsAddModal] #upsAddModal > div .fa, .ui-dialog[aria-describedby=upsAddModal] #upsBillingAddModal > div .fa, .ui-dialog[aria-describedby=upsAddModal] #validateCCModal > div .fa, .ui-dialog[aria-describedby=upsBillingAddModal] #headerNoticeModal > div .fa, .ui-dialog[aria-describedby=upsBillingAddModal] #globalNoticeModal > div .fa, .ui-dialog[aria-describedby=upsBillingAddModal] #cookieNoticeModal > div .fa, .ui-dialog[aria-describedby=upsBillingAddModal] #ascorVideoModal > div .fa, .ui-dialog[aria-describedby=upsBillingAddModal] #licenseExampleModal > div .fa, .ui-dialog[aria-describedby=upsBillingAddModal] #newAddressVerifyModal > div .fa, .ui-dialog[aria-describedby=upsBillingAddModal] #deleteCCModal > div .fa, .ui-dialog[aria-describedby=upsBillingAddModal] #deleteShippingAddressModal > div .fa, .ui-dialog[aria-describedby=upsBillingAddModal] #paymentmethodModal > div .fa, .ui-dialog[aria-describedby=upsBillingAddModal] #deletepaymentmethodModal > div .fa, .ui-dialog[aria-describedby=upsBillingAddModal] #removecartitemModal > div .fa, .ui-dialog[aria-describedby=upsBillingAddModal] #upsAddModal > div .fa, .ui-dialog[aria-describedby=upsBillingAddModal] #upsBillingAddModal > div .fa, .ui-dialog[aria-describedby=upsBillingAddModal] #validateCCModal > div .fa, .ui-dialog[aria-describedby=validateCCModal] #headerNoticeModal > div .fa, .ui-dialog[aria-describedby=validateCCModal] #globalNoticeModal > div .fa, .ui-dialog[aria-describedby=validateCCModal] #cookieNoticeModal > div .fa, .ui-dialog[aria-describedby=validateCCModal] #ascorVideoModal > div .fa, .ui-dialog[aria-describedby=validateCCModal] #licenseExampleModal > div .fa, .ui-dialog[aria-describedby=validateCCModal] #newAddressVerifyModal > div .fa, .ui-dialog[aria-describedby=validateCCModal] #deleteCCModal > div .fa, .ui-dialog[aria-describedby=validateCCModal] #deleteShippingAddressModal > div .fa, .ui-dialog[aria-describedby=validateCCModal] #paymentmethodModal > div .fa, .ui-dialog[aria-describedby=validateCCModal] #deletepaymentmethodModal > div .fa, .ui-dialog[aria-describedby=validateCCModal] #removecartitemModal > div .fa, .ui-dialog[aria-describedby=validateCCModal] #upsAddModal > div .fa, .ui-dialog[aria-describedby=validateCCModal] #upsBillingAddModal > div .fa, .ui-dialog[aria-describedby=validateCCModal] #validateCCModal > div .fa {
font-size: 80px;
margin-top: 0;
color: #ccc;
}
.ui-dialog[aria-describedby=licenseExampleModal] #headerNoticeModal > div h2, .ui-dialog[aria-describedby=licenseExampleModal] #globalNoticeModal > div h2, .ui-dialog[aria-describedby=licenseExampleModal] #cookieNoticeModal > div h2, .ui-dialog[aria-describedby=licenseExampleModal] #ascorVideoModal > div h2, .ui-dialog[aria-describedby=licenseExampleModal] #licenseExampleModal > div h2, .ui-dialog[aria-describedby=licenseExampleModal] #newAddressVerifyModal > div h2, .ui-dialog[aria-describedby=licenseExampleModal] #deleteCCModal > div h2, .ui-dialog[aria-describedby=licenseExampleModal] #deleteShippingAddressModal > div h2, .ui-dialog[aria-describedby=licenseExampleModal] #paymentmethodModal > div h2, .ui-dialog[aria-describedby=licenseExampleModal] #deletepaymentmethodModal > div h2, .ui-dialog[aria-describedby=licenseExampleModal] #removecartitemModal > div h2, .ui-dialog[aria-describedby=licenseExampleModal] #upsAddModal > div h2, .ui-dialog[aria-describedby=licenseExampleModal] #upsBillingAddModal > div h2, .ui-dialog[aria-describedby=licenseExampleModal] #validateCCModal > div h2, .ui-dialog[aria-describedby=headerNoticeModal] #headerNoticeModal > div h2, .ui-dialog[aria-describedby=headerNoticeModal] #globalNoticeModal > div h2, .ui-dialog[aria-describedby=headerNoticeModal] #cookieNoticeModal > div h2, .ui-dialog[aria-describedby=headerNoticeModal] #ascorVideoModal > div h2, .ui-dialog[aria-describedby=headerNoticeModal] #licenseExampleModal > div h2, .ui-dialog[aria-describedby=headerNoticeModal] #newAddressVerifyModal > div h2, .ui-dialog[aria-describedby=headerNoticeModal] #deleteCCModal > div h2, .ui-dialog[aria-describedby=headerNoticeModal] #deleteShippingAddressModal > div h2, .ui-dialog[aria-describedby=headerNoticeModal] #paymentmethodModal > div h2, .ui-dialog[aria-describedby=headerNoticeModal] #deletepaymentmethodModal > div h2, .ui-dialog[aria-describedby=headerNoticeModal] #removecartitemModal > div h2, .ui-dialog[aria-describedby=headerNoticeModal] #upsAddModal > div h2, .ui-dialog[aria-describedby=headerNoticeModal] #upsBillingAddModal > div h2, .ui-dialog[aria-describedby=headerNoticeModal] #validateCCModal > div h2, .ui-dialog[aria-describedby=globalNoticeModal] #headerNoticeModal > div h2, .ui-dialog[aria-describedby=globalNoticeModal] #globalNoticeModal > div h2, .ui-dialog[aria-describedby=globalNoticeModal] #cookieNoticeModal > div h2, .ui-dialog[aria-describedby=globalNoticeModal] #ascorVideoModal > div h2, .ui-dialog[aria-describedby=globalNoticeModal] #licenseExampleModal > div h2, .ui-dialog[aria-describedby=globalNoticeModal] #newAddressVerifyModal > div h2, .ui-dialog[aria-describedby=globalNoticeModal] #deleteCCModal > div h2, .ui-dialog[aria-describedby=globalNoticeModal] #deleteShippingAddressModal > div h2, .ui-dialog[aria-describedby=globalNoticeModal] #paymentmethodModal > div h2, .ui-dialog[aria-describedby=globalNoticeModal] #deletepaymentmethodModal > div h2, .ui-dialog[aria-describedby=globalNoticeModal] #removecartitemModal > div h2, .ui-dialog[aria-describedby=globalNoticeModal] #upsAddModal > div h2, .ui-dialog[aria-describedby=globalNoticeModal] #upsBillingAddModal > div h2, .ui-dialog[aria-describedby=globalNoticeModal] #validateCCModal > div h2, .ui-dialog[aria-describedby=newAddressVerifyModal] #headerNoticeModal > div h2, .ui-dialog[aria-describedby=newAddressVerifyModal] #globalNoticeModal > div h2, .ui-dialog[aria-describedby=newAddressVerifyModal] #cookieNoticeModal > div h2, .ui-dialog[aria-describedby=newAddressVerifyModal] #ascorVideoModal > div h2, .ui-dialog[aria-describedby=newAddressVerifyModal] #licenseExampleModal > div h2, .ui-dialog[aria-describedby=newAddressVerifyModal] #newAddressVerifyModal > div h2, .ui-dialog[aria-describedby=newAddressVerifyModal] #deleteCCModal > div h2, .ui-dialog[aria-describedby=newAddressVerifyModal] #deleteShippingAddressModal > div h2, .ui-dialog[aria-describedby=newAddressVerifyModal] #paymentmethodModal > div h2, .ui-dialog[aria-describedby=newAddressVerifyModal] #deletepaymentmethodModal > div h2, .ui-dialog[aria-describedby=newAddressVerifyModal] #removecartitemModal > div h2, .ui-dialog[aria-describedby=newAddressVerifyModal] #upsAddModal > div h2, .ui-dialog[aria-describedby=newAddressVerifyModal] #upsBillingAddModal > div h2, .ui-dialog[aria-describedby=newAddressVerifyModal] #validateCCModal > div h2, .ui-dialog[aria-describedby=cookieNoticeModal] #headerNoticeModal > div h2, .ui-dialog[aria-describedby=cookieNoticeModal] #globalNoticeModal > div h2, .ui-dialog[aria-describedby=cookieNoticeModal] #cookieNoticeModal > div h2, .ui-dialog[aria-describedby=cookieNoticeModal] #ascorVideoModal > div h2, .ui-dialog[aria-describedby=cookieNoticeModal] #licenseExampleModal > div h2, .ui-dialog[aria-describedby=cookieNoticeModal] #newAddressVerifyModal > div h2, .ui-dialog[aria-describedby=cookieNoticeModal] #deleteCCModal > div h2, .ui-dialog[aria-describedby=cookieNoticeModal] #deleteShippingAddressModal > div h2, .ui-dialog[aria-describedby=cookieNoticeModal] #paymentmethodModal > div h2, .ui-dialog[aria-describedby=cookieNoticeModal] #deletepaymentmethodModal > div h2, .ui-dialog[aria-describedby=cookieNoticeModal] #removecartitemModal > div h2, .ui-dialog[aria-describedby=cookieNoticeModal] #upsAddModal > div h2, .ui-dialog[aria-describedby=cookieNoticeModal] #upsBillingAddModal > div h2, .ui-dialog[aria-describedby=cookieNoticeModal] #validateCCModal > div h2, .ui-dialog[aria-describedby=ascorVideoModal] #headerNoticeModal > div h2, .ui-dialog[aria-describedby=ascorVideoModal] #globalNoticeModal > div h2, .ui-dialog[aria-describedby=ascorVideoModal] #cookieNoticeModal > div h2, .ui-dialog[aria-describedby=ascorVideoModal] #ascorVideoModal > div h2, .ui-dialog[aria-describedby=ascorVideoModal] #licenseExampleModal > div h2, .ui-dialog[aria-describedby=ascorVideoModal] #newAddressVerifyModal > div h2, .ui-dialog[aria-describedby=ascorVideoModal] #deleteCCModal > div h2, .ui-dialog[aria-describedby=ascorVideoModal] #deleteShippingAddressModal > div h2, .ui-dialog[aria-describedby=ascorVideoModal] #paymentmethodModal > div h2, .ui-dialog[aria-describedby=ascorVideoModal] #deletepaymentmethodModal > div h2, .ui-dialog[aria-describedby=ascorVideoModal] #removecartitemModal > div h2, .ui-dialog[aria-describedby=ascorVideoModal] #upsAddModal > div h2, .ui-dialog[aria-describedby=ascorVideoModal] #upsBillingAddModal > div h2, .ui-dialog[aria-describedby=ascorVideoModal] #validateCCModal > div h2, .ui-dialog[aria-describedby=deleteCCModal] #headerNoticeModal > div h2, .ui-dialog[aria-describedby=deleteCCModal] #globalNoticeModal > div h2, .ui-dialog[aria-describedby=deleteCCModal] #cookieNoticeModal > div h2, .ui-dialog[aria-describedby=deleteCCModal] #ascorVideoModal > div h2, .ui-dialog[aria-describedby=deleteCCModal] #licenseExampleModal > div h2, .ui-dialog[aria-describedby=deleteCCModal] #newAddressVerifyModal > div h2, .ui-dialog[aria-describedby=deleteCCModal] #deleteCCModal > div h2, .ui-dialog[aria-describedby=deleteCCModal] #deleteShippingAddressModal > div h2, .ui-dialog[aria-describedby=deleteCCModal] #paymentmethodModal > div h2, .ui-dialog[aria-describedby=deleteCCModal] #deletepaymentmethodModal > div h2, .ui-dialog[aria-describedby=deleteCCModal] #removecartitemModal > div h2, .ui-dialog[aria-describedby=deleteCCModal] #upsAddModal > div h2, .ui-dialog[aria-describedby=deleteCCModal] #upsBillingAddModal > div h2, .ui-dialog[aria-describedby=deleteCCModal] #validateCCModal > div h2, .ui-dialog[aria-describedby=deleteShippingAddressModal] #headerNoticeModal > div h2, .ui-dialog[aria-describedby=deleteShippingAddressModal] #globalNoticeModal > div h2, .ui-dialog[aria-describedby=deleteShippingAddressModal] #cookieNoticeModal > div h2, .ui-dialog[aria-describedby=deleteShippingAddressModal] #ascorVideoModal > div h2, .ui-dialog[aria-describedby=deleteShippingAddressModal] #licenseExampleModal > div h2, .ui-dialog[aria-describedby=deleteShippingAddressModal] #newAddressVerifyModal > div h2, .ui-dialog[aria-describedby=deleteShippingAddressModal] #deleteCCModal > div h2, .ui-dialog[aria-describedby=deleteShippingAddressModal] #deleteShippingAddressModal > div h2, .ui-dialog[aria-describedby=deleteShippingAddressModal] #paymentmethodModal > div h2, .ui-dialog[aria-describedby=deleteShippingAddressModal] #deletepaymentmethodModal > div h2, .ui-dialog[aria-describedby=deleteShippingAddressModal] #removecartitemModal > div h2, .ui-dialog[aria-describedby=deleteShippingAddressModal] #upsAddModal > div h2, .ui-dialog[aria-describedby=deleteShippingAddressModal] #upsBillingAddModal > div h2, .ui-dialog[aria-describedby=deleteShippingAddressModal] #validateCCModal > div h2, .ui-dialog[aria-describedby=paymentmethodModal] #headerNoticeModal > div h2, .ui-dialog[aria-describedby=paymentmethodModal] #globalNoticeModal > div h2, .ui-dialog[aria-describedby=paymentmethodModal] #cookieNoticeModal > div h2, .ui-dialog[aria-describedby=paymentmethodModal] #ascorVideoModal > div h2, .ui-dialog[aria-describedby=paymentmethodModal] #licenseExampleModal > div h2, .ui-dialog[aria-describedby=paymentmethodModal] #newAddressVerifyModal > div h2, .ui-dialog[aria-describedby=paymentmethodModal] #deleteCCModal > div h2, .ui-dialog[aria-describedby=paymentmethodModal] #deleteShippingAddressModal > div h2, .ui-dialog[aria-describedby=paymentmethodModal] #paymentmethodModal > div h2, .ui-dialog[aria-describedby=paymentmethodModal] #deletepaymentmethodModal > div h2, .ui-dialog[aria-describedby=paymentmethodModal] #removecartitemModal > div h2, .ui-dialog[aria-describedby=paymentmethodModal] #upsAddModal > div h2, .ui-dialog[aria-describedby=paymentmethodModal] #upsBillingAddModal > div h2, .ui-dialog[aria-describedby=paymentmethodModal] #validateCCModal > div h2, .ui-dialog[aria-describedby=deletepaymentmethodModal] #headerNoticeModal > div h2, .ui-dialog[aria-describedby=deletepaymentmethodModal] #globalNoticeModal > div h2, .ui-dialog[aria-describedby=deletepaymentmethodModal] #cookieNoticeModal > div h2, .ui-dialog[aria-describedby=deletepaymentmethodModal] #ascorVideoModal > div h2, .ui-dialog[aria-describedby=deletepaymentmethodModal] #licenseExampleModal > div h2, .ui-dialog[aria-describedby=deletepaymentmethodModal] #newAddressVerifyModal > div h2, .ui-dialog[aria-describedby=deletepaymentmethodModal] #deleteCCModal > div h2, .ui-dialog[aria-describedby=deletepaymentmethodModal] #deleteShippingAddressModal > div h2, .ui-dialog[aria-describedby=deletepaymentmethodModal] #paymentmethodModal > div h2, .ui-dialog[aria-describedby=deletepaymentmethodModal] #deletepaymentmethodModal > div h2, .ui-dialog[aria-describedby=deletepaymentmethodModal] #removecartitemModal > div h2, .ui-dialog[aria-describedby=deletepaymentmethodModal] #upsAddModal > div h2, .ui-dialog[aria-describedby=deletepaymentmethodModal] #upsBillingAddModal > div h2, .ui-dialog[aria-describedby=deletepaymentmethodModal] #validateCCModal > div h2, .ui-dialog[aria-describedby=removecartitemModal] #headerNoticeModal > div h2, .ui-dialog[aria-describedby=removecartitemModal] #globalNoticeModal > div h2, .ui-dialog[aria-describedby=removecartitemModal] #cookieNoticeModal > div h2, .ui-dialog[aria-describedby=removecartitemModal] #ascorVideoModal > div h2, .ui-dialog[aria-describedby=removecartitemModal] #licenseExampleModal > div h2, .ui-dialog[aria-describedby=removecartitemModal] #newAddressVerifyModal > div h2, .ui-dialog[aria-describedby=removecartitemModal] #deleteCCModal > div h2, .ui-dialog[aria-describedby=removecartitemModal] #deleteShippingAddressModal > div h2, .ui-dialog[aria-describedby=removecartitemModal] #paymentmethodModal > div h2, .ui-dialog[aria-describedby=removecartitemModal] #deletepaymentmethodModal > div h2, .ui-dialog[aria-describedby=removecartitemModal] #removecartitemModal > div h2, .ui-dialog[aria-describedby=removecartitemModal] #upsAddModal > div h2, .ui-dialog[aria-describedby=removecartitemModal] #upsBillingAddModal > div h2, .ui-dialog[aria-describedby=removecartitemModal] #validateCCModal > div h2, .ui-dialog[aria-describedby=upsAddModal] #headerNoticeModal > div h2, .ui-dialog[aria-describedby=upsAddModal] #globalNoticeModal > div h2, .ui-dialog[aria-describedby=upsAddModal] #cookieNoticeModal > div h2, .ui-dialog[aria-describedby=upsAddModal] #ascorVideoModal > div h2, .ui-dialog[aria-describedby=upsAddModal] #licenseExampleModal > div h2, .ui-dialog[aria-describedby=upsAddModal] #newAddressVerifyModal > div h2, .ui-dialog[aria-describedby=upsAddModal] #deleteCCModal > div h2, .ui-dialog[aria-describedby=upsAddModal] #deleteShippingAddressModal > div h2, .ui-dialog[aria-describedby=upsAddModal] #paymentmethodModal > div h2, .ui-dialog[aria-describedby=upsAddModal] #deletepaymentmethodModal > div h2, .ui-dialog[aria-describedby=upsAddModal] #removecartitemModal > div h2, .ui-dialog[aria-describedby=upsAddModal] #upsAddModal > div h2, .ui-dialog[aria-describedby=upsAddModal] #upsBillingAddModal > div h2, .ui-dialog[aria-describedby=upsAddModal] #validateCCModal > div h2, .ui-dialog[aria-describedby=upsBillingAddModal] #headerNoticeModal > div h2, .ui-dialog[aria-describedby=upsBillingAddModal] #globalNoticeModal > div h2, .ui-dialog[aria-describedby=upsBillingAddModal] #cookieNoticeModal > div h2, .ui-dialog[aria-describedby=upsBillingAddModal] #ascorVideoModal > div h2, .ui-dialog[aria-describedby=upsBillingAddModal] #licenseExampleModal > div h2, .ui-dialog[aria-describedby=upsBillingAddModal] #newAddressVerifyModal > div h2, .ui-dialog[aria-describedby=upsBillingAddModal] #deleteCCModal > div h2, .ui-dialog[aria-describedby=upsBillingAddModal] #deleteShippingAddressModal > div h2, .ui-dialog[aria-describedby=upsBillingAddModal] #paymentmethodModal > div h2, .ui-dialog[aria-describedby=upsBillingAddModal] #deletepaymentmethodModal > div h2, .ui-dialog[aria-describedby=upsBillingAddModal] #removecartitemModal > div h2, .ui-dialog[aria-describedby=upsBillingAddModal] #upsAddModal > div h2, .ui-dialog[aria-describedby=upsBillingAddModal] #upsBillingAddModal > div h2, .ui-dialog[aria-describedby=upsBillingAddModal] #validateCCModal > div h2, .ui-dialog[aria-describedby=validateCCModal] #headerNoticeModal > div h2, .ui-dialog[aria-describedby=validateCCModal] #globalNoticeModal > div h2, .ui-dialog[aria-describedby=validateCCModal] #cookieNoticeModal > div h2, .ui-dialog[aria-describedby=validateCCModal] #ascorVideoModal > div h2, .ui-dialog[aria-describedby=validateCCModal] #licenseExampleModal > div h2, .ui-dialog[aria-describedby=validateCCModal] #newAddressVerifyModal > div h2, .ui-dialog[aria-describedby=validateCCModal] #deleteCCModal > div h2, .ui-dialog[aria-describedby=validateCCModal] #deleteShippingAddressModal > div h2, .ui-dialog[aria-describedby=validateCCModal] #paymentmethodModal > div h2, .ui-dialog[aria-describedby=validateCCModal] #deletepaymentmethodModal > div h2, .ui-dialog[aria-describedby=validateCCModal] #removecartitemModal > div h2, .ui-dialog[aria-describedby=validateCCModal] #upsAddModal > div h2, .ui-dialog[aria-describedby=validateCCModal] #upsBillingAddModal > div h2, .ui-dialog[aria-describedby=validateCCModal] #validateCCModal > div h2 {
font-size: 24px;
font-weight: 100;
text-align: center;
padding: 10px;
color: #333333;
}
.ui-dialog[aria-describedby=licenseExampleModal] #headerNoticeModal > div p, .ui-dialog[aria-describedby=licenseExampleModal] #globalNoticeModal > div p, .ui-dialog[aria-describedby=licenseExampleModal] #cookieNoticeModal > div p, .ui-dialog[aria-describedby=licenseExampleModal] #ascorVideoModal > div p, .ui-dialog[aria-describedby=licenseExampleModal] #licenseExampleModal > div p, .ui-dialog[aria-describedby=licenseExampleModal] #newAddressVerifyModal > div p, .ui-dialog[aria-describedby=licenseExampleModal] #deleteCCModal > div p, .ui-dialog[aria-describedby=licenseExampleModal] #deleteShippingAddressModal > div p, .ui-dialog[aria-describedby=licenseExampleModal] #paymentmethodModal > div p, .ui-dialog[aria-describedby=licenseExampleModal] #deletepaymentmethodModal > div p, .ui-dialog[aria-describedby=licenseExampleModal] #removecartitemModal > div p, .ui-dialog[aria-describedby=licenseExampleModal] #upsAddModal > div p, .ui-dialog[aria-describedby=licenseExampleModal] #upsBillingAddModal > div p, .ui-dialog[aria-describedby=licenseExampleModal] #validateCCModal > div p, .ui-dialog[aria-describedby=headerNoticeModal] #headerNoticeModal > div p, .ui-dialog[aria-describedby=headerNoticeModal] #globalNoticeModal > div p, .ui-dialog[aria-describedby=headerNoticeModal] #cookieNoticeModal > div p, .ui-dialog[aria-describedby=headerNoticeModal] #ascorVideoModal > div p, .ui-dialog[aria-describedby=headerNoticeModal] #licenseExampleModal > div p, .ui-dialog[aria-describedby=headerNoticeModal] #newAddressVerifyModal > div p, .ui-dialog[aria-describedby=headerNoticeModal] #deleteCCModal > div p, .ui-dialog[aria-describedby=headerNoticeModal] #deleteShippingAddressModal > div p, .ui-dialog[aria-describedby=headerNoticeModal] #paymentmethodModal > div p, .ui-dialog[aria-describedby=headerNoticeModal] #deletepaymentmethodModal > div p, .ui-dialog[aria-describedby=headerNoticeModal] #removecartitemModal > div p, .ui-dialog[aria-describedby=headerNoticeModal] #upsAddModal > div p, .ui-dialog[aria-describedby=headerNoticeModal] #upsBillingAddModal > div p, .ui-dialog[aria-describedby=headerNoticeModal] #validateCCModal > div p, .ui-dialog[aria-describedby=globalNoticeModal] #headerNoticeModal > div p, .ui-dialog[aria-describedby=globalNoticeModal] #globalNoticeModal > div p, .ui-dialog[aria-describedby=globalNoticeModal] #cookieNoticeModal > div p, .ui-dialog[aria-describedby=globalNoticeModal] #ascorVideoModal > div p, .ui-dialog[aria-describedby=globalNoticeModal] #licenseExampleModal > div p, .ui-dialog[aria-describedby=globalNoticeModal] #newAddressVerifyModal > div p, .ui-dialog[aria-describedby=globalNoticeModal] #deleteCCModal > div p, .ui-dialog[aria-describedby=globalNoticeModal] #deleteShippingAddressModal > div p, .ui-dialog[aria-describedby=globalNoticeModal] #paymentmethodModal > div p, .ui-dialog[aria-describedby=globalNoticeModal] #deletepaymentmethodModal > div p, .ui-dialog[aria-describedby=globalNoticeModal] #removecartitemModal > div p, .ui-dialog[aria-describedby=globalNoticeModal] #upsAddModal > div p, .ui-dialog[aria-describedby=globalNoticeModal] #upsBillingAddModal > div p, .ui-dialog[aria-describedby=globalNoticeModal] #validateCCModal > div p, .ui-dialog[aria-describedby=newAddressVerifyModal] #headerNoticeModal > div p, .ui-dialog[aria-describedby=newAddressVerifyModal] #globalNoticeModal > div p, .ui-dialog[aria-describedby=newAddressVerifyModal] #cookieNoticeModal > div p, .ui-dialog[aria-describedby=newAddressVerifyModal] #ascorVideoModal > div p, .ui-dialog[aria-describedby=newAddressVerifyModal] #licenseExampleModal > div p, .ui-dialog[aria-describedby=newAddressVerifyModal] #newAddressVerifyModal > div p, .ui-dialog[aria-describedby=newAddressVerifyModal] #deleteCCModal > div p, .ui-dialog[aria-describedby=newAddressVerifyModal] #deleteShippingAddressModal > div p, .ui-dialog[aria-describedby=newAddressVerifyModal] #paymentmethodModal > div p, .ui-dialog[aria-describedby=newAddressVerifyModal] #deletepaymentmethodModal > div p, .ui-dialog[aria-describedby=newAddressVerifyModal] #removecartitemModal > div p, .ui-dialog[aria-describedby=newAddressVerifyModal] #upsAddModal > div p, .ui-dialog[aria-describedby=newAddressVerifyModal] #upsBillingAddModal > div p, .ui-dialog[aria-describedby=newAddressVerifyModal] #validateCCModal > div p, .ui-dialog[aria-describedby=cookieNoticeModal] #headerNoticeModal > div p, .ui-dialog[aria-describedby=cookieNoticeModal] #globalNoticeModal > div p, .ui-dialog[aria-describedby=cookieNoticeModal] #cookieNoticeModal > div p, .ui-dialog[aria-describedby=cookieNoticeModal] #ascorVideoModal > div p, .ui-dialog[aria-describedby=cookieNoticeModal] #licenseExampleModal > div p, .ui-dialog[aria-describedby=cookieNoticeModal] #newAddressVerifyModal > div p, .ui-dialog[aria-describedby=cookieNoticeModal] #deleteCCModal > div p, .ui-dialog[aria-describedby=cookieNoticeModal] #deleteShippingAddressModal > div p, .ui-dialog[aria-describedby=cookieNoticeModal] #paymentmethodModal > div p, .ui-dialog[aria-describedby=cookieNoticeModal] #deletepaymentmethodModal > div p, .ui-dialog[aria-describedby=cookieNoticeModal] #removecartitemModal > div p, .ui-dialog[aria-describedby=cookieNoticeModal] #upsAddModal > div p, .ui-dialog[aria-describedby=cookieNoticeModal] #upsBillingAddModal > div p, .ui-dialog[aria-describedby=cookieNoticeModal] #validateCCModal > div p, .ui-dialog[aria-describedby=ascorVideoModal] #headerNoticeModal > div p, .ui-dialog[aria-describedby=ascorVideoModal] #globalNoticeModal > div p, .ui-dialog[aria-describedby=ascorVideoModal] #cookieNoticeModal > div p, .ui-dialog[aria-describedby=ascorVideoModal] #ascorVideoModal > div p, .ui-dialog[aria-describedby=ascorVideoModal] #licenseExampleModal > div p, .ui-dialog[aria-describedby=ascorVideoModal] #newAddressVerifyModal > div p, .ui-dialog[aria-describedby=ascorVideoModal] #deleteCCModal > div p, .ui-dialog[aria-describedby=ascorVideoModal] #deleteShippingAddressModal > div p, .ui-dialog[aria-describedby=ascorVideoModal] #paymentmethodModal > div p, .ui-dialog[aria-describedby=ascorVideoModal] #deletepaymentmethodModal > div p, .ui-dialog[aria-describedby=ascorVideoModal] #removecartitemModal > div p, .ui-dialog[aria-describedby=ascorVideoModal] #upsAddModal > div p, .ui-dialog[aria-describedby=ascorVideoModal] #upsBillingAddModal > div p, .ui-dialog[aria-describedby=ascorVideoModal] #validateCCModal > div p, .ui-dialog[aria-describedby=deleteCCModal] #headerNoticeModal > div p, .ui-dialog[aria-describedby=deleteCCModal] #globalNoticeModal > div p, .ui-dialog[aria-describedby=deleteCCModal] #cookieNoticeModal > div p, .ui-dialog[aria-describedby=deleteCCModal] #ascorVideoModal > div p, .ui-dialog[aria-describedby=deleteCCModal] #licenseExampleModal > div p, .ui-dialog[aria-describedby=deleteCCModal] #newAddressVerifyModal > div p, .ui-dialog[aria-describedby=deleteCCModal] #deleteCCModal > div p, .ui-dialog[aria-describedby=deleteCCModal] #deleteShippingAddressModal > div p, .ui-dialog[aria-describedby=deleteCCModal] #paymentmethodModal > div p, .ui-dialog[aria-describedby=deleteCCModal] #deletepaymentmethodModal > div p, .ui-dialog[aria-describedby=deleteCCModal] #removecartitemModal > div p, .ui-dialog[aria-describedby=deleteCCModal] #upsAddModal > div p, .ui-dialog[aria-describedby=deleteCCModal] #upsBillingAddModal > div p, .ui-dialog[aria-describedby=deleteCCModal] #validateCCModal > div p, .ui-dialog[aria-describedby=deleteShippingAddressModal] #headerNoticeModal > div p, .ui-dialog[aria-describedby=deleteShippingAddressModal] #globalNoticeModal > div p, .ui-dialog[aria-describedby=deleteShippingAddressModal] #cookieNoticeModal > div p, .ui-dialog[aria-describedby=deleteShippingAddressModal] #ascorVideoModal > div p, .ui-dialog[aria-describedby=deleteShippingAddressModal] #licenseExampleModal > div p, .ui-dialog[aria-describedby=deleteShippingAddressModal] #newAddressVerifyModal > div p, .ui-dialog[aria-describedby=deleteShippingAddressModal] #deleteCCModal > div p, .ui-dialog[aria-describedby=deleteShippingAddressModal] #deleteShippingAddressModal > div p, .ui-dialog[aria-describedby=deleteShippingAddressModal] #paymentmethodModal > div p, .ui-dialog[aria-describedby=deleteShippingAddressModal] #deletepaymentmethodModal > div p, .ui-dialog[aria-describedby=deleteShippingAddressModal] #removecartitemModal > div p, .ui-dialog[aria-describedby=deleteShippingAddressModal] #upsAddModal > div p, .ui-dialog[aria-describedby=deleteShippingAddressModal] #upsBillingAddModal > div p, .ui-dialog[aria-describedby=deleteShippingAddressModal] #validateCCModal > div p, .ui-dialog[aria-describedby=paymentmethodModal] #headerNoticeModal > div p, .ui-dialog[aria-describedby=paymentmethodModal] #globalNoticeModal > div p, .ui-dialog[aria-describedby=paymentmethodModal] #cookieNoticeModal > div p, .ui-dialog[aria-describedby=paymentmethodModal] #ascorVideoModal > div p, .ui-dialog[aria-describedby=paymentmethodModal] #licenseExampleModal > div p, .ui-dialog[aria-describedby=paymentmethodModal] #newAddressVerifyModal > div p, .ui-dialog[aria-describedby=paymentmethodModal] #deleteCCModal > div p, .ui-dialog[aria-describedby=paymentmethodModal] #deleteShippingAddressModal > div p, .ui-dialog[aria-describedby=paymentmethodModal] #paymentmethodModal > div p, .ui-dialog[aria-describedby=paymentmethodModal] #deletepaymentmethodModal > div p, .ui-dialog[aria-describedby=paymentmethodModal] #removecartitemModal > div p, .ui-dialog[aria-describedby=paymentmethodModal] #upsAddModal > div p, .ui-dialog[aria-describedby=paymentmethodModal] #upsBillingAddModal > div p, .ui-dialog[aria-describedby=paymentmethodModal] #validateCCModal > div p, .ui-dialog[aria-describedby=deletepaymentmethodModal] #headerNoticeModal > div p, .ui-dialog[aria-describedby=deletepaymentmethodModal] #globalNoticeModal > div p, .ui-dialog[aria-describedby=deletepaymentmethodModal] #cookieNoticeModal > div p, .ui-dialog[aria-describedby=deletepaymentmethodModal] #ascorVideoModal > div p, .ui-dialog[aria-describedby=deletepaymentmethodModal] #licenseExampleModal > div p, .ui-dialog[aria-describedby=deletepaymentmethodModal] #newAddressVerifyModal > div p, .ui-dialog[aria-describedby=deletepaymentmethodModal] #deleteCCModal > div p, .ui-dialog[aria-describedby=deletepaymentmethodModal] #deleteShippingAddressModal > div p, .ui-dialog[aria-describedby=deletepaymentmethodModal] #paymentmethodModal > div p, .ui-dialog[aria-describedby=deletepaymentmethodModal] #deletepaymentmethodModal > div p, .ui-dialog[aria-describedby=deletepaymentmethodModal] #removecartitemModal > div p, .ui-dialog[aria-describedby=deletepaymentmethodModal] #upsAddModal > div p, .ui-dialog[aria-describedby=deletepaymentmethodModal] #upsBillingAddModal > div p, .ui-dialog[aria-describedby=deletepaymentmethodModal] #validateCCModal > div p, .ui-dialog[aria-describedby=removecartitemModal] #headerNoticeModal > div p, .ui-dialog[aria-describedby=removecartitemModal] #globalNoticeModal > div p, .ui-dialog[aria-describedby=removecartitemModal] #cookieNoticeModal > div p, .ui-dialog[aria-describedby=removecartitemModal] #ascorVideoModal > div p, .ui-dialog[aria-describedby=removecartitemModal] #licenseExampleModal > div p, .ui-dialog[aria-describedby=removecartitemModal] #newAddressVerifyModal > div p, .ui-dialog[aria-describedby=removecartitemModal] #deleteCCModal > div p, .ui-dialog[aria-describedby=removecartitemModal] #deleteShippingAddressModal > div p, .ui-dialog[aria-describedby=removecartitemModal] #paymentmethodModal > div p, .ui-dialog[aria-describedby=removecartitemModal] #deletepaymentmethodModal > div p, .ui-dialog[aria-describedby=removecartitemModal] #removecartitemModal > div p, .ui-dialog[aria-describedby=removecartitemModal] #upsAddModal > div p, .ui-dialog[aria-describedby=removecartitemModal] #upsBillingAddModal > div p, .ui-dialog[aria-describedby=removecartitemModal] #validateCCModal > div p, .ui-dialog[aria-describedby=upsAddModal] #headerNoticeModal > div p, .ui-dialog[aria-describedby=upsAddModal] #globalNoticeModal > div p, .ui-dialog[aria-describedby=upsAddModal] #cookieNoticeModal > div p, .ui-dialog[aria-describedby=upsAddModal] #ascorVideoModal > div p, .ui-dialog[aria-describedby=upsAddModal] #licenseExampleModal > div p, .ui-dialog[aria-describedby=upsAddModal] #newAddressVerifyModal > div p, .ui-dialog[aria-describedby=upsAddModal] #deleteCCModal > div p, .ui-dialog[aria-describedby=upsAddModal] #deleteShippingAddressModal > div p, .ui-dialog[aria-describedby=upsAddModal] #paymentmethodModal > div p, .ui-dialog[aria-describedby=upsAddModal] #deletepaymentmethodModal > div p, .ui-dialog[aria-describedby=upsAddModal] #removecartitemModal > div p, .ui-dialog[aria-describedby=upsAddModal] #upsAddModal > div p, .ui-dialog[aria-describedby=upsAddModal] #upsBillingAddModal > div p, .ui-dialog[aria-describedby=upsAddModal] #validateCCModal > div p, .ui-dialog[aria-describedby=upsBillingAddModal] #headerNoticeModal > div p, .ui-dialog[aria-describedby=upsBillingAddModal] #globalNoticeModal > div p, .ui-dialog[aria-describedby=upsBillingAddModal] #cookieNoticeModal > div p, .ui-dialog[aria-describedby=upsBillingAddModal] #ascorVideoModal > div p, .ui-dialog[aria-describedby=upsBillingAddModal] #licenseExampleModal > div p, .ui-dialog[aria-describedby=upsBillingAddModal] #newAddressVerifyModal > div p, .ui-dialog[aria-describedby=upsBillingAddModal] #deleteCCModal > div p, .ui-dialog[aria-describedby=upsBillingAddModal] #deleteShippingAddressModal > div p, .ui-dialog[aria-describedby=upsBillingAddModal] #paymentmethodModal > div p, .ui-dialog[aria-describedby=upsBillingAddModal] #deletepaymentmethodModal > div p, .ui-dialog[aria-describedby=upsBillingAddModal] #removecartitemModal > div p, .ui-dialog[aria-describedby=upsBillingAddModal] #upsAddModal > div p, .ui-dialog[aria-describedby=upsBillingAddModal] #upsBillingAddModal > div p, .ui-dialog[aria-describedby=upsBillingAddModal] #validateCCModal > div p, .ui-dialog[aria-describedby=validateCCModal] #headerNoticeModal > div p, .ui-dialog[aria-describedby=validateCCModal] #globalNoticeModal > div p, .ui-dialog[aria-describedby=validateCCModal] #cookieNoticeModal > div p, .ui-dialog[aria-describedby=validateCCModal] #ascorVideoModal > div p, .ui-dialog[aria-describedby=validateCCModal] #licenseExampleModal > div p, .ui-dialog[aria-describedby=validateCCModal] #newAddressVerifyModal > div p, .ui-dialog[aria-describedby=validateCCModal] #deleteCCModal > div p, .ui-dialog[aria-describedby=validateCCModal] #deleteShippingAddressModal > div p, .ui-dialog[aria-describedby=validateCCModal] #paymentmethodModal > div p, .ui-dialog[aria-describedby=validateCCModal] #deletepaymentmethodModal > div p, .ui-dialog[aria-describedby=validateCCModal] #removecartitemModal > div p, .ui-dialog[aria-describedby=validateCCModal] #upsAddModal > div p, .ui-dialog[aria-describedby=validateCCModal] #upsBillingAddModal > div p, .ui-dialog[aria-describedby=validateCCModal] #validateCCModal > div p {
margin: 10px;
}
.ui-dialog[aria-describedby=licenseExampleModal] #newAddressVerifyModal button, .ui-dialog[aria-describedby=headerNoticeModal] #newAddressVerifyModal button, .ui-dialog[aria-describedby=globalNoticeModal] #newAddressVerifyModal button, .ui-dialog[aria-describedby=newAddressVerifyModal] #newAddressVerifyModal button, .ui-dialog[aria-describedby=cookieNoticeModal] #newAddressVerifyModal button, .ui-dialog[aria-describedby=ascorVideoModal] #newAddressVerifyModal button, .ui-dialog[aria-describedby=deleteCCModal] #newAddressVerifyModal button, .ui-dialog[aria-describedby=deleteShippingAddressModal] #newAddressVerifyModal button, .ui-dialog[aria-describedby=paymentmethodModal] #newAddressVerifyModal button, .ui-dialog[aria-describedby=deletepaymentmethodModal] #newAddressVerifyModal button, .ui-dialog[aria-describedby=removecartitemModal] #newAddressVerifyModal button, .ui-dialog[aria-describedby=upsAddModal] #newAddressVerifyModal button, .ui-dialog[aria-describedby=upsBillingAddModal] #newAddressVerifyModal button, .ui-dialog[aria-describedby=validateCCModal] #newAddressVerifyModal button {
border: 0;
display: inline-block;
padding: 10px 20px;
}
.ui-dialog[aria-describedby=licenseExampleModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=headerNoticeModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=globalNoticeModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=newAddressVerifyModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=cookieNoticeModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=ascorVideoModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=deleteCCModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=deleteShippingAddressModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=paymentmethodModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=deletepaymentmethodModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=removecartitemModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=upsAddModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=upsBillingAddModal] #newAddressVerifyModal .background-icon:before, .ui-dialog[aria-describedby=validateCCModal] #newAddressVerifyModal .background-icon:before {
top: -90px;
margin-left: -65px;
width: 130px;
height: 126px;
padding: 14px 20px 20px;
font-size: 64px;
content: "\f2bb";
}
.ui-dialog[aria-describedby=licenseExampleModal] .ui-dialog-titlebar button:before, .ui-dialog[aria-describedby=headerNoticeModal] .ui-dialog-titlebar button:before, .ui-dialog[aria-describedby=globalNoticeModal] .ui-dialog-titlebar button:before, .ui-dialog[aria-describedby=newAddressVerifyModal] .ui-dialog-titlebar button:before, .ui-dialog[aria-describedby=cookieNoticeModal] .ui-dialog-titlebar button:before, .ui-dialog[aria-describedby=ascorVideoModal] .ui-dialog-titlebar button:before, .ui-dialog[aria-describedby=deleteCCModal] .ui-dialog-titlebar button:before, .ui-dialog[aria-describedby=deleteShippingAddressModal] .ui-dialog-titlebar button:before, .ui-dialog[aria-describedby=paymentmethodModal] .ui-dialog-titlebar button:before, .ui-dialog[aria-describedby=deletepaymentmethodModal] .ui-dialog-titlebar button:before, .ui-dialog[aria-describedby=removecartitemModal] .ui-dialog-titlebar button:before, .ui-dialog[aria-describedby=upsAddModal] .ui-dialog-titlebar button:before, .ui-dialog[aria-describedby=upsBillingAddModal] .ui-dialog-titlebar button:before, .ui-dialog[aria-describedby=validateCCModal] .ui-dialog-titlebar button:before {
content: "×";
position: absolute;
top: -10px;
color: #777;
font-weight: 100;
left: 0;
font-size: 34px;
}
.ui-dialog[aria-describedby=cookieNoticeModal] #ascorVideoModal .background-icon:before, .ui-dialog[aria-describedby=ascorVideoModal] #ascorVideoModal .background-icon:before {
position: absolute;
top: -70px;
margin-left: -55px;
width: 100px;
height: 96px;
z-index: 0;
border: 6px solid #f8f8f8;
background-color: #0588d3;
border-radius: 50%;
padding: 12px 20px 20px;
font-size: 45px;
content: "\f12a";
color: #ffffff;
}
.html-registration-page .ui-widget-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1050;
}
div.license-img-dialog .ui-dialog-titlebar-close:before, div[aria-describedby=licenseModal] .ui-dialog-titlebar-close:before {
content: "×";
position: absolute;
top: -11px;
left: -2px;
color: #444444;
font-size: 36px;
}
div.license-img-dialog #customerLicenseBtn, div[aria-describedby=licenseModal] #customerLicenseBtn {
min-width: 120px;
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#login-modal-window-overlay, #upsAdd-overlay {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 1100;
}
.login-modal-window-wrapper {
display: none;
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 20px;
margin: auto;
width: 480px;
max-width: 90%;
height: auto;
max-height: 90%;
background-color: #ffffff;
overflow: auto;
z-index: 1105;
border: 1px solid #e9e9e9;
box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.login-modal-window-wrapper .close {
position: absolute;
top: 0;
right: 0;
width: 37px;
height: 37px;
margin: 13px;
overflow: hidden;
border: none;
font-size: 0;
cursor: pointer;
}
.login-modal-window-wrapper .close:before {
content: "×";
color: #999;
font-size: 36px;
}
.login-modal-window-wrapper .login-page .inner-wrapper {
padding: 10px 50px;
}
.login-modal-window-wrapper .login-page h1 {
text-transform: none;
padding-right: 30px;
padding-left: 30px;
text-align: center;
}
.login-modal-window-wrapper .login-page .customer-blocks {
border: 0;
margin: 0 auto;
}
.login-modal-window-wrapper .login-page .col-md-6 {
width: 100%;
}
.login-modal-window-wrapper .login-page .page-body {
padding: 10px 0;
}
.date-of-birth select {
width: 32%;
}
.date-of-birth select + select {
margin: 0 0 0 2%;
}
.return-order-id {
text-transform: uppercase;
text-align: center;
font-size: 20px;
font-weight: 600;
color: #0588d3;
padding-bottom: 20px;
}
.request-item .return-item-outer {
position: relative;
display: flex;
justify-content: space-evenly;
align-items: center;
align-content: center;
padding: 15px;
}
.request-item .return-item-outer li.product {
width: 550px;
}
.return-request-page .button-1 {
min-width: 120px;
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
border-radius: 3px;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: #0588d3;
}
.return-request-page .button-1:hover {
outline-color: #0588d3;
}
.user-agreement-page .button-1 {
min-width: 120px;
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: #0588d3;
}
.user-agreement-page .button-1:hover {
outline-color: #0588d3;
}
/********** ACCOUNT PAGES **********/
.customer-pages-body .master-column-wrapper {
overflow: hidden;
}
.customer-pages-body .master-wrapper-content {
min-height: 80vh;
}
.customer-pages-body .side-2 {
float: none;
width: 100%;
margin: 0;
}
.customer-pages-body .center-2 {
float: none;
width: 100%;
}
.customer-pages-body .bar-notification {
bottom: auto;
top: 0;
opacity: 1;
}
.customer-pages-body .modal {
display: none;
position: fixed;
z-index: 1090;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto;
background-color: rgb(0, 0, 0);
background-color: rgba(0, 0, 0, 0.4);
padding-bottom: 5em;
}
.customer-pages-body .modal .modal-content {
background-color: #fefefe;
text-align: center;
max-width: 850px;
min-height: 120px;
margin: 2% auto;
position: relative;
border-radius: 5px;
}
@media (min-width: 17.5em) and (max-width: 62.49em) {
.customer-pages-body .modal .modal-content {
top: 10%;
width: 95%;
}
}
.customer-pages-body .modal .modal-content .modal-titlebar {
padding: 0 10px 10px 10px;
border-bottom: 1px solid #e9e9e9;
overflow: hidden;
background-color: #f9f9f9;
padding: 0px 20px;
font-weight: bold;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
display: flex;
align-items: center;
}
.customer-pages-body .modal .modal-content .modal-titlebar:after {
content: "×";
top: -10px;
color: #777;
font-weight: 100;
left: 0;
font-size: 34px;
margin-left: auto;
}
.customer-pages-body .modal .modal-content .modal-titlebar:hover::after {
color: rgb(93.5, 93.5, 93.5);
cursor: pointer;
}
.customer-pages-body .modal .modal-content .modal-titlebar span {
text-transform: uppercase;
font-weight: bold;
color: #0588d3;
}
.customer-pages-body .modal .modal-content img {
max-width: 100%;
}
.customer-pages-body .modal .modal-content .modal-body {
padding: 20px;
}
.customer-pages-body .modal .modal-content .modal-body .button-1 {
margin: 30px 0;
}
.customer-pages-body .modal .modal-content .modal-body .buttons {
padding: 0px 60px;
}
.customer-pages-body .modal .modal-content .modal-body .account-page {
padding: 0 !important;
border-radius: 15px;
border: none !important;
}
.customer-pages-body .modal .modal-content .modal-body .account-page .subtitle {
padding: 40px 60px 0px;
}
.customer-pages-body .modal .modal-content .modal-content-body.modal-order-details {
padding: 20px;
}
.customer-pages-body .modal .modal-content .modal-content-body .page-title {
border-bottom: none !important;
position: relative !important;
}
.customer-pages-body .account-page {
background-color: #fff;
border: 1px solid #ddd;
border-radius: 3px;
padding: 20px;
}
.customer-pages-body .account-page .page-title {
border-bottom: 1px solid #ddd !important;
}
.customer-pages-body .account-page .page-body {
border: none;
background-color: transparent;
padding: 0 30px;
}
.customer-pages-body .account-page .page-body .body-description {
margin-bottom: 40px;
}
.customer-pages-body .account-page .page-body h2 {
margin: 20px 0px;
color: #555555;
}
@media (max-width: 47.99em) {
.customer-pages-body .account-page .page-body {
padding: 0;
}
}
.customer-pages-body .account-page .list li {
border-radius: 3px;
}
.customer-pages-body .account-page .subtitle {
padding: 30px 60px;
font-size: 18px;
color: #333333;
}
.customer-pages-body .account-page .success-msg h2 {
padding: 10px 20px;
background-color: #4fbb41;
color: #fff;
font-size: 22px;
font-weight: 100;
margin: 20px 20px 10px;
}
.customer-pages-body .account-page .button-1, .customer-pages-body .account-page .button-2 {
border-radius: 3px;
}
.customer-pages-body .account-page .dataTables_length, .customer-pages-body .account-page .dataTables_filter, .customer-pages-body .account-page .dataTables_info, .customer-pages-body .account-page .dataTables_paginate {
padding: 10px;
}
.customer-pages-body .account-page table button {
border: 0;
padding: 4px 6px;
border-radius: 3px;
background-color: #0588d3;
border-color: #0588d3;
color: #fff;
}
.customer-pages-body .account-page table button:hover {
background-color: rgb(4.4097222222, 119.9444444444, 186.0902777778);
border-color: rgb(4.4097222222, 119.9444444444, 186.0902777778);
}
@media (max-width: 62.49em) {
.customer-pages-body .account-page table button {
margin: 1px;
}
}
.customer-pages-body .account-page table thead {
background-color: #f6f6f6;
}
.customer-pages-body .account-page table thead .th-center {
text-align: center !important;
}
.customer-pages-body .customer-dashboard h2 {
color: #1b3f5e !important;
text-transform: uppercase;
}
.customer-pages-body .customer-dashboard .dashboard-partial {
background: #fff;
height: 100%;
border-radius: 5px;
padding: 20px;
margin-bottom: 10px;
border: 1px solid #d3d3d3;
}
.customer-pages-body .customer-dashboard .dashboard-partial .dashboard-partial-body {
background: #f6f6f6;
border-radius: 5px;
padding: 20px;
margin-bottom: 10px;
}
.customer-pages-body .customer-dashboard .dashboard-partial .dashboard-partial-body > p {
font-size: large;
}
.customer-pages-body .customer-dashboard .dashboard-partial .dashboard-div {
background: #f6f6f6;
border-radius: 5px;
padding: 20px;
margin: 10px 0;
}
.customer-pages-body .customer-dashboard .dashboard-partial .dashboard-div .sub-category-grid {
margin: 10px 0 -10px;
}
.customer-pages-body .customer-dashboard .dashboard-partial .slider-div {
margin: 10px 0;
}
.customer-pages-body .customer-dashboard .dashboard-partial .jCarouselMainWrapper {
margin: 0 !important;
}
.customer-pages-body .customer-dashboard .radio-choices {
padding-top: 10px;
}
.customer-pages-body .customer-dashboard .radio-choices .order-radio {
padding: 10px 18px 10px 14px;
border-radius: 6px;
background-color: #efefef;
}
.customer-pages-body .customer-dashboard .radio-choices .order-radio.active {
background-color: #0588d3;
color: #ffffff;
}
.customer-pages-body .customer-dashboard .radio-choices .order-radio * {
cursor: pointer;
}
.customer-pages-body .customer-dashboard .radio-choices input.radio-input {
display: none;
}
@media (min-width: 992px) {
.customer-pages-body .customer-dashboard .row-split {
display: flex;
margin-bottom: 10px;
}
.customer-pages-body .customer-dashboard .row-split .col-lg-5 {
padding-right: 0;
}
}
.customer-pages-body .customer-info-page .customer-account-navigation {
padding: 0 60px;
text-align: center;
}
@media (max-width: 47.99em) {
.customer-pages-body .customer-info-page .customer-account-navigation {
padding: 0;
}
}
.customer-pages-body .customer-info-page .customer-account-navigation .customer-account-button {
padding: 12px;
border: none;
border-radius: 3px;
font-weight: bold;
color: #777;
}
@media (max-width: 79.99em) {
.customer-pages-body .customer-info-page .customer-account-navigation .customer-account-button {
width: 100%;
margin-top: 3px;
}
}
@media (min-width: 80em) {
.customer-pages-body .customer-info-page .customer-account-navigation .customer-account-button {
width: 19%;
}
}
.customer-pages-body .customer-info-page .customer-account-navigation .customer-account-button.active {
background-color: #0588d3;
color: #ffffff;
}
.customer-pages-body .customer-backorders-page .success-modal .modal-content {
top: 20vh;
}
.customer-pages-body .customer-backorders-page .success-modal .modal-content #formSuccess svg {
width: 8%;
}
.customer-pages-body .customer-backorders-page .success-modal .modal-content #formSuccess p {
padding: 10px;
}
.customer-pages-body .customer-backorders-page .no-data {
padding: 10px 0 20px 0;
}
.customer-pages-body .customer-backorders-page .no-data p {
margin: 10px 0;
font-size: 14px;
text-align: left;
}
.customer-pages-body .customer-backorders-page .no-data p:first-child {
padding: 30px 0;
margin: -12px 0 12px 0;
font-size: 16px;
font-weight: 100;
text-align: center;
}
.customer-pages-body .customer-backorders-page .no-data p:first-child:before {
font-family: FontAwesome;
content: "\f0e2";
font-size: 20px;
margin-right: 10px;
display: block;
}
.customer-pages-body #backorders-list .fa-times-circle {
cursor: pointer;
color: #aaa;
}
.customer-pages-body #backorders-list .fa-times-circle:hover {
color: #0588d3;
}
.customer-pages-body #backorders-list thead {
background-color: #f6f6f6;
}
.customer-pages-body #backorders-list td {
vertical-align: middle;
}
@media (max-width: 62.49em) {
.customer-pages-body #backorders-list td:nth-child(2) {
text-align: left !important;
width: 50%;
}
}
.customer-pages-body #backorders-list input {
width: 60px;
height: 30px;
}
.customer-pages-body #backorders-list input::-webkit-outer-spin-button,
.customer-pages-body #backorders-list input::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.customer-pages-body #backorders-list input[type=number] {
-moz-appearance: textfield;
}
.customer-pages-body #backorders-list span {
display: block;
}
.customer-pages-body #backorders-list a {
color: #0588d3;
}
.customer-pages-body #backorders-list a:hover {
color: rgb(3.8194444444, 103.8888888889, 161.1805555556);
}
.customer-pages-body #backorders-list .mini-update-button {
margin: 2px auto;
left: 0;
right: 0;
bottom: 28.5px;
width: 60px;
border: 0;
border-radius: 2px;
padding: 4px 10px;
font-size: 12px;
background-color: #0588d3;
color: #ffffff;
}
.customer-pages-body #paymentmethodslistpartial {
padding: 10px 60px;
border-top: 1px solid #f3f3f3;
margin: 0 0 10px;
}
@media (max-width: 62.49em) {
.customer-pages-body #paymentmethodslistpartial {
padding: 0;
}
}
.customer-pages-body #paymentmethodtable thead {
background-color: #f6f6f6;
}
.customer-pages-body #paymentmethodtable td {
vertical-align: middle;
}
.customer-pages-body #paymentmethodtable button {
padding: 5px 12px;
border: none;
background-color: #999999;
background-image: none;
background-repeat: no-repeat;
font-size: 14px;
color: #ffffff;
border-radius: 3px;
}
.customer-pages-body #paymentmethodtable button:hover {
color: #0588d3;
background-color: #0588d3;
color: #ffffff;
}
.customer-pages-body #paymentmethodtable button:hover:before {
color: #ffffff !important;
}
.customer-pages-body #paymentmethodtable button.edit-button:before {
content: "\f040";
margin-right: 6px;
font-family: FontAwesome;
font-size: 16px !important;
color: #ffffff;
}
.customer-pages-body #paymentmethodtable button.delete-button:before {
content: "\f014";
margin-right: 6px;
font-family: FontAwesome;
font-size: 16px !important;
color: #ffffff;
}
.customer-pages-body #paymentmethodModal-overlay, .customer-pages-body #deletepaymentmethodModal-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 998;
background: rgba(0, 0, 0, 0.5);
}
.customer-pages-body #paymentmethodModal, .customer-pages-body #deletepaymentmethodModal {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: auto;
width: 50%;
display: none;
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 5px;
}
@media (max-width: 29.99em) {
.customer-pages-body #paymentmethodModal, .customer-pages-body #deletepaymentmethodModal {
max-height: 75vh;
overflow-y: auto;
}
}
@media (min-width: 48em) {
.customer-pages-body #paymentmethodModal, .customer-pages-body #deletepaymentmethodModal {
min-width: 600px;
}
}
.customer-pages-body #paymentmethodModal .ui-dialog-titlebar button:before, .customer-pages-body #deletepaymentmethodModal .ui-dialog-titlebar button:before {
content: "×";
position: absolute;
top: -10px;
color: #777;
font-weight: 100;
left: 0;
font-size: 34px;
}
.customer-pages-body #paymentmethodModal > .ui-dialog-content, .customer-pages-body #deletepaymentmethodModal > .ui-dialog-content {
padding: 20px;
}
.customer-pages-body .payment-method-page {
text-align: left;
}
.customer-pages-body .payment-method-page form {
margin: 0;
padding: 30px 60px;
max-width: 600px;
}
@media (max-width: 47.99em) {
.customer-pages-body .payment-method-page form {
padding: 0 30px;
}
}
.customer-pages-body #order-history_wrapper {
padding: 0 20px !important;
}
.customer-pages-body .order-list-page .listbox, .customer-pages-body .customer-prescriptions-page .listbox {
display: block;
margin: 0;
padding: 15px;
text-align: center;
}
.customer-pages-body .order-list-page .listbox:after, .customer-pages-body .customer-prescriptions-page .listbox:after {
content: "";
display: block;
clear: both;
}
.customer-pages-body .order-list-page .list li, .customer-pages-body .customer-prescriptions-page .list li {
display: inline-block;
padding: 20px;
width: 49%;
text-align: center;
font-weight: 600;
border: 1px solid #e9e9e9;
border-radius: 3px;
background-color: #f9f9f9;
color: #aaa;
cursor: pointer;
white-space: nowrap;
}
@media (min-width: 17.5em) and (max-width: 33.74em) {
.customer-pages-body .order-list-page .list li, .customer-pages-body .customer-prescriptions-page .list li {
display: block;
width: 100%;
}
}
.customer-pages-body .order-list-page .list li.active, .customer-pages-body .customer-prescriptions-page .list li.active {
background-color: #0588d3;
color: #ffffff;
}
.customer-pages-body .order-list-page .list li.active:hover, .customer-pages-body .customer-prescriptions-page .list li.active:hover {
background-color: rgb(4.4097222222, 119.9444444444, 186.0902777778);
}
.customer-pages-body .order-list-page .list li:hover, .customer-pages-body .customer-prescriptions-page .list li:hover {
background-color: rgb(236.25, 236.25, 236.25);
}
.customer-pages-body .order-list-page #formSuccess, .customer-pages-body .customer-prescriptions-page #formSuccess {
padding: 1em;
}
.customer-pages-body .order-list-page #formSuccess svg, .customer-pages-body .customer-prescriptions-page #formSuccess svg {
width: 50px;
}
.customer-pages-body .order-list-page #formError, .customer-pages-body .customer-prescriptions-page #formError {
padding: 1em;
}
.customer-pages-body .order-list-page #formError i, .customer-pages-body .order-list-page #formError h1, .customer-pages-body .customer-prescriptions-page #formError i, .customer-pages-body .customer-prescriptions-page #formError h1 {
color: #c14343;
}
.customer-pages-body #order-history tbody tr:not(.disable-expand) td.dt-control:after {
display: block;
font-size: 10px;
content: "details";
color: #888;
}
.customer-pages-body #order-history tbody tr.shown:not(.disable-expand) td.dt-control:after {
content: "less";
}
.customer-pages-body #order-history tbody tr {
cursor: pointer;
}
.customer-pages-body #order-history td.dt-control:before {
background-color: transparent !important;
border: none !important;
box-shadow: none !important;
color: #333333;
}
.customer-pages-body #order-history tr.dt-hasChild td.dt-control:before {
background-color: transparent !important;
color: #333333;
}
.customer-pages-body #order-history td[colspan="5"] {
background-color: #f6f6f6;
}
.customer-pages-body #order-history th.item-code {
width: 20%;
}
.customer-pages-body #order-history .split-company-wrapper {
margin: 10px;
padding: 20px;
border: 1px solid #dddddd;
border-radius: 5px;
background-color: #fff;
text-align: left !important;
}
.customer-pages-body #order-history .split-company-wrapper h3 {
margin-bottom: 10px;
}
.customer-pages-body #order-history .split-company-wrapper h3.mci-header {
color: #0588d3;
}
.customer-pages-body #order-history .split-company-wrapper h3.mos-header {
color: #00928f;
}
.customer-pages-body #order-history .split-company-wrapper button {
height: 31.5px;
width: max-content;
}
.customer-pages-body #order-history .split-company-wrapper .backordered-header {
background-color: #f39c12;
text-transform: uppercase;
text-align: left;
font-weight: bold;
color: #ffffff;
display: table-cell !important;
}
.customer-pages-body .order-history-info {
padding: 20px 10px;
}
.customer-pages-body .return-request-modal hr {
margin-bottom: 25px;
}
.customer-pages-body .return-request-modal .modal-content {
text-align: left;
}
.customer-pages-body .return-request-modal .modal-content .details {
padding: 30px;
}
.customer-pages-body .return-request-modal .modal-content .return-label {
padding: 10px 0 30px 0;
}
.customer-pages-body .return-request-modal .modal-content .return-label .dl-return-label-button {
text-transform: uppercase;
font-weight: 600;
}
.customer-pages-body .return-request-modal .modal-content button {
border: 0;
padding: 6px 11px;
border-radius: 3px;
background-color: #0588d3;
border-color: #0588d3;
color: #fff;
}
.customer-pages-body .order-details-modal .totals, .customer-pages-body .backorders-modal .totals, .customer-pages-body .address-edit-modal .totals, .customer-pages-body .return-request-modal .totals {
width: 50%;
margin: 20px 50%;
}
.customer-pages-body .order-details-modal .product-table, .customer-pages-body .backorders-modal .product-table, .customer-pages-body .address-edit-modal .product-table, .customer-pages-body .return-request-modal .product-table {
padding: 20px !important;
}
.customer-pages-body .order-details-modal .product-table thead, .customer-pages-body .backorders-modal .product-table thead, .customer-pages-body .address-edit-modal .product-table thead, .customer-pages-body .return-request-modal .product-table thead {
background-color: transparent !important;
}
.customer-pages-body .order-details-modal .order-details-summary, .customer-pages-body .order-details-modal .address-edit-page, .customer-pages-body .backorders-modal .order-details-summary, .customer-pages-body .backorders-modal .address-edit-page, .customer-pages-body .address-edit-modal .order-details-summary, .customer-pages-body .address-edit-modal .address-edit-page, .customer-pages-body .return-request-modal .order-details-summary, .customer-pages-body .return-request-modal .address-edit-page {
background-color: #f6f6f6;
border-radius: 15px;
padding: 20px;
}
.customer-pages-body .order-details-modal .order-details-summary #invoice-pdf, .customer-pages-body .order-details-modal .address-edit-page #invoice-pdf, .customer-pages-body .backorders-modal .order-details-summary #invoice-pdf, .customer-pages-body .backorders-modal .address-edit-page #invoice-pdf, .customer-pages-body .address-edit-modal .order-details-summary #invoice-pdf, .customer-pages-body .address-edit-modal .address-edit-page #invoice-pdf, .customer-pages-body .return-request-modal .order-details-summary #invoice-pdf, .customer-pages-body .return-request-modal .address-edit-page #invoice-pdf {
border: 0;
padding: 4px 6px;
border-radius: 5px;
background-color: #0588d3;
border-color: #0588d3;
color: #fff;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps, .customer-pages-body .order-details-modal .address-edit-page #ordersteps, .customer-pages-body .backorders-modal .order-details-summary #ordersteps, .customer-pages-body .backorders-modal .address-edit-page #ordersteps, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps, .customer-pages-body .return-request-modal .order-details-summary #ordersteps, .customer-pages-body .return-request-modal .address-edit-page #ordersteps {
max-width: 745px;
text-align: center;
margin: 30px auto;
padding-bottom: 2em;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step {
transition: all 0.3s ease-in-out;
width: 55px;
height: 53px;
background-color: #ffffff;
display: inline-block;
border: 4px solid;
border-color: #ccc;
border-radius: 50%;
color: #999999;
font-weight: normal;
font-size: 20px;
text-align: center;
line-height: 38px;
position: relative;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.order-hold, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.order-hold, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.order-hold, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.order-hold, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.order-hold, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.order-hold, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.order-hold, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.order-hold {
background-color: #e56363;
border-color: #e56363;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.order-hold span, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.order-hold span, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.order-hold span, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.order-hold span, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.order-hold span, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.order-hold span, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.order-hold span, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.order-hold span {
position: absolute;
line-height: 12px;
color: #555555;
font-size: 11px;
display: inline-block;
width: 120px;
text-align: center;
bottom: -16px;
left: -40px;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.order-hold .order-status:before, .customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.order-hold .order-status:after, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.order-hold .order-status:before, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.order-hold .order-status:after, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.order-hold .order-status:before, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.order-hold .order-status:after, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.order-hold .order-status:before, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.order-hold .order-status:after, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.order-hold .order-status:before, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.order-hold .order-status:after, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.order-hold .order-status:before, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.order-hold .order-status:after, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.order-hold .order-status:before, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.order-hold .order-status:after, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.order-hold .order-status:before, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.order-hold .order-status:after {
color: #ffffff;
background-color: #e56363;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.cancelled, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.cancelled, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.cancelled, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.cancelled, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.cancelled, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.cancelled, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.cancelled, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.cancelled {
background-color: #e56363;
border-color: #e56363;
color: #ffffff;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.cancelled:before, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.cancelled:before, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.cancelled:before, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.cancelled:before, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.cancelled:before, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.cancelled:before, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.cancelled:before, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.cancelled:before {
background-color: #e56363 !important;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.cancelled:after, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.cancelled:after, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.cancelled:after, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.cancelled:after, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.cancelled:after, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.cancelled:after, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.cancelled:after, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.cancelled:after {
font-weight: bold;
}
@media (max-width: 47.99em) {
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.order-hold:after, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.order-hold:after, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.order-hold:after, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.order-hold:after, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.order-hold:after, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.order-hold:after, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.order-hold:after, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.order-hold:after {
position: absolute;
white-space: normal !important;
line-height: 14px;
}
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .prepare-icon:before, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .prepare-icon:before, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .prepare-icon:before, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .prepare-icon:before, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .prepare-icon:before, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .prepare-icon:before, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .prepare-icon:before, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .prepare-icon:before {
font-size: 20px;
margin-right: 3px;
font-family: FontAwesome;
content: "\f291";
font-style: normal;
}
@media (min-width: 62.5em) {
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .prepare-icon:after, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .prepare-icon:after, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .prepare-icon:after, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .prepare-icon:after, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .prepare-icon:after, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .prepare-icon:after, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .prepare-icon:after, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .prepare-icon:after {
font-size: 15px;
border-radius: 50%;
background-color: #f5f5f5;
height: 15px;
width: 15px;
top: 22px;
left: 22px;
line-height: 17px;
position: absolute;
font-family: FontAwesome;
content: "\f017";
font-style: normal;
}
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.prodsub:before, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.prodsub:before, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.prodsub:before, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.prodsub:before, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.prodsub:before, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.prodsub:before, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.prodsub:before, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.prodsub:before {
content: "\f291";
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.prodsub:after, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.prodsub:after, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.prodsub:after, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.prodsub:after, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.prodsub:after, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.prodsub:after, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.prodsub:after, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.prodsub:after {
content: "\f021";
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.dea-license:before, .customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.med-license:before, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.dea-license:before, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.med-license:before, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.dea-license:before, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.med-license:before, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.dea-license:before, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.med-license:before, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.dea-license:before, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.med-license:before, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.dea-license:before, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.med-license:before, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.dea-license:before, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.med-license:before, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.dea-license:before, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.med-license:before {
margin-right: 0;
content: "\f2c2";
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.dea-license:after, .customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.med-license:after, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.dea-license:after, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.med-license:after, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.dea-license:after, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.med-license:after, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.dea-license:after, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.med-license:after, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.dea-license:after, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.med-license:after, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.dea-license:after, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.med-license:after, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.dea-license:after, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.med-license:after, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.dea-license:after, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.med-license:after {
content: "\f017";
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.cc:before, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.cc:before, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.cc:before, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.cc:before, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.cc:before, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.cc:before, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.cc:before, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.cc:before {
margin-right: 0;
content: "\f283";
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.cc:after, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.cc:after, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.cc:after, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.cc:after, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.cc:after, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.cc:after, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.cc:after, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.cc:after {
content: "\f017";
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.collab:before, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.collab:before, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.collab:before, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.collab:before, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.collab:before, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.collab:before, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.collab:before, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.collab:before {
font-size: 26px;
content: "\f0f0";
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.collab:after, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.collab:after, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.collab:after, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.collab:after, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.collab:after, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.collab:after, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.collab:after, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.collab:after {
content: "\f017";
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.address:before, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.address:before, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.address:before, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.address:before, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.address:before, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.address:before, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.address:before, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.address:before {
content: "\f2b9";
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.address:after, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.address:after, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.address:after, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.address:after, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.address:after, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.address:after, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.address:after, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.address:after {
content: "\f021";
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.license:before, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.license:before, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.license:before, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.license:before, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.license:before, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.license:before, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.license:before, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.license:before {
content: "\f2bb";
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.license:after, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.license:after, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.license:after, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.license:after, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.license:after, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.license:after, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.license:after, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.license:after {
content: "\f021";
}
@media (max-width: 62.49em) {
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .prepare-icon, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .prepare-icon, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .prepare-icon, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .prepare-icon, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .prepare-icon, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .prepare-icon, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .prepare-icon, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .prepare-icon {
position: relative;
width: 30px;
height: 30px;
background-color: #ffffff !important;
border-radius: 50%;
border-color: #ccc;
border: 2px solid;
display: inline-block;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .prepare-icon:before, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .prepare-icon:before, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .prepare-icon:before, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .prepare-icon:before, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .prepare-icon:before, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .prepare-icon:before, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .prepare-icon:before, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .prepare-icon:before {
font-size: 16px;
margin-left: 4px;
}
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .fa, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .fa, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .fa, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .fa, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .fa, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .fa, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .fa, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .fa {
font-size: 24px;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .fa.fa-cog, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .fa.fa-cog, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .fa.fa-cog, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .fa.fa-cog, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .fa.fa-cog, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .fa.fa-cog, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .fa.fa-cog, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .fa.fa-cog {
font-size: 22px;
margin-right: 0;
margin-top: 0;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .fa.fa-paper-plane, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .fa.fa-paper-plane, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .fa.fa-paper-plane, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .fa.fa-paper-plane, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .fa.fa-paper-plane, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .fa.fa-paper-plane, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .fa.fa-paper-plane, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .fa.fa-paper-plane {
font-size: 19px;
margin-right: 4px;
margin-top: -2px;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .fa.fa-truck, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .fa.fa-truck, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .fa.fa-truck, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .fa.fa-truck, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .fa.fa-truck, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .fa.fa-truck, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .fa.fa-truck, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .fa.fa-truck {
font-size: 21px;
margin-right: 2px;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .fa.fa-home, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .fa.fa-home, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .fa.fa-home, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .fa.fa-home, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .fa.fa-home, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .fa.fa-home, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .fa.fa-home, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .fa.fa-home {
font-size: 22px;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step:first-child, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step:first-child, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step:first-child, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step:first-child, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step:first-child, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step:first-child, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step:first-child, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step:first-child {
line-height: 43px;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step:nth-child(n+2), .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step:nth-child(n+2), .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step:nth-child(n+2), .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step:nth-child(n+2), .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step:nth-child(n+2), .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step:nth-child(n+2), .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step:nth-child(n+2), .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step:nth-child(n+2) {
margin: 0 0 0 77px;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step:nth-child(n+2):before, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step:nth-child(n+2):before, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step:nth-child(n+2):before, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step:nth-child(n+2):before, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step:nth-child(n+2):before, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step:nth-child(n+2):before, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step:nth-child(n+2):before, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step:nth-child(n+2):before {
width: 45px;
height: 3px;
display: block;
background-color: #ccc;
transform: translate(-65px, 21px);
content: "";
}
@media (max-width: 62.49em) {
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.done i:after, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.done i:after, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.done i:after, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.done i:after, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.done i:after, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.done i:after, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.done i:after, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.done i:after {
width: 3px !important;
height: 12px !important;
display: block !important;
background-color: #ccc;
content: "" !important;
position: absolute;
bottom: -16px;
left: 18px;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.order-hold i, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.order-hold i, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.order-hold i, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.order-hold i, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.order-hold i, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.order-hold i, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.order-hold i, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.order-hold i {
position: relative;
width: 30px !important;
padding: 0 4px 0 5px !important;
height: 30px !important;
background-color: #e56363 !important;
border-radius: 50%;
border-color: #e56363 !important;
border: 2px solid;
display: inline-block;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.order-hold i:before, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.order-hold i:before, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.order-hold i:before, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.order-hold i:before, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.order-hold i:before, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.order-hold i:before, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.order-hold i:before, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.order-hold i:before {
font-size: 13px !important;
margin-left: 0px;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.order-hold i:after, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.order-hold i:after, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.order-hold i:after, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.order-hold i:after, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.order-hold i:after, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.order-hold i:after, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.order-hold i:after, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.order-hold i:after {
display: none;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.order-hold i.prodsub:before, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.order-hold i.prodsub:before, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.order-hold i.prodsub:before, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.order-hold i.prodsub:before, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.order-hold i.prodsub:before, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.order-hold i.prodsub:before, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.order-hold i.prodsub:before, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.order-hold i.prodsub:before {
font-size: 15px !important;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.order-hold i.collab:before, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.order-hold i.collab:before, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.order-hold i.collab:before, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.order-hold i.collab:before, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.order-hold i.collab:before, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.order-hold i.collab:before, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.order-hold i.collab:before, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.order-hold i.collab:before {
font-size: 18px !important;
margin-left: 1px;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.order-hold i.address:before, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.order-hold i.address:before, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.order-hold i.address:before, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.order-hold i.address:before, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.order-hold i.address:before, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.order-hold i.address:before, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.order-hold i.address:before, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.order-hold i.address:before {
font-size: 15px !important;
padding-left: 2px;
}
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step:after, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step:after, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step:after, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step:after, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step:after, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step:after, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step:after, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step:after {
width: 150px;
display: block;
transform: translate(-55px, 3px);
color: #666;
content: attr(data-desc);
line-height: 1.2em;
font-weight: 400;
font-size: 13px;
}
@media (min-width: 62.5em) {
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step:after, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step:after, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step:after, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step:after, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step:after, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step:after, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step:after, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step:after {
top: 56px;
position: absolute;
}
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.done:after, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.done:after, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.done:after, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.done:after, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.done:after, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.done:after, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.done:after, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.done:after {
font-weight: bold;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.order-hold:after, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.order-hold:after, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.order-hold:after, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.order-hold:after, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.order-hold:after, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.order-hold:after, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.order-hold:after, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.order-hold:after {
color: #e56363;
font-weight: bold;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.active, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.active, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.active, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.active, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.active, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.active, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.active, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.active {
border-color: #0588d3;
color: #0588d3;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.active:before, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.active:before, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.active:before, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.active:before, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.active:before, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.active:before, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.active:before, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.active:before {
background: linear-gradient(to right, #4fbb41 0%, #0588d3 100%);
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.active:after, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.active:after, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.active:after, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.active:after, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.active:after, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.active:after, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.active:after, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.active:after {
color: #0588d3;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.done, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.done, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.done, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.done, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.done, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.done, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.done, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.done {
background-color: #4fbb41;
border-color: #4fbb41;
color: #ffffff;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.done:before, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.done:before, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.done:before, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.done:before, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.done:before, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.done:before, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.done:before, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.done:before {
background-color: #4fbb41;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.cancelled, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.cancelled, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.cancelled, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.cancelled, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.cancelled, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.cancelled, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.cancelled, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.cancelled {
background-color: #c14343;
border-color: #c14343;
color: #ffffff;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.cancelled:before, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.cancelled:before, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.cancelled:before, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.cancelled:before, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.cancelled:before, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.cancelled:before, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.cancelled:before, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.cancelled:before {
background-color: #c14343;
}
@media (min-width: 17.5em) and (max-width: 62.49em) {
.customer-pages-body .order-details-modal .order-details-summary #ordersteps, .customer-pages-body .order-details-modal .address-edit-page #ordersteps, .customer-pages-body .backorders-modal .order-details-summary #ordersteps, .customer-pages-body .backorders-modal .address-edit-page #ordersteps, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps, .customer-pages-body .return-request-modal .order-details-summary #ordersteps, .customer-pages-body .return-request-modal .address-edit-page #ordersteps {
justify-content: left;
margin: 0 auto 20px !important;
max-width: none !important;
width: fit-content;
padding-bottom: 0;
}
}
@media (min-width: 17.5em) and (max-width: 62.49em) and (min-width: 17.5em) and (max-width: 29.99em) {
.customer-pages-body .order-details-modal .order-details-summary #ordersteps, .customer-pages-body .order-details-modal .address-edit-page #ordersteps, .customer-pages-body .backorders-modal .order-details-summary #ordersteps, .customer-pages-body .backorders-modal .address-edit-page #ordersteps, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps, .customer-pages-body .return-request-modal .order-details-summary #ordersteps, .customer-pages-body .return-request-modal .address-edit-page #ordersteps {
width: 100%;
}
}
@media (min-width: 17.5em) and (max-width: 62.49em) {
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step {
height: auto !important;
width: auto !important;
margin: 20px auto !important;
line-height: 22px !important;
background-color: transparent !important;
border-radius: 0 !important;
border: 0 !important;
text-align: left !important;
padding: 0 6px;
letter-spacing: -0.03em;
display: block !important;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step:nth-child(n+2) .fa:after, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step:nth-child(n+2) .fa:after, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step:nth-child(n+2) .fa:after, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step:nth-child(n+2) .fa:after, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step:nth-child(n+2) .fa:after, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step:nth-child(n+2) .fa:after, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step:nth-child(n+2) .fa:after, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step:nth-child(n+2) .fa:after {
width: 3px !important;
height: 10px !important;
display: block !important;
background-color: #ccc;
content: "" !important;
position: absolute;
top: -16px;
left: 18px;
margin-right: 10px;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step:nth-child(n+2), .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step:nth-child(n+2), .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step:nth-child(n+2), .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step:nth-child(n+2), .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step:nth-child(n+2), .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step:nth-child(n+2), .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step:nth-child(n+2), .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step:nth-child(n+2) {
transform: none !important;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step:before, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step:before, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step:before, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step:before, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step:before, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step:before, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step:before, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step:before {
display: none !important;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step:after, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step:after, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step:after, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step:after, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step:after, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step:after, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step:after, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step:after {
display: inline-block !important;
transform: none !important;
width: auto !important;
margin-left: 5px;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step:first-child:after, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step:first-child:after, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step:first-child:after, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step:first-child:after, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step:first-child:after, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step:first-child:after, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step:first-child:after, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step:first-child:after {
transform: none !important;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.done:after, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.done:after, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.done:after, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.done:after, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.done:after, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.done:after, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.done:after, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.done:after {
font-weight: bold !important;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.done .fa, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.done .fa, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.done .fa, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.done .fa, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.done .fa, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.done .fa, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.done .fa, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.done .fa {
background-color: #4fbb41 !important;
border-color: #4fbb41 !important;
border: 2px solid;
color: #ffffff;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step.start br, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step.start br, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step.start br, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step.start br, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step.start br, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step.start br, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step.start br, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step.start br {
display: none;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .no-license, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .no-license, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .no-license, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .no-license, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .no-license, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .no-license, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .no-license, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .no-license {
top: 24px !important;
width: 308px !important;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .prepare-icon, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .prepare-icon, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .prepare-icon, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .prepare-icon, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .prepare-icon, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .prepare-icon, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .prepare-icon, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .prepare-icon {
position: initial !important;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.startOrder:before, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.startOrder:before, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.startOrder:before, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.startOrder:before, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.startOrder:before, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.startOrder:before, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.startOrder:before, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.startOrder:before {
font-size: 16px !important;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.med-license:before, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.med-license:before, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.med-license:before, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.med-license:before, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.med-license:before, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.med-license:before, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .prepare-icon.order-status.med-license:before, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .prepare-icon.order-status.med-license:before {
font-size: 15px !important;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .fa, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .fa, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .fa, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .fa, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .fa, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .fa, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .fa, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .fa {
width: 30px;
height: 30px;
background-color: #ffffff !important;
border-radius: 50%;
border-color: #ccc;
border: 2px solid;
font-size: 22px !important;
margin: 0 !important;
padding: 0 !important;
color: #999999;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .fa.fa-check, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .fa.fa-check, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .fa.fa-check, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .fa.fa-check, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .fa.fa-check, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .fa.fa-check, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .fa.fa-check, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .fa.fa-check {
padding: 4px !important;
font-size: 18px !important;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .fa.fa-ban, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .fa.fa-ban, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .fa.fa-ban, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .fa.fa-ban, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .fa.fa-ban, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .fa.fa-ban, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .fa.fa-ban, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .fa.fa-ban {
padding: 5px !important;
font-size: 18px !important;
background-color: #e56363 !important;
border-color: #e56363 !important;
color: #ffffff;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .fa.fa-envelope, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .fa.fa-envelope, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .fa.fa-envelope, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .fa.fa-envelope, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .fa.fa-envelope, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .fa.fa-envelope, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .fa.fa-envelope, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .fa.fa-envelope {
padding: 5px !important;
font-size: 15px !important;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .fa.fa-cog, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .fa.fa-cog, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .fa.fa-cog, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .fa.fa-cog, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .fa.fa-cog, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .fa.fa-cog, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .fa.fa-cog, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .fa.fa-cog {
font-size: 17px !important;
padding: 4px 5px 5px 6px !important;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .fa.fa-paper-plane, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .fa.fa-paper-plane, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .fa.fa-paper-plane, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .fa.fa-paper-plane, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .fa.fa-paper-plane, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .fa.fa-paper-plane, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .fa.fa-paper-plane, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .fa.fa-paper-plane {
font-size: 15px !important;
padding: 5px !important;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .fa.fa-truck, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .fa.fa-truck, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .fa.fa-truck, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .fa.fa-truck, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .fa.fa-truck, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .fa.fa-truck, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .fa.fa-truck, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .fa.fa-truck {
font-size: 16px !important;
padding: 4px !important;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .fa.fa-home, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .fa.fa-home, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .fa.fa-home, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .fa.fa-home, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .fa.fa-home, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .fa.fa-home, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .fa.fa-home, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .fa.fa-home {
font-size: 19px !important;
padding: 4px 4px !important;
}
.customer-pages-body .order-details-modal .order-details-summary #ordersteps .step .fa .fa-clock-o, .customer-pages-body .order-details-modal .address-edit-page #ordersteps .step .fa .fa-clock-o, .customer-pages-body .backorders-modal .order-details-summary #ordersteps .step .fa .fa-clock-o, .customer-pages-body .backorders-modal .address-edit-page #ordersteps .step .fa .fa-clock-o, .customer-pages-body .address-edit-modal .order-details-summary #ordersteps .step .fa .fa-clock-o, .customer-pages-body .address-edit-modal .address-edit-page #ordersteps .step .fa .fa-clock-o, .customer-pages-body .return-request-modal .order-details-summary #ordersteps .step .fa .fa-clock-o, .customer-pages-body .return-request-modal .address-edit-page #ordersteps .step .fa .fa-clock-o {
margin-left: 3px !important;
font-size: 23px !important;
}
}
.customer-pages-body .order-details-modal .order-details-summary .order-details-area, .customer-pages-body .order-details-modal .address-edit-page .order-details-area, .customer-pages-body .backorders-modal .order-details-summary .order-details-area, .customer-pages-body .backorders-modal .address-edit-page .order-details-area, .customer-pages-body .address-edit-modal .order-details-summary .order-details-area, .customer-pages-body .address-edit-modal .address-edit-page .order-details-area, .customer-pages-body .return-request-modal .order-details-summary .order-details-area, .customer-pages-body .return-request-modal .address-edit-page .order-details-area {
margin: 0 0 30px;
}
.customer-pages-body .order-details-modal .order-details-summary .tracking-information h5, .customer-pages-body .order-details-modal .address-edit-page .tracking-information h5, .customer-pages-body .backorders-modal .order-details-summary .tracking-information h5, .customer-pages-body .backorders-modal .address-edit-page .tracking-information h5, .customer-pages-body .address-edit-modal .order-details-summary .tracking-information h5, .customer-pages-body .address-edit-modal .address-edit-page .tracking-information h5, .customer-pages-body .return-request-modal .order-details-summary .tracking-information h5, .customer-pages-body .return-request-modal .address-edit-page .tracking-information h5 {
text-align: left;
}
.customer-pages-body .order-details-modal .order-details-summary .tracking-information span.status, .customer-pages-body .order-details-modal .address-edit-page .tracking-information span.status, .customer-pages-body .backorders-modal .order-details-summary .tracking-information span.status, .customer-pages-body .backorders-modal .address-edit-page .tracking-information span.status, .customer-pages-body .address-edit-modal .order-details-summary .tracking-information span.status, .customer-pages-body .address-edit-modal .address-edit-page .tracking-information span.status, .customer-pages-body .return-request-modal .order-details-summary .tracking-information span.status, .customer-pages-body .return-request-modal .address-edit-page .tracking-information span.status {
float: right;
}
.customer-pages-body .order-details-modal .order-details-summary .osmolarity-order-info .row, .customer-pages-body .order-details-modal .address-edit-page .osmolarity-order-info .row, .customer-pages-body .backorders-modal .order-details-summary .osmolarity-order-info .row, .customer-pages-body .backorders-modal .address-edit-page .osmolarity-order-info .row, .customer-pages-body .address-edit-modal .order-details-summary .osmolarity-order-info .row, .customer-pages-body .address-edit-modal .address-edit-page .osmolarity-order-info .row, .customer-pages-body .return-request-modal .order-details-summary .osmolarity-order-info .row, .customer-pages-body .return-request-modal .address-edit-page .osmolarity-order-info .row {
border: 1px solid #e9e9e9;
border-radius: 15px;
background-color: #ffffff;
padding: 10px;
margin: 10px;
}
.customer-pages-body .order-details-modal .order-details-summary .osmolarity-order-info .row h4, .customer-pages-body .order-details-modal .address-edit-page .osmolarity-order-info .row h4, .customer-pages-body .backorders-modal .order-details-summary .osmolarity-order-info .row h4, .customer-pages-body .backorders-modal .address-edit-page .osmolarity-order-info .row h4, .customer-pages-body .address-edit-modal .order-details-summary .osmolarity-order-info .row h4, .customer-pages-body .address-edit-modal .address-edit-page .osmolarity-order-info .row h4, .customer-pages-body .return-request-modal .order-details-summary .osmolarity-order-info .row h4, .customer-pages-body .return-request-modal .address-edit-page .osmolarity-order-info .row h4 {
padding-bottom: 10px;
}
.customer-pages-body .order-details-modal .section, .customer-pages-body .backorders-modal .section, .customer-pages-body .address-edit-modal .section, .customer-pages-body .return-request-modal .section {
border-top: none;
}
.customer-pages-body .order-details-modal .section.mas-invoice .table-wrapper, .customer-pages-body .backorders-modal .section.mas-invoice .table-wrapper, .customer-pages-body .address-edit-modal .section.mas-invoice .table-wrapper, .customer-pages-body .return-request-modal .section.mas-invoice .table-wrapper {
padding: 0;
}
.customer-pages-body .order-details-modal .section.mas-invoice .table-wrapper .name, .customer-pages-body .backorders-modal .section.mas-invoice .table-wrapper .name, .customer-pages-body .address-edit-modal .section.mas-invoice .table-wrapper .name, .customer-pages-body .return-request-modal .section.mas-invoice .table-wrapper .name {
width: 100%;
}
.customer-pages-body .order-details-modal .section.actions, .customer-pages-body .backorders-modal .section.actions, .customer-pages-body .address-edit-modal .section.actions, .customer-pages-body .return-request-modal .section.actions {
padding-bottom: 30px;
}
.customer-pages-body .order-details-modal .section div.attributes span, .customer-pages-body .backorders-modal .section div.attributes span, .customer-pages-body .address-edit-modal .section div.attributes span, .customer-pages-body .return-request-modal .section div.attributes span {
display: block;
padding-top: 5px;
}
.customer-pages-body .order-details-modal .title, .customer-pages-body .backorders-modal .title, .customer-pages-body .address-edit-modal .title, .customer-pages-body .return-request-modal .title {
padding: 0 !important;
color: #0588d3;
}
.customer-pages-body .order-details-modal .title strong, .customer-pages-body .backorders-modal .title strong, .customer-pages-body .address-edit-modal .title strong, .customer-pages-body .return-request-modal .title strong {
color: #0588d3 !important;
}
.customer-pages-body .order-details-modal .shipment-details-page .page-body:before, .customer-pages-body .backorders-modal .shipment-details-page .page-body:before, .customer-pages-body .address-edit-modal .shipment-details-page .page-body:before, .customer-pages-body .return-request-modal .shipment-details-page .page-body:before {
display: none;
}
.customer-pages-body tr.order-hold {
background-color: #dd4b39 !important;
color: #ffffff !important;
}
.customer-pages-body tr.order-hold tbody tr:not(.disable-expand) td.dt-control:after {
color: #ffffff !important;
}
.customer-pages-body tr.order-hold td.dt-control:before, .customer-pages-body tr.order-hold td.dt-control:after {
color: #ffffff !important;
}
.customer-pages-body td.status, .customer-pages-body td[data-title=Status] {
font-size: 13px;
}
.customer-pages-body td.status .grid-report-item, .customer-pages-body td[data-title=Status] .grid-report-item {
padding: 0.3em 0.2em;
display: inline-block;
text-align: center;
width: 120px !important;
border-radius: 3px;
}
@media (max-width: 500px) {
.customer-pages-body td.status .grid-report-item, .customer-pages-body td[data-title=Status] .grid-report-item {
width: 100px !important;
min-width: auto;
overflow: hidden;
}
}
.customer-pages-body td.status .grid-report-item.red, .customer-pages-body td[data-title=Status] .grid-report-item.red {
background-color: #dd4b39;
color: #fff;
}
.customer-pages-body td.status .grid-report-item.yellow, .customer-pages-body td[data-title=Status] .grid-report-item.yellow {
background-color: #f39c12;
color: #fff;
}
.customer-pages-body td.status .grid-report-item.blue, .customer-pages-body td[data-title=Status] .grid-report-item.blue {
background-color: #00c0ef;
color: #fff;
}
.customer-pages-body td.status .grid-report-item.green, .customer-pages-body td[data-title=Status] .grid-report-item.green {
background-color: #00a65a;
color: #fff;
}
.customer-pages-body td.status .grid-report-item .tagged, .customer-pages-body td[data-title=Status] .grid-report-item .tagged {
text-align: center;
display: block;
padding: 0.2em 0 0.3em 0;
line-height: 15px;
border-radius: 0.25em;
color: #fff;
}
.customer-pages-body td.status .grid-report-item .tagged small, .customer-pages-body td[data-title=Status] .grid-report-item .tagged small {
display: block;
opacity: 0.7;
margin: 0;
padding: 0;
font-weight: 100;
text-transform: lowercase;
font-size: 11px;
margin-bottom: -2px;
}
.customer-pages-body .grid-report-item {
padding: 0.3em 0.2em;
display: inline-block;
text-align: center;
width: 120px !important;
border-radius: 3px;
}
@media (max-width: 500px) {
.customer-pages-body .grid-report-item {
width: 100px !important;
min-width: auto;
overflow: hidden;
}
}
.customer-pages-body .grid-report-item.red {
background-color: #dd4b39;
color: #fff;
}
.customer-pages-body .grid-report-item.yellow {
background-color: #f39c12;
color: #fff;
}
.customer-pages-body .grid-report-item.blue {
background-color: #00c0ef;
color: #fff;
}
.customer-pages-body .grid-report-item.green {
background-color: #00a65a;
color: #fff;
}
.customer-pages-body .grid-report-item .tagged {
text-align: center;
display: block;
padding: 0.2em 0 0.3em 0;
line-height: 15px;
border-radius: 0.25em;
color: #fff;
}
.customer-pages-body .grid-report-item .tagged small {
display: block;
opacity: 0.7;
margin: 0;
padding: 0;
font-weight: 100;
text-transform: lowercase;
font-size: 11px;
margin-bottom: -2px;
}
.customer-pages-body .upload-prescription-body, .customer-pages-body .prescription-history-body {
padding: 15px;
}
.customer-pages-body .upload-prescription-body button {
width: auto;
min-width: 125px;
height: 40px;
line-height: 40px;
font-size: 13px;
font-weight: 700;
margin: 20px 5px !important;
background-color: #0588d3;
color: #ffffff;
padding: 0 25px;
border: none;
border-radius: 3px;
}
.customer-pages-body .upload-prescription-body .button-add {
display: block;
text-align: left;
}
.customer-pages-body .upload-prescription-body .button-add button {
margin: 0 10px !important;
background-color: #999999;
}
.customer-pages-body .upload-prescription-body select {
width: -webkit-fill-available;
margin: 10px;
}
.customer-pages-body .upload-prescription-body textarea {
width: 90%;
padding: 10px;
}
.customer-pages-body .information-upload-section, .customer-pages-body .address-upload-section, .customer-pages-body .cc-upload-section, .customer-pages-body .confirm-section {
padding: 1em;
background: #ffffff;
border: 1px solid rgb(229.5, 229.5, 229.5);
text-align: center;
}
.customer-pages-body .information-upload-section .information-upload-section-body, .customer-pages-body .information-upload-section .address-upload-section-body, .customer-pages-body .information-upload-section .cc-upload-section-body, .customer-pages-body .information-upload-section .confirm-section-body, .customer-pages-body .address-upload-section .information-upload-section-body, .customer-pages-body .address-upload-section .address-upload-section-body, .customer-pages-body .address-upload-section .cc-upload-section-body, .customer-pages-body .address-upload-section .confirm-section-body, .customer-pages-body .cc-upload-section .information-upload-section-body, .customer-pages-body .cc-upload-section .address-upload-section-body, .customer-pages-body .cc-upload-section .cc-upload-section-body, .customer-pages-body .cc-upload-section .confirm-section-body, .customer-pages-body .confirm-section .information-upload-section-body, .customer-pages-body .confirm-section .address-upload-section-body, .customer-pages-body .confirm-section .cc-upload-section-body, .customer-pages-body .confirm-section .confirm-section-body {
margin: 20px 0;
display: none;
}
.customer-pages-body .information-upload-section.active .information-upload-section-body, .customer-pages-body .information-upload-section.active .address-upload-section-body, .customer-pages-body .information-upload-section.active .cc-upload-section-body, .customer-pages-body .information-upload-section.active .confirm-section-body, .customer-pages-body .address-upload-section.active .information-upload-section-body, .customer-pages-body .address-upload-section.active .address-upload-section-body, .customer-pages-body .address-upload-section.active .cc-upload-section-body, .customer-pages-body .address-upload-section.active .confirm-section-body, .customer-pages-body .cc-upload-section.active .information-upload-section-body, .customer-pages-body .cc-upload-section.active .address-upload-section-body, .customer-pages-body .cc-upload-section.active .cc-upload-section-body, .customer-pages-body .cc-upload-section.active .confirm-section-body, .customer-pages-body .confirm-section.active .information-upload-section-body, .customer-pages-body .confirm-section.active .address-upload-section-body, .customer-pages-body .confirm-section.active .cc-upload-section-body, .customer-pages-body .confirm-section.active .confirm-section-body {
display: block;
}
.customer-pages-body .rx-step {
padding: 1em;
background: #fff;
border: 1px solid #e6e6e6;
text-align: center;
position: relative;
border-radius: 6px;
}
.customer-pages-body .rx-step > h3 {
background-color: #c8c8c8;
cursor: pointer;
text-align: left;
display: block;
padding: 1em;
border-radius: 6px;
}
.customer-pages-body .rx-step h4 {
padding: 1em;
}
.customer-pages-body .rx-step .steps {
font-size: 21px;
top: 1.1em;
left: 1em;
display: inline-block;
margin-right: 10px;
border-radius: 50%;
width: 30px;
height: 30px;
text-align: center;
background-color: #999;
color: #fff;
}
.customer-pages-body .rx-step .step-validation {
display: none;
border: 2px solid #ddd;
color: #4fbb41;
background-color: #fff;
font-size: 21px;
border-radius: 50%;
text-align: center;
float: right;
}
.customer-pages-body .rx-step .step-validation.step-valid {
display: block;
}
.customer-pages-body .rx-step textarea::placeholder {
color: #bbb;
}
.customer-pages-body .file-upload {
position: relative;
width: 80%;
margin: 0 auto;
padding: 20px 0 10px;
}
.customer-pages-body .file-upload small {
padding: 4px;
font-size: 14px;
color: #333;
text-align: center;
display: block;
margin: 0 auto;
}
.customer-pages-body .file-upload h4 {
margin: 0 0 4px 0;
font-size: 14px;
}
.customer-pages-body .error-panel-view {
display: none;
background-color: #d9534f;
padding: 10px;
color: #ffffff !important;
font-size: 15px;
border-radius: 3px;
}
.customer-pages-body .error-panel-view .fa-exclamation-triangle {
display: inline-block;
color: #ffffff;
margin-right: 10px;
}
.customer-pages-body .file-upload-content {
display: none;
text-align: center;
}
.customer-pages-body .file-upload-input {
position: absolute;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
outline: none;
opacity: 0;
right: 0;
left: 0;
top: 0;
bottom: 0;
cursor: pointer;
}
.customer-pages-body .image-upload-wrap {
border: 2px dashed #0588d3;
position: relative;
padding: 160px 14px 50px 14px;
vertical-align: middle;
}
.customer-pages-body .image-upload-wrap.greydots {
border: 4px dashed #ccc;
}
.customer-pages-body .image-upload-wrap:hover {
background-color: #eeeeee;
}
.customer-pages-body .image-dropping {
background-color: #eeeeee;
}
.customer-pages-body .image-title-wrap {
padding: 0;
color: #333333;
}
.customer-pages-body .drag-text {
text-align: center;
}
.customer-pages-body .drag-text h3 {
font-family: Open Sans, Arial;
font-weight: bold;
color: #333333;
font-size: 14px;
padding: 4px 0;
}
.customer-pages-body .drag-text h3:before {
pointer-events: none;
font-family: FontAwesome;
position: absolute;
font-size: 8em;
font-weight: 100;
top: 30px;
left: 0;
right: 0;
content: "\f044";
color: #ccc;
}
.customer-pages-body .drag-text h3 span {
font-weight: normal;
}
.customer-pages-body .drag-text h3 i.fa-check {
color: #4fbb41;
padding: 5px;
}
.customer-pages-body .return-request-list-page .return-text {
padding: 10px 0 20px 0;
}
.customer-pages-body .return-request-list-page .return-text p {
margin: 10px 0;
font-size: 14px;
text-align: left;
}
.customer-pages-body .return-request-list-page .return-text p:first-child {
padding: 30px 0;
margin: -12px 0 12px 0;
font-size: 16px;
font-weight: 100;
text-align: center;
}
.customer-pages-body .return-request-list-page .return-text p:first-child:before {
font-family: FontAwesome;
content: "\f021";
font-size: 20px;
margin-right: 10px;
display: block;
}
.checkout-page .page-body ol {
display: inline-block;
vertical-align: top;
}
.checkout-page .page-body ol#checkout-steps {
width: 70%;
margin-right: 5px;
}
@media (max-width: 62.49em) {
.checkout-page .page-body ol#checkout-steps {
width: 100%;
}
}
.checkout-page .page-body ol#order-summary {
width: 29.25%;
border: 1px solid #e9e9e9;
background-color: #ffffff;
cursor: default;
float: right;
}
@media (max-width: 62.49em) {
.checkout-page .page-body ol#order-summary {
width: 100%;
margin-bottom: 10px;
}
}
@media (min-width: 62.5em) {
.checkout-page .page-body ol#order-summary {
position: sticky;
top: 100px;
}
}
.checkout-page .page-body ol#order-summary .step-title {
background-color: #f9f9f9;
overflow: hidden;
padding: 15px 20px;
color: #333333;
line-height: 26px;
}
.checkout-page .page-body ol#order-summary .step-title .title {
color: #777;
float: left;
font-weight: 300;
font-size: 15px;
text-transform: uppercase;
}
.checkout-page .page-body ol#order-summary .step-title a {
float: right;
color: #0588d3;
}
.checkout-page .page-body ol#order-summary .split-totals {
padding: 15px;
}
.checkout-page .page-body ol#order-summary .split-totals h4 {
padding: 5px;
}
.checkout-page .page-body ol#order-summary .split-totals.mos h4 {
color: #00928f;
}
.checkout-page .page-body ol#order-summary .split-totals.mos .order-total {
color: #00928f;
}
.checkout-page .page-body ol#order-summary .split-totals .order-total {
text-transform: none;
font-weight: normal;
}
.checkout-page .page-body ol#order-summary .split-totals .order-total strong {
font-weight: normal;
}
.checkout-page .page-body ol#order-summary .split-totals .backordered-totals {
color: #f39c12;
}
.checkout-page .page-body ol#order-summary .overall-totals {
padding: 15px;
}
.checkout-page .shipBtn-disabled-true, .shopping-cart-page .shipBtn-disabled-true {
opacity: 0.25 !important;
cursor: auto !important;
}
.checkout-page #confirm-order-buttons-container, .shopping-cart-page #confirm-order-buttons-container {
text-align: left !important;
}
.checkout-page .shipBtn-disabled-false, .shopping-cart-page .shipBtn-disabled-false {
opacity: 1 !important;
cursor: pointer !important;
}
.checkout-page .billingBtn-disabled-true, .shopping-cart-page .billingBtn-disabled-true {
opacity: 0.25 !important;
cursor: auto !important;
}
.checkout-page .billingBtn-disabled-false, .shopping-cart-page .billingBtn-disabled-false {
opacity: 1 !important;
cursor: pointer !important;
}
.checkout-page .cart-wrapper, .shopping-cart-page .cart-wrapper {
margin: 10px 0;
}
.checkout-page .cart-wrapper .mci-backordered-items .cart-header-row, .checkout-page .cart-wrapper .mos-backordered-items .cart-header-row, .shopping-cart-page .cart-wrapper .mci-backordered-items .cart-header-row, .shopping-cart-page .cart-wrapper .mos-backordered-items .cart-header-row {
display: block !important;
background: #f39c12;
color: #ffffff;
padding: 20px;
border-radius: 4px;
}
.checkout-page .cart-wrapper .mci-backordered-items .cart-header-row h3, .checkout-page .cart-wrapper .mos-backordered-items .cart-header-row h3, .shopping-cart-page .cart-wrapper .mci-backordered-items .cart-header-row h3, .shopping-cart-page .cart-wrapper .mos-backordered-items .cart-header-row h3 {
color: #ffffff;
text-transform: uppercase;
}
.checkout-page .cart-wrapper .mci-backordered-items .subtotal, .checkout-page .cart-wrapper .mos-backordered-items .subtotal, .shopping-cart-page .cart-wrapper .mci-backordered-items .subtotal, .shopping-cart-page .cart-wrapper .mos-backordered-items .subtotal {
color: #f39c12;
}
.checkout-page .cart-wrapper .cart-split-shipments, .shopping-cart-page .cart-wrapper .cart-split-shipments {
padding: 20px 0 10px 0;
overflow: hidden;
}
.checkout-page .cart-wrapper .cart-split-shipments.cart-split-totals, .shopping-cart-page .cart-wrapper .cart-split-shipments.cart-split-totals {
background-color: #f9f9f9;
}
.checkout-page .cart-wrapper .cart-split-shipments.cart-split-totals .totals, .shopping-cart-page .cart-wrapper .cart-split-shipments.cart-split-totals .totals {
margin: 0px 40px;
width: 30% !important;
float: right;
}
@media (max-width: 62.49em) {
.checkout-page .cart-wrapper .cart-split-shipments.cart-split-totals .totals, .shopping-cart-page .cart-wrapper .cart-split-shipments.cart-split-totals .totals {
width: auto !important;
}
}
.checkout-page .cart-wrapper .cart-split-shipments.cart-split-totals .totals .order-total, .shopping-cart-page .cart-wrapper .cart-split-shipments.cart-split-totals .totals .order-total {
color: #777;
}
.checkout-page .cart-wrapper .cart-split-shipments.cart-split-totals .backordered-totals, .shopping-cart-page .cart-wrapper .cart-split-shipments.cart-split-totals .backordered-totals {
color: #f39c12;
font-weight: 600;
}
.checkout-page .cart-wrapper .cart-split-shipping, .shopping-cart-page .cart-wrapper .cart-split-shipping {
border: 1px solid #e9e9e9;
border-radius: 5px;
padding: 20px;
}
.checkout-page .cart-wrapper .cart-split-shipping .shipping-options, .shopping-cart-page .cart-wrapper .cart-split-shipping .shipping-options {
margin: 12px 0;
}
.checkout-page .cart-wrapper .cart-split-shipping .radio-option, .shopping-cart-page .cart-wrapper .cart-split-shipping .radio-option {
border: 1px solid #e9e9e9;
border-radius: 5px;
padding: 20px;
width: 300px;
}
.checkout-page .cart-wrapper .cart-split-shipping .radio-option.selected, .shopping-cart-page .cart-wrapper .cart-split-shipping .radio-option.selected {
border: 1px solid #f39c12;
background-color: #fef5e7;
}
.checkout-page .cart-wrapper .cart-split-shipping .radio-option label, .shopping-cart-page .cart-wrapper .cart-split-shipping .radio-option label {
margin-left: 15px;
}
.checkout-page .cart-wrapper .cart-split-shipping a, .shopping-cart-page .cart-wrapper .cart-split-shipping a {
color: #0588d3;
}
.checkout-page .cart-wrapper .cart-item-row:last-child, .shopping-cart-page .cart-wrapper .cart-item-row:last-child {
border-bottom: 1px solid #f0f0f0;
}
.checkout-page #removecartitemModal-overlay, .shopping-cart-page #removecartitemModal-overlay {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 998;
background: rgba(0, 0, 0, 0.5);
}
.checkout-page #removecartitemModal, .shopping-cart-page #removecartitemModal {
position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
height: auto;
width: 50%;
display: none;
border: 1px solid rgba(0, 0, 0, 0.5);
border-radius: 5px;
}
@media (max-width: 29.99em) {
.checkout-page #removecartitemModal, .shopping-cart-page #removecartitemModal {
max-height: 75vh;
overflow-y: auto;
}
}
@media (min-width: 48em) {
.checkout-page #removecartitemModal, .shopping-cart-page #removecartitemModal {
min-width: 600px;
}
}
.checkout-page #removecartitemModal .ui-dialog-titlebar button:before, .shopping-cart-page #removecartitemModal .ui-dialog-titlebar button:before {
content: "×";
position: absolute;
top: -10px;
color: #777;
font-weight: 100;
left: 0;
font-size: 34px;
}
.checkout-page #removecartitemModal > .ui-dialog-content, .shopping-cart-page #removecartitemModal > .ui-dialog-content {
padding: 20px;
}
.d-inline-block {
display: inline-block;
}
.hidden {
display: none !important;
}
.text-danger {
color: #d9534f;
}
.color-mos {
background-color: #00928f !important;
}
.text-color-mos {
color: #00928f !important;
}
.product-list-page .product-list-wrapper {
margin: 0 auto;
}
.product-list-page .product-list-wrapper .product-section {
margin-bottom: 20px;
}
@media (min-width: 62.5em) {
.product-list-page .product-list-wrapper .product-section .section-row {
display: flex;
justify-content: center;
}
}
.product-list-page .product-list-wrapper .product-section .section-title {
letter-spacing: -0.05em;
font-family: Open Sans, sans-serif;
font-weight: 700;
color: #0588d3;
padding: 0 0 5px;
margin: 0 0 20px;
border-bottom: 1px solid #ddd;
font-size: 22px;
line-height: 30px;
text-transform: uppercase;
}
.product-list-page .product-list-wrapper .product-section .section-body {
height: 200px;
display: flex;
justify-content: center;
align-items: center;
border: 1px solid #ddd;
border-radius: 3px;
margin: 20px;
text-align: center;
background-color: #ffffff;
}
.product-list-page .product-list-wrapper .product-section .section-body .icon-email:before {
font-family: FontAwesome;
content: "\f003";
font-size: 30px;
display: block;
padding: 25px;
}
.product-list-page .product-list-wrapper .product-section .section-body .icon-phone:before {
font-family: FontAwesome;
content: "\f095";
font-size: 30px;
display: block;
padding: 25px;
}
.product-list-page .product-list-wrapper .product-section .section-body .icon-chat:before {
font-family: FontAwesome;
content: "\f0e5";
font-size: 30px;
display: block;
padding: 25px;
}
.product-list-page .product-list-wrapper .product-section .section-body button {
background-color: #364653;
color: #ffffff;
width: 200px;
height: 40px;
text-transform: uppercase;
font-weight: bold;
letter-spacing: 1px;
border: none;
border-radius: 3px;
}
.product-list-page .product-list-wrapper .product-section.mcguff-compounded-drugs {
cursor: pointer;
position: relative;
height: 650px;
width: 100%;
display: flex;
align-items: start;
justify-content: start;
padding: 30px;
}
.product-list-page .product-list-wrapper .product-section.mcguff-compounded-drugs h2 {
position: relative;
color: #ffffff;
font-size: 60px;
font-weight: 900;
line-height: 0.8;
text-align: left !important;
text-transform: uppercase;
}
@media (max-width: 47.99em) {
.product-list-page .product-list-wrapper .product-section.mcguff-compounded-drugs h2 {
font-size: 45px;
}
}
.product-list-page .product-list-wrapper .product-section.mcguff-compounded-drugs::before {
content: "";
background-image: url(/Themes/Pavilion/Content/img/Banners/empty-vials-banner.jpg);
background-size: cover;
background-position: center bottom;
position: absolute;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
opacity: 0.8;
}
.product-list-page .product-list-wrapper .product-section .jCarouselMainWrapper {
margin: 0 !important;
}
.product-list-page .product-section.contact {
background: radial-gradient(circle, rgb(255, 255, 255) 0%, rgba(34, 139, 230, 0.0732493681) 100%);
padding: 30px;
}
.product-list-page .product-section.contact .mci-section-body {
height: 200px;
display: flex;
align-items: center;
border-radius: 10px;
margin: 10px;
}
.product-list-page .product-section.contact .mci-section-body h3 {
margin-bottom: 20px;
}
.product-list-page .product-section.contact .mci-section-body-text {
border-left: 1px solid #ddd;
padding-left: 50px;
}
.product-list-page .product-section.contact .mci-section-body-text p {
margin-top: 0 !important;
margin-bottom: 2em !important;
}
.product-list-page .product-section.contact .mci-section-body-text a {
margin-top: 0 !important;
margin-bottom: 2em !important;
display: block;
text-decoration: none;
color: #1b3f5e;
}
.product-list-page .product-section.contact .mci-section-body-text a:hover {
color: #0588d3;
}
.category-carousel .owl-wrapper .owl-stage {
display: flex;
}
.category-carousel .owl-wrapper .owl-item.active .sub-category {
/*background: $color_mcguff_2_light;*/
background: #ffffff;
}
.category-carousel .owl-wrapper .owl-controls .owl-prev:before, .category-carousel .owl-wrapper .owl-controls .owl-next:before {
content: "";
}
.category-carousel .owl-wrapper .owl-carousel .owl-nav {
overflow: hidden;
height: 0px;
}
.category-carousel .owl-wrapper .owl-carousel .nav-btn {
height: 32px;
position: absolute;
width: 28px;
cursor: pointer;
top: 170px !important;
}
.category-carousel .owl-wrapper .owl-carousel .owl-prev.disabled,
.category-carousel .owl-wrapper .owl-carousel .owl-next.disabled {
pointer-events: none;
opacity: 0.2;
}
.category-carousel .owl-wrapper .owl-carousel .prev-slide {
background: rgba(0, 0, 0, 0.1) url(/themes/pavilion/content/img/arrow-left.png) no-repeat scroll 0 0;
left: -1px;
}
.category-carousel .owl-wrapper .owl-carousel .next-slide {
background: rgba(0, 0, 0, 0.1) url(/themes/pavilion/content/img/arrow-right.png) no-repeat;
right: 2px;
}
.category-carousel .owl-wrapper .owl-carousel .prev-slide:hover {
background-color: rgba(0, 0, 0, 0.15);
}
.category-carousel .owl-wrapper .owl-carousel .next-slide:hover {
background-color: rgba(0, 0, 0, 0.15);
}
.category-carousel .owl-wrapper .sub-category {
display: flex;
justify-content: center;
padding: 20px;
height: 100%;
background: none;
}
.category-carousel .owl-wrapper .sub-category img {
height: 250px;
margin: 0 auto;
}
.category-carousel .owl-wrapper .sub-category h2 {
color: #545454 !important;
text-align: center;
margin: 0;
font-weight: 300;
white-space: break-spaces;
font-weight: 100;
font-size: 15px;
margin-top: 20px;
padding-top: 20px;
}
.category-carousel .owl-wrapper h2 {
color: #FFF;
text-align: center;
margin: 0;
font-weight: 300;
white-space: break-spaces;
}
.category-slider-header {
list-style-type: none;
padding: 20px 0;
text-align: center;
}
@media (min-width: 62.5em) {
.category-slider-header {
margin: 0 auto;
}
}
.category-slider-header li {
display: inline;
margin-right: 3px;
font-size: 15px;
white-space: nowrap;
cursor: pointer;
color: #fff;
background-color: #bcbcbc;
padding: 8px 11px;
}
.category-slider-header li.active {
background-color: #275073;
}
@media (max-width: 81.25em) {
.category-slider-header li {
margin-right: 5px;
line-height: 290%;
}
}
@media (max-width: 29.99em) {
.custom-page .career-img {
width: 300px;
margin-bottom: 30px;
}
}
@media (max-width: 47.99em) {
.custom-page .section-company img {
width: 150px;
}
}
@media (min-width: 62.5em) {
.custom-page .row-company {
display: flex;
justify-content: center;
margin-top: 30px;
}
}
@media (min-width: 48em) and (max-width: 79.99em) {
.custom-page .career-img {
width: 400px;
}
}
@media (max-width: 62.49em) {
.custom-page .section-text {
border-left: none;
margin-top: 10px;
}
}
.dscsa-image {
height: 60px;
width: 60px;
}
.career-page {
background-color: white;
border: solid 2px white;
border-radius: 3px;
padding: 10px;
}
.career-banner {
background-image: url(/Themes/Pavilion/Content/img/Banners/McGuff_Page-Banners_11-14-23_Careers.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: clamp(50px, 15vw, 150px) 0;
position: relative;
overflow: hidden;
width: 100vw;
max-width: 100%;
min-height: 30vh;
}
.banner-outerbox {
display: flex;
justify-content: center;
}
.header-text {
font-weight: 600;
font-size: 32px;
text-shadow: 3px 3px 10px #414040;
color: white;
}
.job-column {
display: flex;
flex-direction: column; /* Stack elements vertically */
align-items: center; /* Center horizontally */
text-align: center; /* Ensure text is centered */
}
.mci-logo {
background-image: url(/Themes/Pavilion/Content/img/mci-logo-sm-transparent.png);
}
.mos-logo {
background-image: url(/Themes/Pavilion/Content/img/mos-logo-sm-transparent.png);
}
.mpi-logo {
background-image: url(/Themes/Pavilion/Content/img/mpi-logo-sm-transparent.png);
}
.mci-logo, .mos-logo, .mpi-logo {
width: 205px;
height: 120px;
background-size: contain; /* Ensure the image scales within the box */
background-repeat: no-repeat;
background-position: center;
margin-bottom: 15px; /* Space between logo and job list */
}
@media (max-width: 820px) {
.job-column {
align-items: initial !important;
text-align: left !important;
}
.mci-logo, .mpi-logo, .mos-logo {
background-position: left !important;
}
}
/* Job listing styles */
.job-column ul {
list-style: none;
padding: 0;
margin: 0;
text-align: left;
}
.job-column li {
margin-bottom: 10px;
text-align: left;
}
/* No postings message styling */
.no-postings {
font-style: italic;
color: gray;
}
.career-commitment {
padding: 2rem;
}
.career-row {
padding-top: 1rem;
padding-bottom: 1rem;
}
.career-banner-section {
padding: 50px;
background: white;
margin: 0;
}
.career-banner-section-text {
border-left: 1px solid #ddd;
}
.job-posting-modal {
opacity: 0;
visibility: hidden;
position: fixed;
top: 0.5vh;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 9999;
display: flex;
justify-content: center;
align-items: center;
transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
}
.job-posting-modal .modal-content {
top: 1rem;
position: fixed;
background: #fff;
max-width: 65vw;
padding: 2rem;
border-radius: 10px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
z-index: 10000;
position: relative;
overflow-y: auto;
max-height: 80vh;
}
.job-posting-modal .modal-content .modal-header {
display: flex;
justify-content: space-between;
align-items: center;
border-bottom: 1px solid #e9e9e9;
padding-bottom: 15px;
}
.job-posting-modal .modal-content .modal-header .modal-title {
width: 100%;
text-align: center;
font-size: 2em;
}
.job-posting-modal .modal-content .modal-header h2 {
font-weight: bold;
color: #333;
margin: 0;
}
.job-posting-modal .modal-content .modal-header .close-btn {
background: transparent;
border: none;
font-size: 24px;
cursor: pointer;
color: #999;
transition: color 0.2s ease-in-out;
}
.job-posting-modal .modal-content .modal-header .close-btn:hover {
color: #333;
}
.job-posting-modal .modal-content .modal-body {
padding-top: 20px;
}
.job-posting-modal .modal-content .modal-body .job-title {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
color: #0588d3;
}
.job-posting-modal .modal-content .modal-body .job-description {
font-size: 1em;
line-height: 1.5;
color: #555;
margin-bottom: 0.5rem;
padding-left: 2rem;
padding-right: 2rem;
}
.job-posting-modal .modal-content .modal-body .job-description .job-desc-header {
text-align: center;
margin: 0.5rem;
font-size: 1.5rem;
}
.job-posting-modal .modal-content .modal-body .job-description .bold-spacing {
margin-top: 1em !important;
}
.job-posting-modal .modal-content .modal-body .job-description > ul {
list-style: none;
padding-left: 1.5rem;
margin: 0.5rem 0;
}
.job-posting-modal .modal-content .modal-body .job-description > ul > li {
position: relative;
padding-left: 1.8rem;
margin-bottom: 0.5rem;
line-height: 1.5;
}
.job-posting-modal .modal-content .modal-body .job-description > ul > li::before {
content: "•";
position: absolute;
left: 0;
top: 0;
font-size: 1.2em;
color: black;
font-weight: bold;
}
.job-posting-modal .modal-content .modal-body .company-info {
font-size: 14px;
color: #888;
margin-bottom: 10px;
font-style: italic;
}
.job-posting-modal .modal-content .modal-body .company-info .company-name {
font-weight: bold;
color: #333;
}
.job-posting-modal .modal-content .modal-footer {
display: flex;
justify-content: center;
gap: 15px;
margin-top: 20px;
padding-top: 15px;
border-top: 1px solid #e9e9e9;
}
.job-posting-modal .modal-content .modal-footer .apply-btn, .job-posting-modal .modal-content .modal-footer .download-btn {
background-color: #0588d3;
color: #fff;
padding: 12px 25px;
font-size: 16px;
border-radius: 5px;
border: none;
cursor: pointer;
text-align: center;
display: inline-block;
transition: background-color 0.2s ease-in-out;
text-decoration: none;
}
.job-posting-modal .modal-content .modal-footer .apply-btn:hover, .job-posting-modal .modal-content .modal-footer .download-btn:hover {
background-color: #0472a3;
}
.job-posting-modal .modal-content .modal-footer .apply-btn:active, .job-posting-modal .modal-content .modal-footer .download-btn:active {
background-color: #035c8a;
}
.job-posting-modal.active {
opacity: 1;
visibility: visible;
}
@media (max-width: 768px) {
.job-posting-modal .modal-content {
width: 90%;
max-width: none;
padding: 20px;
top: 1rem;
}
}
.resources-page .resources-banner {
background-image: url(/Themes/Pavilion/Content/img/Banners/McGuff_Page-Banners_11-14-23_Resources.jpg);
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding: 150px 0;
position: relative;
overflow: hidden;
}
.resources-page .resources-banner .banner-outerbox {
display: flex;
justify-content: center;
}
.resources-page .resources-banner .header-text {
font-weight: 600;
font-size: 32px;
color: #FFFFFF;
text-shadow: 3px 3px 10px #414040;
}
.resources-page .filter-wrapper select {
width: 225px;
margin-bottom: 20px;
}
.resources-page .resource-wrapper {
margin-bottom: 50px;
}
.resources-page .resource-wrapper.who-we-are a {
display: block;
text-decoration: none;
text-transform: uppercase;
width: 100%;
background-color: #0588d3;
color: #ffffff;
border-radius: 3px;
margin: 10px 0;
padding: 10px;
font-size: 13px;
font-weight: 700;
line-height: 20px;
}
.resources-page .owl-wrapper {
margin: 20px 5px;
}
.resources-page .owl-wrapper .owl-stage-outer {
padding: 2px;
}
.resources-page .owl-wrapper .owl-stage {
display: flex;
}
.resources-page .owl-wrapper .owl-controls {
position: absolute;
top: -55px;
right: 0px;
}
.resources-page .owl-wrapper .owl-controls .owl-prev:before, .resources-page .owl-wrapper .owl-controls .owl-next:before {
content: "";
}
.resources-page .owl-wrapper .item {
padding: 20px;
background: #ffffff;
border: 1px solid #e9e9e9;
height: 100%;
}
.resources-page .owl-wrapper .item h3 {
text-align: left !important;
}
.resources-page .owl-wrapper .item .body {
padding-bottom: 30px;
}
.resources-page .owl-wrapper .item a {
text-decoration: none;
}
.resources-page .owl-wrapper .item .image {
margin-bottom: 20px;
}
.resources-page .owl-wrapper .item .image img {
width: 100%;
}
.resources-page .owl-wrapper .item .details {
text-align: right;
padding-bottom: 20px;
}
.resources-page .owl-wrapper .item .details.read-more {
position: absolute;
bottom: 10px;
right: 10px;
}
.resources-page .owl-wrapper .item .details a {
text-decoration: none;
line-height: 22px;
padding: 2px 12px;
text-transform: capitalize;
}
.resources-page .owl-wrapper .item .details a:hover {
background-color: #0588d3;
color: #fff;
}
.resources-page .owl-wrapper .item .details a:after {
font-family: FontAwesome;
content: "\f054";
font-size: 10px;
margin: 0 0 0 10px;
}
.resources-page .button-wrapper {
text-align: center;
}
.resources-page input[type=button] {
background-color: #0588d3;
color: #ffffff;
min-width: 185px;
line-height: 40px;
font-size: 13px;
font-weight: 700;
border: none;
border-radius: 3px;
text-transform: uppercase;
}
.timeline {
box-sizing: border-box;
position: relative;
max-width: 1200px;
margin: 20px auto;
}
.timeline:after {
content: "";
position: absolute;
width: 6px;
background-color: white;
top: 0;
bottom: 0;
left: 50%;
margin-left: -3px;
}
.timeline .timeline-container {
padding: 10px 40px;
position: relative;
background-color: inherit;
width: 50%;
}
.timeline .timeline-container:after {
content: "";
position: absolute;
width: 25px;
height: 25px;
right: -12px;
background-color: #0588d3;
border: 4px solid #0588d3;
top: 15px;
border-radius: 50%;
z-index: 1;
}
.timeline .timeline-container.left {
left: 0;
}
.timeline .timeline-container.left:before {
content: " ";
height: 0;
position: absolute;
top: 22px;
width: 0;
z-index: 1;
right: 30px;
border: medium solid white;
border-width: 10px 0 10px 10px;
border-color: transparent transparent transparent white;
}
.timeline .timeline-container.right {
left: 50%;
}
.timeline .timeline-container.right:before {
content: " ";
height: 0;
position: absolute;
top: 22px;
width: 0;
z-index: 1;
left: 30px;
border: medium solid white;
border-width: 10px 10px 10px 0;
border-color: transparent white transparent transparent;
}
.timeline .timeline-container.right:after {
left: -12px;
}
.timeline .timeline-container .content {
padding: 20px 30px;
background-color: white;
position: relative;
border-radius: 6px;
}
.timeline .timeline-container .content h2 {
border-bottom: 5px solid;
}
@media (max-width: 62.49em) {
.aa-ClearButton svg, .ais-SearchBox-reset svg, .aa-SubmitButton svg {
fill: #0588d3 !important;
}
.timeline:after {
left: 31px;
}
.timeline .timeline-container {
width: 100%;
padding-left: 70px;
padding-right: 25px;
}
.timeline .timeline-container:before {
left: 60px !important;
border: medium solid white !important;
border-width: 10px 10px 10px 0 !important;
border-color: transparent white transparent transparent !important;
}
.timeline .timeline-container.left:after {
left: 18px;
}
.timeline .timeline-container.right {
left: 0%;
}
.timeline .timeline-container.right:after {
left: 18px;
}
}
.html-company-page .master-wrapper-page {
background: #ffffff !important;
}
@media (min-width: 93.75em) {
.html-company-page .master-wrapper-page .master-wrapper-content {
width: 1500px;
}
}
@media (min-width: 48em) {
.section.contact .mci-section-body-text {
border-left: 1px solid #ddd;
padding-left: 50px;
}
}
.section.mcguff {
padding: 30px 0;
}
.section.mcguff .list {
background: white;
display: flex;
}
.section.mcguff .list .list-item {
display: flex;
justify-content: center;
align-items: center;
padding: 20px 50px;
}
.section.mcguff .list .list-item h2.large-list {
font-size: 2.2rem;
font-weight: 200;
line-height: 1;
color: #005f5d;
}
.section.mcguff .list .list-item p {
margin: 0.96rem 0;
}
.section.mcguff .list .list-item img {
/* @include mq($until: desktop-bs) {
width: 400px;
}*/
max-height: 100%;
max-width: 100%;
}
.home-page-body .master-wrapper-content {
width: 100% !important;
padding: 0 !important;
}
@media (min-width: 62.5em) {
.home-page-body .master-wrapper-content {
margin-top: -35px !important;
}
}
@media (max-width: 47.99em) {
.home-page-body .admin-header-links ~ .master-wrapper-content {
margin-top: 50px !important;
}
}
@media (min-width: 48em) and (max-width: 62.49em) {
.home-page-body .admin-header-links ~ .master-wrapper-content {
margin-top: 75px !important;
}
}
.home-page .page-body .hero-banner {
background-color: #ffffff;
padding: 60px 80px;
}
.home-page .page-body .hero-banner h2 {
color: #35b5ac !important;
margin-bottom: 0 !important;
text-transform: lowercase;
font-size: 40px !important;
line-height: 105%;
}
.home-page .page-body .hero-banner img {
max-width: 100%;
}
.home-page .page-body .hero-banner .hero-img {
text-align: center;
}
@media (min-width: 48em) {
.home-page .page-body .hero-banner .row {
display: flex;
align-items: center;
justify-content: center;
}
}
.home-page .page-body .hero-banner .hero-heading {
display: flex;
align-items: center;
justify-content: center;
}
.home-page .page-body .hero-banner .hero-heading div {
padding-bottom: 20px;
}
.home-page .page-body .shop-section .col-md-6 {
background-position: center;
background-repeat: no-repeat;
background-size: cover;
overflow: hidden;
min-height: 600px;
display: flex;
justify-content: center;
align-items: center;
}
@media (min-width: 80em) {
.home-page .page-body .shop-section .col-md-6 {
min-height: 650px;
}
}
.home-page .page-body .shop-section .col-md-6.left {
background-image: url(/Themes/Pavilion/Content/img/Banners/mcguff-homepage-banner.jpg);
}
.home-page .page-body .shop-section .col-md-6.right {
background-image: url(/Themes/Pavilion/Content/img/Banners/mcguff-homepage-banner-3.jpg);
}
.home-page .page-body .shop-section a {
min-width: 125px;
line-height: 40px;
font-size: 15px;
font-weight: 700;
background-color: #ffffff;
color: #26547c;
padding: 12px 50px;
border-radius: 5px;
text-decoration: none;
text-transform: uppercase;
}
.home-page .page-body h1:not(.inner-title), .home-page .page-body h2:not(.inner-title) {
font-weight: 900;
font-size: 30px;
color: #26547c;
margin-bottom: 30px;
}
.home-page .page-body h1.sub, .home-page .page-body h2.sub {
font-weight: 100 !important;
}
.home-page .page-body .home-section {
padding: 30px;
background: #ffffff;
}
.home-page .page-body .home-section .info-row {
margin-top: 50px;
display: flex;
justify-content: center;
align-items: center;
}
.home-page .page-body .home-section .info-row img {
margin: 10px;
}
@media (max-width: 36.1875em) {
.home-page .page-body .home-section {
padding: 30px 50px;
}
.home-page .page-body .home-section .info-row {
margin-top: 20px;
/*display: block;*/
}
.home-page .page-body .home-section .info-row .us-map-icon {
margin-top: 20px;
}
}
.home-page .page-body .product-wrapper {
margin: 0 !important;
padding: 0 2% 0;
}
.home-page .page-body .slider-wrapper {
/*max-width: 1200px;*/
width: 100%;
margin: 0 auto !important;
/*padding-bottom: 60px;*/
}
.home-page .page-body .testimonial-title {
padding: 30px 120px 0;
}
@media (max-width: 47.99em) {
.home-page .page-body .featured-products {
padding-top: 40px;
}
}
.home-page .page-body .title:not(.sub-category-item *) {
letter-spacing: -0.05em;
font-family: Open Sans, sans-serif;
font-weight: 700 !important;
color: #0588d3 !important;
margin: 0 0 20px !important;
border-bottom: 1px solid #ddd;
padding: 0 0 5px;
font-size: 22px !important;
text-transform: uppercase;
}
.home-page .page-body .row-company {
margin: 0 !important;
background-color: #ffffff;
}
@media (min-width: 80em) {
.home-page .page-body .row-company {
padding: 60px 80px;
}
}
.home-page .page-body .row-company .mcguff-companies-title {
padding: 0 120px 0;
}
.home-page .page-body .row-company .title {
text-align: left;
text-transform: none !important;
}
.home-page .page-body .row-company .col-md-6 {
padding: 50px;
min-height: 400px;
display: flex;
justify-content: center;
align-items: center;
color: #777;
}
.home-page .page-body .row-company .col-md-6.left a {
background-color: #275073;
color: #ffffff;
}
.home-page .page-body .row-company .col-md-6.right a {
background-color: #35b5ac;
color: #ffffff;
}
.home-page .page-body .row-company .col-md-6 a {
min-width: 125px;
line-height: 40px;
font-size: 13px;
font-weight: 700;
margin: 20px 0 !important;
padding: 10px 50px;
border: none;
border-radius: 3px;
text-decoration: none !important;
text-transform: uppercase;
}
.home-page .page-body .row-company .col-md-6 p {
margin: 0.96rem 3rem;
margin-bottom: 30px !important;
}
.home-page .page-body .licensing {
margin-bottom: -5px;
}
.home-page .page-body .licensing img {
width: 100%;
}
.home-page .page-body .register {
padding: 50px;
background-image: url(/Themes/Pavilion/Content/img/Banners/homepage-doctor-banner.jpg);
background-position: center;
background-repeat: no-repeat;
height: 600px;
background-size: cover;
width: 100%;
overflow: hidden;
display: flex;
justify-content: end;
align-items: center;
text-align: center;
}
@media (max-width: 62.49em) {
.home-page .page-body .register {
justify-content: center;
}
}
.home-page .page-body .register h2 {
color: #1b3f5e !important;
}
.home-page .page-body .register h2.main {
margin-bottom: 0;
}
@media (max-width: 47.99em) {
.home-page .page-body .register h2.main {
display: none;
}
}
.home-page .page-body .register h2.sub {
font-weight: bold !important;
}
@media (max-width: 47.99em) {
.home-page .page-body .register h2.sub {
line-height: 1.2em;
}
}
.home-page .page-body .register h2.sub.steps {
font-size: 20px;
font-weight: normal !important;
}
.home-page .page-body .register a {
min-width: 125px;
line-height: 40px;
font-size: 13px;
font-weight: 700;
margin: 20px 0 !important;
background-color: #ffffff;
color: #26547c;
padding: 15px 50px;
border: none;
border-radius: 5px;
text-decoration: none;
text-transform: uppercase;
opacity: 0.8;
}
.home-page .page-body .register a:hover {
opacity: 1;
}
@media (max-width: 29.99em) {
.home-page .page-body .register a {
padding: 15px 30px;
}
}
@media (max-width: 62.49em) {
.home-page .page-body .register a {
background-color: #0588d3;
color: #fff;
opacity: 0.8;
}
.home-page .page-body .register a:hover {
opacity: 1;
}
}
@media (min-width: 87.5em) and (max-width: 106.25em) {
.home-page .page-body .register .section-text {
padding-right: 150px;
}
}
@media (min-width: 106.25em) {
.home-page .page-body .register .section-text {
padding-right: 300px;
}
}
@media (max-width: 62.49em) {
.home-page .page-body .register .section-text {
color: #1b3f5e !important;
background-color: rgba(255, 255, 255, 0.7);
padding: 20px 30px 30px;
border-radius: 15px;
}
}
.home-page .page-body .testimonials {
padding: 50px;
background: linear-gradient(90deg, #fff 35%, #ECE9E8 35%);
width: 100%;
overflow: hidden;
}
@media (max-width: 47.99em) {
.home-page .page-body .testimonials {
background: #ffffff;
}
}
@media (min-width: 48em) {
.home-page .page-body .testimonials .row {
display: flex;
justify-content: center;
align-items: center;
}
}
.home-page .page-body .testimonials h2 {
color: #82726c;
line-height: 30px;
font-weight: 100;
}
.home-page .page-body .testimonials img {
max-width: 70%;
margin: 0 auto;
}
.home-page .page-body .testimonials .col-md-4 {
padding: 50px 20px;
}
.home-page .page-body .testimonials .col-md-4 p {
margin: 0.96rem 0;
}
.home-page .page-body .testimonials .col-md-4 strong {
display: block;
}
.home-page .page-body .testimonials .owl-controls {
margin-top: 20px;
}
.home-page .making-ordering-wholesale {
text-align: center;
padding: 0 30px;
}
.home-page .making-ordering-wholesale h3 {
font-weight: 300 !important;
}
.home-page .making-ordering-wholesale.global-notification-offset {
margin-bottom: 30px;
}
@media (max-width: 47.9375em) {
.home-page .page-body .slider-wrapper {
top: -6px !important;
}
}
.flyout-cart-wrapper .flyout-cart .items .split-company-items {
display: block;
position: relative;
overflow: hidden;
}
.flyout-cart-wrapper .flyout-cart .items .split-company-items .items-header {
text-align: center;
padding: 5px;
color: #fff;
}
.flyout-cart-wrapper .flyout-cart .items .split-company-items .mci-items {
background: #275073;
}
.flyout-cart-wrapper .flyout-cart .items .split-company-items .mos-items {
background: #00928f;
}
.header-middle .mega-menu .mega-menu-button a {
display: table-cell;
vertical-align: middle;
height: 64px;
}
.header-middle .mega-menu .mega-menu-button a:hover {
color: #0588d3;
}
.header-middle #small-searchterms2 form {
border-radius: 25px;
}
.header-middle #small-searchterms2 form:focus-within {
box-shadow: rgba(5, 136, 211, 0.5) 0 0 0 2px, inset rgba(5, 136, 211, 0.5) 0 0 0 2px;
border: 1px solid #1b3f5e;
}
.header-middle #small-searchterms2 input {
font: initial !important;
font-family: "Open Sans" !important;
}
.header-middle #small-searchterms2 input::placeholder {
color: #999999;
}
.header-middle #small-searchterms {
width: 530px !important;
}
@media (min-width: 80em) {
.header-middle #small-searchterms {
width: 720px !important;
}
}
.header-middle .aa-SubmitIcon, .header-middle .aa-LoadingIcon {
color: #0588d3 !important;
fill: #0588d3 !important;
}
.header-middle .aa-ClearButton svg, .header-middle .ais-SearchBox-reset svg {
fill: #0588d3;
}
.aa-Panel {
z-index: 10000;
position: fixed !important;
/*width: 1000px !important;*/
}
@media (min-width: 62.5em) {
.aa-Panel.global-notification-padding-offset {
top: 87.5px !important;
}
}
@media (min-width: 62.5em) {
.aa-Panel.global-notification-padding-offset-top {
top: 127.5px !important;
}
}
@media (min-width: 62.5em) {
.aa-Panel.sticky-menu-padding-offset {
top: 57.5px !important;
}
}
@media (min-width: 62.5em) {
.aa-Panel.sticky-menu-padding-offset-top {
top: 97.5px !important;
}
}
.aa-Panel .aa-ItemIcon svg, .aa-Panel .aa-ItemActionButton svg {
fill: #808080 !important;
}
@media (max-width: 62.49em) {
.aa-Panel {
margin: 20px 0 0;
z-index: 9999;
}
}
.algolia-overlay {
position: fixed;
display: none;
width: 100%;
height: 100%;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: rgba(0, 0, 0, 0.5);
z-index: 100;
cursor: pointer;
}
#small-searchterms_listbox, #suggest-link, #suggest-link-custom {
border-left: none !important;
border-right: none !important;
}
#suggest-link {
padding: 10px;
border-bottom: none !important;
}
#suggest-link-custom {
padding: 0;
border-bottom: none !important;
border-left: none !important;
border-right: none !important;
}
@media (max-width: 62.49em) {
.algolia-page #algoliaSearchPane .search-box {
display: block !important;
text-align: center;
}
.algolia-page #algoliaSearchPane .search-box input {
margin-right: -5px !important;
}
}
.dropdown-content {
padding: 20px 40px 40px;
display: flex;
justify-content: center;
z-index: 1000;
position: fixed;
background: white;
top: 108px;
width: 100vw;
border-bottom: 1px solid #d8d8d8;
}
.dropdown-content.sticky-menu-padding-offset {
top: 65px !important;
}
.dropdown-content .row {
width: 1200px;
}
.dropdown-content .row h3 {
text-transform: uppercase;
margin-top: 20px !important;
margin-bottom: 10px !important;
padding: 0 !important;
font-weight: 400;
color: #275073;
}
.dropdown-content .row h3.shop-all-products {
cursor: pointer;
}
.dropdown-content .row h3.shop-all-products:hover {
color: #0588d3;
}
.dropdown-content .row a {
display: block;
padding: 4px 0;
}
.dropdown-content .row a:hover {
color: #0588d3;
}
.header-global-notification-offset {
margin-top: 30px !important;
}
.menu-global-notification-offset {
top: 137px !important;
}
.menu-global-notification-offset.sticky-menu-padding-offset {
top: 95px !important;
}
.rich-blog-body .block .listbox {
z-index: 9999;
}
.html-iv-supplies-page .side-2 {
display: none;
}
.html-iv-supplies-page .sub-category-item .picture {
display: block !important;
}
.block-account-navigation {
display: block !important;
float: none !important;
width: 100% !important;
margin: 0 0 35px !important;
border: none !important;
}
.block-account-navigation .title {
display: none;
}
.block-account-navigation .listbox {
display: block !important;
margin: 0 !important;
border: none;
background-color: transparent;
padding: 0 !important;
text-align: center;
font-size: 0;
}
.block-account-navigation .list li {
display: inline-block;
margin: 5px;
padding: 0;
}
.block-account-navigation .list a {
display: block;
max-width: 52px;
height: 52px;
overflow: hidden;
background-color: #e9e9e9;
padding: 0;
font-size: 12px;
line-height: 52px;
font-weight: bold;
color: #ffffff !important;
text-transform: uppercase;
white-space: nowrap;
-moz-transition: max-width 0.3s linear, background-color 0.6s linear, padding 0.1s linear;
-o-transition: max-width 0.3s linear, background-color 0.6s linear, padding 0.1s linear;
-webkit-transition: max-width 0.3s linear, background-color 0.6s linear, padding 0.1s linear;
transition: max-width 0.3s linear, background-color 0.6s linear, padding 0.1s linear;
}
.block-account-navigation .list a:before {
content: "";
display: inline-block;
width: 52px;
height: 52px;
background-color: transparent;
background-image: url();
background-repeat: no-repeat;
vertical-align: top;
opacity: 0.5;
font-weight: normal;
}
.block-account-navigation .list a:hover {
background-color: #0588d3;
-moz-transition: max-width 0.6s linear, background-color 0.3s linear, padding 0.1s linear;
-o-transition: max-width 0.6s linear, background-color 0.3s linear, padding 0.1s linear;
-webkit-transition: max-width 0.6s linear, background-color 0.3s linear, padding 0.1s linear;
transition: max-width 0.6s linear, background-color 0.3s linear, padding 0.1s linear;
}
.block-account-navigation .list a:hover:before {
opacity: 0.35;
}
.block-account-navigation .list a.active {
background-color: #0588d3;
-moz-transition: max-width 0.6s linear, background-color 0.3s linear, padding 0.1s linear;
-o-transition: max-width 0.6s linear, background-color 0.3s linear, padding 0.1s linear;
-webkit-transition: max-width 0.6s linear, background-color 0.3s linear, padding 0.1s linear;
transition: max-width 0.6s linear, background-color 0.3s linear, padding 0.1s linear;
}
.block-account-navigation .list a.active:before {
opacity: 0.35;
}
.block-account-navigation .customer-dashboard a:before {
background-position: center 0;
content: "\f015";
margin-left: 16px;
}
.block-account-navigation .customer-info a:before {
background-position: center 0;
content: "\f007";
margin-left: 16px;
}
.block-account-navigation .account-license a:before {
background-position: center 0;
content: "\f2c2";
margin-left: 16px;
}
.block-account-navigation .license-verification a:before {
background-position: center 0;
content: "\f2c2";
margin-left: 16px;
}
.block-account-navigation .customer-addresses a:before {
background-position: center -52px;
content: "\f041";
margin-left: 16px;
}
.block-account-navigation .customer-orders a:before {
background-position: center -104px;
content: "\f017";
margin-left: 16px;
}
.block-account-navigation .customer-items a:before {
background-position: center -104px;
content: "\f1b3";
margin-left: 16px;
margin-left: 12px;
}
.block-account-navigation .customer-backorders a:before {
background-position: center -104px;
content: "\f0e2";
margin-left: 16px;
}
.block-account-navigation .customer-prescriptions a:before {
background-position: center -104px;
content: "\f044";
margin-left: 16px;
}
.block-account-navigation .payment-methods a:before {
background-position: center -104px;
content: "\f09d";
margin-left: 16px;
}
.block-account-navigation .return-requests a:before {
background-position: center -156px;
content: "\f07a";
margin-left: 16px;
}
.block-account-navigation .downloadable-products a:before {
background-position: center -208px;
content: "\f0ed";
margin-left: 16px;
}
.block-account-navigation .back-in-stock-subscriptions a:before {
background-position: center -260px;
content: "\f0f3";
margin-left: 16px;
margin-left: 13px;
}
.block-account-navigation .reward-points a:before {
background-position: center -312px;
}
.block-account-navigation .change-password a:before {
background-position: center -364px;
content: "\f023";
margin-left: 16px;
}
.block-account-navigation .customer-avatar a:before {
background-position: center -416px;
}
.block-account-navigation .forum-subscriptions a:before {
background-position: center -468px;
}
.block-account-navigation .customer-reviews a:before {
background-position: center -520px;
content: "\f123";
margin-left: 16px;
}
.block-account-navigation .list a {
display: block;
height: 44px;
overflow: hidden;
background-color: #e9e9e9;
font-size: 12px;
line-height: 44px;
font-weight: bold;
color: #777 !important;
text-transform: uppercase;
white-space: nowrap;
-moz-transition: max-width 0.1s linear, background-color 0.1s linear, padding 0.1s linear;
-o-transition: max-width 0.1s linear, background-color 0.1s linear, padding 0.1s linear;
-webkit-transition: max-width 0.1s linear, background-color 0.1s linear, padding 0.1s linear;
transition: max-width 0.1s linear, background-color 0.1s linear, padding 0.1s linear;
max-width: 500px;
padding: 0 20px 0 0;
}
.block-account-navigation .list a:hover {
background-color: #0588d3;
padding: 0 20px 0 0;
color: #ffffff !important;
}
.block-account-navigation .list a:hover:before {
color: #ffffff !important;
opacity: 1;
}
.block-account-navigation .list a.active {
background-color: #0588d3;
padding: 0 20px 0 0;
color: #ffffff !important;
}
.block-account-navigation .list a.active:before {
color: #ffffff !important;
opacity: 1;
}
.block-account-navigation .list a:before {
width: 24px;
background-image: none;
}
.block-account-navigation li a:before {
font-family: FontAwesome;
font-size: 16px;
color: #000000;
}
#cancel-recurring-confirm {
display: none;
text-align: center;
}
#cancel-recurring-confirm .warn-buttons .warn-yes, #cancel-recurring-confirm .warn-buttons .warn-no {
cursor: pointer;
display: inline-block;
padding: 7px 20px;
margin: 10px 4px 4px 4px;
background-color: #4fbb41;
color: #ffffff;
}
#cancel-recurring-confirm .warn-buttons .warn-no {
background-color: #c14343;
}
.account-page .recurring-payments {
padding-bottom: 40px;
margin: 0 0 40px !important;
border-top: 0 !important;
}
.account-page .recurring-payments table td, .account-page .recurring-payments table th {
white-space: normal !important;
padding-left: 8px;
padding-right: 8px;
}
.account-page .recurring-payments table td.start-date, .account-page .recurring-payments table th.start-date {
display: table-cell !important;
padding-left: 20px;
}
@media (max-width: 500px) {
.account-page .recurring-payments table td.start-date, .account-page .recurring-payments table th.start-date {
display: none !important;
}
}
@media (max-width: 500px) {
.account-page .recurring-payments table td.renewal-cycle, .account-page .recurring-payments table th.renewal-cycle {
display: none;
}
}
.account-page .recurring-payments table td.initial-order a, .account-page .recurring-payments table th.initial-order a {
color: #0588d3;
}
.account-page .recurring-payments table td.cancel, .account-page .recurring-payments table th.cancel {
text-align: center;
width: 80px !important;
padding-right: 20px;
}
.account-page .recurring-payments thead th {
background-color: #f9f9f9;
}
.account-page .recurring-payments .table-wrapper {
padding: 0 20px !important;
}
.account-page .recurring-payments h2 {
margin: 20px 15px 15px 15px !important;
}
.account-page .recurring-payments .title {
margin-bottom: 30px !important;
padding: 0 0 0 20px !important;
}
.account-page .recurring-payments .title strong {
color: #555555 !important;
}
.account-page .recurring-payments .cancel.footable-last-column {
text-align: center;
}
.account-page .recurring-payments .button-2, .account-page .recurring-payments .button-warn {
color: #d9534f;
border: none;
display: inline-block !important;
font-size: 2em;
background-color: transparent;
}
.account-page .recurring-payments .button-2:hover, .account-page .recurring-payments .button-warn:hover {
color: rgb(212.4719626168, 62.5046728972, 58.0280373832);
}
.account-page .recurring-payments .button-2.cancel-recurring-order-button {
display: none !important;
}
.mini-shopping-cart .items.hasscroll {
padding-bottom: 20px;
}
.mini-shopping-cart .more-cart-items {
text-align: center;
font-weight: 100;
padding: 10px;
background-color: #f9f9f9;
}
.mini-shopping-cart .more-cart-items .fa.fa-arrows-v {
color: #777;
margin-right: 10px;
}
.mini-shopping-cart .more-cart-items a {
text-decoration: underline;
font-weight: normal;
}
.k-window.ajaxCart .add-to-cart {
position: relative;
}
.k-window.ajaxCart .add-to-cart:before {
position: absolute;
top: -20px;
left: -3px;
color: #999;
font-size: 12px;
content: "Quantity";
}
.k-window.ajaxCart .add-to-cart.hide-qty:before {
content: "";
}
.product-details-page .subscribed {
color: green;
}
.product-details-page .subscribed:hover {
color: green;
}
.product-details-page .isShipMethod {
display: block;
}
.product-details-page .subscribeIcon {
display: inline-block;
position: relative;
font-size: 22px;
margin-top: -8px;
color: #bbb;
vertical-align: middle;
}
.product-details-page .subscribeIcon:hover {
color: #888;
}
.product-details-page .subscribeIcon:hover .subscribeInfo {
display: block;
}
.product-details-page .subscribeInfo {
position: absolute;
bottom: 40px;
right: -156px;
width: 270px;
text-align: center;
border-radius: 3px;
display: none;
line-height: 14px;
font-size: 12px;
color: #555555;
background-color: #f5f5f5;
padding: 4px;
}
.product-details-page .subscribeInfo:after {
font-family: FontAwesome;
font-size: 22px;
content: "\f0d7";
color: #f5f5f5;
position: absolute;
right: 160px;
bottom: -10px;
}
.product-details-page.mos-product .button-1 {
background-color: #35b5ac !important;
}
.product-details-page.mos-product .button-1:hover {
outline: #35b5ac !important;
}
.product-details-page.mos-product .product-price {
color: #35b5ac;
}
.product-details-page .custom-tab td {
text-align: left !important;
}
.product-details-page .picture-wrapper.has-savings:after {
opacity: 1;
pointer-events: none;
content: "";
position: absolute;
top: -13px;
left: -20px;
height: 26px;
width: 275px;
background-repeat: no-repeat;
background-image: url(/themes/pavilion/content/img/top-savings-shadow.jpg);
}
.product-details-page .picture-wrapper.has-savings:hover:after {
opacity: 0;
}
.product-details-page .ribbon-position.top-right {
position: absolute;
top: -6.1px;
left: 10px;
z-index: 1000;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.product-details-page .ribbon-position.top-right:after {
position: absolute;
content: "";
width: 0;
height: 0;
left: 0;
border-left: 45px solid transparent;
border-right: 45px solid transparent;
border-top: 10px solid #0588d3;
}
.product-details-page .ribbon-position.top-right .product-ribbon {
position: relative;
display: block;
text-align: center;
background: #0588d3;
font-size: 14px;
line-height: 1;
padding: 12px 8px 10px;
border-top-left-radius: 8px;
width: 90px;
}
.product-details-page .ribbon-position.top-right .product-ribbon:before, .product-details-page .ribbon-position.top-right .product-ribbon:after {
position: absolute;
content: "";
}
.product-details-page .ribbon-position.top-right .product-ribbon:before {
height: 6px;
width: 6px;
right: -6px;
top: 0;
background: #0588d3;
}
.product-details-page .ribbon-position.top-right .product-ribbon:after {
height: 6px;
width: 8px;
right: -8px;
top: 0;
border-radius: 8px 8px 0 0;
background: rgb(2.6388888889, 71.7777777778, 111.3611111111);
}
.product-details-page .ribbon-position.top-right .product-ribbon .ribbon-text {
text-align: center;
font-size: 20px;
font-weight: bold;
color: #fff;
}
.product-details-page .ribbon-position.top-right .product-ribbon .ribbon-text span {
font-size: 14px;
content: "savings";
display: block;
font-weight: 100;
}
.product-details-page .old-product-price.price-strike {
display: block;
text-decoration: none;
}
.product-details-page .old-product-price.price-strike .old-price {
text-decoration: line-through;
display: inline-block;
}
.product-details-page .old-product-price.price-strike .savings {
display: inline-block;
}
.product-details-page .old-product-price.price-strike .savings span {
text-decoration: none;
}
.product-details-page .attributes {
width: 100%;
}
.product-details-page .attributes dl {
width: 100%;
}
.product-details-page .attributes select {
width: 300px;
}
.product-details-page .full-description {
text-align: left !important;
}
.product-details-page .full-description img {
display: inline-block;
max-width: 100%;
height: auto;
}
.product-details-page .additional-details {
margin: 0 0 20px;
}
.product-details-page .tierRecommend-info {
display: none;
position: absolute;
bottom: 64px;
background-color: #4fbb41;
padding: 2px 60px 2px 12px;
white-space: nowrap;
font-family: Open Sans, Arial, sans-serif;
font-size: 13px;
color: #ffffff;
font-weight: 100;
}
.product-details-page .tierRecommend-info.isActive {
display: block;
}
.product-details-page .tierRecommend-info.ascor-recommend {
bottom: 380px;
}
.product-details-page .tierRecommend-info:before {
content: "\f0d7";
font-family: FontAwesome;
position: absolute;
font-size: 30px;
color: #4fbb41;
top: 7px;
left: 12px;
}
.product-details-page .tierRecommend-info .save-another {
display: none;
}
.product-details-page .tierRecommend-info .col-xs-10 {
padding: 0 2px;
}
.product-details-page .tierRecommend-info .fa-lightbulb-o {
padding: 3px 3px 0 3px;
font-size: 18px;
}
.product-details-page .add-to-cart.sevenspikes-ajaxcart, .product-details-page .variant-box .add-to-cart {
position: relative;
}
.product-details-page .add-to-cart.sevenspikes-ajaxcart .add-to-cart-panel.hide-qty:before, .product-details-page .variant-box .add-to-cart .add-to-cart-panel.hide-qty:before {
display: none;
}
.product-details-page .add-to-cart.sevenspikes-ajaxcart .add-to-cart-panel:before, .product-details-page .variant-box .add-to-cart .add-to-cart-panel:before {
position: absolute;
top: -20px;
left: -3px;
color: #999;
font-size: 12px;
content: "Quantity";
}
.ribbon-position.top-right {
position: absolute;
top: -6.1px;
left: 10px;
z-index: 1000;
-webkit-transition: all 0.15s ease-in-out;
-moz-transition: all 0.15s ease-in-out;
-o-transition: all 0.15s ease-in-out;
transition: all 0.15s ease-in-out;
}
.ribbon-position.top-right:after {
position: absolute;
content: "";
width: 0;
height: 0;
left: 0;
border-left: 45px solid transparent;
border-right: 45px solid transparent;
border-top: 10px solid #0588d3;
}
.ribbon-position.top-right .product-ribbon {
position: relative;
display: block;
text-align: center;
background: #0588d3;
font-size: 14px;
line-height: 1;
padding: 12px 8px 10px;
border-top-left-radius: 8px;
width: 90px;
}
.ribbon-position.top-right .product-ribbon:before, .ribbon-position.top-right .product-ribbon:after {
position: absolute;
content: "";
}
.ribbon-position.top-right .product-ribbon:before {
height: 6px;
width: 6px;
right: -6px;
top: 0;
background: #0588d3;
}
.ribbon-position.top-right .product-ribbon:after {
height: 6px;
width: 8px;
right: -8px;
top: 0;
border-radius: 8px 8px 0 0;
background: rgb(2.6388888889, 71.7777777778, 111.3611111111);
}
.ribbon-position.top-right .product-ribbon .ribbon-text {
text-align: center;
font-size: 14px;
font-weight: bold;
color: #fff;
}
@media (max-width: 62.49em) {
.ribbon-position.top-right:after {
position: absolute;
content: "";
width: 0;
height: 0;
left: 0;
border-left: 30px solid transparent;
border-right: 30px solid transparent;
border-top: 10px solid #0588d3;
}
.ribbon-position.top-right .product-ribbon {
position: relative;
display: block;
text-align: center;
background: #0588d3;
font-size: 14px;
line-height: 1;
padding: 12px 8px 10px;
border-top-left-radius: 8px;
width: 58px;
}
.ribbon-position.top-right .product-ribbon:before, .ribbon-position.top-right .product-ribbon:after {
position: absolute;
content: "";
}
.ribbon-position.top-right .product-ribbon:before {
height: 6px;
width: 6px;
right: -6px;
top: 0;
background: #0588d3;
}
.ribbon-position.top-right .product-ribbon:after {
height: 6px;
width: 8px;
right: -8px;
top: 0;
border-radius: 8px 8px 0 0;
background: rgb(2.6388888889, 71.7777777778, 111.3611111111);
}
.ribbon-position.top-right .product-ribbon .ribbon-text {
text-align: center;
font-size: 12px;
font-weight: bold;
color: #fff;
}
}
.miniProductDetailsView {
margin-top: -24px;
text-align: center;
}
.miniProductDetailsView span.perText small {
font-weight: normal !important;
}
.miniProductDetailsView span.perText span {
font-weight: normal !important;
font-size: 16.6677px;
}
.miniProductDetailsView .gallery {
width: 35%;
float: none;
display: table-cell;
vertical-align: middle;
padding: 10px 20px 0 20px;
}
.miniProductDetailsView .prod-title {
width: 55%;
float: none;
padding: 0 10px;
text-align: left;
display: table-cell;
vertical-align: middle;
}
.miniProductDetailsView dl {
padding-bottom: 0 !important;
text-align: left;
}
.miniProductDetailsView .overview {
float: none;
clear: both;
width: 90%;
margin: 0 auto;
display: block;
text-align: center;
padding: 5px 10px;
}
.miniProductDetailsView .overview .add-to-cart {
display: inline-block;
float: none;
}
.miniProductDetailsView .overview-price span {
font-size: 20px;
color: #0588d3;
font-weight: bold;
}
.miniProductDetailsView .overview-price span.savings-color {
color: #4fbb41;
}
.miniProductDetailsView .overview-price span.savings-color > small span {
color: #4fbb41;
}
.miniProductDetailsView .overview-price span.total-savings {
color: #777;
white-space: nowrap;
font-size: 17px;
letter-spacing: -0.04em;
font-weight: 100;
}
.miniProductDetailsView .attributes select {
width: 90%;
}
.miniProductDetailsView .attributes dd {
margin: 0;
}
.miniProductDetailsView .attributes dd.isShipMethod {
margin-bottom: 10px;
}
.miniProductDetailsView .shipMethodIcon, .miniProductDetailsView .subscribeIcon {
margin: 0;
padding: 0;
}
.miniProductDetailsView h1.product-name {
color: #ffffff;
display: none !important;
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
height: 19.6px; /* Fallback for non-webkit */
margin: 0 auto;
font-size: 14px;
line-height: 1.4;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.miniProductDetailsView .isShipMethodInfo {
position: absolute;
top: -40px;
right: 0 !important;
width: 290px;
text-align: center;
opacity: 0;
line-height: 14px;
font-size: 12px;
color: #555555;
background-color: #f0f0f0;
padding: 4px;
}
.miniProductDetailsView .isShipMethodInfo:after {
font-family: FontAwesome;
font-size: 22px;
content: "\f0d7";
color: #f0f0f0;
position: absolute;
right: 12px !important;
bottom: -10px;
}
.miniProductDetailsView .message-error {
color: #fff;
}
.miniProductDetailsView .message-error li {
padding: 4px 6px;
}
.miniProductDetailsView .add-to-cart {
margin-top: 30px !important;
}
.miniProductDetailsView .tierRecommend-info {
left: 120px;
bottom: 70px !important;
}
.miniProductDetailsView .tierRecommend-info:before {
top: 10px;
}
.more-cart-items {
display: none;
}
.more-cart-items.hasscroll {
display: block;
}
.mini-shopping-cart .more-cart-items-shadow {
display: none;
height: 60px;
width: 100%;
position: absolute;
bottom: 104px;
opacity: 0.8;
background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
background: linear-gradient(180deg, hsla(0, 0%, 100%, 0), #fff);
}
.mini-shopping-cart .more-cart-items-shadow.hasscroll {
display: block;
}
/*.k-window.ajaxCart .miniProductDetailsView h1.product-name {
display: none !important;
}
.k-window.ajaxCart .k-window-titlebar {
padding: 0;
border-bottom: 0;
}
.k-window.ajaxCart .productAddedToCartWindowTitle {
text-align: center;
width: 100%;
color: $color_mcguff_1;
font-size: 20px;
font-weight: 900;
}
.k-window.ajaxCart .k-window-title {
text-align: center;
width: 100%;
margin:20px 0;
font-size: 16px;
}
.k-window.ajaxCart .productAddedToCartItem {
margin-top: 30px;
}*/
.miniProductDetailsView .product-collateral .tier-prices .title {
padding: 10px 30px;
}
.miniProductDetailsView .product-collateral .tier-prices .row > div {
width: 100%;
padding: 0 30px;
}
.miniProductDetailsView h1.product-name {
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
height: 19.6px; /* Fallback for non-webkit */
margin: 0 auto;
font-size: 14px;
line-height: 1.4;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.reward-points-overview {
padding: 30px;
line-height: 25px;
}
.return-request-list-page .customer-no-returns {
font-weight: normal;
text-align: center;
margin: 30px 15px 0;
font-size: 16px;
}
.return-request-list-page a {
margin: 0 10px;
font-weight: bold;
}
.return-request-list-page a:hover {
color: #0588d3;
}
.return-request-list-page .return-order-link {
margin: 0 !important;
}
.return-request-list-page .comments {
margin: 30px 0 0;
}
.return-request-list-page .return-prod-img-block {
display: inline-flex;
flex-wrap: nowrap;
flex-direction: row;
align-content: center;
justify-content: flex-start;
align-items: center;
}
.return-request-list-page .view-return-request {
cursor: pointer;
}
.downloadable-products-page .table-wrapper {
padding-top: 45px !important;
padding-bottom: 45px !important;
}
.downloadable-products-page td.download {
text-align: center;
font-size: 0;
}
.downloadable-products-page .download a {
display: inline-block;
width: 40px;
height: 40px;
border: none;
background: #777 url() left -40px no-repeat;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.downloadable-products-page .download a:hover {
background-color: #0588d3;
}
.reward-points-page .title {
display: none;
}
.reward-points-page .section {
margin: 0 0 50px;
border: none;
}
.change-password-page .inputs {
margin: 20px 0 0;
}
.change-password-page .buttons {
border: none;
padding-top: 0 !important;
}
.avatar-page .message-error {
margin: 0 0 10px;
}
.avatar-page .fieldset {
padding: 35px 0 25px;
text-align: center;
}
.avatar-page .image {
margin: 0 0 25px;
font-size: 0;
}
.avatar-page .image img {
border: 1px solid #f3f3f3;
}
.avatar-page input[type=file] {
max-width: 220px;
margin: 0 0 20px;
text-align: center;
}
.avatar-page .info {
margin: 0 0 20px;
padding: 0 20px;
}
.avatar-page .buttons {
text-align: center !important;
}
.avatar-page .buttons input {
margin: 0 8px;
}
.avatar-page .remove-avatar-button {
border: none;
background-color: transparent;
padding: 15px 0;
font-size: 13px;
font-weight: bold;
color: #777;
text-transform: uppercase;
}
.avatar-page .remove-avatar-button:hover {
color: #0588d3;
}
.vendorinfo-page .remove-picture-button {
border: none;
background-color: transparent;
padding: 15px 0;
font-size: 13px;
font-weight: bold;
color: #777;
text-transform: uppercase;
display: block;
}
.vendorinfo-page .remove-picture-button:hover {
color: #0588d3;
}
.vendorinfo-page .vendor-picture {
margin: 10px 0 -40px;
}
.user-agreement-page .terms-of-agreement {
margin: 40px 0;
text-align: center;
}
/********** SHOPPING CART **********/
.order-summary-content .ship-state-surcharge-text {
font-weight: bold;
font-size: 12px;
color: #f39c12;
display: block;
}
.order-summary-content .cart-wrapper {
margin: 10px 0;
}
#checkout-step-confirm-order .expedited-ship-notice.shipping-state-surcharge {
background-color: #f39c12;
}
#checkout-step-confirm-order .ship-state-surcharge-text {
color: #f39c12;
}
#checkout-step-payment-info {
display: none;
}
#checkout-step-payment-info .message-error .validation-summary-errors li {
padding: 10px 10px 10px 40px;
}
#checkout-step-payment-info .message-error .validation-summary-errors li:before {
font-family: FontAwesome;
content: "\f071";
font-size: 22px;
vertical-align: middle;
padding-right: 12px;
left: 10px;
position: absolute;
color: #c14343;
}
#checkout-step-payment-method .payment-info-next-step-button {
display: none;
}
.order-progress {
margin: 0 0 50px;
text-align: center;
}
.order-progress ul {
font-size: 0;
}
.order-progress li {
display: inline-block;
position: relative;
margin: 2px;
}
.order-progress li:nth-child(1) {
z-index: 6;
}
.order-progress li:nth-child(2) {
z-index: 5;
}
.order-progress li:nth-child(3) {
z-index: 4;
}
.order-progress li:nth-child(4) {
z-index: 3;
}
.order-progress li:nth-child(5) {
z-index: 2;
}
.order-progress li:nth-child(6) {
z-index: 1;
}
.order-progress li.active-step a {
background-color: #0588d3;
color: #ffffff;
cursor: pointer;
}
.order-progress li.active-step a:after {
border-left-color: #0588d3;
}
.order-progress li.inactive-step a {
cursor: default;
}
.order-progress a {
display: block;
position: relative;
min-width: 100px;
height: 32px;
background-color: #ececec;
padding: 0 16px 0 24px;
font-size: 11px;
line-height: 32px;
font-weight: bold;
color: #777;
text-transform: uppercase;
}
.order-progress a:before {
content: "";
position: absolute;
top: 0;
left: 0;
height: 32px;
border-width: 16px 8px;
border-style: dashed dashed dashed solid;
border-color: transparent transparent transparent #f6f6f6;
}
.order-progress a:after {
content: "";
display: block;
position: absolute;
top: 0;
right: -16px;
height: 32px;
border-width: 16px 8px;
border-style: dashed dashed dashed solid;
border-color: transparent transparent transparent #e9e9e9;
}
.shopping-cart-page .selected-checkout-attributes {
display: none;
}
.shopping-cart-page .min-amount-warning {
display: none;
}
.shopping-cart-page label[for=checkout_attribute_6_7] {
font-size: 0;
}
.shopping-cart-page .checkout-attributes textarea {
width: 100%;
}
.shopping-cart-page #checkout:disabled {
background-color: #f9f9f9;
color: #dddddd;
}
.shopping-cart-page #checkout:disabled:hover {
outline-color: transparent;
cursor: default;
}
.shopping-cart-page .message-error {
margin: 0 4px 30px;
font-size: 14px;
background-color: #e56363;
color: #ffffff;
padding: 4px 12px;
}
.shopping-cart-page .message-error li {
font-weight: normal !important;
}
.shopping-cart-page .message-error li:before {
content: "\f071";
font-family: FontAwesome;
margin-right: 4px;
}
.shopping-cart-page .button-1 {
min-width: 150px;
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.shopping-cart-page .button-1:hover {
outline-color: #0588d3;
}
.shopping-cart-page .button-2 {
width: 300px;
max-width: 100%;
height: 45px;
margin: 0 0 10px;
border: none;
font-size: 13px;
font-weight: bold;
color: #777;
text-transform: uppercase;
outline: 2px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.shopping-cart-page .tax-shipping-info {
margin: -10px 0 50px;
}
.shopping-cart-page .cross-sells {
margin: 60px 0 0 !important;
}
.shopping-cart-page .cross-sells .button-2 {
margin: 0;
outline: none;
}
.shopping-cart-page .attributes {
font-size: 13px;
font-weight: normal;
}
#checkout-step-billing #billing-new-address-form #address-status {
display: none !important;
}
#checkout-step-billing #billing-new-address-form #address-verification {
display: none !important;
}
.checkout-page .ups-reminder {
padding: 20px;
background-color: #0588d3;
color: #ffffff;
margin-bottom: 10px;
}
.checkout-page .payment-info .info table {
display: none;
}
.checkout-page select[name=CCNumber] {
display: none;
}
.checkout-page .attributes {
margin: 0;
}
.checkout-page .button-1 {
min-width: 150px;
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.checkout-page .button-1:hover {
outline-color: #0588d3;
}
.checkout-page .button-2 {
width: 300px;
max-width: 100%;
height: 45px;
margin: 0 0 10px;
border: none;
font-size: 13px;
font-weight: bold;
color: #777;
text-transform: uppercase;
outline: 2px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.checkout-page .message-error {
margin: 0 0 10px;
}
.checkout-page .billing-addresses {
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.checkout-page .shipping-addresses {
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.checkout-page .select-billing-address {
margin: 0 0 10px;
}
.checkout-page .select-shipping-address {
margin: 0 0 10px;
}
.checkout-page #shipping-addresses-form {
display: block !important;
}
.checkout-page .address-grid {
padding: 30px;
}
.checkout-page .address-grid:after {
content: "";
display: block;
clear: both;
}
.checkout-page .address-item {
margin: 40px 0 10px;
}
.checkout-page .address-item:first-child {
margin-top: 0;
}
.checkout-page .address-item li {
padding: 2px 0;
}
.checkout-page .address-item li.name {
margin: 0 0 5px;
font-size: 16px;
font-weight: bold;
}
.checkout-page .address-item li.country {
margin: 5px 0 0;
font-size: 16px;
}
.checkout-page .address-item li.email label {
display: none;
}
.checkout-page .address-box {
margin: 0 0 20px;
}
.checkout-page .enter-address {
max-width: 800px;
margin: auto;
padding: 30px;
}
.checkout-page .enter-address + .buttons {
margin: -30px 0 0;
padding: 10px;
}
.checkout-page .order-summary {
margin: 50px 0 0;
}
.checkout-page .order-summary .title {
display: none;
}
.checkout-page .ship-to-same-address {
margin: 0;
border-top: 1px solid #f6f6f6;
padding: 30px;
text-align: center;
}
.checkout-page .ship-to-same-address input {
margin: 0 5px;
}
.checkout-page .pickup-in-store {
margin: 0;
border-top: 1px solid #f6f6f6;
padding: 30px;
text-align: center;
}
.checkout-page .pickup-in-store input {
margin: 0 5px;
}
.checkout-page .pickup-points {
margin: 0 0 -10px;
}
.checkout-page .pickup-points .title {
display: none;
margin: 10px 0 0;
}
.checkout-page .select-pickup-point {
margin: 0;
text-align: center;
}
.checkout-page .select-pickup-point ul {
margin: -10px 0 0;
}
.checkout-page .select-pickup-point li {
display: inline-block;
}
.checkout-page .select-address {
padding: 0 20px;
}
.checkout-page .select-address select {
max-width: 100%;
height: 40px;
}
.checkout-page .pickup-points-map {
height: 300px;
margin: 20px 0 0;
}
.checkout-page .cart-header-row .unit-price {
text-align: center;
width: 9%;
}
.checkout-page .cart-header-row .product {
text-align: left;
width: 67%;
}
.checkout-page .cart-item-row {
padding: 18px 0;
border-bottom: 1px solid #f0f0f0;
}
.checkout-page .cart-item-row .product {
text-align: left;
font-weight: bold;
width: 67%;
}
.checkout-page .cart-item-row .product .sku {
font-weight: normal;
}
.checkout-page .cart-item-row .unit-price {
text-align: center;
width: 9%;
}
.checkout-page .cart-item-row .quantity {
position: relative;
text-align: center;
width: 10%;
}
.checkout-page .cart-item-row .subtotal {
color: #0588d3;
text-align: center;
font-weight: bold;
width: 10%;
}
.checkout-page .edit-item {
display: none;
}
.page .billing-info, .page .shipping-info {
text-align: left;
}
.cart-options {
margin: 20px 0;
text-align: center;
}
.order-list-page #osmo-sub-message {
margin-left: 20px;
margin-right: 20px;
}
#osmo-sub-message {
margin: 0 0 40px 0;
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 30px;
text-align: center;
}
#osmo-sub-message .recurring-row {
display: block;
}
#osmo-sub-message .recurring-row .col-recurring-left {
vertical-align: middle;
display: inline-block;
width: 240px;
}
#osmo-sub-message .recurring-row .col-recurring-left img {
width: 240px;
height: 180px;
}
#osmo-sub-message .recurring-row .col-recurring-right {
vertical-align: middle;
display: inline-block;
width: calc(100% - 250px);
}
@media (max-width: 62.49em) {
#osmo-sub-message .recurring-row .col-recurring-right {
width: auto;
}
}
#osmo-sub-message h3 {
font-weight: 100;
margin: 0 0 10px;
}
#osmo-sub-message h4 {
font-size: 30px;
color: #4fbb41;
margin: 0 0 10px 0;
padding: 0;
}
#osmo-sub-message h4 strong {
font-weight: normal;
}
@media (max-width: 991px) {
#osmo-sub-message .right-side {
margin-top: 30px;
padding-top: 20px;
border-top: 1px solid #eeeeee;
}
}
@media (min-width: 992px) {
#osmo-sub-message .left-side {
border-right: 1px solid #eeeeee;
}
}
#osmo-sub-message .right-side a {
color: #999999;
display: block;
text-decoration: underline;
font-size: 13px;
font-weight: 100;
}
#osmo-sub-message p {
font-weight: bold;
padding: 5px 12px;
font-size: 13px;
color: #999999;
border-radius: 4px;
margin: 5px 0 0;
display: inline-block;
font-size: 1.1em;
}
#osmo-sub-message p span {
display: block;
font-weight: 100;
}
#osmo-sub-message .osmo-link-btn {
line-height: 3em;
color: #ffffff;
background-color: #0588d3;
text-transform: uppercase;
font-size: 14px;
padding: 10px 26px;
white-space: nowrap;
word-break: keep-all;
}
.order-details-page .table-wrapper .backordered-products .backordered-header, .order-list-page .table-wrapper .backordered-products .backordered-header {
background-color: #f39c12;
}
.order-details-page .table-wrapper .backordered-products .backordered-header td, .order-list-page .table-wrapper .backordered-products .backordered-header td {
text-align: left;
color: #ffffff;
display: table-cell !important;
}
.order-details-page .table-wrapper .backordered-products td.total, .order-list-page .table-wrapper .backordered-products td.total {
color: #f39c12;
font-weight: bold;
}
.order-details-page tr.backordered-totals, .order-list-page tr.backordered-totals {
color: #f39c12;
font-weight: bold;
}
.order-details-page #partial-delivered-wrapper {
margin: 50px 20px 10px;
text-align: center;
}
.order-details-page #partial-delivered-wrapper .partial-delivered {
background-color: #ffffff;
display: inline-block;
padding: 12px 30px;
}
.order-details-page #partial-delivered-wrapper .partial-delivered h4 {
color: #4fbb41;
font-size: 20px;
}
.order-details-page #partial-delivered-wrapper .partial-delivered p {
font-weight: 100;
font-size: 18px;
}
.order-details-page .osmolarity-order-info {
font-weight: 100;
margin: 40px 0;
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 30px;
text-align: center;
}
@media (max-width: 999px) {
.order-details-page .osmolarity-order-info img.img-mobile {
display: inline-block;
}
.order-details-page .osmolarity-order-info img.img-desktop {
display: none;
}
}
@media (min-width: 1000px) {
.order-details-page .osmolarity-order-info img.img-mobile {
display: none;
}
.order-details-page .osmolarity-order-info img.img-desktop {
display: inline-block;
}
}
.order-details-page .osmolarity-order-info h2 {
color: #333333;
margin: 0 0 30px 0;
font-weight: 100;
font-size: 24px;
}
.order-details-page .osmolarity-order-info .osmo-step1, .order-details-page .osmolarity-order-info .osmo-step2 {
margin: 20px 0;
}
.order-details-page .osmolarity-order-info .osmo-step1 p, .order-details-page .osmolarity-order-info .osmo-step2 p {
font-size: 18px;
margin: 15px 0;
}
.order-details-page .osmolarity-order-info h4 {
color: #333333;
font-size: 24px;
}
.order-details-page #ordersteps {
max-width: 745px;
text-align: center;
margin: 20px auto 30px auto;
}
.order-details-page #ordersteps login-button .step {
transition: all 0.3s ease-in-out;
width: 55px;
height: 53px;
background-color: #ffffff;
display: inline-block;
border: 4px solid;
border-color: #ccc;
border-radius: 50%;
color: #999999;
font-weight: normal;
font-size: 20px;
text-align: center;
line-height: 38px;
position: relative;
}
.order-details-page #ordersteps login-button .step.order-hold {
background-color: #e56363;
border-color: #e56363;
}
.order-details-page #ordersteps login-button .step.order-hold span {
position: absolute;
line-height: 12px;
color: #555555;
font-size: 11px;
display: inline-block;
width: 120px;
text-align: center;
bottom: -16px;
left: -40px;
}
.order-details-page #ordersteps login-button .step.order-hold .order-status:before, .order-details-page #ordersteps login-button .step.order-hold .order-status:after {
color: #ffffff;
background-color: #e56363;
}
@media (max-width: 47.99em) {
.order-details-page #ordersteps login-button .step.order-hold:after {
position: absolute;
white-space: normal !important;
line-height: 14px;
}
}
.order-details-page #ordersteps login-button .step .prepare-icon:before {
font-size: 20px;
margin-right: 3px;
font-family: FontAwesome;
content: "\f291";
font-style: normal;
}
@media (min-width: 62.5em) {
.order-details-page #ordersteps login-button .step .prepare-icon:after {
font-size: 15px;
border-radius: 50%;
background-color: #f5f5f5;
height: 15px;
width: 15px;
top: 22px;
left: 22px;
line-height: 17px;
position: absolute;
font-family: FontAwesome;
content: "\f017";
font-style: normal;
}
}
.order-details-page #ordersteps login-button .step .prepare-icon.order-status.prodsub:before {
content: "\f291";
}
.order-details-page #ordersteps login-button .step .prepare-icon.order-status.prodsub:after {
content: "\f021";
}
.order-details-page #ordersteps login-button .step .prepare-icon.order-status.dea-license:before, .order-details-page #ordersteps login-button .step .prepare-icon.order-status.med-license:before {
margin-right: 0;
content: "\f2c2";
}
.order-details-page #ordersteps login-button .step .prepare-icon.order-status.dea-license:after, .order-details-page #ordersteps login-button .step .prepare-icon.order-status.med-license:after {
content: "\f017";
}
.order-details-page #ordersteps login-button .step .prepare-icon.order-status.cc:before {
margin-right: 0;
content: "\f283";
}
.order-details-page #ordersteps login-button .step .prepare-icon.order-status.cc:after {
content: "\f017";
}
.order-details-page #ordersteps login-button .step .prepare-icon.order-status.collab:before {
font-size: 26px;
content: "\f0f0";
}
.order-details-page #ordersteps login-button .step .prepare-icon.order-status.collab:after {
content: "\f017";
}
.order-details-page #ordersteps login-button .step .prepare-icon.order-status.address:before {
content: "\f2b9";
}
.order-details-page #ordersteps login-button .step .prepare-icon.order-status.address:after {
content: "\f021";
}
.order-details-page #ordersteps login-button .step .prepare-icon.order-status.license:before {
content: "\f2bb";
}
.order-details-page #ordersteps login-button .step .prepare-icon.order-status.license:after {
content: "\f021";
}
@media (max-width: 62.49em) {
.order-details-page #ordersteps login-button .step .prepare-icon {
position: relative;
width: 30px;
height: 30px;
background-color: #ffffff !important;
border-radius: 50%;
border-color: #ccc;
border: 2px solid;
display: inline-block;
}
.order-details-page #ordersteps login-button .step .prepare-icon:before {
font-size: 16px;
margin-left: 4px;
}
}
.order-details-page #ordersteps login-button .step .fa {
font-size: 24px;
}
.order-details-page #ordersteps login-button .step .fa.fa-cog {
font-size: 22px;
margin-right: 0;
margin-top: 0;
}
.order-details-page #ordersteps login-button .step .fa.fa-paper-plane {
font-size: 19px;
margin-right: 4px;
margin-top: -2px;
}
.order-details-page #ordersteps login-button .step .fa.fa-truck {
font-size: 21px;
margin-right: 2px;
}
.order-details-page #ordersteps login-button .step .fa.fa-home {
font-size: 22px;
}
.order-details-page #ordersteps .step:first-child {
line-height: 43px;
}
.order-details-page #ordersteps .step:nth-child(n+2) {
margin: 0 0 0 77px;
}
.order-details-page #ordersteps .step:nth-child(n+2):before {
width: 45px;
height: 3px;
display: block;
background-color: #ccc;
transform: translate(-65px, 21px);
content: "";
}
@media (max-width: 62.49em) {
.order-details-page #ordersteps .step.done i:after {
width: 3px !important;
height: 12px !important;
display: block !important;
background-color: #ccc;
content: "" !important;
position: absolute;
bottom: -16px;
left: 13px;
}
.order-details-page #ordersteps .step.order-hold i {
position: relative;
width: 30px !important;
padding: 0 4px 0 5px !important;
height: 30px !important;
background-color: #e56363 !important;
border-radius: 50%;
border-color: #e56363 !important;
border: 2px solid;
display: inline-block;
}
.order-details-page #ordersteps .step.order-hold i:before {
font-size: 13px !important;
margin-left: 0px;
}
.order-details-page #ordersteps .step.order-hold i:after {
display: none;
}
.order-details-page #ordersteps .step.order-hold i.prodsub:before {
font-size: 15px !important;
}
.order-details-page #ordersteps .step.order-hold i.collab:before {
font-size: 18px !important;
margin-left: 1px;
}
.order-details-page #ordersteps .step.order-hold i.address:before {
font-size: 15px !important;
padding-left: 2px;
}
}
@media (min-width: 48em) and (max-width: 62.49em) {
.order-details-page #ordersteps .step.done i:after {
display: none !important;
}
}
.order-details-page #ordersteps .step:after {
width: 150px;
display: block;
transform: translate(-55px, 3px);
color: #666;
content: attr(data-desc);
line-height: 1.2em;
font-weight: 400;
font-size: 13px;
}
@media (min-width: 62.5em) {
.order-details-page #ordersteps .step:after {
top: 56px;
position: absolute;
}
}
.order-details-page #ordersteps .step.done:after {
font-weight: bold;
}
.order-details-page #ordersteps .step.order-hold:after {
color: #e56363;
font-weight: bold;
}
.order-details-page #ordersteps .step.active {
border-color: #0588d3;
color: #0588d3;
}
.order-details-page #ordersteps .step.active:before {
background: linear-gradient(to right, #4fbb41 0%, #0588d3 100%);
}
.order-details-page #ordersteps .step.active:after {
color: #0588d3;
}
.order-details-page #ordersteps .step.done {
background-color: #4fbb41;
border-color: #4fbb41;
color: #ffffff;
}
.order-details-page #ordersteps .step.done:before {
background-color: #4fbb41;
}
.order-details-page .order-processed {
margin: 40px 0;
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 30px;
text-align: center;
}
.order-details-page .order-processed h2 {
font-weight: 100;
text-transform: capitalize;
font-size: 30px;
color: #666;
}
.order-details-page .order-processed h2:before {
font-family: FontAwesome;
font-size: 1.3em;
margin-right: 10px;
content: "\f00c";
color: #4fbb41;
}
.order-details-page .page-title {
margin: 0 0 30px;
}
.order-details-page .page-title h1 {
margin: 0 0 10px;
}
.order-details-page .page-title a {
display: inline-block;
height: 40px;
margin: 5px 5px 10px;
background-color: #0588d3;
background-image: url();
background-repeat: no-repeat;
padding: 0 15px 0 35px;
line-height: 40px;
outline: 2px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.order-details-page .page-title a:hover {
outline-color: #ffffff;
color: #0588d3;
}
.order-details-page .order-overview {
margin: 0 0 10px;
padding: 5px 10px;
font-size: 15px;
}
.order-details-page .order-number {
margin: 0 0 20px;
font-size: 16px;
color: #333333;
text-transform: uppercase;
}
.order-details-page .section {
margin: 30px 0 50px;
}
.order-details-page .section .title {
display: none;
}
.order-details-page .section .actions {
width: 100%;
margin: 10px 0;
}
.order-details-page .section .re-order-button {
background-image: none;
background-color: #0588d3;
color: #ffffff;
}
.order-details-page .section button {
display: inline-block;
width: 80%;
height: 45px;
margin: 0 5px 10px;
border: medium none;
padding: 0 28px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
outline: 2px solid transparent;
}
.order-details-page .section button.re-order-button:hover {
outline-color: #0588d3;
}
.order-details-page .section button.re-order-button .fa {
color: #ffffff;
margin-right: 10px;
font-size: 16px;
}
.order-details-page .section button.return-items-button:hover {
outline-color: #ffffff;
}
.order-details-page .section button.return-items-button .fa {
color: #0588d3;
margin-right: 10px;
font-size: 16px;
}
.order-details-page .section input:hover {
color: #0588d3;
}
.order-details-page .section.options {
margin: 0;
}
.order-details-page .section h3 {
padding: 10px;
}
.order-details-page .section h3.mos {
color: #00928f;
}
.order-details-page .section .company-totals {
background: #f9f9f9;
padding: 20px;
border: 1px solid #e9e9e9;
border-top: none;
}
.order-details-page .section .company-totals .cart-total {
width: 30%;
margin: 0 0 0 auto;
}
@media (max-width: 47.99em) {
.order-details-page .section .company-totals .cart-total {
width: 70%;
}
}
@media (min-width: 48em) and (max-width: 74.99em) {
.order-details-page .section .company-totals .cart-total {
width: 40%;
}
}
.order-details-page .download {
margin: 5px 0 0;
}
.order-details-page .download a {
font-weight: normal;
color: #0588d3;
}
.order-details-page .download a:hover {
text-decoration: underline;
}
.order-details-page .tax-shipping-info {
display: none;
}
.order-details-page .selected-checkout-attributes {
margin: -10px 0;
}
.order-details-page .actions {
font-size: 0;
}
.order-details-page .actions input {
width: 210px;
max-width: 100%;
height: 45px;
margin: 0 5px 10px;
border: medium none;
padding: 0 28px 0 48px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
outline: 2px solid transparent;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
}
.order-details-page .actions input:hover {
outline-color: #ffffff;
color: #0588d3;
}
.order-details-page .totals {
margin: 0 0 50px;
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 40px 0;
}
.order-details-page .total-info {
max-width: 80%;
margin: 0 auto;
}
.order-details-page .order-info span {
display: block;
margin: 5px 0;
}
.order-details-page .order-total {
display: block;
margin: 5px 0;
}
.order-details-page .view-details a {
font-weight: normal;
color: #0588d3;
}
.order-details-page .view-details a:hover {
text-decoration: underline;
}
.order-details-page .order-ship-title {
padding: 20px 0;
color: #0588d3;
letter-spacing: -0.05em;
font-size: 1.7em;
text-transform: uppercase;
}
.order-details-page .page-title a {
background-color: #0588d3;
background-color: #ffffff;
background-image: none;
background-repeat: no-repeat;
padding: 0 15px;
}
.order-details-page .page-title a:hover {
color: #0588d3;
}
.order-details-page .page-title a.print-order-button:before {
font-family: FontAwesome;
content: "\f02f";
font-size: 14px;
color: #0588d3;
margin-right: 10px;
}
.order-details-page .page-title a.pdf-invoice-button:before {
font-family: FontAwesome;
content: "\f15c";
font-size: 14px;
color: #0588d3;
margin-right: 10px;
}
.order-details-page .download a {
color: #0588d3;
}
.order-details-page .product .submit-ticket-button {
color: #0588d3;
}
.checkout-page .selected-checkout-attributes, .order-details-page .selected-checkout-attributes {
display: inline-block;
color: #777;
padding: 20px;
margin: 0;
font-size: 14px;
line-height: 16px;
}
.checkout-page .selected-checkout-attributes br, .order-details-page .selected-checkout-attributes br {
border-top: 1px solid #e9e9e9;
content: "A" !important;
display: block !important;
margin-bottom: 1em !important;
margin-top: 1em !important;
}
.common-buttons {
font-size: 0;
}
.common-buttons input:hover {
outline-color: #ffffff;
color: #0588d3;
}
.common-buttons .continue-shopping-button {
background: #0588d3 url(/Themes/Pavilion/Content/img/cart-sprite.png) left 0 no-repeat;
background-color: #0588d3;
background-image: none;
background-color: #ffffff;
padding: 0 28px;
}
.common-buttons .update-cart-button {
background: #0588d3 url(/Themes/Pavilion/Content/img/cart-sprite.png) left -45px no-repeat;
display: none;
background-color: #ffffff;
background-image: none;
background-color: #ffffff;
padding: 0 28px;
}
.block-recently-viewed-products li a {
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
height: 58.8px; /* Fallback for non-webkit */
margin: 0 auto;
font-size: 14px;
line-height: 1.4;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.mini-shopping-cart .product .name a {
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
height: 39.2px; /* Fallback for non-webkit */
margin: 0 auto;
font-size: 14px;
line-height: 1.4;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.product-grid.nop7SpikesAjaxFiltersGrid .product-list-sku-mfg span.value {
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
height: 16.8px; /* Fallback for non-webkit */
margin: 0 auto;
font-size: 12px;
line-height: 1.4;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
#pagination, .pager-wrapper, #uploadForm {
min-height: 45px;
position: relative;
}
#pagination .spinner, .pager-wrapper .spinner, #uploadForm .spinner {
position: absolute;
right: 20px;
top: 10px;
width: 18px;
display: none;
height: 18px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: #29d;
border-left-color: #29d;
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
-moz-animation: nprogress-spinner 400ms linear infinite;
-o-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
#pagination .spinner.on, .pager-wrapper .spinner.on, #uploadForm .spinner.on {
display: inline-block;
}
.cart-footer .totals h4 {
border: 1px solid #eeeeee;
padding: 6px 15px;
background-color: rgb(79.1232227488, 94.0687203791, 106.3767772512);
border-color: rgb(79.1232227488, 94.0687203791, 106.3767772512);
color: #ffffff;
margin: 10px 10px 0 10px !important;
}
.cart-footer:after {
content: "";
display: block;
clear: both;
}
.cart-footer .current-code .remove-discount-button {
margin: -3px 0 0 0;
}
.cart-footer .remove-discount-button {
width: 17px;
height: 17px;
margin: 2px 0 0 0;
border: none;
background: #ffffff url(/Themes/Pavilion/Content/img/close.png) center no-repeat;
vertical-align: middle;
cursor: pointer;
}
.cart-footer .remove-gift-card-button {
width: 17px;
height: 17px;
margin: -3px 0 0 0;
border: none;
background: #ffffff url(/Themes/Pavilion/Content/img/close.png) center no-repeat;
vertical-align: middle;
cursor: pointer;
}
.cart-footer .totals {
margin: 0 0 60px;
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 40px 0;
}
.cart-footer .total-info {
width: 300px;
max-width: 80%;
margin: 0 auto;
}
.cart-footer .checkout-buttons {
margin: 40px 0 0;
}
.cart-footer .checkout-buttons .button-1 {
font-size: 14px;
}
.cart-footer .addon-buttons {
margin: 40px 0 0;
}
.cart-footer .item-box .unavailable-overlay {
bottom: 96px !important;
padding: 5px !important;
font-size: 10px !important;
}
.cart-collaterals {
margin: 0 0 50px;
}
.cart-collaterals .accordion-tab {
position: relative;
margin: 0 0 10px;
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.cart-collaterals .accordion-tab.active {
z-index: 3;
}
.cart-collaterals .accordion-tab-title {
position: relative;
border-bottom: 3px solid #e9e9e9;
padding: 15px 30px 12px;
font-weight: bold;
text-transform: uppercase;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.cart-collaterals .accordion-tab-title:after {
content: "";
position: absolute;
top: 20px;
right: 15px;
width: 10px;
height: 10px;
background: #0588d3 url() center no-repeat;
}
.cart-collaterals .accordion-tab-content {
display: none;
max-width: 600px;
margin: auto;
padding: 30px;
}
.cart-collaterals .accordion-tab-content .checkout-attributes dt label {
display: none !important;
}
.cart-collaterals .accordion-tab-content .checkout-attributes #checkout_attribute_input_7 textarea {
min-height: 100px;
padding: 6px 10px;
}
.cart-collaterals .title {
display: none;
}
.cart-collaterals .hint {
margin: 0 0 15px;
}
.cart-collaterals .estimate-shipping-button {
margin: 0;
background-color: #0588d3;
padding: 0 20px;
color: #ffffff;
outline-width: 1px;
}
.cart-collaterals .estimate-shipping-button:hover {
outline-color: #0588d3;
}
.cart-collaterals .shipping-results {
margin: 30px 0 0;
}
.cart-collaterals .shipping-results li {
margin: 15px 0 5px;
}
.cart-collaterals .shipping-results strong {
display: block;
margin: 0 0 5px;
font-size: 13px;
color: #333333;
}
.cart-collaterals .coupon-code {
width: 300px;
max-width: 100%;
margin: auto;
font-size: 0;
}
.cart-collaterals .coupon-code input[type=text] {
display: block;
width: 100%;
height: 45px;
text-transform: uppercase;
}
.cart-collaterals .coupon-code input[type=submit] {
display: block;
width: 100%;
margin: 0;
background-color: #0588d3;
padding: 0 20px;
color: #ffffff;
outline-width: 1px;
}
.cart-collaterals .coupon-code input[type=submit]:hover {
outline-color: #0588d3;
}
.cart-collaterals .message-failure {
margin: 15px 0 0;
color: #c14343;
}
.cart-collaterals .message-success {
margin: 15px 0 0;
color: #4fbb41;
}
.cart-collaterals .current-code {
margin: 15px 0 0;
}
.cart-collaterals .current-code span .couponCaps {
color: #4fbb41;
text-transform: uppercase;
vertical-align: baseline;
font-weight: bold;
}
.cart-collaterals .shopping-cart-page li {
line-height: 24px;
}
.cart-collaterals .shopping-cart-page li * {
vertical-align: middle;
}
.cart-collaterals .shopping-cart-page .color-squares li {
margin: 5px;
}
.cart-collaterals .active .accordion-tab-title {
border-bottom-color: #0588d3;
}
.cart-collaterals .accordion-tab-title:after {
background-color: #0588d3;
background-color: transparent;
background-image: none;
font-family: FontAwesome;
content: "\f078";
font-size: 14px;
top: 14px;
right: 20px;
}
.cart-collaterals .coupon-code input[type=submit] {
background-color: #0588d3;
}
.cart-collaterals .coupon-code input[type=submit]:hover {
outline-color: #0588d3;
}
.minWarnWrap {
margin: 0 10px 10px 10px;
background-color: #5a6b79;
display: table;
color: #ffffff;
padding: 20px;
}
.minWarnWrap dt {
display: table-cell;
width: 80%;
}
.minWarnWrap dd {
display: table-cell;
vertical-align: middle;
width: 19%;
}
.cart-total td {
width: 70%;
padding: 5px;
}
.cart-total td.cart-total-left {
text-align: left;
}
.cart-total td.cart-total-right {
text-align: right;
}
.cart-total .giftcard-remaining {
display: block;
}
.cart-total .order-total {
font-size: 18px;
font-weight: bold;
color: #0588d3;
text-transform: uppercase;
}
.cart-total .order-total .cart-total-left, .cart-total .order-total .cart-total-right {
font-size: 15px !important;
}
.terms-of-service {
margin: 40px 0 0;
background-color: #f9f9f9;
padding: 15px;
font-size: 13px;
}
.terms-of-service div {
width: 300px;
max-width: 80%;
margin: auto;
line-height: 24px;
}
.terms-of-service input {
margin: 0 3px 0 0;
}
.terms-of-service label {
cursor: pointer;
}
.terms-of-service a {
margin: 0 0 0 3px;
color: #0588d3;
cursor: pointer;
}
.terms-of-service a:hover {
text-decoration: underline;
}
/********** CHECKOUT **********/
.shipping-method .payment-block, .payment-method .payment-block {
display: inline-block;
margin-left: 5px;
}
.shipping-method .po-wrapper label, .payment-method .po-wrapper label {
display: block;
padding-bottom: 4px;
}
.shipping-method .po-wrapper label span, .payment-method .po-wrapper label span {
padding: 0 4px 0;
font-weight: 100;
}
.shipping-method .po-wrapper input#ponumber, .payment-method .po-wrapper input#ponumber {
width: 300px;
}
@media (max-width: 784px) {
.shipping-method .method-list, .payment-method .method-list {
text-align: center !important;
}
}
.shipping-method .method-list .method-name .payment-details, .payment-method .method-list .method-name .payment-details {
display: block;
}
.shipping-method .method-list .method-name .payment-logo, .payment-method .method-list .method-name .payment-logo {
display: none;
}
@media (max-width: 784px) {
.shipping-method .method-list .method-name input#paymentmethod_2[type=radio] + label, .payment-method .method-list .method-name input#paymentmethod_2[type=radio] + label {
width: 290px;
}
}
@media (min-width: 785px) {
.shipping-method .method-list .method-name input#paymentmethod_2[type=radio] + label, .payment-method .method-list .method-name input#paymentmethod_2[type=radio] + label {
width: 190px !important;
}
}
.shipping-method .method-list .method-name input.just-terms[type=radio] + label, .payment-method .method-list .method-name input.just-terms[type=radio] + label {
width: 265px !important;
}
.shipping-method .method-list .method-name input[type=radio], .payment-method .method-list .method-name input[type=radio] {
display: none;
}
.shipping-method .method-list .method-name input[type=radio]:checked + label, .payment-method .method-list .method-name input[type=radio]:checked + label {
background-color: #0588d3;
border-left: 5px solid #29d !important;
color: #ffffff;
opacity: 1;
}
.shipping-method .method-list .method-name input[type=radio] + label, .payment-method .method-list .method-name input[type=radio] + label {
border-left: 5px solid #f5f5f5 !important;
position: relative;
display: block;
/*width: 300px;*/
padding: 10px 20px 10px 100px;
height: 60px;
line-height: 40px;
background-color: #f5f5f5;
color: #777;
opacity: 0.7;
cursor: pointer;
border-radius: 3px;
margin: 0px 5px 0px 5px;
caret-color: transparent;
}
.shipping-method .method-list .method-name input[type=radio] + label:before, .payment-method .method-list .method-name input[type=radio] + label:before {
content: "";
position: absolute;
top: 2px;
left: 10px;
width: 75px;
height: 60px;
background-repeat: no-repeat;
background-size: 62px 55px;
}
.shipping-method .method-list .method-name input[type=radio] + label[for=paymentmethod_0]:before, .payment-method .method-list .method-name input[type=radio] + label[for=paymentmethod_0]:before {
background-image: url(/Plugins/Payments.McGuffCreditCards/logo.png);
}
.shipping-method .method-list .method-name input[type=radio] + label[for=paymentmethod_1]:before, .payment-method .method-list .method-name input[type=radio] + label[for=paymentmethod_1]:before {
background-image: url(/Plugins/Payments.Manual/logo.png);
}
.shipping-method .method-list .method-name input[type=radio] + label[for=paymentmethod_2]:before, .payment-method .method-list .method-name input[type=radio] + label[for=paymentmethod_2]:before {
background-image: url(/Plugins/Payments.CheckMoneyOrder/logo.png);
}
.shipping-method .method-list .method-name input[type=radio] + label[for=paymentmethod_3]:before, .payment-method .method-list .method-name input[type=radio] + label[for=paymentmethod_3]:before {
background-image: url(/Plugins/Payments.PurchaseOrder/logo.png);
background-size: 60px 53px;
left: 14px;
}
.shipping-method .method-list .method-name input[type=radio] {
display: none;
}
.shipping-method .method-list .method-name input[type=radio] + label {
padding: 10px 20px 10px 20px;
height: 50px;
line-height: 30px;
}
.shipping-method .method-list {
margin: 0 0 35px;
}
.shipping-method .method-list li {
margin: 0 0 25px;
}
.shipping-method .method-list li label {
font-weight: bold;
color: #333333;
}
.shipping-method .method-description {
margin: 5px 0 0;
}
.payment-method .method-list {
margin: 0 0 5px;
font-size: 0;
width: 100%;
text-align: left;
}
.payment-method .method-list li {
margin: 0 0 25px;
white-space: nowrap;
}
.payment-method .method-list li label {
font-weight: bold;
color: #333333;
}
.payment-method .payment-logo {
display: inline-block;
vertical-align: middle;
margin: 0 10px 0 0;
}
.payment-method .payment-logo img {
max-width: 40px;
}
.payment-method .payment-details {
display: inline-block;
vertical-align: middle;
font-size: 14px;
}
.payment-method .payment-details label {
display: inline-block;
text-align: left;
}
.payment-method .payment-details div.payment-terms {
white-space: normal;
padding: 15px 0;
}
.payment-method .payment-details p {
text-align: left !important;
margin: 0 !important;
}
.payment-method .payment-details span.payment-contact {
font-weight: bold;
}
.use-reward-points {
margin: 0 0 30px;
}
.use-reward-points input {
margin: 0 5px 0 0;
}
.confirm-order .terms-of-service {
margin: 0 0 30px;
background-color: transparent;
padding: 0;
text-align: center;
}
.confirm-order .terms-of-service a {
margin-left: 5px;
}
.confirm-order .buttons .button-1 {
font-size: 15px;
}
.order-completed .title {
margin: 0 0 30px;
background-color: transparent;
padding: 0;
}
.order-completed .details {
margin: 0 0 30px;
}
.order-completed .details a {
display: inline-block;
margin: 5px 0 0;
color: #0588d3;
}
.order-completed .details a:hover {
text-decoration: underline;
}
.order-review-data {
margin: 0 0 50px;
overflow: hidden;
text-align: left !important;
}
.order-review-data ul {
margin: 40px 0 0;
background-color: #ffffff;
padding: 40px 30px;
}
.order-review-data ul:first-child {
margin: 0;
}
.order-review-data li {
padding: 2px 0;
}
.order-review-data .title {
display: block !important;
margin: 20px 0 5px;
background-color: transparent;
padding: 0;
font-size: 15px;
font-weight: bold;
color: #333333;
text-transform: uppercase;
}
.order-review-data .title:first-child {
margin-top: 0;
}
.order-details-area, .order-message-rsp {
overflow: hidden;
}
.order-details-area .license-attachment, .order-message-rsp .license-attachment {
color: #ffffff;
background-color: #0588d3;
padding: 15px;
border-radius: 3px;
}
.order-details-area .license-attachment a, .order-message-rsp .license-attachment a {
font-family: "Open Sans";
font-weight: 600;
font-size: 14px;
}
.order-details-area ul, .order-message-rsp ul {
margin: 40px 0 0;
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 40px 30px;
}
.order-details-area ul:first-child, .order-message-rsp ul:first-child {
margin: 0;
}
.order-details-area li, .order-message-rsp li {
padding: 2px 0;
}
.order-details-area .title, .order-message-rsp .title {
display: block !important;
margin: 20px 0 5px;
background-color: transparent;
padding: 0;
font-size: 15px;
font-weight: bold;
color: #333333;
text-transform: uppercase;
}
.order-details-area .title:first-child, .order-message-rsp .title:first-child {
margin-top: 0;
}
.order-message-rsp {
overflow: hidden;
}
.order-message-rsp div.order-hold-container {
margin: 40px 0 0;
border-radius: 5px;
padding: 2em;
background-color: #e56363;
color: white;
text-align: left;
}
.order-message-rsp div.order-hold-container h2 {
color: white !important;
margin: 0 !important;
}
.order-message-rsp div.order-hold-container p {
padding-top: 1.5em;
}
.order-message-rsp div.order-hold-container a:hover {
color: #e9e9e9;
}
.order-message-rsp div.order-hold-container a.license {
display: block;
padding: 5px 0;
width: 150px;
}
.order-message-rsp div.order-hold-container .reply-div {
text-align: right;
}
.order-message-rsp div.order-hold-container .reply-div button {
border-radius: 3px;
}
.order-message-rsp div.order-hold-container:first-child {
margin: 0;
}
.order-message-rsp div.order-hold-container .license {
color: white;
font-weight: 600;
}
.order-message-rsp div#order-rsp {
padding: 20px;
margin-bottom: 20px;
text-align: center;
background-color: white;
border-radius: 5px;
}
.order-message-rsp div#order-rsp button {
border-radius: 3px;
}
.order-message-rsp div#order-rsp .reply-header {
padding-bottom: 10px;
}
.order-message-rsp div#order-rsp:first-child {
margin: 0;
}
.order-message-rsp #rx-response textarea {
width: 100%;
padding: 1em;
}
.shipment-details-area {
margin: 0 0 50px;
overflow: hidden;
}
.shipment-details-area ul {
margin: 40px 0 0;
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 40px 30px;
}
.shipment-details-area ul:first-child {
margin: 0;
}
.shipment-details-area li {
padding: 2px 0;
}
.shipment-details-area .title {
display: block !important;
margin: 20px 0 5px;
background-color: transparent;
padding: 0;
font-size: 15px;
font-weight: bold;
color: #333333;
text-transform: uppercase;
}
.shipment-details-area .title:first-child {
margin-top: 0;
}
.print-order-button {
background-position: left bottom;
}
.pdf-invoice-button {
background-position: left top;
}
.return-request-page .non-returnable-items {
opacity: 0.5;
pointer-events: none;
}
.return-request-page .total-price {
text-align: center;
font-size: 24px;
padding: 15px;
color: #333333;
font-weight: 600;
}
.return-request-page .button-1 {
min-width: 120px;
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: #0588d3;
}
.return-request-page .button-1:hover {
outline-color: #0588d3;
}
.return-request-page .fa-check {
color: #0d610d;
}
.return-request-page .all-set-message {
background-color: white;
padding: 25px;
}
.return-request-page .product-picture {
text-align: center;
}
.return-request-page .product-picture img {
max-width: 100px;
vertical-align: middle;
}
.return-request-page .page-links {
padding: 25px 0;
justify-content: center;
display: flex;
flex-wrap: wrap;
align-content: center;
align-items: center;
}
.return-request-page .page-link-buttons {
padding: 0 15px;
}
.return-request-page #shop-all-products, .return-request-page #customer-dashboard, .return-request-page #resources {
min-width: 125px;
line-height: 40px;
font-size: 13px;
font-weight: 700;
margin: 20px 0 !important;
background-color: #0588d3;
color: #ffffff;
padding: 10px 120px;
border: none;
border-radius: 5px;
text-decoration: none;
text-transform: uppercase;
opacity: 0.8;
}
.return-request-page .ascor-ad-banner {
background-image: url(/Themes/Pavilion/Content/img/Banners/ASCOR_AdBanner_v2.jpg);
width: 100%;
height: auto;
background-repeat: no-repeat;
padding: 65px 0;
position: relative;
overflow: hidden;
background-size: contain;
}
.return-request-page .shipping-info-image {
width: 100%;
height: auto;
padding: 0 0 15px;
}
.return-request-page .shipping-info-image img {
max-width: 550px;
}
.return-request-page .shipping-steps {
margin: 14px;
}
.return-request-page .shipping-steps ol {
list-style: number !important;
}
.return-request-page .return-err-msg {
color: #ad0808;
font-weight: 600;
}
.return-request-page .print-return-btn {
border: 0;
padding: 12px 25px;
border-radius: 3px;
background-color: #0588d3;
border-color: #0588d3;
color: #fff;
}
.return-request-page .section {
margin: 0 0 50px;
}
.return-request-page .section .title {
display: none;
}
.return-request-page .fieldset {
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.return-request-page .fieldset .form-fields {
max-width: 600px;
margin: auto;
padding: 30px;
}
.return-request-page .fieldset .buttons {
/*margin: -20px 0 40px;*/
}
.return-request-page .return-fields div {
padding: 10px 0;
}
.return-request-page .return-fields div label:not(.call-from-csr-outer) {
display: inline-block;
}
.return-request-page .return-fields div select:not(.call-from-csr-outer), .return-request-page .return-fields div input:not(.call-from-csr-outer) {
width: 100%;
}
.return-request-page .preferedBrand .pref-required {
color: #1b3f5e;
font-weight: 600;
}
.return-request-page .call-from-csr-inner {
justify-content: start;
flex-wrap: nowrap;
display: flex;
width: 355px;
}
.return-request-page .call-from-csr-inner input[type=checkbox] {
transform: scale(1);
margin: 0 5px 0 6px;
}
.return-request-page .call-from-csr-outer {
font-size: 14px;
border: 1px solid #e9e9e9;
border-top: none;
background-color: #ffffff;
padding: 10px 25px 10px 0;
width: 100%;
justify-content: end;
display: inline-flex;
}
@media (max-width: 47.99em) {
.return-request-page #shop-all-products, .return-request-page #customer-dashboard, .return-request-page #resources {
padding: 10px 25px;
}
.return-request-page .ascor-banner-ad {
padding: 50px 0;
}
.return-request-page .shipping-info-image img {
max-width: 250px;
}
}
.return-request-page .return-actions {
pointer-events: none !important;
background: none !important;
}
@media (min-width: 2500px) {
.return-request-page .call-from-csr-outer {
padding: 10px 6px 10px 0;
}
}
.opc {
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.opc #address-validation {
display: none;
}
.opc h2.title {
color: #777;
line-height: 26px;
}
.opc .step-title {
overflow: hidden;
background-color: #ffffff;
padding: 15px 30px;
color: #333333;
text-transform: uppercase;
}
.opc .step-title span {
text-align: center;
border-radius: 50%;
line-height: 30px;
background-color: #777;
height: 30px;
width: 30px;
color: #ffffff;
font-weight: bold;
float: left;
margin: 0 20px 0 0;
}
.opc .step-title h2 {
float: left;
font-size: 15px;
}
.opc .active h2.title {
color: #0588d3;
line-height: 26px;
}
.opc .active .step-title span {
background-color: #0588d3;
}
.opc .tab-section {
border-top: 1px solid #e9e9e9;
}
.opc .tab-section:first-child {
border-top: none;
}
.opc .step {
padding: 30px;
}
.opc .section {
margin: 0 0 30px;
border: none;
padding: 0 !important;
}
.opc .section .section {
margin: 0;
border: none;
}
.opc .section > label {
display: block;
margin: 0 0 10px;
}
.opc .billing-addresses {
margin: 0;
border: none;
}
.opc .disableButton {
opacity: 0.25;
cursor: auto;
}
.opc .shipping-addresses {
margin: 0;
border: none;
}
.opc input[type=text] {
height: 40px;
max-width: 100%;
}
.opc select {
height: 40px;
max-width: 100%;
}
.opc .buttons {
margin-bottom: 0;
}
.opc .back-link {
display: inline-block;
vertical-align: top;
font-size: 0;
}
.opc .back-link small {
display: none;
}
.opc .back-link a {
display: block;
width: 48px;
height: 48px;
background-image: none;
text-decoration: none !important;
background-color: #f5f5f5;
color: #999999;
line-height: 48px;
text-align: center;
}
.opc .back-link a:before {
text-decoration: none;
font-family: FontAwesome;
content: "\f112";
font-size: 22px;
}
.opc .back-link a:hover:before {
color: #0588d3;
}
.opc .please-wait {
display: block;
margin: 15px 0 0;
}
.opc .enter-address {
padding: 0 !important;
}
.opc .pickup-in-store {
padding: 10px 0 !important;
}
.opc .pickup-points {
max-width: none !important;
}
.opc .allow .step-title {
background-color: #f9f9f9;
cursor: pointer;
}
.opc .active .step-title {
background-color: #f9f9f9;
cursor: pointer;
}
.opc .select-shipping-address label {
display: block;
margin: 0 0 10px;
}
.opc .select-shipping-address label.form-check-label {
display: inline;
}
.opc .select-pickup-points label {
display: block;
margin: 0 0 10px;
}
#opc-confirm_order .confirm-order .message-error {
padding: 12px;
}
#opc-confirm_order .billing-info {
border: none;
padding: 0;
}
#opc-confirm_order .shipping-info {
border: none;
padding: 0;
}
#opc-confirm_order .table-wrapper {
margin: 0 -33px;
}
#opc-confirm_order .terms-of-service {
margin: 0 0 30px;
text-align: center;
}
#opc-confirm_order .terms-of-service a {
margin: 0 0 0 5px;
}
.payment-info .info {
margin: 0 0 5px;
}
.payment-info .info tr {
display: block;
margin: 20px 0 0;
}
.payment-info .info tr:first-child {
margin: 0;
}
.payment-info .info td {
display: block;
width: auto;
}
.payment-info .info td:first-child {
margin: 0 0 5px;
}
.payment-info .info td label {
font-weight: bold;
}
.payment-info .info td select {
height: 38px;
margin: 0 5px;
}
.payment-info .info input[type=text] {
max-width: 400px;
height: 40px;
width: 100% !important;
}
.payment-info .info input#CardCode {
width: 60px !important;
}
.shipment-details-page .section {
margin: 10px 0 50px;
}
.shipment-details-page .section.mas-invoice .allocation-mas-info {
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding-top: 40px;
padding-bottom: 40px;
margin-top: 30px;
margin-bottom: 30px;
}
.shipment-details-page .section.mas-invoice .allocation-mas-info p {
font-weight: bold;
max-width: 80%;
margin: 0px auto;
}
.shipment-details-page .section.mas-invoice:nth-child(n+3) {
margin-top: 60px;
padding-top: 40px;
}
.shipment-details-page .section.mas-invoice h5 {
color: #666;
font-weight: normal;
padding: 10px 0 0;
font-size: 22px;
text-transform: uppercase;
}
.shipment-details-page .section.mas-invoice h5 span {
font-weight: 100;
text-transform: none;
}
.shipment-details-page .section.mas-invoice h6 {
font-size: 19px;
font-weight: 100;
padding: 0 0 10px;
}
.shipment-details-page .section .title {
display: none;
}
#opc-billing .section {
max-width: 480px;
}
#opc-shipping .section {
max-width: 800px;
}
#opc-shipping .section .inputs label {
text-align: left !important;
}
#opc-shipping .section #shipping-new-address-form {
padding-left: 0px;
}
#opc-shipping .section .new-existing-address:nth-child(n+6) {
display: none;
}
#opc-shipping .section .new-existing-billing-address:nth-child(n+6) {
display: none;
}
#opc-shipping .section #address-status {
margin: 0 18px 20px;
}
#opc-shipping .section .select-shipping-address ul {
display: flex;
flex-direction: row;
list-style: none;
gap: 1rem;
}
#opc-shipping .section .select-shipping-address #address-lists .address-row {
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
@media (max-width: 74.99em) {
#opc-shipping .section .select-shipping-address #address-lists .address-row {
justify-content: center;
}
}
@media (max-width: 29.99em) {
#opc-shipping .section .select-shipping-address #address-lists .address-row label {
font-size: 13px;
}
}
#opc-shipping .section .select-shipping-address .new-existing-address, #opc-shipping .section .select-shipping-address .show-existing-address, #opc-shipping .section .select-shipping-address .hide-existing-address, #opc-shipping .section .select-shipping-address .new-existing-billing-address, #opc-shipping .section .select-shipping-address .show-existing-billing-address, #opc-shipping .section .select-shipping-address .hide-existing-billing-address {
border: solid #d7d5d5;
border-radius: 10px;
text-align: left;
padding: 0 20px 15px 20px;
margin: 5px;
max-width: 240px;
width: 100%;
cursor: pointer;
max-height: 170px;
height: 170px;
caret-color: transparent;
}
#opc-shipping .section .select-shipping-address .new-existing-address input[type=radio], #opc-shipping .section .select-shipping-address .show-existing-address input[type=radio], #opc-shipping .section .select-shipping-address .hide-existing-address input[type=radio], #opc-shipping .section .select-shipping-address .new-existing-billing-address input[type=radio], #opc-shipping .section .select-shipping-address .show-existing-billing-address input[type=radio], #opc-shipping .section .select-shipping-address .hide-existing-billing-address input[type=radio] {
cursor: pointer;
opacity: 0;
}
#opc-shipping .section .select-shipping-address .new-existing-address label, #opc-shipping .section .select-shipping-address .show-existing-address label, #opc-shipping .section .select-shipping-address .hide-existing-address label, #opc-shipping .section .select-shipping-address .new-existing-billing-address label, #opc-shipping .section .select-shipping-address .show-existing-billing-address label, #opc-shipping .section .select-shipping-address .hide-existing-billing-address label {
cursor: pointer;
}
#opc-payment_method .section {
max-width: 800px;
/* #address-validation {
display: none;
}*/
}
#opc-payment_method .section .inputs label {
text-align: left !important;
}
#opc-payment_method .section #billing-new-address-form {
padding-left: 0px;
}
#opc-payment_method .section .new-existing-address:nth-child(n+6) {
display: none;
}
#opc-payment_method .section .new-existing-billing-address:nth-child(n+6) {
display: none;
}
#opc-payment_method .section .select-billing-address ul {
display: flex;
flex-direction: row;
list-style: none;
gap: 1rem;
}
#opc-payment_method .section .select-billing-address #address-lists_billing .address-row {
display: flex;
flex-wrap: wrap;
flex-direction: row;
}
@media (max-width: 74.99em) {
#opc-payment_method .section .select-billing-address #address-lists_billing .address-row {
justify-content: center;
}
}
@media (max-width: 29.99em) {
#opc-payment_method .section .select-billing-address #address-lists_billing .address-row label {
font-size: 13px;
}
}
#opc-payment_method .section .select-billing-address .new-existing-address, #opc-payment_method .section .select-billing-address .show-existing-address, #opc-payment_method .section .select-billing-address .hide-existing-address, #opc-payment_method .section .select-billing-address .new-existing-billing-address, #opc-payment_method .section .select-billing-address .show-existing-billing-address, #opc-payment_method .section .select-billing-address .hide-existing-billing-address {
border: solid #d7d5d5;
border-radius: 10px;
text-align: left;
padding: 0 20px 15px 20px;
margin: 5px;
max-width: 240px;
width: 100%;
cursor: pointer;
max-height: 170px;
height: 170px;
}
#opc-payment_method .section .select-billing-address .new-existing-address input[type=radio], #opc-payment_method .section .select-billing-address .show-existing-address input[type=radio], #opc-payment_method .section .select-billing-address .hide-existing-address input[type=radio], #opc-payment_method .section .select-billing-address .new-existing-billing-address input[type=radio], #opc-payment_method .section .select-billing-address .show-existing-billing-address input[type=radio], #opc-payment_method .section .select-billing-address .hide-existing-billing-address input[type=radio] {
cursor: pointer;
opacity: 0;
}
#opc-payment_method .section .select-billing-address .new-existing-address label, #opc-payment_method .section .select-billing-address .show-existing-address label, #opc-payment_method .section .select-billing-address .hide-existing-address label, #opc-payment_method .section .select-billing-address .new-existing-billing-address label, #opc-payment_method .section .select-billing-address .show-existing-billing-address label, #opc-payment_method .section .select-billing-address .hide-existing-billing-address label {
cursor: pointer;
}
.billing-address-same-section {
margin: 0px 0px 30px 0px;
}
/*********** SEARCH & SITEMAP ***********/
.search-input {
margin: 0 0 50px;
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 40px 30px;
}
.search-input .button-1 {
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.search-input .button-1:hover {
outline-color: #0588d3;
}
.search-input .warning {
display: block;
margin: 10px 0 0;
font-weight: normal;
color: #0588d3;
}
.basic-search {
width: 480px;
max-width: 100%;
margin: auto;
}
.basic-search .inputs.reversed {
position: relative;
height: 48px;
margin: 0 0 1px;
background-color: #f9f9f9;
padding: 12px 20px;
}
.basic-search .inputs.reversed input {
position: absolute;
visibility: hidden;
}
.basic-search .inputs.reversed label {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0 20px;
line-height: 48px;
text-transform: uppercase;
cursor: pointer;
}
.basic-search .inputs.reversed label:after {
content: "";
position: absolute;
top: 19px;
right: 19px;
width: 10px;
height: 10px;
background: #0588d3 url() center no-repeat;
}
.advanced-search {
width: 480px;
max-width: 100%;
margin: auto;
background-color: #f9f9f9;
padding: 30px 25px 20px;
}
.advanced-search .price-range {
display: block;
text-align: center;
}
.advanced-search .price-range input {
width: 70px;
margin: 0 5px;
}
.advanced-search .inputs label {
white-space: normal;
}
.advanced-search .inputs label:first-child {
text-align: center;
}
.advanced-search input + label {
display: inline;
margin: 0 0 0 6px;
font-weight: normal;
}
.search-results {
margin: 30px 0 0;
}
.search-results .result {
display: block;
margin: 10px 0 0;
font-weight: normal;
color: #0588d3;
}
.search-results .warning {
text-align: center;
}
.search-results .no-result {
text-align: center;
}
.sitemap-page .description {
margin: 0 0 30px;
}
.sitemap-page .entity-wrapper {
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.sitemap-page .entity-title {
background-color: #f9f9f9;
padding: 25px 30px;
color: #333333;
text-transform: uppercase;
}
.sitemap-page .entity-title h2 {
font-size: 15px;
}
.sitemap-page .entity-body {
padding: 30px;
line-height: 24px;
}
.sitemap-page li {
display: inline-block;
margin: 5px;
}
.sitemap-page a {
display: block;
}
.sitemap-page a:hover {
color: #0588d3;
}
.sitemap-page a:empty {
display: none;
}
/********** BLOG & NEWS **********/
.blog-btn {
text-align: center;
}
.blog-btn a.blog-feedback {
display: inline-block;
margin: 0 auto;
background-color: #0588d3;
padding: 8px 22px;
color: #ffffff;
outline: 1px solid transparent;
font-size: 16px;
margin: 2px 4px;
text-decoration: none !important;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.blog-btn a.blog-feedback:hover {
outline-color: #0588d3;
}
.blogpost-page .post-body hr {
border: none;
height: 1px;
margin: 10px 0;
/* Set the hr color */
color: #dedede; /* old IE */
background-color: #dedede; /* Modern Browsers */
overflow: hidden;
}
.rich-blog-homepage .post-description {
height: 94px;
}
.blogpost-page .page-title {
display: block !important;
margin: 0 0 10px;
border: none;
padding: 0;
text-transform: none;
}
.blogpost-page .page-title h1 {
font-size: 25px;
}
.blogpost-page .tags {
display: inline-block;
margin: 0 0 10px;
overflow: hidden;
}
.blogpost-page .tags label {
display: block;
margin: 0 0 10px;
font-size: 13px;
}
.blogpost-page .tags ul {
font-size: 0;
}
.blogpost-page .tags li {
display: inline-block;
margin: 3px;
font-size: 13px;
}
.blogpost-page .tags li.separator {
display: none;
}
.blogpost-page .tags a {
display: inline-block;
background-color: #f6f6f6;
padding: 0 10px;
line-height: 26px;
color: #0588d3;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.blogpost-page .tags a:hover {
background-color: #f9f9f9;
}
.blogpost-page .page-body {
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.blogpost-page .post {
padding: 30px;
}
.blogpost-page .tags a {
color: #0588d3;
}
.blogpost-page .post-body div.blog-color-block {
background-color: #f9f9f9;
padding: 10px 15px;
}
.news-item-page .page-title {
display: block !important;
margin: 0 0 10px;
border: none;
padding: 0;
text-transform: none;
}
.news-item-page .page-title h1 {
font-size: 25px;
}
.news-item-page .page-body {
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.news-item-page .news-item {
padding: 30px;
}
.news-item-page .news-body {
margin: 0;
}
.news-item-page .inputs:first-child label {
display: block;
}
.blog-page .post {
position: relative;
margin: 0 0 20px;
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 30px;
}
.blog-page .post:after {
content: "";
display: block;
clear: both;
}
.blog-page .tags {
display: inline-block;
margin: 0 0 10px 0;
overflow: hidden;
}
.blog-page .tags label {
display: block;
margin: 0 0 10px;
font-size: 13px;
}
.blog-page .tags ul {
font-size: 0;
}
.blog-page .tags li {
display: inline-block;
margin: 3px;
font-size: 13px;
}
.blog-page .tags li.separator {
display: none;
}
.blog-page .tags a {
display: inline-block;
background-color: #f6f6f6;
padding: 0 10px;
line-height: 26px;
color: #0588d3;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.blog-page .tags a:hover {
background-color: #f9f9f9;
}
.blog-page .read-comments {
color: #0588d3;
}
.blog-page .tags a {
color: #0588d3;
}
.news-items .news-item {
position: relative;
margin: 0 0 20px;
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 30px;
}
.news-items .buttons {
margin: -5px 0 5px;
font-size: 0;
}
.news-items .read-more {
font-size: 14px;
font-weight: bold;
color: #0588d3;
text-transform: capitalize;
}
.news-items .read-more:after {
content: "";
display: inline-block;
width: 26px;
height: 20px;
margin: -1px -25px 0 0;
background: #777 url() center no-repeat;
vertical-align: middle;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.news-items .item:after {
content: "";
display: block;
clear: both;
}
.post-head {
margin: 0 0 20px;
}
.news-head {
margin: 0 0 20px;
}
.post-title {
display: inline-block;
margin: 0 0 10px;
font-size: 25px;
font-weight: bold;
color: #333 !important;
text-decoration: none !important;
}
.news-title {
display: inline-block;
margin: 0 0 10px;
font-size: 25px;
font-weight: bold;
color: #333 !important;
text-decoration: none !important;
}
.post-date {
display: block;
font-size: 13px;
font-weight: bold;
color: #999999;
}
.news-date {
display: block;
font-size: 13px;
font-weight: bold;
color: #999999;
}
.blogpost-page .rich-blog-image img {
margin: 0 auto;
}
.news-body {
margin: 0 0 30px;
line-height: 30px;
}
.news-body a {
color: #0588d3;
}
.news-body a:hover {
text-decoration: underline;
}
.news-body img {
max-width: 100%;
}
.news-body p {
margin: 20px 0;
line-height: 30px;
}
.blogpost-page-body .blog-view-all {
float: right;
padding-right: 14px;
padding-left: 14px;
}
.blogpost-page .post-date:before, .blog-posts .post-date:before {
font-family: FontAwesome;
content: "\f073";
font-size: 14px;
margin-right: 6px;
color: #ccc;
font-weight: 100;
}
.blog-posts .buttons {
overflow: hidden;
}
.blog-posts .post-details {
text-align: right;
}
.blog-posts .post-details span.post-date,
.blog-posts .post-details .post-title, .blog-posts .post-details p {
text-align: left;
}
.blog-posts .read-more {
display: inline-block;
right: 0;
line-height: 22px;
padding: 2px 12px;
text-transform: capitalize;
margin: 0;
font-size: 12px;
color: #555555;
}
.blog-posts .read-more:after {
font-family: FontAwesome;
content: "\f054";
font-size: 10px;
margin: 0 0 0 10px;
}
.blog-posts .read-more:hover {
background-color: #0588d3;
color: #ffffff;
}
.blog-posts .read-comments {
display: inline-block;
line-height: 32px;
padding: 10px 0;
text-transform: capitalize;
display: none;
}
.blog-posts .read-comments:hover {
color: #0588d3;
}
.blog-posts .owl-item {
-webkit-backface-visibility: visible;
-moz-backface-visibility: visible;
backface-visibility: visible;
}
.blog-posts .read-comments:hover {
color: #0588d3;
}
.comment-list .comment {
padding: 30px;
}
.comment-list .title {
background-color: #f9f9f9;
padding: 25px 30px;
font-size: 15px;
color: #333333;
text-transform: uppercase;
}
.new-comment .form-fields {
padding: 30px;
}
.new-comment .message-error {
margin: 30px 0 0;
text-align: center;
}
.new-comment .result {
margin: 30px 0 0;
color: #4fbb41;
text-align: center;
}
.new-comment .inputs {
text-align: center;
}
.new-comment .inputs label {
display: none;
}
.new-comment textarea {
min-height: 180px;
}
.new-comment .captcha-box {
margin: 0;
}
.new-comment .buttons {
padding: 0 0 10px;
}
.new-comment .button-1 {
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.new-comment .button-1:hover {
outline-color: #0588d3;
}
.blog-comment {
border-top: 1px solid #f0f0f0;
}
.blog-comment:first-child {
border: none;
}
.blog-comment:after {
content: "";
display: block;
clear: both;
}
.news-comment {
border-top: 1px solid #f0f0f0;
}
.news-comment:first-child {
border: none;
}
.news-comment:after {
content: "";
display: block;
clear: both;
}
.comment-info {
width: 150px;
margin: 0 auto 20px;
}
.comment-info .username {
display: block;
margin: 0 0 10px;
font-weight: bold;
}
.comment-info .avatar {
position: relative;
width: 150px;
height: 150px;
overflow: hidden;
}
.comment-info .avatar img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
margin: auto;
}
.comment-title {
color: #333333;
}
.comment-time {
margin: 0 0 10px;
color: #999999;
}
.comment-body {
line-height: 25px;
}
.news-list-homepage {
margin: 0 0 60px;
}
.news-list-homepage .title {
margin: 0 0 20px;
border-bottom: 1px solid #ddd;
padding: 0 0 5px;
font-size: 22px;
color: #333333;
text-transform: uppercase;
}
.news-list-homepage .news-title {
font-size: 16px;
}
.news-list-homepage .view-all {
margin: 30px 0 0;
text-align: center;
}
.news-list-homepage .view-all a {
display: inline-block;
border: none;
background-color: #0588d3;
padding: 10px 20px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.news-list-homepage .view-all a:hover {
outline-color: #0588d3;
}
.year strong {
display: block;
cursor: default;
}
/********** FORUM & PROFILE **********/
.forums-main-page .topic-block {
margin: 0 0 35px;
}
.forums-main-page .topic-block-title h2 {
font-size: 22px;
}
.forum-breadcrumb {
margin: 0 0 35px;
}
.forums-header {
margin: 35px 0;
}
.forums-header:after {
content: "";
display: block;
clear: both;
}
.current-time {
display: none;
}
.forum-search-box form {
display: inline-block;
}
.forum-search-box .basic {
overflow: hidden;
margin: 0 0 10px;
}
.forum-search-box .search-box-text {
float: left;
height: 40px;
border: none;
padding: 0 18px;
}
.forum-search-box .search-box-button {
float: left;
width: 40px;
height: 40px;
border: none;
background: #0588d3 url() center no-repeat;
font-size: 0;
}
.forum-search-box .advanced a {
font-size: 13px;
}
.forum-search-box .advanced a:hover {
color: #333333;
}
.forum-search-page .advanced-search {
margin: 0 auto;
}
.forum-search-page .search-error {
padding: 15px;
text-align: center;
color: #0588d3;
}
.forum-search-page .search-results {
margin: 0 0 15px;
}
.forum-search-page .pager.upper {
display: none;
}
.forums-table-section-title {
position: relative;
margin: 0 0 -1px;
border: 1px solid #e9e9e9;
overflow: hidden;
background-color: #f9f9f9;
padding: 25px 30px;
font-size: 15px;
color: #333333;
text-transform: uppercase;
}
.forums-table-section-title > a {
float: left;
font-size: 15px;
font-weight: bold;
}
.forums-table-section-title strong {
float: left;
font-size: 15px;
font-weight: bold;
}
.topic-starter label {
vertical-align: baseline;
}
.topic-starter a {
vertical-align: baseline;
}
.forum-page .forum-info {
margin: 0 0 40px;
}
.forum-page .forum-name {
margin: 0 0 30px;
border-bottom: 1px solid #ddd;
padding: 0 0 10px;
text-transform: uppercase;
}
.forum-page .forum-name h1 {
font-size: 22px;
color: #333333;
}
.forum-actions {
margin: 0 0 20px;
font-size: 0;
}
.forum-actions .actions a {
display: inline-block;
margin: 5px;
background-color: #888;
background-image: url();
background-repeat: no-repeat;
padding: 0 10px 0 30px;
line-height: 35px;
font-size: 14px;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.forum-actions .actions a:hover {
background-color: #0588d3;
}
.forum-actions .actions .new-topic {
background-position: left -175px;
}
.forum-actions .actions .watch-forum {
background-position: left -140px;
}
.forum-actions .pager.upper {
margin: 30px 0;
}
.topic-actions {
margin: 0 0 20px;
font-size: 0;
}
.topic-actions .actions a {
display: inline-block;
margin: 5px;
background-color: #888;
background-image: url();
background-repeat: no-repeat;
padding: 0 10px 0 30px;
line-height: 35px;
font-size: 14px;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.topic-actions .actions a:hover {
background-color: #0588d3;
}
.topic-actions .actions .watch-forum {
background-position: left -140px;
}
.topic-actions .edit-topic-button {
background-position: left 0;
}
.topic-actions .delete-topic-button {
background-position: left -35px;
}
.topic-actions .move-topic-button {
background-position: left -70px;
}
.topic-actions .reply-topic-button {
background-position: left -105px;
}
.topic-actions .watch-topic-button {
background-position: left -140px;
}
.topic-actions .pager.upper {
margin: 30px 0;
}
.topic-actions.lower .actions {
display: none;
}
.topic-post {
margin: 30px 0;
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 25px 30px 35px;
}
.topic-post:after {
content: "";
display: block;
clear: both;
}
.topic-post .post-info {
width: 150px;
margin: 0 auto 20px;
}
.topic-post .username {
display: block;
margin: 0 0 10px;
line-height: 35px;
font-weight: bold;
}
.topic-post .avatar {
position: relative;
width: 150px;
height: 150px;
overflow: hidden;
}
.topic-post .avatar a {
display: block;
height: 100%;
}
.topic-post .avatar img {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
max-width: 100%;
max-height: 100%;
margin: auto;
}
.topic-post .user-stats {
margin: 15px 0;
}
.topic-post .user-stats li {
display: inline-block;
margin: 0 10px;
}
.topic-post .user-stats span {
margin: 0 0 0 3px;
}
.topic-post .pm-button {
display: inline-block;
background: #888 url() left -210px no-repeat;
padding: 0 10px 0 30px;
line-height: 35px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.topic-post .pm-button:hover {
background-color: #0588d3;
}
.topic-post .post-time {
margin: 0 0 15px;
font-weight: bold;
font-style: italic;
color: #999999;
}
.topic-post .post-actions {
margin: 0 0 15px;
font-size: 0;
}
.topic-post .post-actions > div {
margin: 20px 0;
}
.topic-post .post-actions a {
display: inline-block;
margin: 0 5px;
font-size: 14px;
}
.topic-post .post-actions .edit-post-button {
background-position: left 0;
}
.topic-post .post-actions .delete-post-button {
background-position: left -35px;
}
.topic-post .post-actions .post-link-button {
padding: 0 10px;
font-weight: bold;
color: #0588d3;
}
.topic-post .post-actions .quote-post-button {
border: none;
background-color: #0588d3;
padding: 0 20px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease 0s;
-o-transition: all 0.2s ease 0s;
-webkit-transition: all 0.2s ease 0s;
transition: all 0.2s ease 0s;
background-color: #0588d3;
outline-color: #0588d3;
}
.topic-post .post-actions .quote-post-button:hover {
outline-color: #0588d3;
}
.topic-post .post-actions .manage-post a {
margin: 5px;
box-shadow: inset 0 0 20px #e9e9e9;
background-color: #888;
background-image: url();
background-repeat: no-repeat;
padding: 0 10px 0 30px;
line-height: 35px;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.topic-post .post-actions .quote-post a {
vertical-align: middle;
line-height: 35px;
}
.topic-post .user-posted-image {
max-width: 100%;
height: auto;
}
.topic-post .quote {
margin: 10px 0;
border: 1px dashed #e9e9e9;
background-color: #f9f9f9;
padding: 15px 20px;
}
.topic-post .post-vote {
display: inline-block;
position: relative;
height: 32px;
margin: 30px 0 0;
overflow: hidden;
}
.topic-post .post-vote > span {
position: absolute;
top: 0;
width: 32px;
height: 32px;
background-color: #0588d3;
background-image: url(/Themes/Pavilion/Content/img/table-sprite.png);
background-repeat: no-repeat;
cursor: pointer;
}
.topic-post .post-vote > div {
padding: 0 45px;
line-height: 32px;
font-weight: bold;
}
.topic-post .post-vote > .vote.up {
right: 0;
background-position: center 0;
}
.topic-post .post-vote > .vote.down {
left: 0;
background-position: center -32px;
}
.topic-post .signature {
border-top: 1px solid #e9e9e9;
padding: 30px 0 0;
font-style: italic;
}
.topic-post a.username:hover {
color: #333333;
}
.topic-post .pm-button:hover {
background-color: #0588d3;
}
.profile-info-box {
text-align: center;
}
.profile-info-box .profile-stats {
margin: 0 0 20px;
padding: 0 20px;
}
.profile-info-box .profile-stats span {
margin: 0 0 0 3px;
}
.profile-info-box .pm-button {
display: inline-block;
background: #888 url() left -210px no-repeat;
padding: 0 10px 0 30px;
line-height: 35px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.profile-info-box .pm-button:hover {
background-color: #0588d3;
}
.profile-info-box .avatar {
position: static;
margin: 0 0 25px;
font-size: 0;
}
.profile-info-box .avatar img {
border: 1px solid #f3f3f3;
}
.profile-info-box .title {
margin: 0 0 10px;
font-size: 18px;
}
.latest-posts .user-posted-image {
max-width: 100%;
height: auto;
}
.latest-posts .quote {
margin: 10px 0;
border: 1px dashed #e9e9e9;
background-color: #f9f9f9;
padding: 15px 20px;
}
.forum-edit-page .page-body {
max-width: 820px;
margin: auto;
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.forum-edit-page .inputs.main {
margin: 0;
border-bottom: 1px solid #e9e9e9;
background-color: #f9f9f9;
padding: 25px 30px;
}
.forum-edit-page .inputs.main label {
display: none;
}
.forum-edit-page .inputs.main strong {
vertical-align: middle;
font-size: 15px;
font-weight: bold;
color: #333333;
text-transform: uppercase;
}
.forum-edit-page .inputs.reversed label {
display: inline;
margin: 0 0 0 8px;
white-space: normal;
}
.forum-edit-page .fieldset {
margin: 0;
}
.forum-edit-page .form-fields {
padding: 30px;
}
.forum-edit-page .toolbar {
margin: 0 0 15px;
}
.forum-edit-page .buttons {
position: relative;
margin: -50px 0 10px;
padding: 30px;
}
.forum-edit-page .button-1 {
min-width: 120px;
margin: 0 8px;
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: #0588d3;
outline-color: #0588d3;
}
.forum-edit-page .button-1:hover {
outline-color: #0588d3;
}
.forum-edit-page .button-2 {
min-width: 60px;
margin: 0 8px;
border: none;
background-color: transparent;
padding: 15px 0;
font-size: 13px;
font-weight: bold;
color: #777;
text-transform: uppercase;
}
.forum-edit-page .button-2:hover {
color: #0588d3;
}
.forum-edit-page strong.topic-subject {
font-size: 15px;
font-weight: normal;
color: #333333;
text-transform: uppercase;
}
.move-topic-page .page-body {
max-width: 820px;
margin: auto;
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.move-topic-page .fieldset {
margin: 0;
}
.move-topic-page .form-fields {
padding: 30px;
}
.move-topic-page .buttons {
position: relative;
margin: -50px 0 10px;
padding: 30px;
}
.move-topic-page .button-1 {
min-width: 120px;
margin: 0 8px;
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-color: #0588d3;
outline-color: #0588d3;
}
.move-topic-page .button-1:hover {
outline-color: #0588d3;
}
.move-topic-page .button-2 {
min-width: 60px;
margin: 0 8px;
border: none;
background-color: transparent;
padding: 15px 0;
font-size: 13px;
font-weight: bold;
color: #777;
text-transform: uppercase;
}
.move-topic-page .button-2:hover {
color: #0588d3;
}
.move-topic-page .inputs label {
white-space: normal;
}
.move-topic-page .button-2:hover {
color: #0588d3;
}
.private-message-send-page .page-body {
max-width: 820px;
margin: auto;
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.private-message-send-page .fieldset {
margin: 0;
}
.private-message-send-page .form-fields {
padding: 30px;
}
.private-message-send-page .toolbar {
margin: 0 0 15px;
}
.private-message-send-page .buttons {
position: relative;
margin: -50px 0 10px;
padding: 30px;
}
.private-message-send-page .inputs.main {
margin: 0;
border-bottom: 1px solid #e9e9e9;
background-color: #f9f9f9;
padding: 25px 30px;
}
.private-message-send-page .inputs.main label {
display: none;
}
.private-message-send-page .inputs.main a {
vertical-align: middle;
font-size: 15px;
font-weight: bold;
color: #333333;
text-transform: uppercase;
}
.private-messages .button-1 {
min-width: 120px;
margin: 0 8px;
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.private-messages .button-1:hover {
outline-color: #0588d3;
}
.private-messages .button-2 {
min-width: 60px;
margin: 0 8px;
border: none;
background-color: transparent;
padding: 15px 0;
font-size: 13px;
font-weight: bold;
color: #777;
text-transform: uppercase;
}
.private-messages .button-2:hover {
color: #0588d3;
}
.rich-blog-homepage .post-description p {
line-height: normal;
}
.catalogs h2 {
margin: 0.96rem 0;
}
.catalogs .cat-buttons a.btn-mcguff {
padding: 8px 12px;
text-decoration: none;
}
.catalogs .cat-buttons span.filesize {
padding: 8px 12px;
}
.private-messages-page .table-wrapper {
overflow-x: auto;
}
.private-messages-page .pm-unread {
color: #0588d3;
}
.private-messages-page .subject {
text-align: left;
}
.private-messages-page .pager {
margin-top: 20px;
}
.private-messages-page .buttons {
margin: 30px 0 -10px;
}
.private-message-view-page .view-message {
min-height: 200px;
margin: 0 0 30px;
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 30px;
}
.private-message-view-page .message-head {
margin: 10px 0 30px;
}
.private-message-view-page .message-head li {
display: inline-block;
margin: 0 0 10px;
}
.private-message-view-page .message-head label {
font-weight: bold;
}
.private-message-view-page .message-head span {
margin: 0 10px 0 0;
vertical-align: middle;
}
.private-message-view-page .message-head span:after {
content: " ";
margin: 0 0 0 10px;
}
.private-message-view-page .message-head .subject {
display: none;
}
.private-message-view-page .message-body {
margin: 0 0 25px;
line-height: 30px;
}
.private-message-view-page .message {
display: block !important;
margin: 15px 0;
border: 1px solid #ccc;
padding: 15px;
}
.private-message-view-page .back-pm-button {
display: none;
}
.profile-page .topic {
margin: 50px 0 0;
}
.profile-page .topic:first-child {
margin: 0;
border: none;
}
.profile-page .topic-title {
margin: 0 0 20px;
background-color: #f9f9f9;
padding: 25px 30px;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
}
.profile-page .topic-title a {
margin: 0 0 0 5px;
vertical-align: middle;
color: #333333;
}
.profile-page .topic-title a:hover {
color: #0588d3;
}
.profile-page .topic-body {
line-height: 30px;
}
.profile-page .quote {
margin: 10px;
background-color: transparent;
}
.profile-page .topic-data {
margin: 20px 0;
padding: 0 30px;
color: #999999;
}
.active-discussions-page .pager.upper {
display: none;
}
.active-discussions-page .pager.lower {
margin: 30px 0 0;
}
.forum-topic-page .topic-name {
margin: 0 0 30px;
border-bottom: 1px solid #ddd;
padding: 0 0 10px;
text-transform: uppercase;
}
.forum-topic-page .topic-name h1 {
font-size: 22px;
color: #333333;
}
/* FOOTABLE CUSTOM CSS */
.footable-first-column {
text-align: center;
}
.footable-first-column .item-count {
font-size: 13px !important;
}
.footable-toggle {
background-position: center 0;
}
.footable-toggle:before {
display: none !important;
}
.footable-row-detail {
text-align: left;
}
.footable-row-detail-cell {
text-align: left !important;
}
.footable-row-detail-row {
margin: 0 0 10px;
display: table-row;
}
.footable-row-detail-name {
display: table-cell;
padding: 10px;
}
.footable-row-detail-value {
display: table-cell;
padding: 10px;
}
.go-to-page {
display: inline-block !important;
font-size: 13px !important;
}
td.footable-first-column {
position: relative;
background: transparent !important;
}
.footable.breakpoint > tbody > tr > td > span.footable-toggle {
position: absolute;
left: 50%;
width: 32px;
height: 32px;
margin: -5px 0 0 -16px;
overflow: hidden;
background-image: url(/Themes/Pavilion/Content/img/table-sprite.png);
background-repeat: no-repeat;
background-color: #0588d3;
}
.footable-detail-show .footable-toggle {
background-position: center -32px;
}
.order-list-page .order-item .order-hold {
text-align: center;
margin: 20px 20px 0;
padding: 2px 6px;
border-radius: 4px;
background-color: #e56363;
font-weight: bold;
position: relative;
}
.order-list-page .order-item .order-hold:before {
font-family: FontAwesome;
content: "\f12a";
font-size: 14px;
position: absolute;
background-color: rgb(225.3571428571, 77.1428571429, 77.1428571429);
border-radius: 50%;
width: 24px;
padding: 0 0 0 1px;
height: 24px;
font-weight: normal !important;
border: 3px solid rgb(225.3571428571, 77.1428571429, 77.1428571429);
top: -5px;
color: #ffffff;
right: -6px;
}
.order-list-page .order-item .order-hold small {
font-weight: 100;
display: block;
}
.order-list-page .order-item .order-hold span.status {
color: #ffffff;
}
.order-list-page .order-item .order-hold span.status:after {
font-size: 11px;
display: block;
font-weight: 100;
content: "click for details";
}
.order-list-page .order-item .order-hold span.details {
display: none;
}
.order-list-page .order-item .order-hold span.details.show {
display: block;
}
.order-list-page .order-item .order-cancelled {
position: absolute;
opacity: 0.2;
z-index: 0;
display: block;
font-size: 70px;
font-weight: bold;
top: 30%;
left: 0;
right: 0;
width: 100%;
text-align: center;
-webkit-transform: rotate(-20deg);
-moz-transform: rotate(-20deg);
-o-transform: rotate(-20deg);
-ms-transform: rotate(-20deg);
transform: rotate(-20deg);
}
.order-list-page .row {
margin-left: 0;
margin-right: 0;
}
.order-list-page p.code {
margin: 0 15px 0;
color: #aaa;
font-weight: 100;
}
.order-list-page h2 {
margin: 20px 0px;
}
.order-list-page .tab-content.hide {
display: none;
}
.order-list-page .tab-content.active {
display: block;
}
.order-list-page .page-body > .row {
margin: 20px 0;
}
body.clone .order-details-area, body.clone .section.totals {
display: none;
}
body.clone .order-overview {
padding-bottom: 0;
}
body.clone .section.actions {
float: none;
}
@font-face {
font-family: "icomoon";
src: url(/themes/pavilion/content/fonts/icomoon.eot?qtpo5s);
src: url(/themes/pavilion/content/fonts/icomoon.eot?qtpo5s#iefix) format("embedded-opentype"), url(/themes/pavilion/content/fonts/icomoon.ttf?qtpo5s) format("truetype"), url(/themes/pavilion/content/fonts/icomoon.woff?qtpo5s) format("woff"), url(/themes/pavilion/content/fonts/icomoon.svg?qtpo5s#icomoon) format("svg");
font-weight: normal;
font-style: normal;
}
[class^=icon-], [class*=" icon-"] {
/* use !important to prevent issues with browser extensions that change fonts */
font-family: "icomoon" !important;
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
/* Better Font Rendering =========== */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-2x {
font-size: 2em;
}
.icon-3x {
font-size: 3em;
}
.icon-4x {
font-size: 4em;
}
.icon-5x {
font-size: 5em;
}
.icon-store:before {
content: "\e901";
}
.icon-iv:before {
content: "\e902";
}
.icon-shipping:before {
content: "\e900";
}
.icon-fire:before {
content: "\e9a9";
}
.icon-top-products:before {
content: "\e903";
}
.product-tag-page-deals .product-item .savings-tag, .product-tag-page-sale .product-item .savings-tag {
pointer-events: none;
-webkit-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.3);
box-shadow: 0px 3px 5px -1px rgba(0, 0, 0, 0.3);
line-height: 1.1;
position: absolute;
top: 0;
left: 10px;
border-bottom-right-radius: 4px;
border-bottom-left-radius: 4px;
padding: 8px 12px;
background-color: #0588d3;
color: #ffffff;
z-index: 20;
font-size: 18px;
}
.product-tag-page-deals .product-item .savings-tag strong, .product-tag-page-sale .product-item .savings-tag strong {
padding: 0;
margin: 0;
display: block;
}
.product-tag-page-deals .product-item .savings-tag span, .product-tag-page-sale .product-item .savings-tag span {
display: block;
padding: 0;
margin: 0;
font-size: 12px;
}
.product-tag-page-deals .product-item .prices, .product-tag-page-sale .product-item .prices {
overflow: auto;
height: auto;
}
.product-tag-page-deals .product-item .prices .actual-price, .product-tag-page-sale .product-item .prices .actual-price {
font-size: 18px;
}
.product-tag-page-deals .product-item .prices .price-strike-through, .product-tag-page-sale .product-item .prices .price-strike-through {
display: block;
}
.product-tag-page .wellness-desc {
padding: 20px 0;
}
@media (max-width: 47.99em) {
.col-xs-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 50%;
}
.opc .step-title {
padding: 15px;
}
.opc .step-title h2 {
float: none;
text-align: left;
}
.ascor-choose {
margin-top: 20px;
}
.ascor-options .option-box {
margin-bottom: 10px;
}
.overview h2.admin-comment span {
position: relative;
display: inline-block;
top: 0;
}
.products-by-tag-custom-page-body .page-title h1 {
font-weight: 100;
letter-spacing: normal;
}
.products-by-tag-custom-page-body .add-info {
padding: 20px 0;
}
.products-by-tag-custom-page-body .btn-outline {
display: none;
}
}
.products-by-tag-custom-page-body h1.tags-title {
display: none;
}
.products-by-tag-custom-page-body .btn-outline {
display: inline-block;
vertical-align: middle;
text-align: center;
padding: 10px 28px;
font-size: 13px;
border: none;
background: transparent;
font-weight: bold;
color: #777;
text-transform: uppercase;
outline: 2px solid #999999;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
font-family: Open Sans;
cursor: pointer;
}
.products-by-tag-custom-page-body .btn-outline:hover {
color: #0588d3;
outline: 2px solid #0588d3;
}
@media (min-width: 62.5em) {
.return-request-list-page .customer-no-returns:nth-child(2) {
padding-left: 70px;
padding-right: 70px;
font-weight: 100;
}
.category-page .page-title, .manufacturer-page .page-title {
display: none;
}
.products-by-tag-custom-page-body .bordered {
text-align: center;
background-color: #275073;
padding: 20px;
font-weight: 100;
color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0px;
margin-bottom: 10px;
border: 1px solid #efefef;
}
.products-by-tag-custom-page-body .bordered .fa-university {
font-size: 48px;
padding: 20px;
font-weight: 100;
}
.products-by-tag-custom-page-body .bordered a {
color: #9AC8ED;
}
.products-by-tag-custom-page-body .bordered h3 {
color: #9AC8ED;
}
.products-by-tag-custom-page-body .bordered p {
padding-top: 5px;
}
.products-by-tag-custom-page-body .icon-store, .products-by-tag-custom-page-body .icon-shipping, .products-by-tag-custom-page-body .icon-iv {
font-size: 70px;
margin: 10px 0;
}
.products-by-tag-custom-page-body .fa-leaf {
font-size: 60px;
}
.products-by-tag-custom-page-body .icon-store {
font-size: 60px;
}
.products-by-tag-custom-page-body .page-title h1.tag-page-title {
display: none;
}
.products-by-tag-custom-page-body h1.tag-page-title {
position: relative;
font-weight: bold;
font-size: 30px;
letter-spacing: normal;
color: #ffffff;
}
.products-by-tag-custom-page-body h1.tag-page-title:before {
position: absolute;
top: -15px;
font-weight: 100;
margin-left: -60px;
font-family: icomoon;
content: "\e903";
font-size: 1.8em;
color: #ffffff;
opacity: 0.7;
}
.products-by-tag-custom-page-body .topbar-links, .products-by-tag-custom-page-body .header-menu, .products-by-tag-custom-page-body .wishlist-wrapper {
display: none !important;
}
.product-selectors {
text-align: left;
}
.product-selectors > div {
margin: 0 20px 0 0;
}
.product-selectors .product-viewmode {
display: inline-block;
}
.product-selectors .product-viewmode span {
display: none;
vertical-align: middle;
}
.product-selectors .product-viewmode a {
display: inline-block;
width: 18px;
height: 16px;
margin: 0 8px 0 0;
background-color: #777;
background-image: url();
background-position: center top;
background-repeat: no-repeat;
vertical-align: middle;
font-size: 0;
}
.product-selectors .product-viewmode a.grid {
background-position: 0 center;
}
.product-selectors .product-viewmode a.list {
background-position: -18px center;
}
.product-selectors .product-viewmode a.selected {
background-color: #0588d3;
}
.product-selectors .product-page-size {
float: right;
margin: 0;
}
}
@media (min-width: 48em) {
.products-by-tag-custom-page-body .header-menu-parent {
text-align: center;
}
.products-by-tag-custom-page-body .page-title h1 {
font-weight: 100;
font-size: 38px;
letter-spacing: normal;
}
.products-by-tag-custom-page-body .product-list .item-box .price.actual-price {
color: #777;
}
.products-by-tag-custom-page-body .product-list .item-box .details {
margin: 0 0 0 170px;
}
.products-by-tag-custom-page-body .product-list .item-box .product-title {
color: #0588d3;
max-width: none;
}
.products-by-tag-custom-page-body .product-list .item-box .picture {
padding: 30px 20px;
width: 170px;
}
.shopping-cart-page .mobilePrice, .checkout-page .mobilePrice {
display: none;
}
}
@media (max-width: 62.49em) {
.sticky-contact-us {
display: none;
}
.contact-us-logos {
text-align: left;
}
.footer-lower {
overflow: visible;
}
.secondary-adj.quick-contact.contact-us-footer {
width: 100%;
}
.secondary-adj.quick-contact.contact-us-footer ul {
/*width: 95%;*/
}
.list-footer {
margin-top: 0px;
float: none;
}
.account-activation-page #activationsteps {
justify-content: left;
margin: 0 auto 20px !important;
max-width: none !important;
width: 35%;
}
.account-activation-page #activationsteps .step {
height: auto !important;
width: auto !important;
margin: 20px auto !important;
line-height: 22px !important;
background-color: transparent !important;
border-radius: 0 !important;
border: 0 !important;
text-align: left !important;
padding: 0 6px;
letter-spacing: -0.03em;
display: block !important;
}
.account-activation-page #activationsteps .step:nth-child(n+2) .fa:after {
width: 3px !important;
height: 10px !important;
display: block !important;
background-color: #ccc;
content: "" !important;
position: absolute;
top: -16px;
left: 18px;
margin-right: 10px;
}
.account-activation-page #activationsteps .step:nth-child(n+2) {
transform: none !important;
}
.account-activation-page #activationsteps .step:before {
display: none !important;
}
.account-activation-page #activationsteps .step:after {
display: inline-block !important;
transform: none !important;
width: auto !important;
margin-left: 5px;
}
.account-activation-page #activationsteps .step:first-child:after {
transform: none !important;
}
.account-activation-page #activationsteps .step.done:after {
font-weight: bold !important;
}
.account-activation-page #activationsteps .step.done .fa {
background-color: #4fbb41 !important;
border-color: #4fbb41 !important;
border: 2px solid;
color: #ffffff;
}
.account-activation-page #activationsteps .step.start br {
display: none;
}
.account-activation-page #activationsteps .step .no-license {
top: 24px !important;
width: 308px !important;
}
.account-activation-page #activationsteps .step .prepare-icon {
position: initial !important;
}
.account-activation-page #activationsteps .step .prepare-icon.order-status.startOrder:before {
font-size: 16px !important;
}
.account-activation-page #activationsteps .step .prepare-icon.order-status.med-license:before {
font-size: 15px !important;
}
.account-activation-page #activationsteps .step .fa {
width: 30px;
height: 30px;
background-color: #ffffff !important;
border-radius: 50%;
border-color: #ccc;
border: 2px solid;
font-size: 22px !important;
margin: 0 !important;
padding: 0 !important;
color: #999999;
}
.account-activation-page #activationsteps .step .fa.fa-check {
padding: 4px !important;
font-size: 18px !important;
}
.account-activation-page #activationsteps .step .fa.fa-times {
padding: 4px 5px !important;
font-size: 19px !important;
}
.account-activation-page #activationsteps .step .fa.fa-envelope {
padding: 5px !important;
font-size: 15px !important;
}
.account-activation-page #activationsteps .step .fa.fa-cog {
font-size: 17px !important;
padding: 4px 5px 5px 6px !important;
}
.account-activation-page #activationsteps .step .fa.fa-paper-plane {
font-size: 15px !important;
padding: 5px !important;
}
.account-activation-page #activationsteps .step .fa.fa-truck {
font-size: 16px !important;
padding: 4px !important;
}
.account-activation-page #activationsteps .step .fa.fa-home {
font-size: 19px !important;
padding: 4px 4px !important;
}
.account-activation-page #activationsteps .step .fa .fa-clock-o {
margin-left: 3px !important;
font-size: 23px !important;
}
.registration-page #ordersteps {
justify-content: left;
margin: 0 auto 20px !important;
max-width: none !important;
width: 35%;
}
.registration-page #ordersteps .step {
height: auto !important;
width: auto !important;
margin: 20px auto !important;
line-height: 22px !important;
background-color: transparent !important;
border-radius: 0 !important;
border: 0 !important;
text-align: left !important;
padding: 0 6px;
letter-spacing: -0.03em;
display: block !important;
}
.registration-page #ordersteps .step:nth-child(n+2) .fa:after {
width: 3px !important;
height: 10px !important;
display: block !important;
background-color: #ccc;
content: "" !important;
position: absolute;
top: -16px;
left: 18px;
margin-right: 10px;
}
.registration-page #ordersteps .step:nth-child(n+2) {
transform: none !important;
}
.registration-page #ordersteps .step:before {
display: none !important;
}
.registration-page #ordersteps .step:after {
display: inline-block !important;
transform: none !important;
width: auto !important;
margin-left: 5px;
}
.registration-page #ordersteps .step:first-child:after {
transform: none !important;
}
.registration-page #ordersteps .step.done:after {
font-weight: bold !important;
}
.registration-page #ordersteps .step.done .fa {
background-color: #f0d21a !important;
border-color: #f0d21a !important;
border: 2px solid;
color: #ffffff;
}
.registration-page #ordersteps .step.start br {
display: none;
}
.registration-page #ordersteps .step .no-license {
top: 24px !important;
width: 308px !important;
}
.registration-page #ordersteps .step .prepare-icon {
position: initial !important;
}
.registration-page #ordersteps .step .prepare-icon.order-status.startOrder:before {
font-size: 16px !important;
}
.registration-page #ordersteps .step .prepare-icon.order-status.med-license:before {
font-size: 15px !important;
}
.registration-page #ordersteps .step .fa {
width: 30px;
height: 30px;
background-color: #ffffff !important;
border-radius: 50%;
border-color: #ccc;
border: 2px solid;
font-size: 22px !important;
margin: 0 !important;
padding: 0 !important;
color: #999999;
}
.registration-page #ordersteps .step .fa.fa-check {
padding: 4px !important;
font-size: 18px !important;
}
.registration-page #ordersteps .step .fa.fa-envelope {
padding: 5px !important;
font-size: 15px !important;
}
.registration-page #ordersteps .step .fa.fa-cog {
font-size: 17px !important;
padding: 4px 5px 5px 6px !important;
}
.registration-page #ordersteps .step .fa.fa-paper-plane {
font-size: 15px !important;
padding: 5px !important;
}
.registration-page #ordersteps .step .fa.fa-truck {
font-size: 16px !important;
padding: 4px !important;
}
.registration-page #ordersteps .step .fa.fa-home {
font-size: 19px !important;
padding: 4px 4px !important;
}
.registration-page #ordersteps .step .fa .fa-clock-o {
margin-left: 3px !important;
font-size: 23px !important;
}
.order-details-page #ordersteps {
margin: 0 auto 20px !important;
max-width: none !important;
}
.order-details-page #ordersteps .step {
height: auto !important;
width: auto !important;
margin: 10px auto !important;
line-height: 22px !important;
background-color: transparent !important;
border-radius: 0 !important;
border: 0 !important;
text-align: left !important;
padding: 0 6px;
letter-spacing: -0.03em;
}
.order-details-page #ordersteps .step:nth-child(n+2) {
transform: none !important;
}
.order-details-page #ordersteps .step:before {
display: none !important;
}
.order-details-page #ordersteps .step:after {
display: inline-block !important;
transform: none !important;
width: auto !important;
margin-left: 5px;
}
.order-details-page #ordersteps .step:first-child:after {
transform: none !important;
}
.order-details-page #ordersteps .step.done:after {
font-weight: bold !important;
}
.order-details-page #ordersteps .step.done .fa {
background-color: #4fbb41 !important;
border-color: #4fbb41 !important;
border: 2px solid;
color: #ffffff;
}
.order-details-page #ordersteps .step.cancelled:after {
font-weight: bold !important;
}
.order-details-page #ordersteps .step.cancelled .fa {
background-color: #c14343 !important;
border-color: #c14343 !important;
border: 2px solid;
color: #ffffff;
}
.order-details-page #ordersteps .step .fa {
width: 30px;
height: 30px;
background-color: #ffffff !important;
border-radius: 50%;
border-color: #ccc;
border: 2px solid;
font-size: 22px !important;
margin: 0 !important;
padding: 0 !important;
color: #999999;
}
.order-details-page #ordersteps .step .fa.fa-check {
padding: 4px !important;
font-size: 18px !important;
}
.order-details-page #ordersteps .step .fa.fa-times {
padding: 4px 5px !important;
font-size: 19px !important;
}
.order-details-page #ordersteps .step .fa.fa-cog {
font-size: 17px !important;
padding: 4px 5px 5px 6px !important;
}
.order-details-page #ordersteps .step .fa.fa-paper-plane {
font-size: 15px !important;
padding: 5px !important;
}
.order-details-page #ordersteps .step .fa.fa-truck {
font-size: 16px !important;
padding: 4px !important;
}
.order-details-page #ordersteps .step .fa.fa-home {
font-size: 19px !important;
padding: 4px 4px !important;
}
.mini-shopping-cart .remove-item-cart-btn {
display: none !important;
}
.remove-item-cart-btn .fa {
color: #dddddd !important;
}
.group-product.ascor-product .ascor-swoosh {
margin: 0 0 4px 0;
}
.wishlist-wrapper {
display: none !important;
}
.mini-shopping-cart .button-1.cart-button.close-cart {
display: inline-block;
}
.home-page-body .master-wrapper-content {
/*padding: 0 20px 25px 20px !important;*/
}
.group-product .opacityZero {
opacity: 0;
}
.group-product .picture-link img[title="999999"] {
opacity: 0 !important;
}
.products-by-tag-custom-page-body .fa-university {
font-size: 28px;
padding: 10px;
}
.products-by-tag-custom-page-body .icon-store, .products-by-tag-custom-page-body .icon-shipping, .products-by-tag-custom-page-body .icon-iv {
font-size: 40px;
margin: 10px 0;
}
.products-by-tag-custom-page-body .fa-leaf {
font-size: 34px;
margin: 10px 0;
}
.products-by-tag-custom-page-body .icon-store {
font-size: 30px;
}
.products-by-tag-custom-page-body .bordered {
text-align: center;
background-color: #275073;
padding: 20px;
font-weight: 100;
color: #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
margin: 0px;
margin-bottom: 10px;
border: 1px solid #efefef;
}
.products-by-tag-custom-page-body .bordered a {
color: #9AC8ED;
}
.products-by-tag-custom-page-body .bordered h3 {
color: #9AC8ED;
}
.products-by-tag-custom-page-body .badge-holder {
display: table;
width: 100%;
}
.products-by-tag-custom-page-body .badge-holder .bordered {
width: 33%;
display: table-cell;
}
.shopping-cart-page .sku {
display: none;
}
.customer-info-page .inputs.email-field {
text-align: center;
}
#transitions-toggle {
display: none;
}
.admin-header-links {
position: fixed;
top: 0;
z-index: 1030;
width: 100%;
background-color: #0588d3;
color: #ffffff;
}
.admin-header-links ~ .responsive-nav-wrapper-parent {
top: 42px;
}
.admin-header-links ~ .responsive-nav-wrapper-parent .flyout-cart-wrapper {
top: 95px;
}
.admin-header-links ~ .responsive-nav-wrapper-parent .header-links {
top: 95px;
}
.admin-header-links ~ .responsive-nav-wrapper-parent .contact-us-links {
top: 98px;
}
.admin-header-links ~ .responsive-nav-wrapper-parent .header-selectors {
top: 95px;
}
.admin-header-links ~ .responsive-nav-wrapper-parent .store-search-box {
top: 95px;
}
.admin-header-links ~ .two-columns-area {
margin-top: 205px;
}
.admin-header-links ~ .master-wrapper-content {
margin-top: 100px;
}
.admin-header-links ~ .header .header-logo {
top: 95px;
}
.header-upper {
display: none;
}
.mega-menu-button {
display: none;
}
.responsive-nav-wrapper-parent {
position: fixed;
top: 0px;
z-index: 1020;
width: 100%;
height: 53px !important;
border-top: 3px solid #0588d3;
box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
/* &.sticky-nav-padding-offset {
top: 0px !important;
}*/
}
.mobile-sticky-logo .responsive-nav-wrapper-parent {
top: 110px;
}
.mobile-sticky-logo .flyout-cart-wrapper {
top: 163px;
}
.mobile-sticky-logo .header-links {
top: 163px;
}
.mobile-sticky-logo .contact-us-links {
top: 163px;
}
.mobile-sticky-logo .header-selectors {
top: 163px;
}
.mobile-sticky-logo .store-search-box {
top: 163px;
}
.mobile-sticky-logo .header .header-logo {
position: fixed;
top: 0;
}
.mobile-sticky-logo .admin-header-links ~ .responsive-nav-wrapper-parent {
top: 152px;
}
.mobile-sticky-logo .admin-header-links ~ .responsive-nav-wrapper-parent .flyout-cart-wrapper {
top: 205px;
}
.mobile-sticky-logo .admin-header-links ~ .responsive-nav-wrapper-parent .header-links {
top: 205px;
}
.mobile-sticky-logo .admin-header-links ~ .responsive-nav-wrapper-parent .contact-us-links {
top: 205px;
}
.mobile-sticky-logo .admin-header-links ~ .responsive-nav-wrapper-parent .header-selectors {
top: 205px;
}
.mobile-sticky-logo .admin-header-links ~ .responsive-nav-wrapper-parent .store-search-box {
top: 205px;
}
.mobile-sticky-logo .admin-header-links ~ .header .header-logo {
top: 42px;
}
.two-columns-area {
margin: 160px 0 25px;
}
.two-columns-area ~ .master-wrapper-content {
margin-top: 0 !important;
}
.master-wrapper-content {
margin-top: 160px;
padding: 25px 20px;
}
.responsive-nav-wrapper {
position: relative;
text-align: center;
font-size: 0;
}
.responsive-nav-wrapper:after {
content: "";
display: block;
clear: both;
}
.responsive-nav-wrapper > div {
display: inline-block;
border-right: 1px solid #eeeeee;
background-color: #0588d3;
background-image: url();
background-repeat: no-repeat;
vertical-align: middle;
cursor: pointer;
}
.responsive-nav-wrapper > div:first-child {
border-left: 1px solid #eeeeee;
}
.responsive-nav-wrapper > div > span {
display: block;
width: 52px;
height: 50px;
font-size: 0;
}
.responsive-nav-wrapper > div > a {
display: block;
width: 52px;
height: 50px;
font-size: 0;
}
.responsive-nav-wrapper div.menu-title {
background-position: 0 center;
}
.responsive-nav-wrapper div.shopping-cart-link {
background-position: -55px center;
}
.responsive-nav-wrapper div.personal-button {
background-position: -108px center;
}
.responsive-nav-wrapper div.question-link {
background-position: -100px center;
}
.responsive-nav-wrapper div.preferences-button {
background-position: -162px center;
}
.responsive-nav-wrapper div.search-wrap {
background-position: -216px center;
}
.responsive-nav-wrapper div.autosuggest-start {
display: none;
cursor: default;
}
.responsive-nav-wrapper div.autosuggest-start .btn-mcguff {
cursor: pointer;
}
.responsive-nav-wrapper div.autosuggest-start .btn-mcguff.btn-phone:hover {
background-color: #0588d3;
}
.responsive-nav-wrapper div.filters-button {
display: none;
background-position: -271px center;
}
.scrollYRemove {
overflow: hidden !important;
-ms-touch-action: none !important;
touch-action: none !important;
-webkit-overflow-scrolling: touch !important;
}
.overlayOffCanvas {
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.7);
opacity: 0;
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
visibility: hidden;
z-index: 1060;
}
.overlayOffCanvas.show {
visibility: visible;
opacity: 1;
}
.overlayOffCanvas.show2 {
visibility: visible;
opacity: 1;
}
.header-menu {
position: fixed;
top: 0;
left: 0;
width: 320px;
height: 100%;
text-align: left;
background-color: #f6f6f6;
overflow: hidden;
z-index: 1070;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.header-menu.open {
box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5);
}
.header-menu .close-menu {
background-color: #f6f6f6;
cursor: pointer;
}
.header-menu .close-menu span {
display: block;
height: 50px;
background: url() right center no-repeat;
font-size: 0;
}
.header-menu .back-button {
background-color: #f6f6f6;
cursor: pointer;
}
.header-menu .back-button span {
display: block;
height: 50px;
background: url() right center no-repeat;
font-size: 0;
}
.header-menu > ul li {
background: #ffffff;
}
.header-menu > ul li:after {
content: "";
display: block;
clear: both;
}
.header-menu > ul li > a {
display: block;
position: relative;
z-index: 0;
padding: 20px;
line-height: 19px;
color: #333333;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
}
.header-menu > ul li > span {
display: block;
position: relative;
z-index: 0;
padding: 20px;
line-height: 19px;
color: #333333;
font-size: 15px;
font-weight: bold;
text-transform: uppercase;
}
.header-menu > ul li > .with-subcategories {
width: 270px;
float: left;
}
.header-menu > ul > li > a {
border: none;
}
.header-menu .sublist-wrap {
position: fixed;
z-index: 2;
top: 0;
left: 0;
width: 320px;
height: 100%;
background-color: #f6f6f6;
box-shadow: 1px 0 5px rgba(0, 0, 0, 0.5);
overflow: hidden;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.plus-button {
position: relative;
z-index: 1;
float: right;
width: 50px;
height: 60px;
background: #0588d3 url() center no-repeat;
cursor: pointer;
}
.category-navigation-title {
display: none !important;
}
.category-navigation-list-wrapper {
display: none !important;
}
.flyout-cart-wrapper {
display: none;
position: fixed;
top: 53px;
left: 0;
z-index: 1070;
width: 100%;
border-top: 1px solid #ececec;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
}
.cart-trigger {
display: none;
}
.header-links {
display: none;
position: fixed;
top: 53px;
left: 0;
z-index: 1070;
width: 100%;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
background-color: #f9f9f9;
font-size: 13px;
}
.header-links li {
border-top: 1px solid #ececec;
}
.header-links a {
display: inline-block;
padding: 15px 25px;
}
.header-links .ico-account {
background-position: left 0;
}
.header-links .ico-register {
background-position: left -48px;
}
.header-links .ico-login {
background-position: left -96px;
}
.header-links .ico-logout {
background-position: left -96px;
}
.header-links .ico-inbox {
background-position: left -144px;
}
.header-links .ico-wishlist {
background-position: left -192px;
}
.contact-us-links {
display: none;
position: fixed;
top: 53px;
left: 0;
z-index: 1070;
width: 100%;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
background-color: #f9f9f9;
font-size: 13px;
}
.contact-us-links li {
border-top: 1px solid #ececec;
}
.contact-us-links a {
display: inline-block;
padding: 15px 25px;
}
.contact-us-links .fa {
font-size: 16px;
margin-right: 10px;
}
.header-selectors {
display: none;
position: fixed;
top: 53px;
left: 0;
z-index: 1070;
width: 100%;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
background-color: #f9f9f9;
font-size: 13px;
}
.header-selectors > div {
display: block;
border-top: 1px solid #ececec;
padding: 15px;
}
.store-search-box {
/*display: block !important;*/
position: fixed;
top: 53px;
left: 0;
z-index: 1000;
width: 100%;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
background-color: #0588d3;
padding: 10px;
}
.header .header-logo {
position: absolute;
top: 53px;
z-index: 1020;
width: 100%;
height: 110px;
background-color: #ffffff;
line-height: 110px;
}
.ps-container > .ps-scrollbar-y-rail {
visibility: hidden !important;
}
.notAndroid23 .header-menu {
-webkit-transform: translate(-320px);
-ms-transform: translate(-320px);
-moz-transform: translate(-320px);
-o-transform: translate(-320px);
transform: translate(-320px);
}
.notAndroid23 .header-menu.open {
-webkit-transform: translate(0);
-ms-transform: translate(0);
-moz-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
}
.notAndroid23 .header-menu .sublist-wrap {
-webkit-transform: translate(-320px);
-ms-transform: translate(-320px);
-moz-transform: translate(-320px);
-o-transform: translate(-320px);
transform: translate(-320px);
}
.notAndroid23 .header-menu .sublist-wrap.active {
-webkit-transform: translate(0);
-ms-transform: translate(0);
-moz-transform: translate(0);
-o-transform: translate(0);
transform: translate(0);
}
.android23 .header-menu {
left: -320px;
}
.android23 .header-menu.open {
left: 0;
}
.android23 .header-menu .sublist-wrap {
left: -320px;
}
.android23 .header-menu .sublist-wrap.active {
left: 0;
}
.mini-shopping-cart .attributes {
display: none;
}
.category-page-body .page-title {
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 20px 25px;
}
.category-page-body .page-title h1 {
font-size: 18px;
color: #0588d3;
text-transform: uppercase;
}
.manufacturer-page-body .page-title {
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 20px 25px;
}
.manufacturer-page-body .page-title h1 {
font-size: 18px;
color: #0588d3;
text-transform: uppercase;
}
.manufacturer-all-page-body .page-title {
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 20px 25px;
}
.manufacturer-all-page-body .page-title h1 {
font-size: 18px;
color: #0588d3;
text-transform: uppercase;
}
.vendor-all-page-body .page-title {
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 20px 25px;
}
.vendor-all-page-body .page-title h1 {
font-size: 18px;
color: #0588d3;
text-transform: uppercase;
}
.vendor-page-body .page-title {
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 20px 25px;
}
.vendor-page-body .page-title h1 {
font-size: 18px;
color: #0588d3;
text-transform: uppercase;
}
.product-tags-all-page-body .page-title {
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 20px 25px;
}
.product-tags-all-page-body .page-title h1 {
font-size: 18px;
color: #0588d3;
text-transform: uppercase;
}
.products-by-tag-page-body .page-title {
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 20px 25px;
}
.products-by-tag-page-body .page-title h1 {
font-size: 18px;
color: #0588d3;
text-transform: uppercase;
}
.recently-viewed-products-page-body .page-title {
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 20px 25px;
}
.recently-viewed-products-page-body .page-title h1 {
font-size: 18px;
color: #0588d3;
text-transform: uppercase;
}
.recently-added-products-page-body .page-title {
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 20px 25px;
}
.recently-added-products-page-body .page-title h1 {
font-size: 18px;
color: #0588d3;
text-transform: uppercase;
}
.compare-products-page-body .page-title {
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 20px 25px;
}
.compare-products-page-body .page-title h1 {
font-size: 18px;
color: #0588d3;
text-transform: uppercase;
}
.product-specs-box .data-table td a:only-child {
position: absolute;
top: 50%;
left: 15px;
max-width: 100%;
margin: -10px 0 0;
overflow: hidden;
white-space: nowrap;
-ms-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
text-overflow: ellipsis;
}
.checkout-page .enter-address + .buttons {
text-align: center !important;
}
}
@media (min-width: 48em) and (max-width: 62.49em) {
.order-list-page .order-item .order-cancelled {
font-size: 50px;
}
.mini-shopping-cart .items {
overflow: hidden;
}
.mini-shopping-cart .item {
float: left;
width: 50%;
}
.contact-us-logos {
text-align: left;
}
}
/*=====================================================
TABLETS PORTRAIT & SMARTPHONES LANDSCAPE
=====================================================*/
@media (min-width: 30em) {
/* GLOBAL STYLES */
/* GLOBAL FORMS */
/*.fieldset .title,
.section .title {
padding: 25px 45px;
}*/
.contact-us-logos {
text-align: left;
}
.rich-blog-homepage .post-description {
height: 96px;
}
.inputs input[type=text],
.inputs input[type=password],
.inputs select {
height: 40px;
padding: 0 12px;
}
.inputs textarea {
padding: 12px;
}
/* GLOBAL TABLES */
.cart .product-picture img {
max-width: none;
}
.forums-table-section th,
.forums-table-section td {
padding: 20px 30px;
}
/* NOTIFICATIONS & POPUPS */
/*.eu-cookie-bar-notification {
width: 450px;
max-width: 95%;
margin-left: -225px;
}*/
/* HEADER */
.mini-shopping-cart .items {
display: block;
}
/*.search-box input.search-box-text {
width: 390px;
}*/
.ui-autocomplete {
position: absolute;
z-index: 1070;
width: 390px; /*default = txtfield + button*/
max-width: 100%;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
overflow: hidden;
background-color: #fff;
text-align: left;
}
.ui-autocomplete li {
border-top: 1px solid #f6f6f6;
}
.ui-autocomplete li:first-child {
border-top: none;
}
.ui-autocomplete a {
display: block;
padding: 15px;
font-size: 14px;
color: #333333;
}
.ui-autocomplete a.ui-state-focus {
background: #f9f9f9;
}
.ui-autocomplete img {
display: none;
margin-right: 5px;
vertical-align: middle;
}
/* FOOTER */
.newsletter-email input[type=text] {
width: 300px;
}
/* LEFT/RIGHT COLUMN */
.block {
float: left;
width: 48%;
margin: 0 1% 2%;
text-align: left;
}
.block:nth-of-type(2n+1) {
clear: both;
}
.block .sublist {
padding: 0 0 0 20px;
}
.block .tags li,
.product-tags-all-page li {
margin: 0 10px 0 0;
}
.block .poll-options li,
.block .poll-results li {
display: block;
margin: 5px 0;
}
.block .poll .buttons,
.block .poll-total-votes {
text-align: left;
}
/* CATEGORY PAGE & GRIDS */
/*.item-box {
width: 49%;
margin-left: 2%;
}
.item-box:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
*/
.home-page-category-grid + .slider-wrapper {
display: block;
}
.sub-category-grid {
margin: 0 0 30px;
}
.sub-category-grid .item-box,
.manufacturer-grid .item-box {
margin-bottom: 2.5%;
}
.vendor-list li {
margin-bottom: 2.5%;
}
/* PRODUCT PAGE */
.product-essential {
padding: 30px;
}
.overview .add-to-cart,
.variant-overview .add-to-cart {
display: inline-block;
vertical-align: top;
margin: 0;
}
.overview-buttons,
.variant-overview .add-to-wishlist {
display: inline-block;
margin: 0;
padding: 4px 0;
vertical-align: top;
}
.overview-bottom .delivery,
.variant-overview .delivery {
margin: 40px -30px -30px;
}
.overview-bottom .delivery > div,
.variant-overview .delivery > div {
margin: 8px 125px;
}
.product-tags-list {
padding: 25px 30px;
}
.product-variant-line {
padding: 30px;
}
.ui-tabs .ui-tabs-panel {
padding: 33px 35px;
}
/* REVIEW PAGE */
.write-review form {
padding: 30px 45px;
}
/* WISHLIST & COMPARE LIST */
.update-wishlist-button,
.wishlist-add-to-cart-button {
width: auto;
min-width: 180px;
margin: 0;
padding: 0 28px 0 48px;
}
.update-wishlist-button {
float: left;
}
.wishlist-add-to-cart-button {
float: right;
}
/* TOPICS */
.topic-password {
padding: 30px 45px;
}
/* CONTACT PAGE & EMAILaFRIEND */
.contact-page form,
.email-a-friend-page form,
.apply-vendor-page form,
.contact-page .result,
.email-a-friend-page .result,
.apply-vendor-page .result {
padding: 30px 45px;
}
/* REGISTRATION, LOGIN, MY ACCOUNT */
.login-page .inner-wrapper,
.external-authentication,
.password-recovery-page .page-body,
.registration-page .message-error,
.account-page .message-error {
padding: 30px 45px;
}
.registration-page .form-fields {
padding-left: 60px;
padding-right: 60px;
padding-top: 30px;
}
.login-page .page-title {
margin: 0 0 30px;
}
.login-page .col-md-6:nth-child(2) {
margin-top: 50px;
}
.login-page .page-body {
padding: 0;
}
.login-page .customer-blocks .title {
top: -52px;
width: 49%;
height: 52px;
}
.login-page .new-wrapper .title {
left: -1px;
}
.login-page .returning-wrapper .title {
right: -1px;
}
.account-page .fieldset .title.address-item ul.info,
.account-page .section.address-item ul.info {
padding-top: 14px;
}
.account-page .fieldset .title .title,
.account-page .section .title {
font-size: 14px;
padding: 40px 45px 0;
}
.account-page .fieldset .title .title strong,
.account-page .section .title strong {
color: #777;
text-transform: uppercase;
}
.account-page .form-fields,
.account-page .buttons,
.account-page .add-button,
.account-page .edit-address,
.account-page ul.info,
.account-page ul.details,
.account-page .description,
.reward-points-overview,
.account-page .no-data {
padding: 30px 45px;
}
.account-page .table-wrapper {
padding: 0 45px;
}
.avatar-page input[type=file] {
max-width: none;
}
/* SHOPPING CART & CHECKOUT */
.common-buttons:after {
content: "";
display: block;
clear: both;
}
.common-buttons .update-cart-button,
.common-buttons .continue-shopping-button {
width: auto;
max-width: 50%;
margin: 0;
padding: 0 28px 0 48px;
}
.cart-options .common-buttons .update-cart-button {
float: left;
display: none;
}
.common-buttons .continue-shopping-button {
float: left;
}
.checkout-page .address-grid,
.checkout-page .enter-address,
.checkout-page .ship-to-same-address,
.checkout-page .pickup-in-store {
padding: 30px 45px;
}
.section.shipping-method,
.section.payment-method,
.section.payment-info,
.section.confirm-order,
.section.order-completed {
padding: 40px;
}
.payment-method .payment-logo img {
max-width: none;
}
.order-review-data ul {
padding: 20px 10px;
}
.order-details-area ul,
.shipment-details-area ul {
padding: 40px 45px;
}
.shipment-details-page li.tracking-number a span {
font-weight: 100;
}
.shipment-details-page li.tracking-number a:hover {
text-decoration: underline;
}
.shipment-details-page .progress {
width: 100%;
height: 12px;
}
.shipment-details-page .progress-wrap {
background: #f80;
margin: 4px 0;
overflow: hidden;
position: relative;
}
.shipment-details-page .progress-wrap[data-progress-percent="100"] {
background: #4fbb41;
}
.shipment-details-page .progress-wrap .progress-bar {
background: #ddd;
left: 0;
position: absolute;
top: 0;
}
.shipment-details-page th.quantity {
width: 4px;
text-transform: capitalize;
}
.shipment-details-page .quantity {
width: 150px;
text-align: center;
}
.shipment-details-page .quantity .fa {
font-size: 18px;
}
.shipment-details-page .quantity .fa.fa-star {
color: #4fbb41;
}
.shipment-details-page .quantity .fa.fa-star-half-o {
color: #e56363;
}
.return-request-page .fieldset .form-fields, .opc .step {
padding: 30px 45px;
}
#opc-confirm_order .table-wrapper {
margin: 0;
}
/* SEARCH PAGE & SITEMAP */
.search-input {
padding: 40px 45px;
}
.advanced-search .price-range input {
width: 80px;
}
.sitemap-page .entity-body {
padding: 30px 45px;
}
/* BLOG & NEWS */
.blog-page .post,
.news-items .news-item,
.blogpost-page .post,
.news-item-page .news-item,
.comment-list .comment,
.new-comment .form-fields {
padding: 30px 45px;
}
/* FORUM & PROFILE */
.forums-table-section .image {
padding: 20px 30px;
}
.forums-table-section-title .link-rss {
display: block;
position: absolute;
top: 21px;
right: 30px;
box-shadow: inset 0 0 5px 5px #f9f9f9;
}
.forum-edit-page .form-fields,
.move-topic-page .form-fields,
.private-message-send-page .form-fields,
.private-message-view-page .view-message {
padding: 30px 45px;
}
.private-messages-page .ui-tabs-panel {
padding: 45px 50px;
}
.bestsellers, .featured-product-list {
display: block;
position: relative;
max-width: 2800px;
}
.bestsellers .item-box, .featured-product-list .item-box {
width: 100% !important;
}
}
/*=====================================================
TABLETS LANDSCAPE & NETBOOKS
=====================================================*/
@media (min-width: 48em) {
.rich-blog-homepage .post-description {
height: 124px;
}
.return-request-page col:first-child {
display: none !important;
}
.return-request-page th:first-child {
display: none !important;
}
.return-request-page td:first-child {
display: none !important;
}
.return-request-page .fieldset.form-fields {
padding: 30px 60px;
}
.return-request-page .product {
width: 35%;
}
.ui-dialog:not(.license-img-dialog):not([aria-describedby=ascorModal]):not([aria-describedby=ascorVideoModal]):not([aria-describedby=updateWarnModal]):not([aria-describedby=headerNoticeModal]):not([aria-describedby=globalNoticeModal]):not([aria-describedby=newAddressVerifyModal]):not([aria-describedby=licenseModal]):not([aria-describedby=licenseExampleModal]):not([aria-describedby=deleteCCModal]):not([aria-describedby=deleteShippingAddressModal]):not([aria-describedby=paymentmethodModal]):not([aria-describedby=deletepaymentmethodModal]):not([aria-describedby=removecartitemModal]):not([aria-describedby=upsAddModal]):not([aria-describedby=upsBillingAddModal]) {
width: 400px !important;
}
.bestsellers {
display: block;
position: relative;
max-width: 2400px;
}
.bestsellers .title {
padding: 0 0 6px;
}
.bestsellers .item-grid {
position: static;
overflow: hidden;
}
.bestsellers .item-box {
width: 100% !important;
}
.bestsellers .item-box .buttons-lower button span {
font-size: 12px !important;
display: inline-block;
position: relative;
height: 18px;
padding: 0 0 0 25px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}
.bestsellers .item-box .buttons-lower button span:hover {
color: #ffffff;
}
.bestsellers .item-box .buttons-lower button span:before {
background-color: transparent;
height: 16px;
font-family: FontAwesome;
content: "\f07a";
background-image: none;
font-size: 18px !important;
position: absolute;
top: 0;
left: 0;
width: 15px;
}
.bestsellers .item-box .buttons-lower button span:after {
color: #ffffff;
font-family: FontAwesome;
content: "\f07a";
background-image: none;
background-color: transparent;
font-size: 18px !important;
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 18px;
transition: all 0.2s ease-in-out;
opacity: 0;
}
.bestsellers .product-item:after {
content: "";
display: block;
clear: both;
}
.bestsellers .details .prices {
margin: 0 0 16px;
padding: 0;
}
.bestsellers .product-title {
height: 20px !important;
padding: 0 15px !important;
font-size: 12px !important;
font-weight: normal !important;
color: #333333 !important;
display: -webkit-box;
max-width: 400px !important;
height: 38.2px !important;
margin: 0 auto !important;
font-size: 14px;
line-height: 1.4 !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
height: 39.2px; /* Fallback for non-webkit */
margin: 0 auto;
font-size: 14px;
line-height: 1.4;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.bestsellers .buttons-upper {
position: static !important;
float: left;
width: auto !important;
height: auto !important;
border: none !important;
background-color: transparent;
}
.bestsellers .product-box-add-to-cart-button {
background-position: right center;
}
.bestsellers .product-box-add-to-cart-button span {
background-color: transparent !important;
font-size: 0 !important;
}
.bestsellers .owl-stage-outer {
margin: 0 -1px 0 1px;
width: 100% !important;
}
.bestsellers .owl-stage {
background-color: #f6f6f6;
}
.bestsellers .owl-controls .owl-prev:before, .bestsellers .owl-controls .owl-next:before {
position: absolute;
line-height: 24px;
left: 16px;
font-family: FontAwesome;
font-size: 12px;
}
.bestsellers .slick-next:before, .bestsellers .slick-prev:before {
position: absolute;
line-height: 24px;
left: 16px;
font-family: FontAwesome;
font-size: 12px;
}
.bestsellers .owl-prev {
position: absolute;
top: -2px;
width: 45px;
height: 30px;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
/*left: 0;*/
background-image: url();
background-position: right center;
}
.bestsellers .owl-prev:hover {
background-color: #0588d3;
background-position: left center;
}
.bestsellers .owl-next {
position: absolute;
top: -2px;
width: 45px;
height: 30px;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
right: 0;
background-image: url();
background-position: left center;
}
.bestsellers .owl-next:hover {
background-color: #0588d3;
background-position: right center;
}
.bestsellers .slick-prev {
position: absolute;
top: -17px;
width: 45px;
height: 30px;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
/*left: 0;*/
background-image: url();
background-position: right center;
}
.bestsellers .slick-prev:hover {
background-color: #0588d3;
background-position: left center;
}
.bestsellers .slick-next {
position: absolute;
top: -17px;
width: 45px;
height: 30px;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
right: 0;
background-image: url();
background-position: left center;
}
.bestsellers .slick-next:hover {
background-color: #0588d3;
background-position: right center;
}
.featured-product-list {
display: block;
position: relative;
max-width: 2400px;
}
.featured-product-list .title {
padding: 0 0 6px;
}
.featured-product-list .item-grid {
position: static;
overflow: hidden;
}
.featured-product-list .item-box {
width: 100% !important;
}
.featured-product-list .item-box .buttons-lower button span {
font-size: 12px !important;
display: inline-block;
position: relative;
height: 18px;
padding: 0 0 0 25px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}
.featured-product-list .item-box .buttons-lower button span:hover {
color: #ffffff;
}
.featured-product-list .item-box .buttons-lower button span:before {
background-color: transparent;
height: 16px;
font-family: FontAwesome;
content: "\f07a";
background-image: none;
font-size: 18px !important;
position: absolute;
top: 0;
left: 0;
width: 15px;
}
.featured-product-list .item-box .buttons-lower button span:after {
color: #ffffff;
font-family: FontAwesome;
content: "\f07a";
background-image: none;
background-color: transparent;
font-size: 18px !important;
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 18px;
transition: all 0.2s ease-in-out;
opacity: 0;
}
.featured-product-list .product-item:after {
content: "";
display: block;
clear: both;
}
.featured-product-list .details .prices {
margin: 0 0 16px;
padding: 0;
}
.featured-product-list .product-title {
height: 20px !important;
padding: 0 15px !important;
font-size: 12px !important;
font-weight: normal !important;
color: #333333 !important;
display: -webkit-box;
max-width: 400px !important;
height: 38.2px !important;
margin: 0 auto !important;
font-size: 14px;
line-height: 1.4 !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
height: 39.2px; /* Fallback for non-webkit */
margin: 0 auto;
font-size: 14px;
line-height: 1.4;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.featured-product-list .buttons-upper {
position: static !important;
float: left;
width: auto !important;
height: auto !important;
border: none !important;
background-color: transparent;
}
.featured-product-list .product-box-add-to-cart-button {
background-position: right center;
}
.featured-product-list .product-box-add-to-cart-button span {
background-color: transparent !important;
font-size: 0 !important;
}
.featured-product-list .owl-stage-outer {
margin: 0 -1px 0 1px;
width: 100% !important;
}
.featured-product-list .owl-stage {
background-color: #f6f6f6;
}
.featured-product-list .owl-controls .owl-prev:before, .featured-product-list .owl-controls .owl-next:before {
position: absolute;
line-height: 24px;
left: 16px;
font-family: FontAwesome;
font-size: 12px;
}
.featured-product-list .slick-next:before, .featured-product-list .slick-prev:before {
position: absolute;
line-height: 24px;
left: 16px;
font-family: FontAwesome;
font-size: 12px;
}
.featured-product-list .owl-prev {
position: absolute;
top: -65px;
width: 45px;
height: 30px;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
/*left: 0;*/
background-image: url();
background-position: right center;
}
.featured-product-list .owl-prev:hover {
background-color: #0588d3;
background-position: left center;
}
.featured-product-list .owl-next {
position: absolute;
top: -65px;
width: 45px;
height: 30px;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
right: 0;
background-image: url();
background-position: left center;
}
.featured-product-list .owl-next:hover {
background-color: #0588d3;
background-position: right center;
}
.featured-product-list .slick-prev {
position: absolute;
top: -17px;
width: 45px;
height: 30px;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
/*left: 0;*/
background-image: url();
background-position: right center;
}
.featured-product-list .slick-prev:hover {
background-color: #0588d3;
background-position: left center;
}
.featured-product-list .slick-next {
position: absolute;
top: -17px;
width: 45px;
height: 30px;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
right: 0;
background-image: url();
background-position: left center;
}
.featured-product-list .slick-next:hover {
background-color: #0588d3;
background-position: right center;
}
.block {
width: 31.3333%;
margin: 0 1% 2%;
}
.block:nth-of-type(2n + 1) {
clear: none;
}
.block:nth-of-type(3n + 1) {
clear: both;
}
.item-box {
width: 32%;
margin-left: 2%;
}
.item-box:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
.item-box:nth-child(2n+1) {
clear: none;
margin-left: 2%;
}
.item-box:nth-child(3n+1) {
clear: both;
margin-left: 0;
}
.item-box .buttons {
text-align: left;
}
}
@media (min-width: 48em) and (min-width: 62.5em) {
.side-2.facets-algolia {
display: none !important;
}
#product-sorting.per-page {
float: right;
}
}
@media (min-width: 48em) and (min-width: 80em) {
.category-page-body .item-box, .algolia-page .item-box, .manufacturer-page-body .item-box, .product-tag-page .item-box, .products-by-tag-page-body .item-box {
width: 23.5%;
margin-left: 2%;
}
.category-page-body .item-box:nth-child(3n+1), .algolia-page .item-box:nth-child(3n+1), .manufacturer-page-body .item-box:nth-child(3n+1), .product-tag-page .item-box:nth-child(3n+1), .products-by-tag-page-body .item-box:nth-child(3n+1) {
clear: none;
}
.category-page-body .item-box:nth-child(4n+1), .algolia-page .item-box:nth-child(4n+1), .manufacturer-page-body .item-box:nth-child(4n+1), .product-tag-page .item-box:nth-child(4n+1), .products-by-tag-page-body .item-box:nth-child(4n+1) {
clear: both;
margin-left: 0;
}
}
@media (min-width: 48em) {
.spc-products .item-box {
width: 32%;
}
.spc-products .item-box:nth-child(2n+1) {
clear: none;
margin-left: 2%;
}
.spc-products .item-box:nth-child(3n+1) {
clear: both;
margin-left: 0;
}
.product-list .item-box {
float: none;
width: auto;
margin: 0 0 40px;
}
.product-list .item-box .picture {
float: left;
width: 280px;
margin: 0;
}
.product-list .item-box .details {
margin: 0 0 0 280px;
padding: 30px 20px;
text-align: left;
}
.product-list .item-box .product-title {
height: auto;
margin: 0 0 10px;
padding: 0;
font-size: 16px;
font-weight: bold;
}
.product-list .item-box .prices {
padding: 0;
}
.product-list .item-box .prices span {
padding: 0;
}
.product-list .item-box .description {
display: block;
}
.product-list .item-box .buttons-upper {
display: inline-block;
height: 45px;
padding: 4px 0;
background-color: transparent;
}
.product-list .item-box .buttons-upper input[type=button] {
width: 37px;
height: 37px;
margin: 0 2px;
background-image: url();
}
.product-list .item-box input.add-to-compare-list-button {
background-position: -37px 0;
}
.product-list .item-box input.add-to-wishlist-button {
background-position: 0 0;
}
.product-list .item-box .buttons-lower {
float: left;
margin: 0 5px 0 0;
}
.product-list .item-box .buttons-lower button {
display: inline-block;
width: auto;
outline: 1px solid transparent;
background: #0588d3 url() left center no-repeat;
padding: 0 28px 0 48px;
vertical-align: middle;
}
.product-list .item-box .buttons-lower button span {
background-color: transparent;
padding: 0;
color: #ffffff;
}
.product-list .item-box .buttons-lower button span:before {
display: none;
}
.product-list .item-box .buttons-lower button span:after {
display: none;
}
.product-list .item-box .buttons-lower button:hover {
outline-color: #0588d3;
}
.product-list .item-box .color-squares {
text-align: left;
}
.product-list .item-box .color-squares li {
margin: 4px 8px 4px 0;
}
.product-list .product-item:after {
content: "";
display: block;
clear: both;
}
.product-essential {
padding: 30px 20px;
}
.gallery, .cps-gallery {
float: left;
width: 48%;
margin: 0 0 -10px;
}
.gallery .picture, .cps-gallery .picture {
width: auto;
}
.gallery .picture-thumbs, .cps-gallery .picture-thumbs {
text-align: left;
}
.gallery .picture-thumbs a, .cps-gallery .picture-thumbs a {
width: 18%;
margin: 0 1% 10px;
}
.overview {
float: right;
width: 49%;
margin: 0 0 -10px;
text-align: left;
}
.overview .prices > div {
display: inline-block;
margin: 0 5px 5px 0;
}
.product-review-box {
margin: 3px 12px 0 0;
}
.variant-overview {
text-align: left;
}
.variant-overview .delivery {
position: relative;
right: -20px;
bottom: -30px;
float: right;
height: 54px;
margin: 0;
padding: 10px 20px 10px 5px;
}
.variant-overview .delivery:before {
content: "";
position: absolute;
bottom: 0;
left: -40px;
border-width: 27px 20px;
border-style: dashed solid solid dashed;
border-color: transparent #f9f9f9 #f9f9f9 transparent;
}
.variant-overview .delivery > div {
margin: 8px;
}
.variant-overview .add-to-wishlist {
margin: 0 3px;
}
.variant-overview .prices > div {
display: inline-block;
margin: 0 5px 5px 0;
}
.discounted-price label {
display: none;
vertical-align: baseline;
font-size: 14px;
}
.discounted-price span {
vertical-align: baseline;
}
.overview-bottom {
clear: both;
margin: 0;
}
.overview-bottom:after {
content: "";
display: block;
clear: both;
}
.overview-bottom .delivery {
position: relative;
right: -20px;
bottom: -30px;
float: right;
height: 54px;
margin: 0;
padding: 10px 20px 10px 5px;
}
.overview-bottom .delivery:before {
content: "";
position: absolute;
bottom: 0;
left: -40px;
border-width: 27px 20px;
border-style: dashed solid solid dashed;
border-color: transparent #f9f9f9 #f9f9f9 transparent;
}
.overview-bottom .delivery > div {
margin: 8px;
}
.product-social-buttons {
position: relative;
bottom: -30px;
float: left;
height: 54px;
margin: 0;
padding: 10px 0 0;
}
.product-social-buttons label {
height: 24px;
line-height: 24px;
vertical-align: middle;
display: inline-block;
}
.product-social-buttons ul {
height: 24px;
/*line-height: 14px;*/
vertical-align: middle;
}
}
@media (min-width: 48em) and (max-width: 62.49em) {
.product-social-buttons ul li.twitter {
top: -4px;
}
}
@media (min-width: 48em) {
.group-product .overview-buttons {
margin: 0 0 15px;
vertical-align: middle;
}
.tier-prices .prices-table {
display: table;
width: 100%;
border: none;
border-collapse: collapse;
}
.tier-prices .prices-row {
display: table-row;
float: none;
width: auto;
border-top: 1px solid #e9e9e9;
}
.tier-prices .prices-row:first-child {
border-top: none;
}
.tier-prices .prices-row > div {
display: table-cell;
border: none !important;
}
.tier-prices .field-header {
min-width: 100px;
}
.product-variant-line {
padding: 30px 20px;
}
.variant-picture {
float: left;
margin: 0;
}
.variant-picture + .variant-overview {
width: auto;
margin: 0 0 0 340px;
}
.attribute-item {
display: inline-block;
margin: 0 10px 0 0;
}
.rental-attributes dt {
min-width: 75px;
}
.rental-attributes .datepicker {
width: 120px;
text-align: left;
}
.color-squares {
margin: 0 0 -10px;
text-align: left;
}
.color-squares li {
margin: 5px 10px 5px 0;
}
.ui-tabs .product-review-item {
padding: 30px;
}
.ui-tabs .ui-tabs-nav li {
display: inline-block;
border: none;
}
.ui-tabs .ui-tabs-nav li a {
padding: 12px 22px;
}
.ui-tabs .ui-tabs-nav li a:after {
bottom: 0;
}
.product-review-helpfulness {
float: right;
}
.topic-password {
padding: 30px 60px;
}
.page.feedback .feedback-text, .contact-page .feedback-text {
text-align: center;
}
.contact-page .page-body {
text-align: left;
}
.contact-page form {
padding: 30px 60px;
}
.contact-page .result {
padding: 30px 60px;
}
.email-a-friend-page .page-body {
text-align: left;
}
.email-a-friend-page form {
padding: 30px 60px;
}
.email-a-friend-page .result {
padding: 30px 60px;
}
.apply-vendor-page .page-body {
text-align: left;
}
.apply-vendor-page form {
padding: 30px 60px;
}
.apply-vendor-page .result {
padding: 30px 60px;
}
.registration-page .form-fields {
padding-left: 60px;
padding-right: 60px;
padding-top: 30px;
}
.registration-page .message-error {
padding: 30px 60px;
}
.external-authentication {
padding: 30px 60px;
}
.account-page .message-error {
padding: 30px 60px;
}
.account-page .form-fields {
padding: 30px 60px;
}
.account-page .add-button {
padding: 30px 60px;
clear: both;
}
.account-page .edit-address {
padding: 30px 60px;
}
.account-page ul.info {
padding: 30px 60px;
}
.account-page ul.details {
padding: 30px 60px;
}
.account-page .description {
padding: 30px 60px;
}
.account-page .no-data {
padding: 30px 60px;
}
.account-page .table-wrapper {
padding: 0 60px;
}
.account-page .address-item {
float: left;
width: 50%;
border-width: 0;
}
.account-page .address-item:nth-child(2n+1) {
clear: both;
}
.account-page .order-item {
float: left;
width: 50%;
border-width: 0;
}
.account-page .order-item:nth-child(2n+1) {
clear: both;
}
.account-page .fieldset .title {
padding: 40px 60px 0;
}
.account-page .section .title {
padding: 40px 60px 0;
}
.reward-points-overview {
padding: 30px 60px;
}
.cart-options {
text-align: right;
}
.common-buttons .update-cart-button {
max-width: none;
min-width: 230px;
}
.common-buttons .continue-shopping-button {
max-width: none;
min-width: 230px;
}
.cart-footer .cart-collaterals {
float: left;
width: 52%;
}
.cart-footer .totals {
float: right;
width: 45%;
}
.cart-collaterals .accordion-tab-title {
text-align: left;
}
.cart-collaterals .estimate-shipping-button {
width: auto;
min-width: 220px;
}
.cart-collaterals .checkout-attributes {
text-align: left;
}
.cart-collaterals .checkout-attributes .color-squares li {
margin: 5px 10px 5px 0;
}
.checkout-page .address-grid {
padding: 30px 60px;
}
.checkout-page .enter-address {
padding: 30px 60px;
}
.checkout-page .ship-to-same-address {
padding: 30px 60px;
}
.checkout-page .pickup-in-store {
padding: 30px 60px;
}
.checkout-page .address-item {
float: left;
width: 45%;
margin: 5% 0 0 10%;
text-align: left;
}
.checkout-page .address-item:only-child {
float: none;
width: auto;
margin: auto;
text-align: center;
}
.checkout-page .address-item:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
.checkout-page .address-item:nth-child(-n+2) {
margin-top: 0;
}
.order-details-page td.cart-total-left {
width: 75%;
}
.order-details-page .shipment-details-page {
clear: both;
}
.order-details-page .page-title h1 {
float: left;
margin: 0;
}
.order-details-page .page-title a {
float: right;
margin: -8px 5px 0;
}
.order-details-page .order-overview {
text-align: left;
}
.order-details-page .options {
text-align: right;
}
.order-details-page .actions {
margin: 30px 0;
width: 38%;
float: left;
}
.order-details-page .products {
margin: 20px 0;
}
.order-details-page .totals {
margin: 30px 0;
width: 60%;
float: right;
margin-left: auto;
}
.order-details-page .order-info span {
display: inline-block;
margin: 5px 10px 5px 0;
}
.order-details-page .order-info span:nth-child(2) {
float: right;
}
.order-details-page .actions input {
margin: 0 0 0 10px;
}
.opc .step {
padding: 30px 30px;
text-align: left;
}
.opc .pickup-in-store {
text-align: left;
}
.opc .ship-to-same-address {
text-align: left;
}
.opc div.buttons {
text-align: left;
}
#opc-confirm_order .totals {
float: none;
width: auto;
}
#opc-confirm_order div.buttons {
text-align: center;
}
.blog-page .post {
padding: 30px 50px;
}
.blog-page .tags {
float: left;
margin-top: 20px;
}
.blog-page .tags label {
float: left;
margin: 0 10px 0 0;
line-height: 32px;
}
.blog-page .tags ul {
display: block;
text-align: left;
max-width: 700px;
}
.blogpost-page .post {
padding: 30px 50px;
}
.blogpost-page .tags label {
float: left;
margin: 0 10px 0 0;
line-height: 32px;
}
.blogpost-page .tags ul {
float: left;
text-align: left;
}
.new-comment .form-fields {
padding: 30px 50px;
}
.new-comment input[type=text] {
width: 400px;
}
.new-comment textarea {
width: 600px;
}
.blog-posts .buttons {
float: right;
text-align: right;
}
.blog-posts .read-comments {
padding: 0;
}
.comment-info {
float: left;
margin: 0;
}
.comment-info + .comment-content {
margin: 0 0 0 185px;
}
.comment-content {
text-align: left;
}
.news-list-homepage .news-items {
overflow: hidden;
}
.news-list-homepage .news-item {
float: left;
width: 49%;
margin: 0 0 20px 2%;
padding: 30px;
text-align: left;
}
.news-list-homepage .news-item:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
.news-list-homepage .news-body {
height: 120px;
overflow: hidden;
}
.news-list-homepage .buttons {
text-align: left;
}
.news-list-homepage .view-all {
margin-top: 10px;
}
.topic-post {
overflow: hidden;
text-align: left;
}
.topic-post .post-info {
float: left;
width: 23%;
margin: 0;
}
.topic-post .user-info {
width: auto;
}
.topic-post .pm-button {
margin: 0 0 0 -9px;
}
.topic-post .post-content {
float: right;
width: 77%;
}
.topic-post .post-time {
float: left;
margin: 0;
line-height: 34px;
}
.topic-post .post-time label {
display: none;
}
.topic-post .post-actions {
float: right;
margin: 0;
}
.topic-post .post-actions > div {
display: inline-block;
margin: 0;
vertical-align: middle;
}
.topic-post .post-actions a {
margin: 0;
line-height: 20px;
}
.topic-post .post-actions .post-link-button {
margin: 0 0 0 10px;
border-left: 1px solid #ddd;
text-align: center;
}
.topic-post .post-actions .manage-post a {
margin: 0 5px;
box-shadow: none;
}
.topic-post .post-actions .manage-post a:hover {
background-color: #0588d3;
}
.topic-post .post-actions .quote-post a {
min-width: 70px;
}
.topic-post .user-stats li {
display: block;
margin: 0;
}
.topic-post .post-head:after {
content: "";
display: block;
clear: both;
}
.private-message-view-page .view-message {
padding: 30px 60px;
}
.private-message-view-page .back-pm-button {
float: right;
}
.downloadable-products-page .data-table col:first-child {
display: none !important;
}
.downloadable-products-page .data-table th:first-child {
display: none !important;
}
.downloadable-products-page .data-table td:first-child {
display: none !important;
}
.reward-points-history .data-table col:first-child {
display: none !important;
}
.reward-points-history .data-table th:first-child {
display: none !important;
}
.reward-points-history .data-table td:first-child {
display: none !important;
}
.product-reviews-overview > div {
float: left;
}
div.rental-price {
display: block !important;
}
.product-specs-box .data-table td {
width: auto;
border: none !important;
text-align: left;
}
.product-reviews-page .page-body {
text-align: left;
}
.product-review-item .review-info {
float: left;
}
.write-review form {
padding: 30px 60px;
}
.compare-products-table-mobile img {
max-width: 150px;
}
.login-page .inner-wrapper {
padding: 30px 60px;
}
.password-recovery-page .page-body, .registration-result-page .page-body {
padding: 30px 60px;
}
.order-review-data ul {
float: left;
margin: 0 0 0 4%;
text-align: left;
}
.order-review-data ul:first-child {
margin: 0;
}
.order-details-area ul {
float: left;
width: 48%;
margin: 0 0 0 4%;
text-align: left;
}
.order-details-area ul:first-child {
margin: 0;
}
.shipment-details-area ul {
float: left;
width: 48%;
margin: 0 0 0 4%;
text-align: left;
}
.shipment-details-area ul:first-child {
margin: 0;
}
.news-items .news-item {
padding: 30px 50px;
}
.news-item-page .news-item {
padding: 30px 50px;
}
.comment-list .comment {
padding: 30px 50px;
}
.post-head ~ * {
display: block;
}
.news-head ~ * {
display: block;
}
.profile-info-box .pm-button {
margin: 0 0 0 -9px;
}
.forum-edit-page .form-fields {
padding: 30px 60px;
}
.move-topic-page .form-fields {
padding: 30px 60px;
}
.private-message-send-page .form-fields {
padding: 30px 60px;
}
.profile-page .topic-body {
padding: 0 30px;
}
}
/*=====================================================
DESKTOP
=====================================================*/
@media (min-width: 62.5em) {
.header-menu-parent ul {
/*text-align: right;*/
}
.rich-blog-homepage .blog-post {
padding-bottom: 24px;
}
.bestsellers {
float: left;
width: 66%;
}
.bestsellers .owl-stage {
padding-bottom: 20px;
}
.bestsellers:only-child {
float: none;
width: auto;
}
.bestsellers .owl-prev {
right: 48px;
left: auto;
}
.product-tag-page .buttons-upper button[value],
.product-tag-page .buttons-upper div.input-wishlist[data-title],
.product-tag-page .buttons-upper div.input-compare[data-title], .manufacturer-page-body .buttons-upper button[value],
.manufacturer-page-body .buttons-upper div.input-wishlist[data-title],
.manufacturer-page-body .buttons-upper div.input-compare[data-title], .overview-buttons button[value],
.overview-buttons div.input-wishlist[data-title],
.overview-buttons div.input-compare[data-title], .bestsellers.carousel .details button[value],
.bestsellers.carousel .details div.input-wishlist[data-title],
.bestsellers.carousel .details div.input-compare[data-title], .featured-product-list > div .details button[value],
.featured-product-list > div .details div.input-wishlist[data-title],
.featured-product-list > div .details div.input-compare[data-title], .spc-body .buttons-upper button[value],
.spc-body .buttons-upper div.input-wishlist[data-title],
.spc-body .buttons-upper div.input-compare[data-title], .category-page .buttons-upper button[value],
.category-page .buttons-upper div.input-wishlist[data-title],
.category-page .buttons-upper div.input-compare[data-title], #algoliaSearchPane .buttons-upper button[value],
#algoliaSearchPane .buttons-upper div.input-wishlist[data-title],
#algoliaSearchPane .buttons-upper div.input-compare[data-title], .related-products-grid .buttons-upper button[value],
.related-products-grid .buttons-upper div.input-wishlist[data-title],
.related-products-grid .buttons-upper div.input-compare[data-title], .also-purchased-products-grid .buttons-upper button[value],
.also-purchased-products-grid .buttons-upper div.input-wishlist[data-title],
.also-purchased-products-grid .buttons-upper div.input-compare[data-title], .cross-sells .buttons-upper button[value],
.cross-sells .buttons-upper div.input-wishlist[data-title],
.cross-sells .buttons-upper div.input-compare[data-title], .misc-grid .buttons-upper button[value],
.misc-grid .buttons-upper div.input-wishlist[data-title],
.misc-grid .buttons-upper div.input-compare[data-title] {
position: relative;
}
.product-tag-page .buttons-upper div.input-wishlist, .product-tag-page .buttons-upper div.input-compare, .manufacturer-page-body .buttons-upper div.input-wishlist, .manufacturer-page-body .buttons-upper div.input-compare, .overview-buttons div.input-wishlist, .overview-buttons div.input-compare, .bestsellers.carousel .details div.input-wishlist, .bestsellers.carousel .details div.input-compare, .featured-product-list > div .details div.input-wishlist, .featured-product-list > div .details div.input-compare, .spc-body .buttons-upper div.input-wishlist, .spc-body .buttons-upper div.input-compare, .category-page .buttons-upper div.input-wishlist, .category-page .buttons-upper div.input-compare, #algoliaSearchPane .buttons-upper div.input-wishlist, #algoliaSearchPane .buttons-upper div.input-compare, .related-products-grid .buttons-upper div.input-wishlist, .related-products-grid .buttons-upper div.input-compare, .also-purchased-products-grid .buttons-upper div.input-wishlist, .also-purchased-products-grid .buttons-upper div.input-compare, .cross-sells .buttons-upper div.input-wishlist, .cross-sells .buttons-upper div.input-compare, .misc-grid .buttons-upper div.input-wishlist, .misc-grid .buttons-upper div.input-compare {
display: inline-block;
font-size: 18px !important;
}
.product-tag-page .buttons-upper button[value]::before,
.product-tag-page .buttons-upper button[value]::after,
.product-tag-page .buttons-upper div.input-compare[data-title]::before,
.product-tag-page .buttons-upper div.input-wishlist[data-title]::before,
.product-tag-page .buttons-upper div.input-compare[data-title]::after,
.product-tag-page .buttons-upper div.input-wishlist[data-title]::after, .manufacturer-page-body .buttons-upper button[value]::before,
.manufacturer-page-body .buttons-upper button[value]::after,
.manufacturer-page-body .buttons-upper div.input-compare[data-title]::before,
.manufacturer-page-body .buttons-upper div.input-wishlist[data-title]::before,
.manufacturer-page-body .buttons-upper div.input-compare[data-title]::after,
.manufacturer-page-body .buttons-upper div.input-wishlist[data-title]::after, .overview-buttons button[value]::before,
.overview-buttons button[value]::after,
.overview-buttons div.input-compare[data-title]::before,
.overview-buttons div.input-wishlist[data-title]::before,
.overview-buttons div.input-compare[data-title]::after,
.overview-buttons div.input-wishlist[data-title]::after, .bestsellers.carousel .details button[value]::before,
.bestsellers.carousel .details button[value]::after,
.bestsellers.carousel .details div.input-compare[data-title]::before,
.bestsellers.carousel .details div.input-wishlist[data-title]::before,
.bestsellers.carousel .details div.input-compare[data-title]::after,
.bestsellers.carousel .details div.input-wishlist[data-title]::after, .featured-product-list > div .details button[value]::before,
.featured-product-list > div .details button[value]::after,
.featured-product-list > div .details div.input-compare[data-title]::before,
.featured-product-list > div .details div.input-wishlist[data-title]::before,
.featured-product-list > div .details div.input-compare[data-title]::after,
.featured-product-list > div .details div.input-wishlist[data-title]::after, .spc-body .buttons-upper button[value]::before,
.spc-body .buttons-upper button[value]::after,
.spc-body .buttons-upper div.input-compare[data-title]::before,
.spc-body .buttons-upper div.input-wishlist[data-title]::before,
.spc-body .buttons-upper div.input-compare[data-title]::after,
.spc-body .buttons-upper div.input-wishlist[data-title]::after, .category-page .buttons-upper button[value]::before,
.category-page .buttons-upper button[value]::after,
.category-page .buttons-upper div.input-compare[data-title]::before,
.category-page .buttons-upper div.input-wishlist[data-title]::before,
.category-page .buttons-upper div.input-compare[data-title]::after,
.category-page .buttons-upper div.input-wishlist[data-title]::after, #algoliaSearchPane .buttons-upper button[value]::before,
#algoliaSearchPane .buttons-upper button[value]::after,
#algoliaSearchPane .buttons-upper div.input-compare[data-title]::before,
#algoliaSearchPane .buttons-upper div.input-wishlist[data-title]::before,
#algoliaSearchPane .buttons-upper div.input-compare[data-title]::after,
#algoliaSearchPane .buttons-upper div.input-wishlist[data-title]::after, .related-products-grid .buttons-upper button[value]::before,
.related-products-grid .buttons-upper button[value]::after,
.related-products-grid .buttons-upper div.input-compare[data-title]::before,
.related-products-grid .buttons-upper div.input-wishlist[data-title]::before,
.related-products-grid .buttons-upper div.input-compare[data-title]::after,
.related-products-grid .buttons-upper div.input-wishlist[data-title]::after, .also-purchased-products-grid .buttons-upper button[value]::before,
.also-purchased-products-grid .buttons-upper button[value]::after,
.also-purchased-products-grid .buttons-upper div.input-compare[data-title]::before,
.also-purchased-products-grid .buttons-upper div.input-wishlist[data-title]::before,
.also-purchased-products-grid .buttons-upper div.input-compare[data-title]::after,
.also-purchased-products-grid .buttons-upper div.input-wishlist[data-title]::after, .cross-sells .buttons-upper button[value]::before,
.cross-sells .buttons-upper button[value]::after,
.cross-sells .buttons-upper div.input-compare[data-title]::before,
.cross-sells .buttons-upper div.input-wishlist[data-title]::before,
.cross-sells .buttons-upper div.input-compare[data-title]::after,
.cross-sells .buttons-upper div.input-wishlist[data-title]::after, .misc-grid .buttons-upper button[value]::before,
.misc-grid .buttons-upper button[value]::after,
.misc-grid .buttons-upper div.input-compare[data-title]::before,
.misc-grid .buttons-upper div.input-wishlist[data-title]::before,
.misc-grid .buttons-upper div.input-compare[data-title]::after,
.misc-grid .buttons-upper div.input-wishlist[data-title]::after {
position: absolute;
display: none;
opacity: 0.85;
z-index: 10;
}
.product-tag-page .buttons-upper button[value]::before, .manufacturer-page-body .buttons-upper button[value]::before, .overview-buttons button[value]::before, .bestsellers.carousel .details button[value]::before, .featured-product-list > div .details button[value]::before, .spc-body .buttons-upper button[value]::before, .category-page .buttons-upper button[value]::before, #algoliaSearchPane .buttons-upper button[value]::before, .related-products-grid .buttons-upper button[value]::before, .also-purchased-products-grid .buttons-upper button[value]::before, .cross-sells .buttons-upper button[value]::before, .misc-grid .buttons-upper button[value]::before {
content: attr(value);
background: #24303a;
color: #fff;
font-size: 13px;
font-weight: 100;
padding: 3px 10px;
white-space: nowrap;
text-decoration: none;
}
.product-tag-page .buttons-upper div.input-wishlist[data-title]::before,
.product-tag-page .buttons-upper div.input-compare[data-title]::before, .manufacturer-page-body .buttons-upper div.input-wishlist[data-title]::before,
.manufacturer-page-body .buttons-upper div.input-compare[data-title]::before, .overview-buttons div.input-wishlist[data-title]::before,
.overview-buttons div.input-compare[data-title]::before, .bestsellers.carousel .details div.input-wishlist[data-title]::before,
.bestsellers.carousel .details div.input-compare[data-title]::before, .featured-product-list > div .details div.input-wishlist[data-title]::before,
.featured-product-list > div .details div.input-compare[data-title]::before, .spc-body .buttons-upper div.input-wishlist[data-title]::before,
.spc-body .buttons-upper div.input-compare[data-title]::before, .category-page .buttons-upper div.input-wishlist[data-title]::before,
.category-page .buttons-upper div.input-compare[data-title]::before, #algoliaSearchPane .buttons-upper div.input-wishlist[data-title]::before,
#algoliaSearchPane .buttons-upper div.input-compare[data-title]::before, .related-products-grid .buttons-upper div.input-wishlist[data-title]::before,
.related-products-grid .buttons-upper div.input-compare[data-title]::before, .also-purchased-products-grid .buttons-upper div.input-wishlist[data-title]::before,
.also-purchased-products-grid .buttons-upper div.input-compare[data-title]::before, .cross-sells .buttons-upper div.input-wishlist[data-title]::before,
.cross-sells .buttons-upper div.input-compare[data-title]::before, .misc-grid .buttons-upper div.input-wishlist[data-title]::before,
.misc-grid .buttons-upper div.input-compare[data-title]::before {
content: attr(data-title);
background: #24303a;
color: #fff;
font-size: 13px;
font-weight: 100;
padding: 3px 10px;
white-space: nowrap;
text-decoration: none;
}
.product-tag-page .buttons-upper button[value]::after, .product-tag-page .buttons-upper div.input-compare[data-title]::after, .product-tag-page .buttons-upper div.input-wishlist[data-title]::after, .manufacturer-page-body .buttons-upper button[value]::after, .manufacturer-page-body .buttons-upper div.input-compare[data-title]::after, .manufacturer-page-body .buttons-upper div.input-wishlist[data-title]::after, .overview-buttons button[value]::after, .overview-buttons div.input-compare[data-title]::after, .overview-buttons div.input-wishlist[data-title]::after, .bestsellers.carousel .details button[value]::after, .bestsellers.carousel .details div.input-compare[data-title]::after, .bestsellers.carousel .details div.input-wishlist[data-title]::after, .featured-product-list > div .details button[value]::after, .featured-product-list > div .details div.input-compare[data-title]::after, .featured-product-list > div .details div.input-wishlist[data-title]::after, .spc-body .buttons-upper button[value]::after, .spc-body .buttons-upper div.input-compare[data-title]::after, .spc-body .buttons-upper div.input-wishlist[data-title]::after, .category-page .buttons-upper button[value]::after, .category-page .buttons-upper div.input-compare[data-title]::after, .category-page .buttons-upper div.input-wishlist[data-title]::after, #algoliaSearchPane .buttons-upper button[value]::after, #algoliaSearchPane .buttons-upper div.input-compare[data-title]::after, #algoliaSearchPane .buttons-upper div.input-wishlist[data-title]::after, .related-products-grid .buttons-upper button[value]::after, .related-products-grid .buttons-upper div.input-compare[data-title]::after, .related-products-grid .buttons-upper div.input-wishlist[data-title]::after, .also-purchased-products-grid .buttons-upper button[value]::after, .also-purchased-products-grid .buttons-upper div.input-compare[data-title]::after, .also-purchased-products-grid .buttons-upper div.input-wishlist[data-title]::after, .cross-sells .buttons-upper button[value]::after, .cross-sells .buttons-upper div.input-compare[data-title]::after, .cross-sells .buttons-upper div.input-wishlist[data-title]::after, .misc-grid .buttons-upper button[value]::after, .misc-grid .buttons-upper div.input-compare[data-title]::after, .misc-grid .buttons-upper div.input-wishlist[data-title]::after {
width: 0;
height: 0;
border: 6px solid transparent;
content: "";
}
.product-tag-page .buttons-upper button[value]:hover::before,
.product-tag-page .buttons-upper div.input-wishlist[data-title]:hover::before,
.product-tag-page .buttons-upper div.input-compare[data-title]:hover::before,
.product-tag-page .buttons-upper button[value]:hover::after,
.product-tag-page .buttons-upper div.input-wishlist[data-title]:hover::after,
.product-tag-page .buttons-upper div.input-compare[data-title]:hover::after, .manufacturer-page-body .buttons-upper button[value]:hover::before,
.manufacturer-page-body .buttons-upper div.input-wishlist[data-title]:hover::before,
.manufacturer-page-body .buttons-upper div.input-compare[data-title]:hover::before,
.manufacturer-page-body .buttons-upper button[value]:hover::after,
.manufacturer-page-body .buttons-upper div.input-wishlist[data-title]:hover::after,
.manufacturer-page-body .buttons-upper div.input-compare[data-title]:hover::after, .overview-buttons button[value]:hover::before,
.overview-buttons div.input-wishlist[data-title]:hover::before,
.overview-buttons div.input-compare[data-title]:hover::before,
.overview-buttons button[value]:hover::after,
.overview-buttons div.input-wishlist[data-title]:hover::after,
.overview-buttons div.input-compare[data-title]:hover::after, .bestsellers.carousel .details button[value]:hover::before,
.bestsellers.carousel .details div.input-wishlist[data-title]:hover::before,
.bestsellers.carousel .details div.input-compare[data-title]:hover::before,
.bestsellers.carousel .details button[value]:hover::after,
.bestsellers.carousel .details div.input-wishlist[data-title]:hover::after,
.bestsellers.carousel .details div.input-compare[data-title]:hover::after, .featured-product-list > div .details button[value]:hover::before,
.featured-product-list > div .details div.input-wishlist[data-title]:hover::before,
.featured-product-list > div .details div.input-compare[data-title]:hover::before,
.featured-product-list > div .details button[value]:hover::after,
.featured-product-list > div .details div.input-wishlist[data-title]:hover::after,
.featured-product-list > div .details div.input-compare[data-title]:hover::after, .spc-body .buttons-upper button[value]:hover::before,
.spc-body .buttons-upper div.input-wishlist[data-title]:hover::before,
.spc-body .buttons-upper div.input-compare[data-title]:hover::before,
.spc-body .buttons-upper button[value]:hover::after,
.spc-body .buttons-upper div.input-wishlist[data-title]:hover::after,
.spc-body .buttons-upper div.input-compare[data-title]:hover::after, .category-page .buttons-upper button[value]:hover::before,
.category-page .buttons-upper div.input-wishlist[data-title]:hover::before,
.category-page .buttons-upper div.input-compare[data-title]:hover::before,
.category-page .buttons-upper button[value]:hover::after,
.category-page .buttons-upper div.input-wishlist[data-title]:hover::after,
.category-page .buttons-upper div.input-compare[data-title]:hover::after, #algoliaSearchPane .buttons-upper button[value]:hover::before,
#algoliaSearchPane .buttons-upper div.input-wishlist[data-title]:hover::before,
#algoliaSearchPane .buttons-upper div.input-compare[data-title]:hover::before,
#algoliaSearchPane .buttons-upper button[value]:hover::after,
#algoliaSearchPane .buttons-upper div.input-wishlist[data-title]:hover::after,
#algoliaSearchPane .buttons-upper div.input-compare[data-title]:hover::after, .related-products-grid .buttons-upper button[value]:hover::before,
.related-products-grid .buttons-upper div.input-wishlist[data-title]:hover::before,
.related-products-grid .buttons-upper div.input-compare[data-title]:hover::before,
.related-products-grid .buttons-upper button[value]:hover::after,
.related-products-grid .buttons-upper div.input-wishlist[data-title]:hover::after,
.related-products-grid .buttons-upper div.input-compare[data-title]:hover::after, .also-purchased-products-grid .buttons-upper button[value]:hover::before,
.also-purchased-products-grid .buttons-upper div.input-wishlist[data-title]:hover::before,
.also-purchased-products-grid .buttons-upper div.input-compare[data-title]:hover::before,
.also-purchased-products-grid .buttons-upper button[value]:hover::after,
.also-purchased-products-grid .buttons-upper div.input-wishlist[data-title]:hover::after,
.also-purchased-products-grid .buttons-upper div.input-compare[data-title]:hover::after, .cross-sells .buttons-upper button[value]:hover::before,
.cross-sells .buttons-upper div.input-wishlist[data-title]:hover::before,
.cross-sells .buttons-upper div.input-compare[data-title]:hover::before,
.cross-sells .buttons-upper button[value]:hover::after,
.cross-sells .buttons-upper div.input-wishlist[data-title]:hover::after,
.cross-sells .buttons-upper div.input-compare[data-title]:hover::after, .misc-grid .buttons-upper button[value]:hover::before,
.misc-grid .buttons-upper div.input-wishlist[data-title]:hover::before,
.misc-grid .buttons-upper div.input-compare[data-title]:hover::before,
.misc-grid .buttons-upper button[value]:hover::after,
.misc-grid .buttons-upper div.input-wishlist[data-title]:hover::after,
.misc-grid .buttons-upper div.input-compare[data-title]:hover::after {
display: block;
}
.related-products-grid .buttons-upper div.input-compare[data-title]::before, .also-purchased-products-grid .buttons-upper div.input-compare[data-title]::before, .cross-sells .buttons-upper div.input-compare[data-title]::before, .misc-grid .buttons-upper div.input-compare[data-title]::before {
top: 100%;
left: -18px;
margin-top: 10px;
}
.related-products-grid .buttons-upper div.input-wishlist[data-title]::before, .also-purchased-products-grid .buttons-upper div.input-wishlist[data-title]::before, .cross-sells .buttons-upper div.input-wishlist[data-title]::before, .misc-grid .buttons-upper div.input-wishlist[data-title]::before {
top: 100%;
left: 0;
margin-top: 10px;
}
.related-products-grid .buttons-upper div.input-compare[data-title]::after, .also-purchased-products-grid .buttons-upper div.input-compare[data-title]::after, .cross-sells .buttons-upper div.input-compare[data-title]::after, .misc-grid .buttons-upper div.input-compare[data-title]::after {
border-bottom-color: #24303a;
border-top: none;
top: 100%;
left: 18px;
margin-top: 4px;
}
.related-products-grid .buttons-upper div.input-wishlist[data-title]::after, .also-purchased-products-grid .buttons-upper div.input-wishlist[data-title]::after, .cross-sells .buttons-upper div.input-wishlist[data-title]::after, .misc-grid .buttons-upper div.input-wishlist[data-title]::after {
border-bottom-color: #24303a;
border-top: none;
top: 100%;
left: 18px;
margin-top: 4px;
}
.related-products-grid .buttons-upper button[value]:hover::before, .related-products-grid .buttons-upper button[value]:hover::after, .also-purchased-products-grid .buttons-upper button[value]:hover::before, .also-purchased-products-grid .buttons-upper button[value]:hover::after, .cross-sells .buttons-upper button[value]:hover::before, .cross-sells .buttons-upper button[value]:hover::after, .misc-grid .buttons-upper button[value]:hover::before, .misc-grid .buttons-upper button[value]:hover::after {
display: none;
}
.overview-buttons button[value]::before, .overview-buttons div.input-compare[data-title]::before, .overview-buttons div.input-wishlist[data-title]::before {
bottom: 100%;
left: 0;
margin-bottom: 10px;
font-size: 13px;
font-weight: 100;
padding: 3px 10px;
}
.overview-buttons button[value]::after, .overview-buttons div.input-wishlist[data-title]::after, .overview-buttons div.input-compare[data-title]::after {
border-top-color: #24303a;
border-bottom: none;
bottom: 100%;
left: 10px;
margin-bottom: 4px;
}
.bestsellers.carousel .details button[value]::before, .bestsellers.carousel .details div.input-compare[data-title]::before, .bestsellers.carousel .details div.input-wishlist[data-title]::before, .featured-product-list > div .details button[value]::before, .featured-product-list > div .details div.input-compare[data-title]::before, .featured-product-list > div .details div.input-wishlist[data-title]::before {
top: 100%;
left: 0;
margin-top: 10px;
}
.bestsellers.carousel .details button[value]::after, .bestsellers.carousel .details div.input-wishlist[data-title]::after, .bestsellers.carousel .details div.input-compare[data-title]::after, .featured-product-list > div .details button[value]::after, .featured-product-list > div .details div.input-wishlist[data-title]::after, .featured-product-list > div .details div.input-compare[data-title]::after {
border-bottom-color: #24303a;
border-top: none;
top: 100%;
left: 10px;
margin-top: 4px;
}
.spc-body .buttons-upper button.add-to-wishlist-button[value]::before, .spc-body .buttons-upper div.input-wishlist[data-title]::before {
top: 100%;
left: 0;
margin-top: 10px;
}
.spc-body .buttons-upper button.add-to-wishlist-button[value]::after, .spc-body .buttons-upper div.input-wishlist[data-title]::after {
border-bottom-color: #24303a;
border-top: none;
top: 100%;
left: 10px;
margin-top: 4px;
}
.spc-body .buttons-upper button.add-to-compare-list-button[value]::before, .spc-body .buttons-upper div.input-compare[data-title]::before {
top: 100%;
right: 0;
margin-top: 10px;
}
.spc-body .buttons-upper button.add-to-compare-list-button[value]::after, .spc-body .buttons-upper div.input-compare[data-title]::after {
border-bottom-color: #24303a;
border-top: none;
top: 100%;
left: 10px;
margin-top: 4px;
}
.spc-body .buttons-upper div.input-wishlist[data-title]::after, .spc-body .buttons-upper div.input-compare[data-title]::after {
left: 18px;
}
.product-tag-page .item-box .buttons-upper, .manufacturer-page-body .item-box .buttons-upper, .category-page .item-box .buttons-upper, #algoliaSearchPane .item-box .buttons-upper {
overflow: visible;
}
.product-tag-page .item-box div.input-wishlist[data-title]::before, .manufacturer-page-body .item-box div.input-wishlist[data-title]::before, .category-page .item-box div.input-wishlist[data-title]::before, #algoliaSearchPane .item-box div.input-wishlist[data-title]::before {
top: 2px;
left: 100%;
margin-left: -6px;
font-size: 12px;
padding: 3px 10px;
}
.product-tag-page .item-box div.input-wishlist[data-title]::after, .manufacturer-page-body .item-box div.input-wishlist[data-title]::after, .category-page .item-box div.input-wishlist[data-title]::after, #algoliaSearchPane .item-box div.input-wishlist[data-title]::after {
border-right-color: #24303a;
border-left: none;
top: 16px;
left: 100%;
margin-top: -8px;
margin-left: -12px;
}
.product-tag-page .item-box div.input-compare[data-title]::before, .manufacturer-page-body .item-box div.input-compare[data-title]::before, .category-page .item-box div.input-compare[data-title]::before, #algoliaSearchPane .item-box div.input-compare[data-title]::before {
top: 2px;
right: 100%;
margin-right: -6px;
font-size: 12px;
padding: 3px 10px;
}
.product-tag-page .item-box div.input-compare[data-title]::after, .manufacturer-page-body .item-box div.input-compare[data-title]::after, .category-page .item-box div.input-compare[data-title]::after, #algoliaSearchPane .item-box div.input-compare[data-title]::after {
border-left-color: #24303a;
border-right: none;
top: 16px;
right: 100%;
margin-top: -8px;
margin-right: -12px;
}
.devAdminButton {
display: none;
}
.rich-blog-body .side-2 {
padding: 0;
}
.master-wrapper-content {
min-height: 80vh;
padding: 1rem;
margin: auto;
}
.center-2 {
margin: 0 0 90px;
}
.category-page-body .side-2, .algolia-page .side-2, .manufacturer-page-body .side-2, .product-tag-page .side-2, .products-by-tag-page-body .side-2, .manufacturer-all-page-body .side-2 {
display: none;
}
.side-2 {
float: left;
width: 245px;
}
.side-2 .page-title {
margin: 0 0 15px;
border: 1px solid #e9e9e9;
background-color: #ffffff;
padding: 20px 25px;
}
.side-2 .page-title h1 {
font-size: 18px;
color: #0588d3;
text-transform: uppercase;
}
.page {
clear: both;
text-align: left;
}
.category-page-body .block-category-navigation {
margin: -16px 0 0;
background-color: #ffffff;
padding-top: 15px;
}
.category-page-body .block-category-navigation .title {
display: none;
}
.category-page-body .page-title + .block-category-navigation .listbox {
margin-top: 0;
}
.manufacturer-page-body .block-manufacturer-navigation {
margin: -16px 0 0;
background-color: #ffffff;
padding-top: 15px;
}
.manufacturer-page-body .block-manufacturer-navigation .title {
display: none;
}
.manufacturer-page-body .page-title + .block-manufacturer-navigation .listbox {
margin-top: 0;
}
.manufacturer-all-page-body .block-manufacturer-navigation {
margin: -16px 0 0;
background-color: #ffffff;
padding-top: 15px;
}
.manufacturer-all-page-body .block-manufacturer-navigation .title {
display: none;
}
.manufacturer-all-page-body .page-title + .block-manufacturer-navigation .listbox {
margin-top: 0;
}
.vendor-all-page-body .block-vendor-navigation {
margin: -16px 0 0;
background-color: #ffffff;
padding-top: 15px;
}
.vendor-all-page-body .block-vendor-navigation .title {
display: none;
}
.vendor-all-page-body .page-title + .block-vendor-navigation .listbox {
margin-top: 0;
}
.vendor-page-body .block-vendor-navigation {
margin: -16px 0 0;
background-color: #ffffff;
padding-top: 15px;
}
.vendor-page-body .block-vendor-navigation .title {
display: none;
}
.vendor-page-body .page-title + .block-vendor-navigation .listbox {
margin-top: 0;
}
.link-rss {
display: block;
float: right;
margin: 5px 0 0;
}
.forums-table-section col:first-child {
display: none !important;
}
.forums-table-section th:first-child {
display: none !important;
}
.forums-table-section td:first-child {
display: none !important;
}
.header {
position: relative;
z-index: 1020;
margin: 0 0 60px;
overscroll-behavior: contain;
}
.header .center {
width: 982px;
margin: auto;
}
.header-upper {
height: 42px;
background-color: #f6f6f6;
}
.admin-header-links {
float: left;
}
.admin-header-links a {
color: #444444;
}
.header-links-wrapper {
position: relative;
float: right;
height: 42px;
margin: 0 0 0 20px;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.header-links-wrapper label {
display: block;
padding: 0 0 0 20px;
background-image: url();
background-repeat: no-repeat;
line-height: 42px;
background-position: left 0;
}
.header-links-wrapper:hover > div {
display: block;
}
.header-selectors-wrapper {
display: none;
position: relative;
float: right;
height: 42px;
margin: 0 0 0 20px;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.header-selectors-wrapper label {
display: block;
padding: 0 0 0 20px;
background-image: url();
background-repeat: no-repeat;
line-height: 42px;
background-position: left -40px;
}
.header-selectors-wrapper:hover > div {
display: block;
}
.header-selectors-wrapper > div.active {
display: block;
}
.header-links {
border-top-color: #0588d3;
min-width: 200px;
display: none;
position: absolute;
right: 0;
z-index: 1020;
background-color: #ffffff;
border-top: 3px solid #0588d3;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.header-links li {
padding: 0 8px;
}
.header-links li:first-child {
padding-top: 4px;
}
.header-links li.register-item {
padding-bottom: 14px;
margin-bottom: 6px;
/*border-bottom: 1px solid #eee;*/
}
.header-links li:last-child {
padding-bottom: 4px;
}
.header-links li:hover {
background-color: #f9f9f9;
}
.header-links a {
display: block;
padding: 10px 0 10px 24px;
font-size: 13px;
}
.header-links .ico-account {
background-position: left -5px;
}
.header-links .ico-register {
font-weight: bold;
background-position: left -53px;
border: 2px solid #0588d3;
color: #0588d3;
margin-top: 6px;
padding: 6px 10px;
text-align: center;
}
.header-links .ico-register:hover {
background-color: #0588d3;
border: 2px solid #0588d3;
color: #ffffff;
opacity: 0.9;
}
.header-links .ico-login {
font-weight: bold;
background-position: left -101px;
background-color: #0588d3;
color: #ffffff;
margin-top: 6px;
padding: 8px 12px;
text-align: center;
}
.header-links .ico-login:hover {
opacity: 0.9;
}
.header-links .ico-logout {
background-position: left -101px;
}
.header-links .ico-inbox {
background-position: left -149px;
}
.header-links .ico-wishlist {
background-position: left -197px;
}
.contact-us-links {
border-top-color: #0588d3;
min-width: 200px;
display: none;
position: absolute;
right: 0;
z-index: 1020;
background-color: #ffffff;
border-top: 3px solid #0588d3;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.contact-us-links li {
padding: 0 8px;
}
.contact-us-links li:first-child {
padding-top: 4px;
}
.contact-us-links li.register-item {
padding-bottom: 14px;
margin-bottom: 6px;
border-bottom: 1px solid #eee;
}
.contact-us-links li:last-child {
padding-bottom: 4px;
}
.contact-us-links li:hover {
background-color: #f9f9f9;
}
.contact-us-links li .fa {
font-size: 16px;
margin-right: 10px;
}
.contact-us-links a {
display: block;
padding: 10px 0 10px 24px;
font-size: 13px;
}
.header-selectors {
display: none;
position: absolute;
left: -15px;
z-index: 1020;
min-width: 150px;
background-color: #ffffff;
border-top: 3px solid #0588d3;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
text-align: center;
}
.header-selectors > div {
border-top: 1px solid #f6f6f6;
padding: 15px;
}
.header-selectors > div:first-child {
border-top: none;
}
.header-selectors select {
border-color: #e9e9e9;
}
.header-middle {
position: relative;
background-color: #ffffff;
padding: 20px 0;
}
.header-middle .global-notification, .header-middle .ups-address-notification, .header-middle .bill-address-notification, .header-middle .credit-card-modal {
z-index: 99;
text-align: center;
position: absolute;
display: inline-block;
max-width: 720px;
width: 720px;
top: 0;
border-bottom-left-radius: 6px;
border-bottom-right-radius: 6px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
font-weight: normal;
min-height: 30px;
background-color: #0588d3;
color: #f5f5f5;
}
.header-middle .global-notification .global-notification-inner, .header-middle .ups-address-notification .global-notification-inner, .header-middle .bill-address-notification .global-notification-inner, .header-middle .credit-card-modal .global-notification-inner {
padding: 4px 20px;
}
.header-middle .global-notification strong, .header-middle .ups-address-notification strong, .header-middle .bill-address-notification strong, .header-middle .credit-card-modal strong {
color: #ffffff;
}
.header-middle .global-notification:hover, .header-middle .ups-address-notification:hover, .header-middle .bill-address-notification:hover, .header-middle .credit-card-modal:hover {
background-color: rgb(5.5902777778, 152.0555555556, 235.9097222222);
cursor: pointer;
}
.header-middle .global-notification:hover #globalNoticeModalOpen, .header-middle .global-notification:hover #upsAddModal, .header-middle .global-notification:hover #upsBillingAddModal, .header-middle .global-notification:hover #validateCCModal, .header-middle .ups-address-notification:hover #globalNoticeModalOpen, .header-middle .ups-address-notification:hover #upsAddModal, .header-middle .ups-address-notification:hover #upsBillingAddModal, .header-middle .ups-address-notification:hover #validateCCModal, .header-middle .bill-address-notification:hover #globalNoticeModalOpen, .header-middle .bill-address-notification:hover #upsAddModal, .header-middle .bill-address-notification:hover #upsBillingAddModal, .header-middle .bill-address-notification:hover #validateCCModal, .header-middle .credit-card-modal:hover #globalNoticeModalOpen, .header-middle .credit-card-modal:hover #upsAddModal, .header-middle .credit-card-modal:hover #upsBillingAddModal, .header-middle .credit-card-modal:hover #validateCCModal {
background-color: rgb(4.4097222222, 119.9444444444, 186.0902777778);
}
.header-middle .global-notification {
position: relative;
display: block;
}
.header-middle .center {
display: table;
}
.header-middle .global-notification {
max-width: none;
width: auto;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.header-logo {
display: table-cell;
width: 20%;
padding: 0 24px 0 0;
vertical-align: middle;
}
.header-menu-parent {
display: table-cell;
vertical-align: middle;
text-align: center;
}
.header-menu {
position: relative;
z-index: 1010;
text-align: left;
}
.header-menu > ul {
font-size: 0;
}
.header-menu > ul > li {
display: inline-block;
vertical-align: middle;
margin-right: 15px;
}
.header-menu > ul > li > a {
display: block;
padding: 5px 20px;
font-size: 14px;
font-weight: bold;
color: #333333;
text-transform: uppercase;
cursor: pointer;
}
.header-menu > ul > li > span {
display: block;
padding: 5px 20px;
font-size: 14px;
font-weight: bold;
color: #333333;
text-transform: uppercase;
cursor: pointer;
}
.header-menu .back-button {
display: none;
}
.header-menu .root-category-items > .sublist-wrap {
top: auto;
left: 0;
width: 980px;
margin: 0 0 0 -196px;
}
.flyout-cart-wrapper {
position: relative;
display: table-cell;
width: 190px;
padding: 0 0 0 15px;
vertical-align: middle;
text-align: right;
}
.flyout-cart-wrapper .cart-ttl {
display: none;
}
.flyout-cart-wrapper:hover .cart-trigger {
color: #ffffff;
}
.flyout-cart-wrapper:hover .cart-qty {
/*color: $color_mcguff_1;*/
}
.flyout-cart-wrapper:hover .cart-label {
color: #ffffff;
}
.flyout-cart-wrapper:hover .flyout-cart-wrapper:hover .flyout-cart {
display: block;
}
.cart-trigger {
display: inline-block;
position: relative;
float: right;
height: 52px;
/*border: 1px solid #f0f0f0;*/
padding: 0 19px 0 18px;
line-height: 52px;
font-size: 13px;
color: #777;
white-space: nowrap;
top: 10px;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.cart-trigger:before {
content: "";
position: absolute;
top: -1px;
left: -6px;
width: 34px;
height: 52px;
background: url() center no-repeat;
}
.cart-trigger .cart-qty {
font-weight: bold;
top: -17px;
left: -7px;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
transition: all 0.3s ease-in-out;
width: 30px;
height: 30px;
background-color: #ffffff;
display: inline-block;
border: 2px solid;
border-color: #275073;
border-radius: 50%;
color: #0588d3;
text-align: center;
line-height: 26px;
position: relative;
}
.cart-trigger .cart-label {
font-weight: bold;
color: #555555;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.flyout-cart {
display: none;
position: absolute;
top: 50px;
right: 0;
z-index: 1;
width: 350px;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
background: #ffffff;
}
.mini-shopping-cart {
text-align: left;
}
.mini-shopping-cart .count {
display: none;
}
.mini-shopping-cart .item {
padding: 25px 20px;
}
.mini-shopping-cart .attributes {
margin: 10px 0;
}
.mini-shopping-cart .totals {
text-align: right;
}
.mini-shopping-cart .buttons {
overflow: hidden;
padding: 12px 15px;
text-align: right;
}
.mini-shopping-cart input.cart-button {
float: left;
width: 49%;
}
.mini-shopping-cart input.checkout-button {
float: right;
width: 49%;
}
.mini-shopping-cart input[type=button]:only-child {
float: none;
width: auto;
}
.header-lower {
background-color: #26547c;
/*padding: 9px 0;*/
}
.header-lower .center {
position: relative;
height: 47px;
}
.category-navigation-title {
position: absolute;
bottom: -14px;
left: 0;
z-index: 2;
padding: 0px 50px 0px 0px;
font-size: 15px;
line-height: 53px;
cursor: pointer;
color: #275073;
/*&:after {
content: "";
position: absolute;
top: 19px;
right: 19px;
width: 17px;
height: 15px;*/
/*background: $color_mcguff_1 $url_catnavv center no-repeat;*/
/*color: $white;
}*/
}
.home-page-body .category-navigation-list {
position: relative;
z-index: 2;
}
.category-navigation-list-wrapper {
position: absolute;
top: 54px;
left: 0;
z-index: 1;
width: 245px;
}
.home-page .category-navigation-list-wrapper {
position: static;
margin: -31px 0 0;
}
.home-page .category-navigation-list {
box-shadow: none;
}
.category-navigation-list {
display: none;
border: 1px solid #e9e9e9;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.08);
background-color: #ffffff;
}
.category-navigation-list .plus-button {
display: none;
}
.category-navigation-list .back-button {
display: none;
}
.category-navigation-list > li {
position: relative;
border-top: 1px solid #f6f6f6;
}
.category-navigation-list > li:first-child {
border: none;
}
.category-navigation-list > li:first-child > .sublist-wrap {
top: 0;
}
.category-navigation-list > li > a {
display: block;
min-height: 46px;
padding: 13px 20px;
}
.category-navigation-list > li > span {
display: block;
min-height: 46px;
padding: 13px 20px;
}
.category-navigation-list > li:hover > a {
background-color: #f9f9f9;
color: #0588d3;
}
.category-navigation-list > li:hover > span {
background-color: #f9f9f9;
color: #0588d3;
}
.category-navigation-list > li > .sublist-wrap {
position: absolute;
top: -14px;
left: 243px;
width: 736px;
}
.category-navigation-list > li > .sublist-wrap > .sublist {
overflow: hidden;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
padding: 15px;
}
.category-navigation-list > li > .sublist-wrap > .sublist > li {
float: left;
width: 25%;
padding: 10px;
font-size: 13px;
}
.category-navigation-list > li > .sublist-wrap > .sublist > li > a {
display: block;
margin: 0 0 10px;
border-bottom: 3px solid #0588d3;
padding: 0 0 5px;
font-weight: bold;
text-transform: uppercase;
}
.category-navigation-list > li > .sublist-wrap > .sublist > li:nth-child(5n+1) {
clear: both;
}
.category-navigation-list > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li {
padding: 6px 0;
}
.category-navigation-list > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li a:hover {
color: #0588d3;
}
.category-navigation-list > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist ul {
display: none;
}
.category-navigation-list.sticky-flyout {
position: relative;
}
.category-navigation-list.sticky-flyout > li {
position: static;
}
.category-navigation-list.sticky-flyout > li > .sublist-wrap {
top: 0 !important;
}
.root-category-items > .sublist-wrap {
position: absolute;
top: -14px;
left: 243px;
width: 736px;
}
.root-category-items > .sublist-wrap > .sublist {
overflow: hidden;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
background-color: #ffffff;
padding: 15px;
}
.root-category-items > .sublist-wrap > .sublist > li {
float: left;
width: 25%;
padding: 10px;
font-size: 13px;
}
.root-category-items > .sublist-wrap > .sublist > li > a {
display: block;
margin: 0 0 10px;
border-bottom: 3px solid #0588d3;
padding: 0 0 5px;
font-weight: bold;
text-transform: uppercase;
}
.root-category-items > .sublist-wrap > .sublist > li:nth-child(5n+1) {
clear: both;
}
.root-category-items > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li {
padding: 6px 0;
}
.root-category-items > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li a:hover {
color: #0588d3;
}
.root-category-items > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist ul {
display: none;
}
.store-search-box {
clear: right;
margin: 0;
}
.store-search-box.full-width input.search-box-text {
width: 918px;
}
.ui-autocomplete {
z-index: 1015;
}
.responsive-nav-wrapper-parent {
display: none;
}
.menu-title {
display: none;
}
.close-menu {
display: none;
}
.overlayOffCanvas {
display: none !important;
}
.customer-pages-body .master-wrapper-content {
padding: 70px 0 0;
}
.product-details-page-body .center-1 {
margin: 0 0 90px;
}
.cart .subtotal {
white-space: nowrap;
}
.order-details-page .data-table col:first-child {
display: none !important;
}
.order-details-page .data-table th:not(.event):first-child {
display: none !important;
}
.order-details-page .data-table td:not(.event):first-child {
display: none !important;
}
.categories-in-side-panel .root-category-items {
display: none;
}
.categories-in-side-panel .root-category-items.store-locator {
display: inline-block !important;
}
/* HOMEPAGE COLUMNS */
.two-columns-area {
margin: 0 0 50px;
}
.two-columns-area .product-grid {
display: block;
margin: 45px 0 0;
border: 1px solid #e9e9e9;
background-color: #ffffff;
}
.two-columns-area .product-grid .title {
margin: 0;
border: none;
padding: 15px 20px;
font-size: 16px;
text-align: center;
}
.two-columns-area .product-grid .item-box {
width: 100%;
margin: 0;
}
.two-columns-area .product-grid .product-item {
border: none;
padding: 0 !important;
}
.two-columns-area .product-grid .product-rating-box {
display: none !important;
}
.two-columns-area .product-grid .buttons-upper {
display: none !important;
}
.two-columns-area .product-grid .buttons-lower {
display: none !important;
}
.two-columns-area .owl-carousel .prices {
margin: 0;
}
.two-columns-area .owl-carousel .owl-controls {
padding: 18px 20px;
text-align: center;
font-size: 0;
}
.two-columns-area .owl-carousel .owl-dot {
display: inline-block;
margin: 0 5px;
}
.two-columns-area .owl-carousel .owl-dot span {
display: block;
width: 10px;
height: 10px;
border-radius: 50%;
background-color: #c9c9c9;
}
.two-columns-area .owl-carousel .owl-dot.active span {
background-color: #0588d3;
}
.two-columns-area.slider-right-column .product-grid:first-child {
margin-top: 0;
}
.two-columns-area .center {
width: 980px;
margin: auto;
}
.two-columns-area .center:after {
content: "";
display: block;
clear: both;
}
.two-colums-area-left {
position: relative;
z-index: 1;
float: left;
width: 245px;
}
.two-colums-area-right {
position: relative;
z-index: 0;
float: right;
width: 708px;
}
.slider-fullwidth {
margin-top: -60px;
}
.slider-right-column {
margin-top: -35px;
}
.slider-right-column .category-navigation-list-wrapper {
position: static;
margin-top: -26px;
margin-left: 184px;
border-radius: 0px 0px 8px 8px;
inset: 0px auto auto 655.5px;
margin-right: 0px;
width: 320px;
max-width: 700px;
max-height: 85%;
min-height: 61px;
padding: 0px;
overflow: auto;
}
.slider-right-column .category-navigation-list {
box-shadow: none;
}
.two-columns-area .jCarouselMainWrapper:only-of-type {
margin: 20px 0 0;
}
.two-columns-area .slider-wrapper ~ .jCarouselMainWrapper,
.two-columns-area.slider-fullwidth .jCarouselMainWrapper {
margin: 45px 0 0 !important;
}
.product-grid .item-box .product-item {
padding: 0 0 45px;
}
.product-grid .item-box .buttons-upper {
position: absolute;
bottom: 15px;
left: 0;
z-index: 1;
width: 100%;
height: 30px;
border-right: 1px solid #e9e9e9;
border-left: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;
overflow: visible;
transition: bottom 0.2s ease-in-out;
}
.product-grid .item-box .buttons-lower {
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
width: 100%;
height: 45px;
border-width: 1px;
border-style: solid;
border-color: #f0f0f0 #e9e9e9 #e9e9e9;
background-color: #ffffff;
transition: bottom 0.2s ease-in-out;
}
.product-grid .item-box .sub-buttons-lower {
position: absolute;
bottom: 0;
left: 0;
z-index: 2;
width: 100%;
height: 45px;
border-width: 1px;
border-style: solid;
border-color: #f0f0f0 #e9e9e9 #e9e9e9;
background-color: #ffffff;
transition: bottom 0.2s ease-in-out;
}
.product-grid .item-box:hover .buttons-upper {
bottom: -29px;
z-index: 0;
}
.product-grid .item-box:hover .buttons-lower {
bottom: 0;
z-index: 0;
}
.product-grid .item-box:hover .buttons-lower button {
background-color: #0588d3;
}
.product-grid .item-box:hover .buttons-lower button span {
background-color: #0588d3;
color: #ffffff;
}
.product-grid .item-box:hover .buttons-lower button span:before {
opacity: 0;
}
.product-grid .item-box:hover .buttons-lower button span:after {
opacity: 1;
}
.product-grid .item-box:hover .sub-buttons-lower {
bottom: 0;
z-index: 0;
}
.product-grid .item-box:hover .sub-buttons-lower button {
background-color: #0588d3;
}
.product-grid .item-box:hover .sub-buttons-lower button span {
background-color: #0588d3;
color: #ffffff;
}
.product-grid .item-box:hover .sub-buttons-lower button span:before {
opacity: 0;
}
.product-grid .item-box:hover .sub-buttons-lower button span:after {
opacity: 1;
}
.footer {
text-align: left;
}
.footer .center {
width: 980px;
margin: auto;
}
.footer .center:after {
content: "";
display: block;
clear: both;
}
.footer-upper {
padding: 15px 0;
}
.footer-block {
float: left;
width: 25%;
}
.footer-block ul {
background-color: transparent;
display: block !important;
border: none;
}
.footer-block .title {
margin: 0 0 12px;
border: none;
padding: 0;
}
.footer-block .title:after {
display: none;
}
.footer-block li {
padding: 6px 0;
}
.footer-block.quick-contact li {
padding: 6px 0 16px;
}
.footer-block.quick-contact span {
padding: 0 0 0 28px;
}
.newsletter {
/*float: left;*/
}
.newsletter .title {
display: block;
margin: 0 10px 0px 0;
vertical-align: middle;
}
.newsletter .title h3 {
color: #ffffff;
}
.newsletter-subscribe {
display: inline-block;
vertical-align: middle;
}
.newsletter-validation {
display: none;
}
.social-sharing {
float: left;
margin: 0;
line-height: 47px;
}
.social-sharing li {
vertical-align: middle;
}
.footer-middle {
padding: 60px 0 30px;
}
.footer-lower {
padding: 0;
text-align: center;
}
.footer-lower .center {
/*border-top: 1px solid $grey_e9;*/
padding: 30px 0;
}
.block {
float: none;
width: auto;
margin: -1px 0 0;
border-width: 1px;
border-style: solid;
border-color: #f0f0f0 #e9e9e9 #e9e9e9;
}
.block:first-child {
border-top-color: #e9e9e9;
}
.block .title {
border: none;
background-image: none;
padding: 20px 25px;
cursor: default;
}
.block .listbox {
display: block;
margin: -5px 0 0;
border: none;
padding-top: 0 !important;
}
.block .view-all {
margin: 12px 0 4px;
}
.block-category-navigation {
display: none;
}
.block-category-navigation .listbox {
display: none !important;
}
.block-category-navigation .listbox.category-page-navigation {
display: block !important;
}
.block-recently-viewed-products {
font-size: 0;
}
.block-recently-viewed-products .product-picture {
display: inline-block;
width: 25%;
vertical-align: middle;
}
.block-recently-viewed-products .product-name {
display: inline-block;
width: 75%;
padding: 0 0 0 15px;
vertical-align: middle;
font-size: 14px;
}
.breadcrumb {
margin-top: -10px;
text-align: left;
}
.breadcrumb li > * {
margin-left: 0;
}
.breadcrumb a:hover {
color: #0588d3;
}
/* .sub-category-details {
display: block;
}*/
.manufacturer-details {
display: block;
padding: 38% 0;
text-align: center;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.manufacturer-details .view-all:hover {
color: #333333;
}
.vendor-details {
display: block;
padding: 38% 0;
text-align: center;
-moz-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.vendor-details .view-all:hover {
color: #333333;
}
.product-essential {
padding: 35px;
}
.gallery, .cps-gallery {
width: 44%;
}
.gallery .picture-thumbs a, .cps-gallery .picture-thumbs a {
width: 23%;
height: 80px;
margin: 0 1% 10px;
}
.overview {
width: 54%;
}
.overview .stock {
display: inline-block;
margin: 0 10px 0 0;
}
.overview .back-in-stock-subscription {
display: inline-block;
margin: 0 0 15px;
}
.variant-overview .stock {
display: inline-block;
margin: 0 10px 10px 0;
}
.variant-overview .delivery {
right: -35px;
bottom: -35px;
}
.product-social-buttons {
bottom: -35px;
}
.product-social-buttons ul {
line-height: 24px;
}
.product-variant-line {
padding: 35px;
}
.attributes dt {
float: none;
clear: none;
margin-right: 10px;
}
.attributes dt label {
line-height: 38px;
}
.attributes dd {
float: left;
margin-right: 10px;
}
.compare-products-page .clear-list {
position: absolute;
top: -30px;
right: 0;
color: #0588d3;
text-transform: none;
}
.compare-products-page .clear-list:hover {
text-decoration: underline;
}
.compare-products-page .table-wrapper {
overflow: hidden;
}
.compare-products-table {
display: table;
}
.compare-products-table .picture {
display: block;
width: 145px;
}
.compare-products-table .remove-product td {
border-top-color: #e9e9e9;
padding-bottom: 0;
}
.compare-products-table .product-picture td {
border-top: 0;
}
.compare-products-table .product-name td {
border-top: 0;
}
.compare-products-table .product-price td {
border-top: 0;
}
.compare-products-table .short-description td {
vertical-align: top;
}
.compare-products-table .full-description td {
vertical-align: top;
}
.compare-products-table-mobile {
display: none;
}
#check-availability-button {
display: block;
margin: 15px auto -15px;
}
.account-page #check-availability-button {
margin: 15px 0 -15px;
}
.account-page #username-availabilty {
text-align: left;
}
.account-page .form-fields {
margin: 0;
}
.account-page .edit-address {
margin: 0;
}
.account-page .vat-status {
text-align: left;
}
.account-page .vat-note {
text-align: left;
}
.account-page .buttons {
text-align: left;
}
.account-page .address-item {
float: none;
width: auto;
border-width: 1px 0 0;
}
.account-page .order-item {
float: none;
width: auto;
border-width: 1px 0 0;
}
.account-page ul.info {
text-align: left;
}
.block-account-navigation {
margin: 0 !important;
}
.block-account-navigation .list {
text-align: left;
}
.block-account-navigation .list li {
margin: 0 10px 0 0;
}
.block-account-navigation .list a:hover {
max-width: 500px;
padding: 0 30px 0 0;
}
.block-account-navigation .list a.active {
padding: 0 30px 0 0;
}
.reward-points-page th {
text-align: left;
}
.reward-points-page td {
text-align: left;
}
.order-progress {
position: absolute;
top: 5px;
right: 0;
background-color: #f6f6f6;
}
.order-progress li {
margin: 0 2px;
}
.order-progress li:first-child a {
padding-left: 20px;
}
.order-progress li:first-child a:before {
display: none;
}
.order-progress li:last-child a {
padding-right: 24px;
}
.order-progress li:last-child a:after {
display: none;
}
.shopping-cart-page .page-title {
min-height: 37px;
padding: 0 0 5px;
}
.shopping-cart-page .tax-shipping-info {
text-align: right;
}
.checkout-page .page-title {
min-height: 37px;
padding: 0 0 5px;
}
.checkout-page .address-item {
width: 30%;
margin: 4% 0 0 5%;
}
.checkout-page .address-item:only-child {
text-align: left;
}
.checkout-page .address-item:nth-child(2n+1) {
clear: none;
margin-left: 5%;
}
.checkout-page .address-item:nth-child(3n+1) {
clear: both;
margin-left: 0;
}
.checkout-page .address-item:nth-child(-n+3) {
margin-top: 0;
}
.checkout-page .enter-address {
margin: 0;
}
.checkout-page .enter-address + .buttons {
padding: 10px 60px;
text-align: left;
}
.checkout-page .enter-address + .buttons.centered {
text-align: center;
}
.cart-footer .cart-collaterals {
width: 58%;
margin: 0;
}
.cart-footer .totals {
width: 40%;
margin: 0;
text-align: center;
}
.cart-collaterals .hint {
margin: 0 0 25px;
}
.cart-collaterals .shipping label {
display: inline-block;
width: 25%;
margin: 0;
}
.cart-collaterals .shipping label + select {
width: 75%;
}
.cart-collaterals .shipping label + input {
width: 75%;
}
.cart-collaterals .shipping .buttons {
text-align: left;
}
.cart-collaterals .coupon-code {
width: auto;
}
.cart-collaterals .coupon-code:after {
content: "";
display: block;
clear: both;
}
.cart-collaterals .coupon-code input[type=text] {
float: left;
width: 63%;
margin: 0 1%;
}
.cart-collaterals .coupon-code input[type=submit] {
float: left;
width: 33%;
margin: 0 1%;
}
.section.shipping-method {
text-align: left;
}
.section.shipping-method .buttons {
text-align: left;
}
.section.payment-method {
text-align: left;
}
.section.payment-method .buttons {
text-align: left;
}
.section.payment-info .buttons {
text-align: left;
}
.section.order-completed .buttons {
text-align: left;
}
.order-details-page .totals {
width: 40%;
}
.order-details-page .actions input {
width: 190px;
}
#opc-confirm_order .totals {
float: right;
width: 40%;
}
#opc-confirm_order .terms-of-service {
width: 40%;
margin-left: auto;
}
#opc-confirm_order div.buttons {
text-align: right;
}
.advanced-search .inputs {
text-align: left;
}
.advanced-search .inputs label:first-child {
text-align: left;
}
.advanced-search .price-range {
text-align: left;
}
.advanced-search .price-range input {
margin: 0 10px 0 0;
}
.news-items .buttons {
text-align: left;
}
.news-items .read-more:hover:after {
width: 30px;
}
.forums-main-page.topic-block-body {
max-width: 580px;
}
.forums-main-page .forum-search-box {
top: 65px;
}
.forum-breadcrumb {
max-width: 580px;
}
.forums-header {
margin: 0;
}
.forums-header + .forums-table-section {
margin-top: 80px;
}
.forum-search-box {
position: absolute;
top: 0;
right: 0;
}
.forum-search-box .search-box-text {
width: 330px !important;
}
.forum-search-box .advanced {
text-align: right;
}
.forum-actions {
overflow: hidden;
}
.forum-actions .actions {
float: left;
margin: 2px 0;
}
.forum-actions .actions a {
margin: 0 15px 0 0;
}
.forum-actions .pager {
float: right;
max-width: 450px;
}
.forum-actions .pager.upper {
margin: 0;
}
.topic-actions {
overflow: hidden;
}
.topic-actions .actions {
float: left;
margin: 2px 0;
}
.topic-actions .actions a {
margin: 0 15px 0 0;
}
.topic-actions .pager {
float: right;
max-width: 450px;
}
.topic-actions .pager.upper {
margin: 0;
}
.homepage-middle-wrapper:after {
content: "";
display: block;
clear: both;
}
.page-title + .block {
border-top-color: #e9e9e9;
}
.category-page-body .block-category-navigation {
display: block;
}
.recently-viewed-products-page-body .block-recently-viewed-products {
display: none;
}
.recently-viewed-products-page-body .block-recently-viewed-products + .block {
border-top-color: #e9e9e9;
}
.product-tags-all-page-body .block-popular-tags {
display: none;
}
.product-tags-all-page-body .block-popular-tags + .block {
border-top-color: #e9e9e9;
}
.sub-category-item .title {
width: auto;
}
.manufacturer-item .title {
width: auto;
}
.vendor-item .title {
width: auto;
}
.center-1 .product-grid .item-box {
width: 23.5%;
}
.center-1 .product-grid .item-box:nth-child(3n+1) {
clear: none;
margin-left: 2%;
}
.center-1 .product-grid .item-box:nth-child(4n+1) {
clear: both;
margin-left: 0;
}
.center-1 .product-grid .item-box .unavailable-overlay {
bottom: 96px;
padding: 5px;
font-size: 10px;
}
.overview-bottom .delivery {
right: -35px;
bottom: -35px;
}
.attribute-item > div {
display: inline-block;
margin: 0 10px 0 0;
white-space: nowrap;
}
.giftcard label {
display: inline-block;
min-width: 120px;
margin: 0 10px 0 0;
}
.center-2 .account-page .page-title {
display: block;
position: absolute;
top: 0;
left: 0;
width: 100%;
border-width: 0 0 1px;
}
.payment-info .info tr {
display: table-row;
margin: 0;
}
.payment-info .info td {
display: table-cell;
margin: 0;
padding: 5px;
text-align: left;
}
.payment-info .info td:first-child {
width: 150px;
}
.payment-info .info td:only-child {
width: auto !important;
padding: 0;
}
.payment-info .info td label {
font-weight: normal;
}
.payment-info .info td select {
margin: 0;
}
.basic-search .inputs.reversed label {
text-align: left;
}
.news-item-page .inputs:first-child label {
display: inline-block;
position: absolute;
top: 0;
left: 0;
width: 90px;
margin: 0;
line-height: 40px;
text-align: right;
}
.new-comment textarea {
display: block;
margin: auto;
}
.forum-page .forum-name {
margin-top: 60px;
}
.forum-topic-page .topic-name {
margin-top: 60px;
}
.topic-post .post-time label {
display: inline;
}
.pager.lower {
float: right;
margin: 0;
}
.forum-edit-page textarea {
height: 180px;
}
.private-message-send-page textarea {
height: 180px;
}
.private-messages-page td.date {
white-space: nowrap;
}
.product-details-page:not(.group-product) .tierRecommend-info {
bottom: 54px;
}
}
/*=====================================================
BIG SCREENS
=====================================================*/
@media (min-width: 80em) {
.rich-blog-homepage .post-description {
height: 88px;
}
.master-wrapper-content {
width: 1200px;
}
.center-2 {
width: 1175px;
}
.side-2 {
width: 285px;
}
.side-2 .page-title {
padding: 22px 35px;
}
.cart col:first-child {
display: none !important;
}
.cart th:first-child {
display: none !important;
}
.cart td:first-child {
display: none !important;
}
.header-links-wrapper {
margin: 0 0 0 30px;
}
.header-selectors-wrapper {
margin: 0 0 0 30px;
}
.header-selectors {
left: 0;
}
.header-logo {
padding: 0 32px 0 0;
}
.header-menu > ul > li > a {
padding: 5px 27px;
}
.header-menu > ul > li > span {
padding: 5px 27px;
}
.header-menu .root-category-items > .sublist-wrap {
width: 1200px;
margin: 0 0 0 -240px;
}
.category-navigation-title {
width: 150px;
padding: 0 24px;
}
.category-navigation-list-wrapper {
width: 285px;
}
.two-colums-area-left {
width: 285px;
}
.two-colums-area-right {
width: 888px;
}
.block .title {
padding: 25px 35px;
}
.block .listbox {
margin: -10px 0 0;
padding: 22px 35px;
}
.block .view-all {
margin: 12px 0 0;
}
.product-selectors {
padding: 13px 0;
}
.product-selectors #nprogress {
position: absolute;
top: 90px;
right: 0 !important;
}
.product-selectors #nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 0 !important;
right: 0 !important;
}
.manufacturer-details {
padding: 40% 0;
}
.product-essential, .product-variant-line {
padding: 40px;
}
.gallery, .cps-gallery {
width: 38%;
}
.overview {
width: 60%;
}
.customer-entered-price {
margin: 0 0 20px;
}
.customer-entered-price .price-input {
display: inline-block;
margin: 0 10px 0 0;
}
.customer-entered-price .price-range {
display: inline-block;
}
.product-social-buttons {
bottom: -40px;
}
.cart-footer .cart-collaterals {
width: 63%;
}
.cart-footer .totals {
width: 35%;
}
.cart-collaterals .accordion-tab-content {
max-width: none;
}
.cart-collaterals .coupon-code {
max-width: 500px;
margin: 0;
}
.cart-collaterals .shipping label {
width: 20%;
}
.cart-collaterals .shipping label + select {
width: 80%;
}
.cart-collaterals .shipping label + input {
width: 80%;
}
.order-details-page .totals {
width: 55%;
}
.order-details-page .actions input {
width: 205px;
}
.forum-breadcrumb {
max-width: 780px;
}
.account-page .data-table col:first-child {
display: none !important;
}
.account-page .data-table col.select-boxes {
display: table-column !important;
}
.account-page .data-table th:first-child {
display: none !important;
}
.account-page .data-table th.select-boxes {
display: table-cell !important;
}
.account-page .data-table td:first-child {
display: none !important;
}
.account-page .data-table td.select-boxes {
display: table-cell !important;
}
.account-page .data-table .footable-first-column {
text-align: left;
}
.admin-header-links .center {
width: 1200px;
}
.header .center {
width: 1200px;
}
.category-navigation-list > li > a {
padding: 13px 25px;
}
.category-navigation-list > li > span {
padding: 13px 25px;
}
.category-navigation-list > li > .sublist-wrap {
left: 283px;
width: 916px;
}
.category-navigation-list > li > .sublist-wrap > .sublist {
padding: 18px 12px;
}
.category-navigation-list > li > .sublist-wrap > .sublist > li {
padding: 10px 15px;
}
.store-search-box.full-width input.search-box-text {
width: 1138px;
}
.two-columns-area .center {
width: 1200px;
}
.footer .center {
width: 1200px;
}
.center-1 .product-grid .item-box {
width: 18.4%;
}
.center-1 .product-grid .item-box:nth-child(4n+1) {
clear: none;
margin-left: 2%;
}
.center-1 .product-grid .item-box:nth-child(5n+1) {
clear: both;
margin-left: 0;
}
.overview-bottom .delivery {
right: -40px;
bottom: -40px;
}
.compare-products-table .picture {
width: 200px;
}
.block-account-navigation .list a.active {
max-width: 500px;
}
.blog-page .tags {
float: right;
clear: right;
}
.blog-page .tags ul {
max-width: 500px;
}
.news-item-page .inputs:first-child label {
width: 180px;
}
.news-list-homepage .news-body {
height: 90px;
}
.forums-main-page.topic-block-body {
max-width: 780px;
}
.forum-search-box .search-box-text {
width: 350px !important;
}
}
.container {
padding-right: 0;
padding-left: 0;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 48em) {
.container {
width: 750px;
}
.col-sm-1 {
float: left;
width: 8.33333333%;
}
.col-sm-2 {
float: left;
width: 16.66666667%;
}
.col-sm-3 {
float: left;
width: 25%;
}
.col-sm-4 {
float: left;
width: 33.33333333%;
}
.col-sm-5 {
float: left;
width: 41.66666667%;
}
.col-sm-6 {
float: left;
width: 50%;
}
.col-sm-7 {
float: left;
width: 58.33333333%;
}
.col-sm-8 {
float: left;
width: 66.66666667%;
}
.col-sm-9 {
float: left;
width: 75%;
}
.col-sm-10 {
float: left;
width: 83.33333333%;
}
.col-sm-11 {
float: left;
width: 91.66666667%;
}
.col-sm-12 {
float: left;
width: 100%;
}
.col-sm-pull-12 {
right: 100%;
}
.col-sm-pull-11 {
right: 91.66666667%;
}
.col-sm-pull-10 {
right: 83.33333333%;
}
.col-sm-pull-9 {
right: 75%;
}
.col-sm-pull-8 {
right: 66.66666667%;
}
.col-sm-pull-7 {
right: 58.33333333%;
}
.col-sm-pull-6 {
right: 50%;
}
.col-sm-pull-5 {
right: 41.66666667%;
}
.col-sm-pull-4 {
right: 33.33333333%;
}
.col-sm-pull-3 {
right: 25%;
}
.col-sm-pull-2 {
right: 16.66666667%;
}
.col-sm-pull-1 {
right: 8.33333333%;
}
.col-sm-pull-0 {
right: auto;
}
.col-sm-push-12 {
left: 100%;
}
.col-sm-push-11 {
left: 91.66666667%;
}
.col-sm-push-10 {
left: 83.33333333%;
}
.col-sm-push-9 {
left: 75%;
}
.col-sm-push-8 {
left: 66.66666667%;
}
.col-sm-push-7 {
left: 58.33333333%;
}
.col-sm-push-6 {
left: 50%;
}
.col-sm-push-5 {
left: 41.66666667%;
}
.col-sm-push-4 {
left: 33.33333333%;
}
.col-sm-push-3 {
left: 25%;
}
.col-sm-push-2 {
left: 16.66666667%;
}
.col-sm-push-1 {
left: 8.33333333%;
}
.col-sm-push-0 {
left: auto;
}
.col-sm-offset-12 {
margin-left: 100%;
}
.col-sm-offset-11 {
margin-left: 91.66666667%;
}
.col-sm-offset-10 {
margin-left: 83.33333333%;
}
.col-sm-offset-9 {
margin-left: 75%;
}
.col-sm-offset-8 {
margin-left: 66.66666667%;
}
.col-sm-offset-7 {
margin-left: 58.33333333%;
}
.col-sm-offset-6 {
margin-left: 50%;
}
.col-sm-offset-5 {
margin-left: 41.66666667%;
}
.col-sm-offset-4 {
margin-left: 33.33333333%;
}
.col-sm-offset-3 {
margin-left: 25%;
}
.col-sm-offset-2 {
margin-left: 16.66666667%;
}
.col-sm-offset-1 {
margin-left: 8.33333333%;
}
.col-sm-offset-0 {
margin-left: 0;
}
.text-md-left {
text-align: left !important;
}
.text-md-right {
text-align: right !important;
}
.text-md-center {
text-align: center !important;
}
}
@media (min-width: 62em) {
.container {
width: 970px;
}
.col-md-1 {
float: left;
width: 8.33333333%;
}
.col-md-2 {
float: left;
width: 16.66666667%;
}
.col-md-3 {
float: left;
width: 25%;
}
.col-md-4 {
float: left;
width: 33.33333333%;
}
.col-md-5 {
float: left;
width: 41.66666667%;
}
.col-md-6 {
float: left;
width: 50%;
}
.col-md-7 {
float: left;
width: 58.33333333%;
}
.col-md-8 {
float: left;
width: 66.66666667%;
}
.col-md-9 {
float: left;
width: 75%;
}
.col-md-10 {
float: left;
width: 83.33333333%;
}
.col-md-11 {
float: left;
width: 91.66666667%;
}
.col-md-12 {
float: left;
width: 100%;
}
.col-md-pull-12 {
right: 100%;
}
.col-md-pull-11 {
right: 91.66666667%;
}
.col-md-pull-10 {
right: 83.33333333%;
}
.col-md-pull-9 {
right: 75%;
}
.col-md-pull-8 {
right: 66.66666667%;
}
.col-md-pull-7 {
right: 58.33333333%;
}
.col-md-pull-6 {
right: 50%;
}
.col-md-pull-5 {
right: 41.66666667%;
}
.col-md-pull-4 {
right: 33.33333333%;
}
.col-md-pull-3 {
right: 25%;
}
.col-md-pull-2 {
right: 16.66666667%;
}
.col-md-pull-1 {
right: 8.33333333%;
}
.col-md-pull-0 {
right: auto;
}
.col-md-push-12 {
left: 100%;
}
.col-md-push-11 {
left: 91.66666667%;
}
.col-md-push-10 {
left: 83.33333333%;
}
.col-md-push-9 {
left: 75%;
}
.col-md-push-8 {
left: 66.66666667%;
}
.col-md-push-7 {
left: 58.33333333%;
}
.col-md-push-6 {
left: 50%;
}
.col-md-push-5 {
left: 41.66666667%;
}
.col-md-push-4 {
left: 33.33333333%;
}
.col-md-push-3 {
left: 25%;
}
.col-md-push-2 {
left: 16.66666667%;
}
.col-md-push-1 {
left: 8.33333333%;
}
.col-md-push-0 {
left: auto;
}
.col-md-offset-12 {
margin-left: 100%;
}
.col-md-offset-11 {
margin-left: 91.66666667%;
}
.col-md-offset-10 {
margin-left: 83.33333333%;
}
.col-md-offset-9 {
margin-left: 75%;
}
.col-md-offset-8 {
margin-left: 66.66666667%;
}
.col-md-offset-7 {
margin-left: 58.33333333%;
}
.col-md-offset-6 {
margin-left: 50%;
}
.col-md-offset-5 {
margin-left: 41.66666667%;
}
.col-md-offset-4 {
margin-left: 33.33333333%;
}
.col-md-offset-3 {
margin-left: 25%;
}
.col-md-offset-2 {
margin-left: 16.66666667%;
}
.col-md-offset-1 {
margin-left: 8.33333333%;
}
.col-md-offset-0 {
margin-left: 0;
}
.text-lg-left {
text-align: left !important;
}
.text-lg-right {
text-align: right !important;
}
.text-lg-center {
text-align: center !important;
}
}
@media (min-width: 75em) {
.container {
width: 1170px;
}
.col-lg-1 {
float: left;
width: 8.33333333%;
}
.col-lg-2 {
float: left;
width: 16.66666667%;
}
.col-lg-3 {
float: left;
width: 25%;
}
.col-lg-4 {
float: left;
width: 33.33333333%;
}
.col-lg-5 {
float: left;
width: 41.66666667%;
}
.col-lg-6 {
float: left;
width: 50%;
}
.col-lg-7 {
float: left;
width: 58.33333333%;
}
.col-lg-8 {
float: left;
width: 66.66666667%;
}
.col-lg-9 {
float: left;
width: 75%;
}
.col-lg-10 {
float: left;
width: 83.33333333%;
}
.col-lg-11 {
float: left;
width: 91.66666667%;
}
.col-lg-12 {
float: left;
width: 100%;
}
.col-lg-pull-12 {
right: 100%;
}
.col-lg-pull-11 {
right: 91.66666667%;
}
.col-lg-pull-10 {
right: 83.33333333%;
}
.col-lg-pull-9 {
right: 75%;
}
.col-lg-pull-8 {
right: 66.66666667%;
}
.col-lg-pull-7 {
right: 58.33333333%;
}
.col-lg-pull-6 {
right: 50%;
}
.col-lg-pull-5 {
right: 41.66666667%;
}
.col-lg-pull-4 {
right: 33.33333333%;
}
.col-lg-pull-3 {
right: 25%;
}
.col-lg-pull-2 {
right: 16.66666667%;
}
.col-lg-pull-1 {
right: 8.33333333%;
}
.col-lg-pull-0 {
right: auto;
}
.col-lg-push-12 {
left: 100%;
}
.col-lg-push-11 {
left: 91.66666667%;
}
.col-lg-push-10 {
left: 83.33333333%;
}
.col-lg-push-9 {
left: 75%;
}
.col-lg-push-8 {
left: 66.66666667%;
}
.col-lg-push-7 {
left: 58.33333333%;
}
.col-lg-push-6 {
left: 50%;
}
.col-lg-push-5 {
left: 41.66666667%;
}
.col-lg-push-4 {
left: 33.33333333%;
}
.col-lg-push-3 {
left: 25%;
}
.col-lg-push-2 {
left: 16.66666667%;
}
.col-lg-push-1 {
left: 8.33333333%;
}
.col-lg-push-0 {
left: auto;
}
.col-lg-offset-12 {
margin-left: 100%;
}
.col-lg-offset-11 {
margin-left: 91.66666667%;
}
.col-lg-offset-10 {
margin-left: 83.33333333%;
}
.col-lg-offset-9 {
margin-left: 75%;
}
.col-lg-offset-8 {
margin-left: 66.66666667%;
}
.col-lg-offset-7 {
margin-left: 58.33333333%;
}
.col-lg-offset-6 {
margin-left: 50%;
}
.col-lg-offset-5 {
margin-left: 41.66666667%;
}
.col-lg-offset-4 {
margin-left: 33.33333333%;
}
.col-lg-offset-3 {
margin-left: 25%;
}
.col-lg-offset-2 {
margin-left: 16.66666667%;
}
.col-lg-offset-1 {
margin-left: 8.33333333%;
}
.col-lg-offset-0 {
margin-left: 0;
}
.text-xl-left {
text-align: left !important;
}
.text-xl-right {
text-align: right !important;
}
.text-xl-center {
text-align: center !important;
}
.hidden-lg {
display: none !important;
}
.visible-xs {
display: none !important;
}
}
#tracelink-info a.view-th {
font-weight: 100;
font-size: 20px;
text-decoration: none;
background-color: #0588d3;
color: #ffffff;
padding: 10px 30px;
display: block;
margin: 0 auto;
max-width: 600px;
text-align: center;
border-radius: 4px;
}
#tracelink-info a.view-th:hover {
background-color: rgb(3.8194444444, 103.8888888889, 161.1805555556);
}
#tracelink-info section.question {
background-color: #777;
color: #ffffff;
}
#tracelink-info section.question:after {
color: #ffffff;
}
#tracelink-info strong > strong {
width: 22px;
height: 22px;
display: inline-block;
background-color: #0588d3;
color: #ffffff;
border-radius: 50%;
text-align: center;
margin-right: 6px;
}
.tracking-information .shipTypeSingle {
text-transform: uppercase;
font-weight: normal;
}
.tracking-information .shipTypeSingle > span {
white-space: nowrap;
text-transform: none;
font-weight: 100;
}
.tracking-information tr.default-row {
border-bottom: 3px solid #ffffff;
background-color: #f9f9f9;
}
.tracking-information tr.delivered-row {
background-color: #4fbb41;
color: #ffffff;
font-weight: normal;
}
.tracking-information tr.delivered-row td.delivered:before {
color: #ffffff !important;
}
.tracking-information th, .tracking-information td {
text-align: left;
}
.tracking-information h2, .tracking-information h5 {
color: #888;
font-weight: 100;
padding: 10px 0 10px;
font-size: 22px;
}
.tracking-information h2 .fa, .tracking-information h5 .fa {
font-size: 24px;
margin: 0 6px;
}
.tracking-information h2 .show-details, .tracking-information h5 .show-details {
display: none;
cursor: pointer;
text-decoration: underline;
font-weight: 100;
font-size: 16px;
margin: 0 10px;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tracking-information h2 .status, .tracking-information h5 .status {
margin: 0 10px;
white-space: nowrap;
float: right;
font-weight: 100;
}
.tracking-information h2 .status.status-delivered, .tracking-information h5 .status.status-delivered {
color: #4fbb41;
}
.tracking-information h2 .status > span, .tracking-information h5 .status > span {
letter-spacing: -0.04em;
font-weight: bold;
}
@media (max-width: 991px) {
.tracking-information h2 .status, .tracking-information h5 .status {
float: none;
display: block;
}
}
.tracking-information .TrackingNumber {
text-align: center;
font-weight: normal;
font-size: 18px;
padding: 20px 0;
border-bottom: 1px solid #e9e9e9;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.tracking-information .TrackingNumber span {
font-weight: 100;
}
.tracking-information .tracking-details-area {
padding: 10px 20px 20px;
position: relative;
min-height: 200px;
border: 1px solid #e9e9e9;
background-color: #ffffff;
margin-top: 10px;
}
.tracking-information .tracking-details-area .ups-icon {
display: inline-block;
position: absolute;
top: 1.3em;
margin-left: -40px;
width: 40px;
height: 40px;
background-image: url(/Themes/Pavilion/Content/img/ups-logo-light.png);
background-repeat: no-repeat;
background-size: 40px 40px;
}
.tracking-information .tracking-details-area h2 {
font-size: 24px;
margin: 10px 0;
padding: 0;
}
.tracking-information .tracking-details-area .multiple-packages .event-row:last-child .TrackingNumber {
border-bottom: 0;
}
.tracking-information .tracking-details-area .multiple-packages .event-row .TrackingNumber {
position: relative;
cursor: pointer;
}
.tracking-information .tracking-details-area .multiple-packages .event-row .TrackingNumber:after {
font-family: FontAwesome;
content: "\f078";
font-size: 2em;
color: #bbb;
position: absolute;
right: 1em;
top: 0.1em;
}
@media (max-width: 767px) {
.tracking-information .tracking-details-area .multiple-packages .event-row .TrackingNumber:after {
right: 0.5em;
top: 1.25em;
font-size: 1.3em;
}
}
.tracking-information .tracking-details-area .multiple-packages .event-row .TrackingNumber:hover:after {
color: #666;
}
.tracking-information .tracking-details-area .multiple-packages .event-row .TrackingNumber.toggled {
border-bottom: 1px solid #e9e9e9;
}
.tracking-information .tracking-details-area .multiple-packages .event-row .TrackingNumber.toggled:after {
content: "\f077";
color: #777;
}
.tracking-information .tracking-details-area .multiple-packages .event-row .events {
display: none;
}
.tracking-information .tracking-details-area .nopAjaxCartPanelAjaxBusy {
display: block !important;
position: absolute !important;
}
.tracking-information .tracking-details-area > table {
padding: 4px 20px;
}
.tracking-information .tracking-details-area table td:before {
margin-right: 4px;
}
.tracking-information .tracking-details-area table td.desc:before {
font-family: FontAwesome;
font-size: 16px;
color: #777;
content: "\f192";
}
.tracking-information .tracking-details-area table td.arrived:before {
font-family: FontAwesome;
font-size: 16px;
color: #777;
content: "\f063";
}
.tracking-information .tracking-details-area table td.notavailable:before {
font-family: FontAwesome;
font-size: 16px;
color: #777;
content: "\f071";
}
.tracking-information .tracking-details-area table td.departed:before {
font-family: FontAwesome;
font-size: 16px;
color: #777;
content: "\f062";
}
.tracking-information .tracking-details-area table td.delivered:before {
font-family: FontAwesome;
font-size: 20px;
color: #4fbb41;
content: "\f00c";
}
.tracking-information .tracking-details-area table td.origin:before {
font-family: FontAwesome;
font-size: 16px;
color: #777;
content: "\f140";
}
.tracking-information .tracking-details-area table td.loaded:before {
font-family: FontAwesome;
font-size: 16px;
color: #777;
content: "\f290";
}
.tracking-information .tracking-details-area table td.out-for-delivery:before {
font-family: FontAwesome;
font-size: 16px;
color: #777;
content: "\f0d1";
}
.tracking-information .tracking-details-area table td.processed:before {
font-family: FontAwesome;
font-size: 16px;
color: #777;
content: "\f02a";
}
.tracking-information .tracking-details-area table th {
border-bottom: 1px solid #eee;
padding: 20px;
font-size: 13px;
font-weight: normal;
}
.tracking-information .tracking-details-area table td:not(.row) {
padding: 4px 20px;
}
.order-details-page .attributes, .checkout-page .attributes {
font-size: 13px;
}
.order-details-page .data-table td, .checkout-page .data-table td {
padding: 12px 20px;
}
.order-details-page .data-table td.event:before, .checkout-page .data-table td.event:before {
margin-right: 4px;
}
.order-details-page .data-table td.event.arrived:before, .checkout-page .data-table td.event.arrived:before {
font-family: FontAwesome;
font-size: 16px;
color: #0588d3;
content: "\f063";
}
.order-details-page .data-table td.event.departed:before, .checkout-page .data-table td.event.departed:before {
font-family: FontAwesome;
font-size: 16px;
color: #0588d3;
content: "\f062";
}
.order-details-page .data-table td.event.delivered:before, .checkout-page .data-table td.event.delivered:before {
font-family: FontAwesome;
font-size: 20px;
color: #4fbb41;
content: "\f00c";
}
.order-details-page .data-table td.event.origin:before, .checkout-page .data-table td.event.origin:before {
font-family: FontAwesome;
font-size: 16px;
color: #333333;
content: "\f140";
}
.order-details-page .data-table td.event.booked:before, .checkout-page .data-table td.event.booked:before {
font-family: FontAwesome;
font-size: 16px;
color: #333333;
content: "\f090";
}
.order-details-page .data-table .name a, .checkout-page .data-table .name a {
font-weight: bold;
}
.order-details-page .data-table col:first-child, .checkout-page .data-table col:first-child {
display: none !important;
}
.order-details-page .data-table th:not(.event):first-child, .checkout-page .data-table th:not(.event):first-child {
display: none !important;
}
.order-details-page .data-table td:not(.event):first-child, .checkout-page .data-table td:not(.event):first-child {
display: none !important;
}
.order-details-page .data-table tr.delivered, .checkout-page .data-table tr.delivered {
font-weight: bold;
}
.order-details-page .sku, .checkout-page .sku {
font-size: 13px;
}
.order-details-page span.Backordered, .order-details-page span.Allocated, .order-details-page span.ShippingMethod, .checkout-page span.Backordered, .checkout-page span.Allocated, .checkout-page span.ShippingMethod {
display: block;
width: 100%;
margin: 3px 0;
font-weight: bold;
color: #999999;
}
.order-details-page span.Backordered, .order-details-page span.Allocated, .checkout-page span.Backordered, .checkout-page span.Allocated {
margin: 3px 0 0 0;
}
.order-details-page span.Backordered span, .order-details-page span.Allocated span, .checkout-page span.Backordered span, .checkout-page span.Allocated span {
line-height: 14px;
display: block;
width: 100%;
font-weight: 100;
margin: 0 0 4px 0;
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.row {
margin-right: -15px;
margin-left: -15px;
}
.row:before {
display: table;
content: " ";
}
.row:after {
display: table;
content: " ";
clear: both;
}
.row.product-list-sku-mfg {
display: none;
}
h4 {
color: #26547c;
font-size: 1.05rem;
line-height: 1.3;
}
h4.prodlist-mfg {
min-height: 18px;
font-weight: 100;
color: #777;
font-size: 14px;
}
@media all and (min-width: 480px) {
h4 {
font-size: 1.05rem;
line-height: 1.3;
}
}
@media all and (min-width: 768px) {
h4 {
font-size: 1.05rem;
line-height: 1.3;
}
}
@media all and (min-width: 1000px) {
h4 {
font-size: 1.05rem;
line-height: 1.3;
}
}
@media all and (min-width: 1200px) {
h4 {
font-size: 1.05rem;
line-height: 1.3;
}
}
.col-xs-1 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 8.33333333%;
}
.col-sm-1 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-md-1 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-lg-1 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-2 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 16.66666667%;
}
.col-sm-2 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-md-2 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-lg-2 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-3 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 25%;
}
.col-sm-3 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-md-3 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-lg-3 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 33.33333333%;
}
.col-sm-4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-md-4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-lg-4 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-5 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 41.66666667%;
}
.col-sm-5 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-md-5 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-lg-5 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-sm-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-md-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-lg-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-7 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 58.33333333%;
}
.col-sm-7 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-md-7 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-lg-7 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-8 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 66.66666667%;
}
.col-sm-8 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-md-8 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-lg-8 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 75%;
}
.col-sm-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-md-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-lg-9 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-10 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 83.33333333%;
}
.col-sm-10 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-md-10 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-lg-10 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-11 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 91.66666667%;
}
.col-sm-11 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-md-11 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-lg-11 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 100%;
}
.col-sm-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-md-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-lg-12 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-xs-pull-12 {
right: 100%;
}
.col-xs-pull-11 {
right: 91.66666667%;
}
.col-xs-pull-10 {
right: 83.33333333%;
}
.col-xs-pull-9 {
right: 75%;
}
.col-xs-pull-8 {
right: 66.66666667%;
}
.col-xs-pull-7 {
right: 58.33333333%;
}
.col-xs-pull-6 {
right: 50%;
}
.col-xs-pull-5 {
right: 41.66666667%;
}
.col-xs-pull-4 {
right: 33.33333333%;
}
.col-xs-pull-3 {
right: 25%;
}
.col-xs-pull-2 {
right: 16.66666667%;
}
.col-xs-pull-1 {
right: 8.33333333%;
}
.col-xs-pull-0 {
right: auto;
}
.col-xs-push-12 {
left: 100%;
}
.col-xs-push-11 {
left: 91.66666667%;
}
.col-xs-push-10 {
left: 83.33333333%;
}
.col-xs-push-9 {
left: 75%;
}
.col-xs-push-8 {
left: 66.66666667%;
}
.col-xs-push-7 {
left: 58.33333333%;
}
.col-xs-push-6 {
left: 50%;
}
.col-xs-push-5 {
left: 41.66666667%;
}
.col-xs-push-4 {
left: 33.33333333%;
}
.col-xs-push-3 {
left: 25%;
}
.col-xs-push-2 {
left: 16.66666667%;
}
.col-xs-push-1 {
left: 8.33333333%;
}
.col-xs-push-0 {
left: auto;
}
.col-xs-offset-12 {
margin-left: 100%;
}
.col-xs-offset-11 {
margin-left: 91.66666667%;
}
.col-xs-offset-10 {
margin-left: 83.33333333%;
}
.col-xs-offset-9 {
margin-left: 75%;
}
.col-xs-offset-8 {
margin-left: 66.66666667%;
}
.col-xs-offset-7 {
margin-left: 58.33333333%;
}
.col-xs-offset-6 {
margin-left: 50%;
}
.col-xs-offset-5 {
margin-left: 41.66666667%;
}
.col-xs-offset-4 {
margin-left: 33.33333333%;
}
.col-xs-offset-3 {
margin-left: 25%;
}
.col-xs-offset-2 {
margin-left: 16.66666667%;
}
.col-xs-offset-1 {
margin-left: 8.33333333%;
}
.col-xs-offset-0 {
margin-left: 0;
}
.text-xs-left {
text-align: left !important;
}
.text-xs-right {
text-align: right !important;
}
.text-xs-center {
text-align: center !important;
}
.overlayOffCanvas {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
@font-face {
font-family: Open Sans;
font-style: normal;
font-weight: 300;
src: local("Open Sans Light"), local("OpenSans-Light"), url(/Themes/Pavilion/Content/fonts/open-sans-v13-latin-300.woff2?#iefix) format("woff2"), url(/Themes/Pavilion/Content/fonts/open-sans-v13-latin-300.woff?#iefix) format("woff");
}
@font-face {
font-family: Open Sans;
font-style: normal;
font-weight: 400;
src: local("Open Sans"), local("OpenSans"), url(/Themes/Pavilion/Content/fonts/open-sans-v13-latin-regular.woff2?#iefix) format("woff2"), url(/Themes/Pavilion/Content/fonts/open-sans-v13-latin-regular.woff?#iefix) format("woff");
}
@font-face {
font-family: Open Sans;
font-style: normal;
font-weight: 700;
src: local("Open Sans Bold"), local("OpenSans-Bold"), url(/Themes/Pavilion/Content/fonts/open-sans-v13-latin-700.woff2?#iefix) format("woff2"), url(/Themes/Pavilion/Content/fonts/open-sans-v13-latin-700.woff?#iefix) format("woff");
}
@font-face {
font-family: Open Sans;
font-style: normal;
font-weight: 800;
src: local("Open Sans Extrabold"), local("OpenSans-Extrabold"), url(/Themes/Pavilion/Content/fonts/open-sans-v13-latin-800.woff2?#iefix) format("woff2"), url(/Themes/Pavilion/Content/fonts/open-sans-v13-latin-800.woff?#iefix) format("woff");
}
@font-face {
font-family: "LibreBarcode39ExtendedText-Regular";
src: url(/Themes/Pavilion/Content/fonts/LibreBarcode39ExtendedText-Regular.ttf) format("truetype");
}
h1 {
color: #26547c;
font-size: 1.7rem;
line-height: 1.3;
}
@media all and (min-width: 480px) {
h1 {
font-size: 1.7rem;
line-height: 1.3;
}
}
@media all and (min-width: 768px) {
h1 {
font-size: 1.7rem;
line-height: 1.3;
}
}
@media all and (min-width: 1000px) {
h1 {
font-size: 1.7rem;
line-height: 1.3;
}
}
@media all and (min-width: 1200px) {
h1 {
font-size: 1.7rem;
line-height: 1.3;
}
}
h1.searched-for {
text-transform: capitalize !important;
}
h2 {
color: #26547c;
font-size: 1.3rem;
line-height: 1.4;
}
@media all and (min-width: 480px) {
h2 {
font-size: 1.3rem;
line-height: 1.4;
}
}
@media all and (min-width: 768px) {
h2 {
font-size: 1.3rem;
line-height: 1.4;
}
}
@media all and (min-width: 1000px) {
h2 {
font-size: 1.3rem;
line-height: 1.4;
}
}
@media all and (min-width: 1200px) {
h2 {
font-size: 1.3rem;
line-height: 1.4;
}
}
h2.category-title {
font-weight: 800;
letter-spacing: -0.05em;
}
h3 {
color: #26547c;
font-size: 1.1rem;
line-height: 1.3;
}
@media all and (min-width: 480px) {
h3 {
font-size: 1.1rem;
line-height: 1.3;
}
}
@media all and (min-width: 768px) {
h3 {
font-size: 1.1rem;
line-height: 1.3;
}
}
@media all and (min-width: 1000px) {
h3 {
font-size: 1.1rem;
line-height: 1.3;
}
}
@media all and (min-width: 1200px) {
h3 {
font-size: 1.1rem;
line-height: 1.3;
}
}
h3.selected-filters-title {
display: none;
margin: 0 0 10px 0;
font-weight: normal;
color: #5a6b79;
}
h5 {
color: #26547c;
}
.text-center {
text-align: center;
}
.img-responsive {
display: inline-block;
max-width: 100%;
height: auto;
}
p a {
color: #0588d3;
}
p a:hover {
color: #364653;
}
p.results-text {
color: #777;
font-size: 12px;
}
p.pass-block.shaded {
background-color: #f9f9f9;
border-left: 3px solid #ccc;
padding: 10px;
}
.print-order-button, .pdf-invoice-button {
display: none !important;
}
#checkout-payment-info-load p {
text-align: left;
}
@media (max-width: 767px) {
#checkout-payment-info-load p.remove-cc {
text-align: center;
}
}
.owl-controls .owl-prev, .owl-controls .owl-next {
background-image: none;
padding: 0;
}
.owl-controls .owl-prev:hover, .owl-controls .owl-next:hover {
background-color: #0588d3;
color: #ffffff;
}
.owl-controls .owl-prev:before, .owl-controls .owl-next:before {
position: absolute;
line-height: 38px;
left: 14px;
font-family: FontAwesome;
font-size: 12px;
}
.owl-controls .owl-prev:before {
content: "\f053";
}
.owl-controls .owl-next:before {
content: "\f054";
}
.wishlist-page .attributes {
display: none;
}
.wishlist-page .edit-item {
display: none;
}
.shopping-cart-page .remove-from-cart > input[type=checkbox], .checkout-page .remove-from-cart > input[type=checkbox], .wishlist-page .remove-from-cart > input[type=checkbox] {
display: none;
}
.shopping-cart-page .cross-sells .item-box .details a, .checkout-page .cross-sells .item-box .details a, .wishlist-page .cross-sells .item-box .details a {
text-decoration: none !important;
}
.shopping-cart-page .col-md-4, .checkout-page .col-md-4, .wishlist-page .col-md-4 {
text-align: center;
}
.shopping-cart-page p:not(.back-link):not(.selector), .checkout-page p:not(.back-link):not(.selector), .wishlist-page p:not(.back-link):not(.selector) {
font-weight: 100;
text-align: center;
margin: 12px 0;
}
.shopping-cart-page .btn-email:before, .checkout-page .btn-email:before, .wishlist-page .btn-email:before {
font-family: FontAwesome;
content: "\f0e0";
font-size: 15px;
margin-right: 10px;
}
.shopping-cart-page .btn-contact:before, .checkout-page .btn-contact:before, .wishlist-page .btn-contact:before {
font-family: FontAwesome;
content: "\f27a";
font-size: 15px;
margin-right: 10px;
}
.shopping-cart-page .edit-item:not(:last-child), .checkout-page .edit-item:not(:last-child), .wishlist-page .edit-item:not(:last-child) {
display: none;
}
.shopping-cart-page .mismatch, .checkout-page .mismatch, .wishlist-page .mismatch {
margin: 4px 0;
width: 100%;
max-width: 400px;
padding: 4px 12px;
background-color: rgb(222.4336448598, 107.5943925234, 104.1663551402);
border-radius: 3px;
color: #ffffff;
font-weight: normal;
position: relative;
}
.shopping-cart-page .mismatch .edit-btn, .checkout-page .mismatch .edit-btn, .wishlist-page .mismatch .edit-btn {
padding: 2px 8px;
border-radius: 4px;
font-weight: bold;
}
.shopping-cart-page a:not(.btn):not(.clear-all):not(.jcarousel-product-name):not(.product-name), .checkout-page a:not(.btn):not(.clear-all):not(.jcarousel-product-name):not(.product-name), .wishlist-page a:not(.btn):not(.clear-all):not(.jcarousel-product-name):not(.product-name) {
text-decoration: underline;
}
.shopping-cart-page .btn-phone:before, .checkout-page .btn-phone:before, .wishlist-page .btn-phone:before {
font-family: FontAwesome;
content: "\f095";
font-size: 15px;
margin-right: 10px;
}
.shopping-cart-page .btn-phone:hover, .checkout-page .btn-phone:hover, .wishlist-page .btn-phone:hover {
background-color: #0588d3;
}
.shopping-cart-page .btn-mcguff, .checkout-page .btn-mcguff, .wishlist-page .btn-mcguff {
padding: 8px 20px;
margin: 10px 0;
}
.shopping-cart-page .white-box, .checkout-page .white-box, .wishlist-page .white-box {
padding: 20px;
border: 1px solid #e9e9e9;
margin: 10px 0;
background-color: #ffffff;
}
.shopping-cart-page .empty-cart, .checkout-page .empty-cart, .wishlist-page .empty-cart {
font-size: 26px;
font-weight: 200;
text-align: center;
}
.shopping-cart-page .button-1, .checkout-page .button-1, .wishlist-page .button-1 {
background-color: #0588d3;
}
.shopping-cart-page .button-1:hover, .checkout-page .button-1:hover, .wishlist-page .button-1:hover {
outline-color: #0588d3;
}
.shopping-cart-page .vcenter, .checkout-page .vcenter, .wishlist-page .vcenter {
display: table;
width: 100%;
}
.shopping-cart-page .vcenter > div, .checkout-page .vcenter > div, .wishlist-page .vcenter > div {
display: table-cell;
vertical-align: middle;
}
.shopping-cart-page .cart-header-row, .checkout-page .cart-header-row, .wishlist-page .cart-header-row {
border-bottom: 1px solid #f0f0f0;
padding: 20px 0;
font-size: 13px;
}
.shopping-cart-page .cart-header-row .item-count, .checkout-page .cart-header-row .item-count, .wishlist-page .cart-header-row .item-count {
display: none;
}
.shopping-cart-page .cart-header-row .remove-from-cart, .checkout-page .cart-header-row .remove-from-cart, .wishlist-page .cart-header-row .remove-from-cart {
text-align: center;
width: 7%;
}
.shopping-cart-page .cart-header-row .product-picture, .checkout-page .cart-header-row .product-picture, .wishlist-page .cart-header-row .product-picture {
text-align: center;
width: 15%;
}
.shopping-cart-page .cart-header-row .product-picture img, .checkout-page .cart-header-row .product-picture img, .wishlist-page .cart-header-row .product-picture img {
max-width: 100px;
vertical-align: middle;
}
.shopping-cart-page .cart-header-row .product, .checkout-page .cart-header-row .product, .wishlist-page .cart-header-row .product {
text-align: left;
width: 47%;
}
.shopping-cart-page .cart-header-row .unit-price, .checkout-page .cart-header-row .unit-price, .wishlist-page .cart-header-row .unit-price {
text-align: center;
width: 9%;
}
.shopping-cart-page .cart-header-row .quantity, .checkout-page .cart-header-row .quantity, .wishlist-page .cart-header-row .quantity {
text-align: center;
width: 10%;
}
.shopping-cart-page .cart-header-row .subtotal, .checkout-page .cart-header-row .subtotal, .wishlist-page .cart-header-row .subtotal {
text-align: center;
/*text-transform: uppercase;*/
width: 10%;
}
.shopping-cart-page .cart-item-row, .checkout-page .cart-item-row, .wishlist-page .cart-item-row {
padding: 18px 0;
border-bottom: 1px solid #f0f0f0;
}
.shopping-cart-page .cart-item-row .recurring-info, .checkout-page .cart-item-row .recurring-info, .wishlist-page .cart-item-row .recurring-info {
margin-bottom: 10px;
}
.shopping-cart-page .cart-item-row button.mini-update-button, .checkout-page .cart-item-row button.mini-update-button, .wishlist-page .cart-item-row button.mini-update-button {
position: absolute;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
bottom: 7px;
width: 60px;
border: 0;
padding: 4px 10px;
font-size: 12px;
background-color: #0588d3;
color: #ffffff;
}
.shopping-cart-page .cart-item-row:last-child, .checkout-page .cart-item-row:last-child, .wishlist-page .cart-item-row:last-child {
border-bottom: 0 solid #f0f0f0;
}
.shopping-cart-page .cart-item-row .item-count, .checkout-page .cart-item-row .item-count, .wishlist-page .cart-item-row .item-count {
display: none;
}
.shopping-cart-page .cart-item-row .remove-from-cart-item-action, .checkout-page .cart-item-row .remove-from-cart-item-action, .wishlist-page .cart-item-row .remove-from-cart-item-action {
font-size: 22px;
cursor: pointer;
height: 40px;
width: 40px;
line-height: 38px;
display: inline-block;
font-weight: 100;
padding: 0;
color: #dddddd;
}
.shopping-cart-page .cart-item-row .remove-from-cart-item-action:hover, .checkout-page .cart-item-row .remove-from-cart-item-action:hover, .wishlist-page .cart-item-row .remove-from-cart-item-action:hover {
color: #0588d3;
}
.shopping-cart-page .cart-item-row .remove-from-cart, .checkout-page .cart-item-row .remove-from-cart, .wishlist-page .cart-item-row .remove-from-cart {
z-index: 10;
text-align: center;
width: 7%;
}
.shopping-cart-page .cart-item-row .product-picture, .checkout-page .cart-item-row .product-picture, .wishlist-page .cart-item-row .product-picture {
text-align: center;
width: 15%;
}
.shopping-cart-page .cart-item-row .product, .checkout-page .cart-item-row .product, .wishlist-page .cart-item-row .product {
text-align: left;
font-weight: bold;
width: 47%;
}
.shopping-cart-page .cart-item-row .product .sku, .checkout-page .cart-item-row .product .sku, .wishlist-page .cart-item-row .product .sku {
font-weight: normal;
}
.shopping-cart-page .cart-item-row .unit-price, .checkout-page .cart-item-row .unit-price, .wishlist-page .cart-item-row .unit-price {
text-align: center;
width: 9%;
}
.shopping-cart-page .cart-item-row .quantity, .checkout-page .cart-item-row .quantity, .wishlist-page .cart-item-row .quantity {
position: relative;
text-align: center;
width: 10%;
}
.shopping-cart-page .cart-item-row .quantity input, .checkout-page .cart-item-row .quantity input, .wishlist-page .cart-item-row .quantity input {
width: 60px;
text-align: center;
}
.shopping-cart-page .cart-item-row .subtotal, .checkout-page .cart-item-row .subtotal, .wishlist-page .cart-item-row .subtotal {
color: #0588d3;
text-align: center;
font-weight: bold;
width: 10%;
}
.shopping-cart-page .cart-container, .checkout-page .cart-container, .wishlist-page .cart-container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.nopAjaxCartPanelAjaxBusy:before {
background-color: #0588d3;
display: none !important;
width: 0;
height: 0;
margin: 0;
}
.nopAjaxCartPanelAjaxBusy:after {
display: none !important;
width: 0;
height: 0;
margin: 0;
}
.miniProductDetailsPanelAjaxBusy:before {
background-color: #0588d3;
display: none !important;
width: 0;
height: 0;
margin: 0;
}
.miniProductDetailsPanelAjaxBusy:after {
display: none !important;
width: 0;
height: 0;
margin: 0;
}
.productAddedToCartWindowSummary .button-1 {
background-color: #0588d3;
}
.productAddedToCartWindowSummary .button-1:hover {
outline-color: #0588d3;
}
.productAddedToCartWindowSummary a:hover {
color: #0588d3;
}
.from-redirect {
display: none;
}
.credit-app-form .setupPDF h3 {
margin-top: 22px;
}
.credit-app-form .setupPDF .bill-ship-adj.adj-print {
margin-top: 0;
}
.credit-app-form .setupPDF .bill-ship-adj.adj-save {
margin-top: -80px;
}
.credit-app-form .setupPDF .print-break {
margin-top: 0;
}
.credit-app-form .multi-checkboxes .check-text {
display: table-cell;
margin-left: 10px;
}
.credit-app-form .multi-checkboxes .isChecked {
display: table-cell;
width: 20px;
font-size: 18px;
font-weight: bold;
font-family: Arial;
}
.credit-app-form .multi-checkboxes .check-wrap {
display: table;
width: 100%;
position: relative;
line-height: 14px;
margin: 8px 0;
cursor: pointer;
}
.selected-filters-title {
text-align: left;
}
.selected-options-list {
padding: 0 0 6px 0 !important;
text-align: left;
}
.selected-options-list > li {
margin: 4px 0 0;
}
.selected-options-list > li span:after {
background-color: #0588d3;
content: "";
position: absolute;
background-color: transparent;
background-image: none;
}
.selected-options-list > li span.option {
position: relative;
float: none;
font-size: 14px;
display: block;
font-weight: bold;
margin: 0 6px 0 0;
color: #ffffff;
cursor: pointer;
line-height: 16px !important;
padding: 3px 3px 3px 0;
}
.selected-options-list > li label {
display: block;
font-size: 11px;
color: #eeeeee;
font-weight: 100;
margin: 0 4px 4px 0;
cursor: pointer;
}
.selected-options-list.hasFilters {
border-bottom: 1px solid #dddddd !important;
padding-bottom: 20px;
margin-bottom: 20px;
}
.ui-slider-range {
background-color: #0588d3;
background-color: #26547c;
}
.ui-slider-handle {
background-color: #0588d3;
background-color: #26547c;
position: absolute;
display: block;
top: -34px;
left: 0;
margin-left: -18px;
width: auto;
cursor: default;
white-space: nowrap;
color: #ffffff;
font-size: 12px;
line-height: 2px;
text-shadow: none;
padding: 10px 5px;
background: #0588d3;
-moz-border-radius: 4px;
border-radius: 4px;
}
.ui-slider-handle:before {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
top: 20px;
margin-left: -2px;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #0588d3;
}
.ui-slider-handle:after {
position: absolute;
font-family: FontAwesome;
content: "\f04d";
font-size: 18px;
bottom: -6px;
left: 50%;
top: 34px;
margin-left: -6px;
color: #26547c;
}
.productPanelAjaxBusy:before {
background-color: #0588d3;
display: none !important;
width: 0;
height: 0;
margin: 0;
}
.productPanelAjaxBusy:after {
display: none !important;
width: 0;
height: 0;
margin: 0;
}
.spc-header .title {
font-weight: 800;
letter-spacing: -0.05em;
font-family: Open Sans, sans-serif;
font-weight: 700;
color: #0588d3;
}
.spc-header li span:after {
background-color: #0588d3;
}
.spc-body .loading-overlay:before {
background-color: #0588d3;
background-color: transparent;
-moz-animation: none;
-o-animation: none;
-webkit-animation: none;
animation: none;
}
.spc-body .loading-overlay:after {
background-color: transparent;
-moz-animation: none;
-o-animation: none;
-webkit-animation: none;
animation: none;
}
.spc-body div.details > div.add-info > div.buttons-lower > div > button > i.fa.fa-shopping-cart {
display: none;
}
.jCarouselMainWrapper .slick-prev {
background-image: none !important;
background-color: transparent !important;
}
.jCarouselMainWrapper .slick-prev:before {
color: #aaa;
font-family: FontAwesome;
padding: 9px 12px 9px 8px;
content: "\f053";
font-size: 16px;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.jCarouselMainWrapper .slick-prev:hover {
background-color: transparent !important;
}
.jCarouselMainWrapper .slick-prev:hover:before {
background-color: #0588d3;
color: #ffffff;
}
.jCarouselMainWrapper .slick-next {
background-image: none !important;
background-color: transparent !important;
}
.jCarouselMainWrapper .slick-next:before {
color: #aaa;
font-family: FontAwesome;
padding: 9px 10px;
content: "\f054";
font-size: 16px;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.jCarouselMainWrapper .slick-next:hover {
background-color: transparent !important;
}
.jCarouselMainWrapper .slick-next:hover:before {
background-color: #0588d3;
color: #ffffff;
}
.nop-jcarousel .jcarousel-next-horizontal {
right: 0;
background-image: none !important;
}
.nop-jcarousel .jcarousel-next-horizontal:before {
color: #aaa;
font-family: FontAwesome;
padding: 9px 10px;
content: "\f054";
font-size: 16px;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.nop-jcarousel .jcarousel-next-horizontal:hover:before {
background-color: #0588d3;
color: #ffffff;
}
.nop-jcarousel .jcarousel-prev-horizontal {
right: 40px;
background-image: none !important;
}
.nop-jcarousel .jcarousel-prev-horizontal:before {
color: #aaa;
font-family: FontAwesome;
padding: 9px 12px 9px 8px;
content: "\f053";
font-size: 16px;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.nop-jcarousel .jcarousel-prev-horizontal:hover:before {
background-color: #0588d3;
color: #ffffff;
}
.nop-jcarousel .carousel-title {
font-weight: 800;
letter-spacing: -0.05em;
font-weight: 800;
letter-spacing: -0.05em;
font-family: Open Sans, sans-serif;
font-weight: 700;
color: #0588d3;
}
.nop-jcarousel .jcarousel-prev-horizontal:hover, .nop-jcarousel .jcarousel-next-horizontal:hover, .nop-jcarousel .jcarousel-prev-vertical:hover, .nop-jcarousel .jcarousel-next-vertical:hover {
background-color: transparent;
}
.quick-view-button {
display: none;
}
.quick-view-button a {
display: block;
width: 30px;
height: 30px;
background: #f9f9f9;
background-image: none;
font-size: 0;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
padding: 2px 0 0;
}
.quick-view-button a:hover {
background-color: #0588d3;
background-color: #f9f9f9;
background-image: none;
}
.quick-view-button a:hover:before {
color: #0588d3;
}
.quick-view-button a:before {
color: #777;
font-family: FontAwesome;
content: "\f002";
font-size: 14px;
background-color: #f9f9f9;
background-image: none;
}
.quickView .ui-accordion-header-active {
border-bottom-color: #0588d3;
}
.quickView .ui-accordion-header-active span {
background-color: #0588d3;
}
.quickView .k-loading-image:before {
background-color: #0588d3;
}
.quickView .links-panel a:hover {
color: #0588d3;
}
.ropc .section .title:after {
background-color: #0588d3;
}
.ropc .section .title.active {
border-bottom-color: #0588d3;
}
.ropc .estimate-shipping button {
background-color: #0588d3;
}
.ropc .estimate-shipping button:hover {
outline-color: #0588d3;
}
.ropc .coupon-box-panel .coupon-code button {
background-color: #0588d3;
}
.ropc .giftcard-box-panel .coupon-code button {
background-color: #0588d3;
}
.ropc .complete-button button {
background-color: #0588d3;
}
.ropc .complete-button button:hover {
outline-color: #0588d3;
}
.ropc .cart .remove-product:hover {
color: #0588d3;
}
.rich-blog-homepage .read-comments {
color: #0588d3;
}
.rich-blog-homepage .owl-prev:hover {
background-color: #0588d3;
}
.rich-blog-homepage .owl-next:hover {
background-color: #0588d3;
}
.spc-categories .category-inner-title {
color: #0588d3;
}
.spc-categories .category-sublist li a:hover {
color: #0588d3;
}
.search-term-highlighter {
color: #0588d3;
}
.page-body form > .buttons .k-button:hover {
outline-color: #0588d3;
}
.page-body ul.selected-options-list li {
display: inline-block;
padding: 0 !important;
margin: 0;
}
.topbar-links {
position: relative;
float: left;
height: 42px;
margin: 0 0 0 20px;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.topbar-links a {
display: inline-block;
padding: 0 0 0 20px;
background-repeat: no-repeat;
line-height: 42px;
}
.topbar-links a:hover {
color: #26547c;
}
span.category-navigation-title {
font-weight: 500;
/*letter-spacing: -.05em;*/
}
span.filesize {
display: inline-block;
background-color: #bbb;
padding: 4px 12px;
text-decoration: none;
color: #ffffff;
margin: 2px 4px;
}
span.priceRangeMinPanel > span {
display: none;
}
span.priceRangeMaxPanel > span {
display: none;
}
.header-links {
background-color: #fff;
}
.header-links a {
background-image: none;
}
.header-links ul li a.ico-register:before {
/*font-family: $font_fontawesome;
content: "\f044";
font-size: 14px;
margin-right: 10px;*/
}
.header-links ul li a.ico-compare:before {
font-family: FontAwesome;
content: "\f0ec";
font-size: 16px;
letter-spacing: -0.05em;
margin-right: 14px;
}
.header-links ul li a.ico-wishlist:before {
font-family: FontAwesome;
content: "\f004";
font-size: 14px;
margin-right: 10px;
}
.header-links ul li a.ico-logout:before {
font-family: FontAwesome;
content: "\f08b";
font-size: 16px;
margin-right: 10px;
}
.header-links ul li a.ico-home:before {
font-family: FontAwesome;
content: "\f015";
font-size: 16px;
margin-right: 10px;
}
.header-links ul li a.ico-account:before {
font-family: FontAwesome;
content: "\f007";
font-size: 16px;
margin-right: 10px;
}
.header-links ul li a.ico-orderhistory:before {
font-family: FontAwesome;
content: "\f017";
font-size: 16px;
margin-right: 10px;
}
.header-links ul li a.ico-itemhistory:before {
font-family: FontAwesome;
content: "\f1b3";
font-size: 16px;
margin-right: 10px;
}
.header-links ul li a.ico-backorders:before {
font-family: FontAwesome;
content: "\f0e2";
font-size: 16px;
margin-right: 10px;
}
.header-links ul li a.ico-license:before {
font-family: FontAwesome;
content: "\f2c2";
font-size: 16px;
margin-right: 10px;
}
.header-links ul li a.ico-osmo:before {
font-family: FontAwesome;
content: "\f200";
font-size: 16px;
margin-right: 10px;
}
.header-upper {
/*&.sticky-padding-offset {
padding-bottom: 185px;
}*/
background: #285984;
}
.header-upper .topbar-links a {
color: #dddddd;
}
.header-upper .topbar-links a:hover {
color: #ffffff;
}
.header-upper .admin-header-links a {
color: #dddddd;
}
.header-upper .header-links-wrapper label {
color: #dddddd;
}
.header-upper .header-links-wrapper label span.currentEmail {
font-size: 14px;
letter-spacing: -0.02em;
}
.header-upper .header-links-wrapper label .fa {
color: #dddddd;
}
.header-logo-new {
position: relative;
width: 150px;
padding: 0 24px 0 0;
display: block;
}
.header-logo-new.ismobile {
top: 90px;
}
.company-logo {
background-image: url(/Themes/Pavilion/Content/img/mcguff-company-logo-wht.png);
background-repeat: no-repeat;
position: absolute;
width: 100%;
height: 100%;
display: block;
}
@media (min--moz-device-pixel-ratio: 1.1), (-o-min-device-pixel-ratio: 2.2/2), (-webkit-min-device-pixel-ratio: 1.1), (min-device-pixel-ratio: 1.1), (min-resolution: 1.1dppx) {
.company-logo {
/* on retina, use image that's scaled by 2 */
background-image: url(/Themes/Pavilion/Content/img/mcguff-company-logo-wht-2x.png);
background-size: 208px 79px;
}
}
/*.company-logo {
background-image: $url_mcguff_logo_wht;
background-repeat: no-repeat;
position: absolute;
width: 100%;
height: 100%;
display: block;
background-size: 208px 79px;
}*/
.header-logo-back-mobile {
background-color: #1b3f5e;
z-index: -1;
}
.header-logo-back-mobile.ismobile {
display: none;
height: 90px;
}
.responsive-nav-wrapper div.responsive-logo {
position: relative;
background-image: url(/Themes/Pavilion/Content/img/mcguff-company-logo-wht.png);
background-size: 94px 36px;
background-repeat: no-repeat;
background-position: 0 50%;
display: inline-block;
border-right: 1px solid #224461;
background-color: transparent;
vertical-align: middle;
width: 110px;
height: 50px;
font-size: 0;
border-left: 0 !important;
/* position: relative;
background-image: $url_mcguff_logo_wht;
background-repeat: no-repeat;
background-position: 0 50%;
background-size: 94px 36px;
display: inline-block;
border-right: 1px solid $color_mcguff_mobile_nav_borders;
background-color: transparent;
vertical-align: middle;
width: 110px;
height: 50px;
font-size: 0;
border-left: 0 !important; */
}
@media (min--moz-device-pixel-ratio: 1.1), (-o-min-device-pixel-ratio: 2.2/2), (-webkit-min-device-pixel-ratio: 1.1), (min-device-pixel-ratio: 1.1), (min-resolution: 1.1dppx) {
.responsive-nav-wrapper div.responsive-logo {
/* on retina, use image that's scaled by 2 */
background-image: url(/Themes/Pavilion/Content/img/mcguff-company-logo-wht-2x.png);
background-size: 94px 36px;
}
}
.responsive-nav-wrapper div.responsive-logo a {
position: absolute;
display: block;
width: 100%;
height: 100%;
}
.responsive-nav-wrapper div.preferences-button > span:before {
margin-right: 8px;
top: 16px;
position: absolute;
margin-left: -7px;
color: #0588d3 !important;
font-family: FontAwesome;
font-size: 0 !important;
text-align: center;
content: "";
}
.responsive-nav-wrapper .fa {
color: #ffffff;
}
.responsive-nav-wrapper .filters-button {
display: none !important;
}
.responsive-nav-wrapper .filters-button .fa.fa-sliders {
font-size: 1.2rem;
width: 52px;
height: 50px;
padding: 16px 0 0;
}
.responsive-nav-wrapper .preferences-button {
display: none !important;
}
.responsive-nav-wrapper .preferences-button .fa.fa-gear {
font-size: 1.3rem;
width: 52px;
height: 50px;
padding: 16px 0 0;
}
.responsive-nav-wrapper .search-wrap .fa.fa-search {
font-size: 1.2rem;
width: 52px;
height: 50px;
padding: 16px 0 0;
}
.responsive-nav-wrapper .search-wrap button .fa.fa-search {
padding: 14px 4px 0 0;
color: #ffffff;
}
.responsive-nav-wrapper .menu-title .fa.fa-bars {
font-size: 1.3rem;
width: 52px;
height: 50px;
padding: 16px 0 0;
}
.responsive-nav-wrapper .shopping-cart-link .fa.fa-shopping-cart {
font-size: 1.3rem;
width: 52px;
height: 50px;
padding: 16px 0 0;
}
.responsive-nav-wrapper .personal-button .fa.fa-user {
font-size: 1.3rem;
width: 52px;
height: 50px;
padding: 16px 0 0;
}
.responsive-nav-wrapper .question-link .fa.fa-question {
font-size: 1.3rem;
width: 52px;
height: 50px;
padding: 16px 0 0;
}
.category-navigation-title {
font-size: 14px;
/*&:after {
//content: "\f078";
content: "\f0c9";
position: absolute;
top: auto;
right: 19px;
width: auto;
height: auto;
background-image: none !important;*/
/*background-color: $white !important;*/
/*color: $white !important;
font-family: $font_fontawesome;
//font-size: 20px !important;
font-size: 23px !important;
text-align: center;
}*/
}
.header-links-wrapper label {
background-image: none;
}
.header-links-wrapper label:before {
font-family: FontAwesome;
font-size: 14px !important;
text-align: center;
content: "\f007";
margin-right: 8px;
}
.header-links-wrapper a label span {
text-transform: capitalize;
}
.ajax-cart-button-wrapper input + button {
padding: 0;
}
.ajax-cart-button-wrapper select + button {
padding: 0;
}
.loading-overlay {
display: none;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 123;
position: absolute;
}
.loader {
width: 60px;
display: inline-block;
position: absolute;
top: 40%;
margin-left: auto;
margin-right: auto;
left: 0;
right: 0;
height: 60px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: solid 7px transparent;
border-top-color: #29d;
border-left-color: #29d;
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
-moz-animation: nprogress-spinner 400ms linear infinite;
-o-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
.loader2 {
border-radius: 50%;
width: 2.5em;
height: 2.5em;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation: load7 1.8s infinite ease-in-out;
-moz-animation: load7 1.8s infinite ease-in-out;
-o-animation: load7 1.8s infinite ease-in-out;
animation: load7 1.8s infinite ease-in-out;
position: absolute;
color: #0588d3;
font-size: 10px;
top: 30%;
left: 45%;
text-indent: -9999em;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
-moz-transform: translateZ(0);
-o-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-delay: -0.16s;
-moz-animation-delay: -0.16s;
-o-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.loader2:before {
border-radius: 50%;
width: 2.5em;
height: 2.5em;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation: load7 1.8s infinite ease-in-out;
-moz-animation: load7 1.8s infinite ease-in-out;
-o-animation: load7 1.8s infinite ease-in-out;
animation: load7 1.8s infinite ease-in-out;
left: -3.5em;
-webkit-animation-delay: -0.32s;
-moz-animation-delay: -0.32s;
-o-animation-delay: -0.32s;
animation-delay: -0.32s;
content: "";
position: absolute;
top: 0;
}
.loader2:after {
border-radius: 50%;
width: 2.5em;
height: 2.5em;
-webkit-animation-fill-mode: both;
-moz-animation-fill-mode: both;
-o-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation: load7 1.8s infinite ease-in-out;
-moz-animation: load7 1.8s infinite ease-in-out;
-o-animation: load7 1.8s infinite ease-in-out;
animation: load7 1.8s infinite ease-in-out;
left: 3.5em;
content: "";
position: absolute;
top: 0;
}
@keyframes load7 {
0% {
box-shadow: 0 2.5em 0 -1.3em;
}
80% {
box-shadow: 0 2.5em 0 -1.3em;
}
100% {
box-shadow: 0 2.5em 0 -1.3em;
}
40% {
box-shadow: 0 2.5em 0 0;
}
}
li.filters-truncate {
padding: 12px 0 0 50px;
cursor: pointer;
color: #000000;
}
li.cc-discover {
background-position: -176px -7px;
width: 50px;
height: 30px;
}
li.cc-amex {
background-position: -121px -7px;
width: 50px;
height: 30px;
}
li.cc-mastercard {
background-position: -64px -7px;
width: 50px;
height: 30px;
}
li.cc-visa {
background-position: -7px -7px;
width: 50px;
height: 30px;
}
li.cc-chase {
background-position: -232px -7px;
width: 50px;
height: 30px;
}
.category-page-body .item-box .actual-price {
font-size: 18px;
color: #0588d3;
}
.category-page-body .row.product-list-sku-mfg {
display: block;
}
.filter-block:first-child {
border-width: 1px 0 0;
border-style: solid;
border-top-color: #f5f5f5;
}
.filter-block a.clearFilterOptions {
background-image: none;
display: none !important;
}
.filter-block a.clearFilterOptions:before {
position: absolute;
z-index: 1;
font-family: FontAwesome;
content: "\f00d";
font-size: 16px;
right: 7px;
top: 9px;
color: #666;
cursor: pointer;
padding: 3px;
background-color: #ffffff;
}
.filter-block a.clearPriceRangeFilter {
background-image: none;
}
.filter-block a.clearPriceRangeFilter:before {
position: absolute;
z-index: 1;
font-family: FontAwesome;
content: "\f00d";
font-size: 16px;
right: 7px;
top: 9px;
color: #666;
cursor: pointer;
padding: 3px;
background-color: #ffffff;
}
.filter-block .title {
text-align: left;
}
label[for=Newsletter] {
display: inline;
margin-right: 10px;
}
.currentDiscount {
display: none;
}
.customer-blocks .login-buttons {
position: relative;
}
.customer-blocks .login-buttons .please-wait {
display: none;
}
.customer-blocks .login-buttons .please-wait.login {
position: absolute;
top: 15px;
right: 30px;
}
.customer-blocks .login-buttons .please-wait.login .spinner {
border-top-color: #ffffff;
border-left-color: #ffffff;
}
.please-wait .spinner {
width: 18px;
display: inline-block;
height: 18px;
margin-right: 10px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: #29d;
border-left-color: #29d;
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
-moz-animation: nprogress-spinner 400ms linear infinite;
-o-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
@-moz-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-webkit-keyframes spin {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes spin {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.faq-list.ascor-faq .question:after {
right: 40px;
}
.faq-list.ascor-faq .question:hover {
background: #666;
}
.faq-list.ascor-faq .question:hover:after {
background: #666;
}
.faq-list h2 {
padding: 10px;
margin: 30px 0 0;
background: #1b3f5e;
color: #ffffff;
font-weight: 100;
}
.faq-list .question {
background: #f0f0f0;
margin: 8px 0 0;
width: 100%;
color: #777;
padding: 10px 20px;
align-items: center;
line-height: 20px;
}
.faq-list .question:after {
font-family: FontAwesome;
content: "\f078";
font-size: 14px;
vertical-align: middle;
padding-right: 12px;
margin-top: -2px;
right: 20px;
position: absolute;
color: #ccc;
}
.faq-list .question:hover {
cursor: pointer;
background: #0588d3;
color: #ffffff;
}
.faq-list .question:hover:after {
cursor: pointer;
color: #ffffff;
}
.faq-list .question.toggled {
background: #275073;
color: #ffffff;
}
.faq-list .question.toggled:after {
content: "\f077";
color: #ffffff;
}
.faq-list.jobs .question {
background: #f0f0f0;
margin: 8px 0 0;
width: 100%;
color: #555555;
padding: 10px 20px;
align-items: center;
line-height: 20px;
}
.faq-list.jobs .question:after {
font-family: FontAwesome;
content: "\f078";
font-size: 14px;
vertical-align: middle;
padding-right: 12px;
margin-top: -22px;
right: 20px;
position: absolute;
color: #ccc;
}
.faq-list.jobs .question.toggled {
cursor: pointer;
background: #0588d3;
color: #ffffff;
}
.faq-list.jobs .question.toggled:after {
content: "\f077";
}
.faq-list.jobs .question:hover {
cursor: pointer;
background: #0588d3;
color: #ffffff;
}
.faq-list.jobs .question div:nth-child(2) {
font-weight: bold;
}
.faq-list.jobs .heading {
background: #364653;
margin: 8px 0 0;
width: 100%;
color: #ffffff;
padding: 10px 20px;
align-items: center;
line-height: 20px;
}
.faq-list .answer {
display: none;
background: #ffffff;
border: 1px solid #f0f0f0;
padding: 5px 20px;
margin: 0 0 8px 0;
}
.master-column-wrapper {
padding-bottom: 30px;
}
.border-bottom {
border-bottom: 1px solid #e7e7e7;
padding-bottom: 10px;
margin-bottom: 24px;
}
.btn-mcguff {
display: inline-block;
background-color: #0588d3;
padding: 4px 12px;
text-decoration: none;
color: #ffffff;
margin: 2px 4px;
}
.btn-mcguff:hover {
background-color: #364653;
color: #ffffff;
}
.btn-mcguff2 {
display: inline-block;
background-color: #364653;
padding: 4px 12px;
text-decoration: none;
color: #ffffff;
margin: 2px 1px;
text-transform: uppercase;
}
.btn-mcguff2:hover {
background-color: #0588d3;
color: #ffffff;
}
.btn-mcguff-light {
display: inline-block;
background-color: #f0f0f0;
padding: 4px 12px;
text-decoration: none;
color: #888;
margin: 2px 4px;
}
.btn-mcguff-light:hover {
background-color: #0588d3;
color: #ffffff;
}
.btn-large {
padding: 10px 18px;
}
.table {
border-collapse: collapse !important;
width: 100%;
max-width: 100%;
margin-bottom: 1rem;
margin: 20px 0;
}
.table th:not([role=columnheader]) {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #f0f0f0;
}
.table td {
padding: 0.75rem;
vertical-align: top;
border-top: 1px solid #f0f0f0;
}
.table .table {
background-color: #ffffff;
}
.table thead th {
vertical-align: bottom;
border-bottom: 2px solid #f0f0f0;
}
.table tbody + tbody {
border-top: 2px solid #f0f0f0;
}
.table-sm th {
padding: 0.3rem;
}
.table-sm td {
padding: 0.3rem;
}
.table-hours {
max-width: 500px;
}
.table-hours th {
padding: 0.3rem 0.6rem;
font-size: 12px;
}
.table-hours td {
padding: 0.3rem 0.6rem;
border-top: none;
}
.table-hours tbody tr:nth-of-type(odd) {
border-left: 1px solid #ddd;
}
.table-hours tbody tr:nth-of-type(even) {
border-left: 1px solid #ddd;
}
.table-bordered {
border: 1px solid #f0f0f0;
}
.table-bordered th {
border: 1px solid #dddddd;
}
.table-bordered td {
border: 1px solid #dddddd;
border: 1px solid #f0f0f0;
}
.table-bordered thead th {
border-bottom-width: 2px;
}
.table-bordered thead td {
border-bottom-width: 2px;
}
.google-maps {
margin: 20px 0;
padding: 12px;
background-color: #ffffff;
}
.browser-overlay {
height: 100%;
width: 100%;
position: fixed;
z-index: 9999;
left: 0;
top: 0;
background-color: #000;
-moz-transition: none;
-o-transition: none;
-webkit-transition: none;
transition: none;
overflow-x: hidden;
}
.javascript-disabled .browser-overlay, .browser-warning .browser-overlay {
background-image: url(/Themes/Pavilion/Content/img/javascript-disabled-background-blur.jpg);
background-position: top;
background-repeat: no-repeat;
background-size: cover;
}
@media (min-width: 768px) and (max-width: 991px) {
.javascript-disabled .browser-overlay, .browser-warning .browser-overlay {
background-image: url(/Themes/Pavilion/Content/img/javascript-disabled-background-blur-tablet.jpg);
}
}
@media (max-width: 767px) {
.javascript-disabled .browser-overlay, .browser-warning .browser-overlay {
background-image: url(/Themes/Pavilion/Content/img/javascript-disabled-background-blur-mobile.jpg);
}
}
.overlay-content {
position: relative;
top: 15%;
width: 100%;
text-align: center;
margin-top: 30px;
}
.overlay-content h4 {
text-align: center;
color: #444444;
}
.overlay-content h2 {
color: #0588d3;
}
.overlay-content p {
padding: 10px 20px;
text-align: center;
}
.overlay-content .row.browser-icons {
padding: 4px;
margin: 0 14px;
background-color: #f5f5f5;
border-radius: 8px;
height: auto;
text-align: center;
}
.overlay-content .row.browser-icons img {
max-width: 60px;
width: 60px;
max-height: 60px;
height: 60px;
border: 0;
}
.overlay-content .row.browser-icons p {
padding: 0;
}
.overlay-content .overlay-logo img {
max-width: 208px;
width: 208px;
max-height: 79px;
height: 79px;
}
.overlay-inner {
margin: auto;
width: 500px;
background-color: #ffffff;
padding: 10px 0;
}
.overlay-inner.javascript, .overlay-inner.browser {
height: auto;
}
.overlay-inner.javascript .with-icon, .overlay-inner.browser .with-icon {
padding: 30px 20px 20px;
position: relative;
}
.overlay-inner.javascript .with-icon > div, .overlay-inner.browser .with-icon > div {
z-index: 20;
position: relative;
}
.overlay-inner.javascript .with-icon > div .fa, .overlay-inner.browser .with-icon > div .fa {
font-size: 80px;
margin-top: 0;
color: #ccc;
}
.overlay-inner.javascript .with-icon > div h2, .overlay-inner.browser .with-icon > div h2 {
font-size: 24px;
font-weight: 100;
text-align: center;
padding: 10px;
color: #333333;
}
.overlay-inner.javascript .with-icon > div p, .overlay-inner.browser .with-icon > div p {
margin: 0 10px;
}
.overlay-inner.javascript .with-icon .background-icon:before, .overlay-inner.browser .with-icon .background-icon:before {
font-family: FontAwesome;
position: absolute;
top: -60px;
margin-left: -55px;
width: 100px;
height: 96px;
z-index: 0;
border: 6px solid #f8f8f8;
background-color: #0588d3;
border-radius: 50%;
padding: 12px 20px 20px;
font-size: 45px;
content: "\f12a";
color: #ffffff;
}
.overlay-inner.browser .with-icon .background-icon:before {
content: "\f108";
}
div.smalltext > p {
font-size: 12px;
line-height: 18px;
}
div.smalltext > ul {
font-size: 12px;
line-height: 18px;
}
div.javascript-disabled > div > div > div > p:nth-child(3) {
color: #444444;
font-weight: 400;
}
div.javascript-disabled > div > div > div > p:nth-child(4) {
color: #666;
font-weight: 200;
}
div.page-body .clearFilterOptionsAll {
display: none !important;
color: #777;
padding-right: 35px;
text-transform: uppercase;
font-weight: 100;
line-height: 26px;
}
div.category-page div.category-grid.sub-category-grid div.picture {
/*display: none;*/
}
div.category-page div.category-grid.sub-category-grid .item-box.removePicAdj {
margin-bottom: 10px;
}
div.overview > div.tier-prices table th {
text-align: center;
}
div.overview > div.tier-prices table td {
text-align: center;
}
div.product-variant-line > div.overview > div.prices > div .total-savings, div.product-essential > div.overview > div.prices > div .total-savings {
color: #777;
white-space: nowrap;
font-size: 17px;
letter-spacing: -0.04em;
font-weight: 100;
}
div.product-variant-line > div.overview > div.prices > div > span.savings-color, div.product-essential > div.overview > div.prices > div > span.savings-color {
color: #4fbb41;
}
.checkbox-item:hover {
color: #0588d3;
}
.checkbox-item.disabled {
display: none !important;
}
.checkbox-item.toggleable.disabled {
display: none !important;
}
.always-hidden {
display: none !important;
}
#checkout-payment-info-load h2 {
font-weight: 100;
color: #333333;
}
.filtersTitlePanel {
position: relative;
}
.filtersTitlePanel p.filtersTitle {
display: none;
}
.algolia-toggle {
padding: 8px 0 0;
position: relative;
}
.algolia-toggle a.clear-all {
pointer-events: none;
}
.algolia-toggle a.clear-all:after {
pointer-events: all;
}
.algolia-toggle a.toggleControl:before {
display: none;
}
.product-selectors select, select {
color: #777;
text-transform: none;
background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAMCAYAAABvEu28AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDdBNTAzNDVEMzdBMTFFNjkwODBBMzBCQjM3ODQ3M0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NDdBNTAzNDZEMzdBMTFFNjkwODBBMzBCQjM3ODQ3M0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo0N0E1MDM0M0QzN0ExMUU2OTA4MEEzMEJCMzc4NDczRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo0N0E1MDM0NEQzN0ExMUU2OTA4MEEzMEJCMzc4NDczRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkkYrZ8AAABaSURBVHjaYvz//z8DNQDjCDJo9erVd4GUEhF6XUNDQ/fAOExYFKwmwpB7QHyWoNeAruoAUuV4DDEBuuY9UWGEwzCshhAMbDTDcBpCVKxBDQvFZ8jgTEcAAQYApuc/QxiFpRAAAAAASUVORK5CYII=) no-repeat 98% 50%;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
padding: 0 32px 0 8px;
border: 1px solid #dddddd;
border-radius: 0;
vertical-align: middle;
background-color: #ffffff;
}
.divider {
border-top: 1px solid #f0f0f0;
margin-top: 10px;
padding-top: 20px;
}
.divider-dark {
border-top: 1px solid #ccc;
font-size: 0;
line-height: 0;
}
.divider-light {
border-top: 1px solid #f5f5f5;
margin-top: 10px;
padding-top: 20px;
}
.product-detail-controlled {
cursor: default;
}
.prev-next-wrapper {
margin: 10px 0;
}
.priceRangeCurrentPricesPanel {
display: none;
}
.priceRangeMinPrice {
position: absolute;
left: -10px;
width: 100px;
margin-left: -10px;
text-align: center;
white-space: nowrap;
}
.priceRangeMinPrice:before {
content: "";
margin-left: -100%;
}
.priceRangeMinPrice:after {
content: "";
margin-right: -100%;
}
.priceRangeMaxPrice {
position: absolute;
right: -19px;
width: 100px;
margin-left: -2px;
text-align: center;
white-space: nowrap;
}
.priceRangeMaxPrice:before {
content: "";
margin-left: -100%;
}
.priceRangeMaxPrice:after {
content: "";
margin-right: -100%;
}
.priceGrid {
background-image: url(/Themes/Pavilion/Content/img/slider-grid-shapes.png);
margin: -8px 0 0 -2px;
background-size: 192px 10px;
background-repeat: no-repeat;
width: 198px;
height: 10px;
}
#slider {
margin-top: 14px;
}
.productTabs-header {
text-align: left;
}
input[type=text] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
input[type=password] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.checkout-pages-body .isControlled-info, .checkout-pages-body .isAllocation-info, .checkout-pages-body .isRefrigerate-info, .checkout-pages-body .isNoReturn-info, .checkout-pages-body is503B-info, .checkout-pages-body isDEA-info, .checkout-pages-body expiring-info, .checkout-pages-body ascorDisclaimer {
display: none !important;
}
.checkout-pages-body .cart-container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.checkout-pages-body .quantity input {
width: 60px;
text-align: center;
}
.checkout-pages-body .cart-badge {
display: none;
}
.checkout-pages-body .remove-item-cart-btn {
display: none !important;
}
.k-window.ajaxCart .product-overview-line .attributes {
margin: 0;
}
.topic-page .btn-mcguff-pharmacy, .topic-page .option-btn {
text-decoration: none;
}
.topic-page .option-box ul {
list-style: none !important;
}
#ascorModal .submit-wrapper {
text-align: center;
}
#ascorModal .submit-wrapper #ascor-submit-institution, #ascorModal .submit-wrapper #ascor-submit-cam {
display: none;
padding: 10px 20px;
background-color: #555555;
color: #ffffff;
border: 0;
border-radius: 3px;
}
#ascorModal .submit-wrapper #ascor-submit-institution:disabled, #ascorModal .submit-wrapper #ascor-submit-cam:disabled {
background-color: #555555;
color: #ffffff;
}
#ascorModal #institutionQuestions, #ascorModal #camQuestions {
display: none;
padding: 10px 0;
/*select {
option:first-child {
color: #ccc;
}
}*/
}
#ascorModal #institutionQuestions .inputGroup, #ascorModal #camQuestions .inputGroup {
vertical-align: top;
display: inline-block;
width: 45.7%;
margin: 0 2%;
padding: 2px;
}
#ascorModal #institutionQuestions .inputGroup div.validation, #ascorModal #camQuestions .inputGroup div.validation {
height: 20px;
opacity: 0;
font-size: 12px;
position: relative;
margin: -1px 0 0 0;
color: #ffffff;
background-color: #c14343;
padding: 2px 10px;
}
#ascorModal #institutionQuestions .inputGroup div.validation.on, #ascorModal #camQuestions .inputGroup div.validation.on {
opacity: 1;
}
#ascorModal #institutionQuestions .inputGroup div.validation:before, #ascorModal #camQuestions .inputGroup div.validation:before {
position: absolute;
font-family: FontAwesome;
content: "\f0d8";
color: #c14343;
top: -20px;
font-size: 26px;
}
#ascorModal #institutionQuestions label, #ascorModal #camQuestions label {
display: block;
font-weight: 100;
}
#ascorModal #institutionQuestions input[type=text], #ascorModal #institutionQuestions select, #ascorModal #camQuestions input[type=text], #ascorModal #camQuestions select {
height: 36px;
width: 100%;
display: block;
}
#ascorModal h3 {
font-weight: 100;
display: block;
padding: 0 10px 10px 10px;
margin: 0;
color: #ad1838;
text-align: center;
font-size: 24px;
}
#ascorModal .ascor-price-btns .institution-btn-wrapper, #ascorModal .ascor-price-btns .alternative-btn-wrapper {
display: inline-block;
width: 100%;
}
#ascorModal .ascor-price-btns .institution-btn-wrapper .institution-btn, #ascorModal .ascor-price-btns .institution-btn-wrapper .alternative-btn, #ascorModal .ascor-price-btns .alternative-btn-wrapper .institution-btn, #ascorModal .ascor-price-btns .alternative-btn-wrapper .alternative-btn {
text-align: center;
display: table;
overflow: hidden;
height: 100px;
width: 100%;
margin: 3px 0;
vertical-align: top;
padding: 10px;
border: 1px solid #efefef;
border-bottom: 4px solid #efefef;
background-color: #f5f5f5;
font-weight: bold;
cursor: pointer;
}
#ascorModal .ascor-price-btns .institution-btn-wrapper .institution-btn > div, #ascorModal .ascor-price-btns .institution-btn-wrapper .alternative-btn > div, #ascorModal .ascor-price-btns .alternative-btn-wrapper .institution-btn > div, #ascorModal .ascor-price-btns .alternative-btn-wrapper .alternative-btn > div {
display: table-cell;
vertical-align: middle;
vertical-align: middle;
}
#ascorModal .ascor-price-btns .institution-btn-wrapper .institution-btn.on, #ascorModal .ascor-price-btns .institution-btn-wrapper .alternative-btn.on, #ascorModal .ascor-price-btns .alternative-btn-wrapper .institution-btn.on, #ascorModal .ascor-price-btns .alternative-btn-wrapper .alternative-btn.on {
border: 1px solid #555555;
border-bottom: 4px solid #333333;
background-color: #555555;
color: #fff;
box-shadow: 0 4px 7px -2px gray;
}
#ascorModal .ascor-price-btns .institution-btn-wrapper .institution-btn:hover, #ascorModal .ascor-price-btns .institution-btn-wrapper .alternative-btn:hover, #ascorModal .ascor-price-btns .alternative-btn-wrapper .institution-btn:hover, #ascorModal .ascor-price-btns .alternative-btn-wrapper .alternative-btn:hover {
border: 1px solid #555555;
background-color: #555555;
border-bottom: 4px solid #333333;
color: #fff;
}
#ascorModal .ascor-price-btns .institution-btn-wrapper .institution-btn span, #ascorModal .ascor-price-btns .institution-btn-wrapper .alternative-btn span, #ascorModal .ascor-price-btns .alternative-btn-wrapper .institution-btn span, #ascorModal .ascor-price-btns .alternative-btn-wrapper .alternative-btn span {
font-weight: 100;
font-size: 12px;
display: block;
}
#ascorModal button[title=close] {
padding: 0;
height: 50px;
margin: 0;
z-index: 1090;
}
#ascorModal button[title=close]:before {
font-weight: 100;
top: -7px;
right: 8px;
position: absolute;
content: "×";
color: #666;
font-size: 32px !important;
}
.ascor-price-notice {
position: relative;
border-radius: 10px;
background-color: #f5f5f5;
padding: 20px 10px 20px 90px;
margin: 10px 0;
}
.ascor-price-notice .vert-line {
position: absolute;
left: 80px;
top: 0;
width: 3px;
background-color: #ffffff;
display: inline-block;
height: 100%;
}
.ascor-price-notice span.notice-icon:before {
position: absolute;
line-height: 1em;
font-size: 50px;
left: 0.4em;
color: #ad1838;
font-family: FontAwesome;
content: "\f06a";
z-index: 0;
}
.ascor-price-notice h3, .ascor-price-notice h4 {
position: relative;
z-index: 200;
color: #555555;
display: block;
text-align: center;
font-weight: 100;
}
.ascor-price-notice h4 {
font-size: 18px;
}
.ascor-price-notice h3 {
left: auto;
right: auto;
top: 5px;
}
.ascor-price-notice h3 #ascor-login-btn {
display: inline-block;
margin: 4px;
left: 0;
right: 0;
bottom: 20px;
background-color: #ad1838;
border: #ad1838;
color: #ffffff;
padding: 8px 22px;
font-size: 14px;
font-weight: 100;
border-radius: 6px;
}
.ascor-btn-group .btn-mcguff-pharmacy {
text-decoration: none;
}
.ascor-btn-group .btn-mcguff-pharmacy:nth-child(3) {
background-color: rgb(42.5347222222, 174.4444444444, 249.9652777778);
}
.ascor-btn-group .btn-mcguff-pharmacy:nth-child(4) {
background-color: rgb(67.4444444444, 183.8888888889, 250.5555555556);
}
.ascor-btn-group .btn-mcguff-pharmacy:nth-child(5) {
background-color: rgb(92.3541666667, 193.3333333333, 251.1458333333);
}
.ascor-btn-group .btn-mcguff-pharmacy:nth-child(6) {
background-color: rgb(117.2638888889, 202.7777777778, 251.7361111111);
}
.ascor-cps {
margin: 20px 0;
}
.ascor-cps .more-info {
text-align: center;
font-weight: 100;
font-size: 18px;
}
.ascor-cps .cps-or {
display: inline-block;
font-weight: 100;
font-size: 20px;
width: 40px;
height: 40px;
border-radius: 50%;
border: 1px solid #aaa;
line-height: 38px;
color: #aaa;
}
.ascor-cps .btn-mcguff-pharmacy {
background-color: #0588d3;
color: #fff;
padding: 10px 20px;
display: block;
margin: 10px 0;
font-size: 20px;
line-height: 26px;
border-radius: 6px;
text-align: center;
width: 100%;
}
.ascor-cps .btn-mcguff-pharmacy:hover {
background-color: rgb(3.8194444444, 103.8888888889, 161.1805555556);
}
.ascor-cps .btn-mcguff-pharmacy:before {
font-family: FontAwesome;
margin-right: 14px;
font-size: 30px;
font-weight: 100;
}
.ascor-cps .btn-moreinfo {
background-color: #555555;
}
.ascor-cps .btn-moreinfo:before {
content: "\f05a";
}
.ascor-cps .btn-callcps:before {
content: "\f095";
}
.ascor-cps .btn-emailcps:before {
content: "\f0e0";
}
.ascor-cps .btn-intcps:before {
content: "\f0ac";
}
.ascor-cps .btn-faxcps {
pointer-events: none;
}
.ascor-cps .btn-faxcps:before {
content: "\f1ac";
}
.isAscorbicRegion ul {
list-style-type: disc;
padding-left: 30px;
}
.isAscorbicRegion ul li {
margin: 10px 0;
}
.isAscorbicRegion h1 {
color: #333333;
}
.isAscorbicRegion p {
margin: 20px 0;
}
.isAscorbicRegion .full-description {
position: relative;
}
.isAscorbicRegion .full-description p {
margin: 20px 0 10px 0;
}
.isAscorbicRegion .full-description ul {
list-style: none;
display: inline-block;
padding: 0;
margin: 0;
}
.isAscorbicRegion .full-description .ascor-desc {
font-weight: bold;
display: inline-block;
border-bottom: 3px solid #0588d3;
font-size: 15px;
color: #0588d3;
}
.isAscorbicRegion .full-description .read-more-state {
display: none !important;
}
.isAscorbicRegion .full-description .read-more-target {
opacity: 0;
max-height: 0;
font-size: 0;
}
.isAscorbicRegion .full-description .read-more-state:checked ~ .read-more-wrap .read-more-target {
opacity: 1;
font-size: inherit;
max-height: 999em;
}
.isAscorbicRegion .full-description .read-more-state ~ .read-more-trigger:before {
content: "... Show more";
}
.isAscorbicRegion .full-description .read-more-state:checked ~ .read-more-trigger:before {
content: "... Show less";
}
.isAscorbicRegion .full-description .read-more-trigger {
margin-top: -18px;
cursor: pointer;
display: inline-block;
padding: 0 0.5em;
color: #0588d3;
line-height: 2;
}
.ascor-choose {
font-weight: 100;
color: #444;
text-align: center;
padding: 0 20px 20px;
font-size: 30px;
}
.ascor-options {
margin: 0 0 30px;
}
@media (min-width: 768px) {
.ascor-options .cps-fullwidth {
width: 100% !important;
}
}
.ascor-options .cps-fullwidth img {
margin-bottom: 20px;
}
.ascor-options .option-box {
position: relative;
text-align: center;
border: 1px solid #eeeeee;
border-radius: 6px;
}
.ascor-options .option-box h4 {
text-align: center;
color: #555555;
padding: 10px;
background-color: #f4f4f4;
font-size: 24px;
}
.ascor-options .option-box ul {
padding: 20px 20px 10px;
}
.ascor-options .option-box ul li {
line-height: 22px;
text-align: left;
padding: 5px 10px;
border-bottom: 1px solid #eee;
}
.ascor-options .option-box ul li:last-child {
border: 0;
}
.ascor-options .option-box ul li:before {
font-family: FontAwesome;
padding-right: 5px;
content: "\f00c";
font-weight: 100;
color: #0588d3;
}
.ascor-options .option-btn {
margin: 0 20px;
position: absolute;
display: block;
left: 0;
right: 0;
bottom: 20px;
background-color: #0588d3;
color: #ffffff;
padding: 8px 22px;
font-size: 16px;
border-radius: 6px;
}
.ascor-options .option-btn:hover {
background-color: rgb(3.8194444444, 103.8888888889, 161.1805555556);
}
.ascor-options .option-price {
display: block;
padding: 10px;
color: #0588d3;
background-color: #f9f9f9;
font-weight: bold;
font-size: 22px;
}
.ascor-options .option-price span {
font-weight: 100;
font-size: 13px;
color: #888;
}
.ascor-options .option-desc {
padding: 20px;
min-height: 90px;
}
.isAscorbic-wrapper {
display: block;
max-width: 600px;
overflow: auto;
}
.isAscorbic-wrapper .col-xs-2 {
width: 50px;
display: table-cell;
}
.isAscorbic-wrapper .col-xs-10 {
display: table-cell;
}
.isAscorbic-wrapper .isAscorbic-info {
background-color: #f8f8f8;
color: #444444;
padding: 4px 20px;
text-align: left;
font-family: Open Sans, Arial, sans-serif;
font-size: 12px;
max-width: 100%;
height: 80px;
font-weight: 100;
float: left;
display: table;
margin: 0 10px 10px 0;
border-top: 10px solid #00928f;
border-bottom: 1px solid #00928f;
border-right: 1px solid #00928f;
border-left: 1px solid #00928f;
}
.isAscorbic-wrapper .isAscorbic-info strong {
font-weight: normal;
}
.isAscorbic-wrapper .isAscorbic-info:hover {
cursor: default;
}
.isAscorbic-wrapper .isAscorbic-info .info-align {
display: table-cell;
vertical-align: middle;
}
.isAscorbic-wrapper .isAscorbic-info:before {
content: "\f0de";
font-family: FontAwesome;
position: absolute;
font-size: 30px;
color: #00928f;
top: -12px;
left: 12px;
display: none;
}
.isAscorbic-wrapper .isAscorbic-info .fa-phone {
color: #00928f;
padding: 6px 6px 6px 2px;
font-size: 38px;
}
.partial-ship-reason a {
color: #0588d3;
text-decoration: underline;
}
.mini-overview .attributes > dl dd.isShipMethod {
display: block;
}
.mini-overview .attributes > dl dd select {
width: 100% !important;
}
.mini-overview .attributes > dl dd .shipMethodIcon {
display: none !important;
}
@media (max-width: 1279px) {
.tierprice-wrapper {
width: 100%;
}
}
.isBackordered-info .fa-exclamation-circle {
color: #FF5959 !important;
/*padding: 6px 6px 6px 2px !important;*/
/*font-size: 41px;*/
}
.backorder-wrapper {
width: 100%;
padding-bottom: 10px;
}
.backorder-wrapper .covid-backorder-info {
text-align: center;
padding: 5px 25px 10px 25px;
background-color: #f8f8f8;
border-radius: 5px;
}
.backorder-wrapper .covid-backorder-info .badge-notification {
display: block;
padding: 3px 10px;
width: 100%;
color: #333333;
text-align: center;
background-color: rgba(0, 0, 0, 0.1);
font-weight: bold;
cursor: pointer;
margin: 10px 0 0;
}
.backorder-wrapper .covid-backorder-info .badge-notification:hover {
background-color: rgba(0, 0, 0, 0.6);
color: #ffffff;
}
.backorder-wrapper .isBackordered-info {
border-top: 10px solid #bbb;
border-bottom: 1px solid #bbb;
border-right: 1px solid #bbb;
border-left: 1px solid #bbb;
border-radius: 6px;
color: #444444;
font-size: 14px;
font-weight: 100;
display: block;
margin: 0 10px 0 0;
}
@media (max-width: 1279px) {
.backorder-wrapper .isBackordered-info {
width: 100%;
}
}
.backorder-wrapper .isBackordered-info h3, .backorder-wrapper .isBackordered-info h4 {
font-weight: normal;
text-align: center;
font-size: 20px;
margin: 4px 0;
}
.backorder-wrapper .isBackordered-info h3 {
color: #333333;
padding: 5px 0;
/*border-bottom: 4px solid #fff;*/
}
.backorder-wrapper .isBackordered-info h3 i {
margin-right: 4px;
color: #444444;
}
.backorder-wrapper .isBackordered-info h4 {
font-size: 17px;
}
.backorder-wrapper .isBackordered-info .info-align .row {
background-color: #f8f8f8;
border-radius: 5px;
}
.backorder-wrapper .isBackordered-info .col-sm-6 {
background-color: #f8f8f8;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
}
.backorder-wrapper .isBackordered-info .col-sm-12 {
padding: 0 5px;
background-color: #f8f8f8;
border-color: #f0f0f0;
}
.backorder-wrapper .isBackordered-info .col-sm-12.col-reason {
text-align: center;
padding-top: 18px;
position: relative;
padding-bottom: 10px;
font-weight: normal;
}
.backorder-wrapper .isBackordered-info .col-sm-12.col-reason:before {
font-size: 12px;
content: "Reason:";
font-weight: 100;
position: absolute;
top: 4px;
right: 0;
left: 0;
width: 100%;
}
.backorder-wrapper .isBackordered-info .col-sm-12 h3 {
font-weight: bold;
}
.backorder-wrapper .isBackordered-info .col-sm-6, .backorder-wrapper .isBackordered-info .oneattrib {
text-align: center;
padding-top: 23px;
position: relative;
padding-bottom: 10px;
font-weight: normal;
word-wrap: break-word;
border-color: #f8f8f8 !important;
}
@media (min-width: 768px) {
.backorder-wrapper .isBackordered-info .col-sm-6, .backorder-wrapper .isBackordered-info .oneattrib {
border-right: 4px solid #fff;
}
}
.backorder-wrapper .isBackordered-info .col-sm-6:before, .backorder-wrapper .isBackordered-info .oneattrib:before {
font-size: 12px;
content: "Reason:";
font-weight: bold;
position: absolute;
top: 4px;
right: 0;
left: 0;
width: 100%;
}
.backorder-wrapper .isBackordered-info .col-sm-6:nth-child(2), .backorder-wrapper .isBackordered-info .oneattrib:nth-child(2) {
margin-left: 0px;
}
@media (min-width: 768px) {
.backorder-wrapper .isBackordered-info .col-sm-6:nth-child(2), .backorder-wrapper .isBackordered-info .oneattrib:nth-child(2) {
border-left: 4px solid #fff;
border-right: 0;
}
}
.backorder-wrapper .isBackordered-info .col-sm-6:nth-child(2):before, .backorder-wrapper .isBackordered-info .oneattrib:nth-child(2):before {
content: "Date Expected:";
font-weight: bold;
}
.backorder-wrapper .isBackordered-info .recommendSku {
font-weight: normal;
height: 80px;
border-radius: 6px;
background-color: #f8f8f8;
border-left: 0px solid #f0f0f0;
border-right: 0px solid #f0f0f0;
border-bottom: 0px solid #f0f0f0;
text-align: center;
position: relative;
border-color: #f8f8f8 !important;
}
.backorder-wrapper .isBackordered-info .recommendSku a {
width: 100%;
height: 100%;
position: absolute;
left: 0;
bottom: 0;
height: 60px;
line-height: 1.2em;
}
.backorder-wrapper .isBackordered-info .recommendSku:hover a span {
text-decoration: underline;
}
@media (min-width: 768px) {
.backorder-wrapper .isBackordered-info .recommendSku {
border-top: 4px solid #fff;
}
}
.backorder-wrapper .isBackordered-info .recommendSku:before {
display: block;
width: 100%;
top: 3px;
padding-bottom: 9px;
font-size: 12px;
content: "Substitution:";
font-weight: bold;
position: absolute;
}
.backorder-wrapper .isBackordered-info .recommendSku span {
display: inline-block;
padding: 0;
font-weight: 100;
width: calc(100% - 50px);
vertical-align: middle;
}
.backorder-wrapper .isBackordered-info .recommendSku span:first-child:not(.prodName) {
width: 50px;
padding-left: 15px;
}
.backorder-wrapper .isBackordered-info .recommendSku span.prodName {
padding: 10px;
}
.backorder-wrapper .isBackordered-info .recommendSku span img {
width: 45px;
height: 45px;
}
.attribute-alerts, .attributes > dl {
padding-bottom: 30px;
}
.attribute-alerts dt, .attributes > dl dt {
clear: left;
}
.attribute-alerts dt.isShipMethod, .attributes > dl dt.isShipMethod {
color: #555555;
position: relative;
padding-left: 30px;
padding-right: 10px;
display: block;
margin: 0;
}
.attribute-alerts dt.isShipMethod:after, .attributes > dl dt.isShipMethod:after {
font-family: FontAwesome;
content: "\f0d1";
position: absolute;
left: 0;
top: 4px;
font-weight: 100;
font-size: 21px;
color: #0588d3;
}
.attribute-alerts dt.isShipMethod .text-prompt, .attributes > dl dt.isShipMethod .text-prompt {
font-weight: normal;
margin-right: 4px;
}
.attribute-alerts dt.isShipMethod span, .attributes > dl dt.isShipMethod span {
vertical-align: middle;
line-height: 38px;
}
.attribute-alerts dt.isShipMethod span.shippingtoggle, .attributes > dl dt.isShipMethod span.shippingtoggle {
color: #999999;
padding: 0 10px;
font-weight: normal;
text-decoration: underline;
cursor: pointer;
}
.attribute-alerts dd.isShipMethod, .attributes > dl dd.isShipMethod {
display: block;
padding-bottom: 0;
margin-bottom: 0;
position: relative;
display: none;
margin-bottom: 5px;
}
.attribute-alerts dd.isShipMethod:after, .attributes > dl dd.isShipMethod:after {
content: "";
display: table;
clear: both;
}
.attribute-alerts dd.isShipMethod.show, .attributes > dl dd.isShipMethod.show {
display: block;
}
.attribute-alerts dd.isShipMethod .shipMethodIcon, .attributes > dl dd.isShipMethod .shipMethodIcon {
display: inline-block;
position: relative;
font-size: 22px;
margin-left: 10px;
color: #bbb;
vertical-align: middle;
}
.attribute-alerts dd.isShipMethod .shipMethodIcon:hover, .attributes > dl dd.isShipMethod .shipMethodIcon:hover {
color: #888;
}
.attribute-alerts dd.isShipMethod .shipMethodIcon:hover .isShipMethodInfo, .attributes > dl dd.isShipMethod .shipMethodIcon:hover .isShipMethodInfo {
display: block;
}
.attribute-alerts dd.isShipMethod .isShipMethodInfo, .attributes > dl dd.isShipMethod .isShipMethodInfo {
position: absolute;
bottom: 40px;
right: -156px;
width: 270px;
text-align: center;
border-radius: 3px;
display: none;
line-height: 14px;
font-size: 12px;
color: #555555;
background-color: #f5f5f5;
padding: 4px;
}
.attribute-alerts dd.isShipMethod .isShipMethodInfo:after, .attributes > dl dd.isShipMethod .isShipMethodInfo:after {
font-family: FontAwesome;
font-size: 22px;
content: "\f0d7";
color: #f5f5f5;
position: absolute;
right: 160px;
bottom: -10px;
}
.attribute-alerts dd.isShipMethod .isShipMethodInfo.shipShow, .attributes > dl dd.isShipMethod .isShipMethodInfo.shipShow {
display: block;
}
.attribute-alerts > div, .attributes > dl > div {
background-color: #f8f8f8;
color: #444444;
padding: 4px 20px;
text-align: left;
font-family: Open Sans, Arial, sans-serif;
font-size: 12px;
width: 300px;
height: 90px;
font-weight: 100;
float: left;
display: table;
margin: 0 10px 10px 0;
}
.attribute-alerts > div:hover, .attributes > dl > div:hover {
cursor: default;
}
.attribute-alerts > div .info-align, .attributes > dl > div .info-align {
display: table-cell;
vertical-align: middle;
}
.attribute-alerts .isControlled-info, .attributes > dl .isControlled-info {
border-top: 10px solid #9ec9e2;
border-bottom: 1px solid #9ec9e2;
border-right: 1px solid #9ec9e2;
border-left: 1px solid #9ec9e2;
border-radius: 6px;
}
.attribute-alerts .isControlled-info:before, .attributes > dl .isControlled-info:before {
content: "\f0de";
font-family: FontAwesome;
position: absolute;
font-size: 30px;
color: #e56363;
top: -12px;
left: 12px;
display: none;
}
.attribute-alerts .isControlled-info .fa-user-md, .attributes > dl .isControlled-info .fa-user-md {
color: #9ec9e2;
padding: 6px;
font-size: 41px;
}
.attribute-alerts .isControlled-info .row, .attributes > dl .isControlled-info .row {
display: flex;
align-items: center;
}
.attribute-alerts .is503B-info, .attributes > dl .is503B-info {
border-top: 10px solid #35b5ac;
border-bottom: 1px solid #35b5ac;
border-right: 1px solid #35b5ac;
border-left: 1px solid #35b5ac;
border-radius: 6px;
}
.attribute-alerts .is503B-info .rx-icon, .attributes > dl .is503B-info .rx-icon {
max-width: 40px;
height: auto;
}
.attribute-alerts .is503B-info:before, .attributes > dl .is503B-info:before {
content: "\f0de";
font-family: FontAwesome;
position: absolute;
font-size: 30px;
color: #35b5ac;
top: -12px;
left: 12px;
display: none;
}
.attribute-alerts .is503B-info .fa-building, .attributes > dl .is503B-info .fa-building {
color: #35b5ac;
font-size: 41px;
}
.attribute-alerts .isBackordered-info, .attributes > dl .isBackordered-info {
border-top: 10px solid #5bc0de;
border-bottom: 1px solid #5bc0de;
border-right: 1px solid #5bc0de;
border-left: 1px solid #5bc0de;
border-radius: 6px;
}
.attribute-alerts .isBackordered-info .recommendSku, .attributes > dl .isBackordered-info .recommendSku {
margin-top: 20px;
background-color: #fff;
position: relative;
margin-left: -50px;
}
.attribute-alerts .isBackordered-info .recommendSku:hover a span, .attributes > dl .isBackordered-info .recommendSku:hover a span {
text-decoration: underline;
}
.attribute-alerts .isBackordered-info .recommendSku:before, .attributes > dl .isBackordered-info .recommendSku:before {
content: "Substitution:";
font-weight: bold;
position: absolute;
top: -18px;
}
.attribute-alerts .isBackordered-info .recommendSku span, .attributes > dl .isBackordered-info .recommendSku span {
display: inline-block;
padding: 0;
font-weight: bold;
width: calc(100% - 90px);
vertical-align: middle;
}
.attribute-alerts .isBackordered-info .recommendSku span:first-child, .attributes > dl .isBackordered-info .recommendSku span:first-child {
width: 50px;
}
.attribute-alerts .isBackordered-info .recommendSku span img, .attributes > dl .isBackordered-info .recommendSku span img {
width: 45px;
height: 45px;
}
.attribute-alerts .isBackordered-info:before, .attributes > dl .isBackordered-info:before {
content: "\f0de";
font-family: FontAwesome;
position: absolute;
font-size: 30px;
color: #5bc0de;
top: -12px;
left: 12px;
display: none;
}
.attribute-alerts .isBackordered-info .fa-reply, .attributes > dl .isBackordered-info .fa-reply {
color: #5bc0de;
padding: 6px;
font-size: 30px;
}
.attribute-alerts .isBackordered-info .fa-reply:after, .attributes > dl .isBackordered-info .fa-reply:after {
content: "\f01c";
font-family: FontAwesome;
position: absolute;
font-size: 26px;
top: 25px;
left: 18px;
}
.attribute-alerts .isDSCSA-info, .attributes > dl .isDSCSA-info {
border-top: 10px solid #005DAA;
border-bottom: 1px solid #005DAA;
border-right: 1px solid #005DAA;
border-left: 1px solid #005DAA;
border-radius: 6px;
}
.attribute-alerts .isAllocation-info, .attributes > dl .isAllocation-info {
border-top: 10px solid #29d;
border-bottom: 1px solid #29d;
border-right: 1px solid #29d;
border-left: 1px solid #29d;
border-radius: 6px;
}
.attribute-alerts .isAllocation-info a, .attributes > dl .isAllocation-info a {
text-decoration: underline;
}
.attribute-alerts .isAllocation-info a:hover, .attributes > dl .isAllocation-info a:hover {
color: rgb(34, 153, 221);
}
.attribute-alerts .isAllocation-info:before, .attributes > dl .isAllocation-info:before {
content: "\f0de";
font-family: FontAwesome;
position: absolute;
font-size: 30px;
color: #666;
top: -12px;
left: 12px;
display: none;
}
.attribute-alerts .isAllocation-info .fa-pie-chart, .attributes > dl .isAllocation-info .fa-pie-chart {
color: #29d;
padding: 12px 6px 6px 2px;
font-size: 41px;
}
.attribute-alerts .isRefrigerate-info, .attributes > dl .isRefrigerate-info {
border-top: 10px solid #095f91;
border-bottom: 1px solid #095f91;
border-right: 1px solid #095f91;
border-left: 1px solid #095f91;
border-radius: 6px;
}
.attribute-alerts .isRefrigerate-info:before, .attributes > dl .isRefrigerate-info:before {
content: "\f0de";
font-family: FontAwesome;
position: absolute;
font-size: 30px;
color: #095f91;
top: -12px;
left: 12px;
display: none;
}
.attribute-alerts .isRefrigerate-info .fa-clock-o, .attributes > dl .isRefrigerate-info .fa-clock-o {
color: #095f91;
padding: 6px 6px 6px 2px;
font-size: 41px;
}
.attribute-alerts .isDEA-info, .attributes > dl .isDEA-info {
border-top: 10px solid #494d7e;
border-bottom: 1px solid #494d7e;
border-right: 1px solid #494d7e;
border-left: 1px solid #494d7e;
border-radius: 6px;
}
.attribute-alerts .isDEA-info:before, .attributes > dl .isDEA-info:before {
content: "\f0de";
font-family: FontAwesome;
position: absolute;
font-size: 30px;
color: #494d7e;
top: -12px;
left: 12px;
display: none;
}
.attribute-alerts .isDEA-info .fa-clock-o, .attributes > dl .isDEA-info .fa-clock-o {
color: #494d7e;
padding: 6px;
font-size: 41px;
}
.attribute-alerts .isDEA-info .row, .attributes > dl .isDEA-info .row {
display: flex;
align-items: center;
}
.attribute-alerts .isNoReturn-info, .attributes > dl .isNoReturn-info {
border-top: 10px solid #364653;
border-bottom: 1px solid #364653;
border-right: 1px solid #364653;
border-left: 1px solid #364653;
border-radius: 6px;
}
.attribute-alerts .isNoReturn-info:before, .attributes > dl .isNoReturn-info:before {
content: "\f0de";
font-family: FontAwesome;
position: absolute;
font-size: 30px;
color: #364653;
top: -12px;
left: 12px;
display: none;
}
.attribute-alerts .isNoReturn-info .fa-reply-all, .attributes > dl .isNoReturn-info .fa-reply-all {
color: #364653;
padding: 6px 6px 6px 2px;
font-size: 41px;
}
.attribute-alerts .expiring-info, .attributes > dl .expiring-info {
border: 1px solid #89bc9e;
border-top-width: 10px;
border-radius: 6px;
transition: border-color 0.2s ease-in-out;
}
.attribute-alerts .expiring-info .top-center, .attributes > dl .expiring-info .top-center {
top: 5px;
}
.attribute-alerts .expiring-info .fa-clock-o, .attributes > dl .expiring-info .fa-clock-o {
font-size: 2.6rem;
color: #89bc9e;
transition: color 0.2s ease-in-out;
}
.attribute-alerts .expiring-info .expiring-link, .attributes > dl .expiring-info .expiring-link {
color: #89bc9e;
font-weight: bold;
text-decoration: none;
transition: color 0.2s ease-in-out;
}
.attribute-alerts .expiring-info:hover, .attributes > dl .expiring-info:hover {
border-color: rgb(89.9972972973, 158.5027027027, 118.2054054054);
}
.attribute-alerts .expiring-info:hover .fa-clock-o,
.attribute-alerts .expiring-info:hover .expiring-link, .attributes > dl .expiring-info:hover .fa-clock-o,
.attributes > dl .expiring-info:hover .expiring-link {
color: rgb(89.9972972973, 158.5027027027, 118.2054054054);
}
.attribute-alerts .ascor-disclaimer, .attributes > dl .ascor-disclaimer {
border: 1px solid #f39c12;
border-top-width: 10px;
border-radius: 6px;
transition: border-color 0.2s ease-in-out;
}
.attribute-alerts .ascor-disclaimer .top-center, .attributes > dl .ascor-disclaimer .top-center {
top: 5px;
}
.attribute-alerts .ascor-disclaimer .fa-clock-o, .attributes > dl .ascor-disclaimer .fa-clock-o {
font-size: 2.6rem;
color: #f39c12;
transition: color 0.2s ease-in-out;
}
.attribute-alerts .ascor-disclaimer .expiring-link, .attributes > dl .ascor-disclaimer .expiring-link {
color: #f39c12;
font-weight: bold;
text-decoration: none;
transition: color 0.2s ease-in-out;
}
/*.product-variant-list .attribute-alerts, .product-variant-list .attributes > dl {
// fix float issue caused by badges
padding-bottom: 14px;
}*/
.shopping-cart-page-body .attributes {
margin: 10px 0;
}
.shopping-cart-page-body .cartShipMethod {
display: block;
padding-left: 10px;
}
.shopping-cart-page-body .ShippingMethod {
position: relative;
display: inline-block;
padding: 0 4px;
margin: 4px;
font-size: 12px;
}
.shopping-cart-page-body .ShippingMethod:before {
font-family: FontAwesome;
content: "\f0d1";
font-size: 15px;
margin-left: -2px;
margin-right: 3px;
color: #275073;
}
.shopping-cart-page-body .ShippingMethod:after {
content: "";
font-weight: normal;
font-size: 12px;
}
.shopping-cart-page-body .Allocated {
position: relative;
display: inline-block;
padding: 0 4px;
margin: 4px;
font-size: 12px;
}
.shopping-cart-page-body .Allocated:before {
font-family: FontAwesome;
content: "\f200";
color: #29d;
font-size: 17px;
margin-left: -2px;
margin-right: 4px;
}
.shopping-cart-page-body .Allocated:after {
content: "Allocated";
font-weight: normal;
font-size: 12px;
}
.shopping-cart-page-body .Allocated > span {
display: none;
}
.shopping-cart-page-body .Backordered {
position: relative;
display: inline-block;
padding: 0 4px;
margin: 4px;
font-size: 12px;
}
.shopping-cart-page-body .Backordered:before {
font-family: FontAwesome;
content: "\f01c";
color: #f39c12;
font-size: 17px;
margin-left: -2px;
margin-right: 4px;
}
.shopping-cart-page-body .Backordered:after {
content: "Backordered";
font-weight: 600;
font-size: 12px;
color: #f39c12;
}
.shopping-cart-page-body .Backordered > span {
display: none;
}
.shopping-cart-page-body .cart-badge {
position: relative;
display: inline-block;
padding: 0 4px;
margin: 4px;
}
.shopping-cart-page-body .cart-badge:before {
font-family: FontAwesome;
content: "";
font-size: 16px;
margin-right: 4px;
}
.shopping-cart-page-body .cart-badge:after {
content: "";
font-weight: normal;
font-size: 12px;
}
.shopping-cart-page-body .cart-badge .tooltip-cart {
display: none;
}
.shopping-cart-page-body .cart-badge.isControlled:before {
content: "\f200";
color: #9ec9e2;
font-size: 17px;
}
.shopping-cart-page-body .cart-badge.isControlled:after {
content: "Account Verification Required";
}
.shopping-cart-page-body .cart-badge.isAscorDisclaimer:before {
content: "\f200";
color: #f39c12;
font-size: 17px;
}
.shopping-cart-page-body .cart-badge.isAscorDisclaimer:after {
content: "ASCOR shipments are currently on hold";
}
.shopping-cart-page-body .cart-badge.isDEA:before {
content: url(/Themes/Pavilion/Content/img/dea-license_badge_icon.png);
vertical-align: text-top;
}
.shopping-cart-page-body .cart-badge.isDEA:after {
content: "DEA-Registered License Required";
}
.shopping-cart-page-body .cart-badge.is503B .rx-icon {
max-width: 20px;
width: 100%;
height: auto;
}
.shopping-cart-page-body .cart-badge.is503B:before {
color: #35b5ac;
font-size: 17px;
}
.shopping-cart-page-body .cart-badge.is503B:after {
content: "503B Outsourcing Facility Compounded Drug";
}
.shopping-cart-page-body .cart-badge.isAllocation:before {
content: "\f200";
color: #29d;
}
.shopping-cart-page-body .cart-badge.isAllocation:after {
content: "On Allocation";
}
.shopping-cart-page-body .cart-badge.isRefrigerate:before {
content: "\f017";
color: #095f91;
vertical-align: middle;
}
.shopping-cart-page-body .cart-badge.isRefrigerate:after {
content: "Ships Overnight";
}
.shopping-cart-page-body .cart-badge.isNoReturn:before {
content: "\f122";
color: #364653;
}
.shopping-cart-page-body .cart-badge.isNoReturn:after {
content: "Not Returnable";
}
.group-product .picture-thumbs.in-carousel {
margin-left: -10px;
}
.group-product .picture-thumbs button + .slick-list {
margin-left: 20px;
}
@media (min-width: 48em) {
.nivo-controlNav {
display: none;
}
.nivo-controlNav.show {
display: block;
}
.shopping-cart-page-body .Allocated {
cursor: default;
}
.shopping-cart-page-body .Allocated > span {
display: none !important;
z-index: 111;
font-size: 12px;
padding: 6px 10px;
font-weight: 100;
position: absolute;
width: 234px;
top: 28px;
left: -11px;
background-color: #fefefe;
}
.shopping-cart-page-body .Allocated > span:before {
font-family: FontAwesome;
content: "\f0de";
position: absolute;
font-size: 30px;
top: -20px;
left: 12px;
}
.shopping-cart-page-body .Allocated:hover > span {
display: inline-block;
border-top: 6px solid #29d;
border-bottom: 1px solid #29d;
border-right: 1px solid #29d;
border-left: 1px solid #29d;
}
.shopping-cart-page-body .Allocated:hover > span:before {
color: #29d;
}
.shopping-cart-page-body .Backordered {
cursor: default;
}
.shopping-cart-page-body .Backordered > span {
z-index: 111;
font-size: 12px;
padding: 6px 10px;
font-weight: 100;
position: absolute;
width: 234px;
top: 28px;
left: -11px;
background-color: #fefefe;
}
.shopping-cart-page-body .Backordered > span:before {
font-family: FontAwesome;
content: "\f0de";
position: absolute;
font-size: 30px;
top: -20px;
left: 12px;
}
.shopping-cart-page-body .Backordered:hover > span {
display: inline-block;
border-top: 6px solid #f39c12;
border-bottom: 1px solid #f39c12;
border-right: 1px solid #f39c12;
border-left: 1px solid #f39c12;
}
.shopping-cart-page-body .Backordered:hover > span:before {
color: #f39c12;
}
.shopping-cart-page-body .cart-badge:hover {
cursor: default;
}
.shopping-cart-page-body .cart-badge:hover .tooltip-cart {
z-index: 111;
font-size: 12px;
padding: 6px 10px;
font-weight: 100;
position: absolute;
width: 234px;
top: 28px;
left: -11px;
display: inline-block;
background-color: #fefefe;
}
.shopping-cart-page-body .cart-badge:hover .tooltip-cart:before {
font-family: FontAwesome;
content: "\f0de";
position: absolute;
font-size: 30px;
top: -20px;
left: 12px;
}
.shopping-cart-page-body .cart-badge.isBackordered:hover .tooltip-cart {
border-top: 6px solid #5bc0de;
border-bottom: 1px solid #5bc0de;
border-right: 1px solid #5bc0de;
border-left: 1px solid #5bc0de;
}
.shopping-cart-page-body .cart-badge.isBackordered:hover .tooltip-cart:before {
color: #5bc0de;
}
.shopping-cart-page-body .cart-badge.isControlled:hover .tooltip-cart {
border-top: 6px solid #9ec9e2;
border-bottom: 1px solid #9ec9e2;
border-right: 1px solid #9ec9e2;
border-left: 1px solid #9ec9e2;
}
.shopping-cart-page-body .cart-badge.isControlled:hover .tooltip-cart:before {
color: #9ec9e2;
}
.shopping-cart-page-body .cart-badge.isAscorDisclaimer:hover .tooltip-cart {
border-top: 6px solid #f39c12;
border-bottom: 1px solid #f39c12;
border-right: 1px solid #f39c12;
border-left: 1px solid #f39c12;
}
.shopping-cart-page-body .cart-badge.isAscorDisclaimer:hover .tooltip-cart:before {
color: #f39c12;
}
.shopping-cart-page-body .cart-badge.isDEA:hover .tooltip-cart {
border-top: 6px solid #494d7e;
border-bottom: 1px solid #494d7e;
border-right: 1px solid #494d7e;
border-left: 1px solid #494d7e;
}
.shopping-cart-page-body .cart-badge.isDEA:hover .tooltip-cart:before {
color: #494d7e;
}
.shopping-cart-page-body .cart-badge.is503B:hover .tooltip-cart {
border-top: 6px solid #35b5ac;
border-bottom: 1px solid #35b5ac;
border-right: 1px solid #35b5ac;
border-left: 1px solid #35b5ac;
}
.shopping-cart-page-body .cart-badge.is503B:hover .tooltip-cart:before {
color: #35b5ac;
}
.shopping-cart-page-body .cart-badge.isAllocation:hover .tooltip-cart {
border-top: 6px solid #29d;
border-bottom: 1px solid #29d;
border-right: 1px solid #29d;
border-left: 1px solid #29d;
}
.shopping-cart-page-body .cart-badge.isAllocation:hover .tooltip-cart:before {
color: #29d;
}
.shopping-cart-page-body .cart-badge.isRefrigerate:hover .tooltip-cart {
border-top: 6px solid #095f91;
border-bottom: 1px solid #095f91;
border-right: 1px solid #095f91;
border-left: 1px solid #095f91;
}
.shopping-cart-page-body .cart-badge.isRefrigerate:hover .tooltip-cart:before {
color: #095f91;
}
.shopping-cart-page-body .cart-badge.isNoReturn:hover .tooltip-cart {
border-top: 6px solid #364653;
border-bottom: 1px solid #364653;
border-right: 1px solid #364653;
border-left: 1px solid #364653;
}
.shopping-cart-page-body .cart-badge.isNoReturn:hover .tooltip-cart:before {
color: #364653;
}
}
.search-icon {
cursor: pointer;
position: relative;
top: 0;
right: 60px;
display: inline-block;
vertical-align: middle;
}
.search-icon:before {
z-index: 99;
font: normal 200 20px Verdana, sans-serif;
color: #807ea3 !important;
cursor: default;
background-image: none;
background-color: transparent;
}
.search-icon.empty:before {
position: absolute;
top: -15px;
right: -50px;
content: "×";
cursor: pointer;
}
.category-grid .sub-category-item {
padding-bottom: 50px;
background-color: #ffffff;
/*margin-bottom: 8px;*/
}
.category-grid .sub-category-item .picture {
padding: 4px 20px 0;
overflow: visible;
background-color: #ffffff;
}
.category-grid .sub-item-box {
padding: 0px !important;
}
.category-grid .sub-item-box .picture img {
max-width: 100%;
margin: auto;
-webkit-transform: translateZ(0) scale(1, 1);
-moz-transform: translateZ(0) scale(1, 1);
-ms-transform: translateZ(0) scale(1, 1);
-o-transform: translateZ(0) scale(1, 1);
transform: translateZ(0) scale(1, 1);
}
.category-grid .item-grid {
padding-bottom: 25px;
}
.category-grid .item-grid .sub-category-item .title {
/*position: absolute;*/
top: auto;
bottom: 0;
left: 0;
right: 0;
background-color: #ffffff;
padding-bottom: 0;
display: table;
height: 50px;
line-height: 15px;
width: 100%;
font-size: 14px;
margin-bottom: 10px;
}
.category-grid .item-grid .sub-category-item .title a {
display: table-cell;
vertical-align: middle;
text-align: center;
background-color: #ffffff;
padding: 0 10px;
}
.categories-mobile .item-box .picture {
padding: 4px 20px 0;
overflow: visible;
background-color: #ffffff;
}
.categories-mobile > h2.title {
margin: 0 0 20px;
font-family: Open Sans, sans-serif;
font-weight: 700;
color: #0588d3;
border-bottom: 1px solid #dddddd;
padding: 0 0 5px;
text-align: center;
font-size: 22px;
text-transform: uppercase;
}
.form-button-mcguff {
min-width: 120px;
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-align: center;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.form-button-mcguff:hover {
outline-color: #0588d3;
}
.input-width {
width: 100%;
}
.colored {
color: #0588d3;
}
.space {
height: 30px;
}
.pad {
margin: 15px 0;
}
.table-tierPrice {
margin: 10px 0;
}
.table-tierPrice th {
border: 1px solid #f0f0f0;
font-size: 13px;
}
.table-tierPrice tbody tr:nth-of-type(odd):not(:first-child) {
background-color: rgba(255, 255, 255, 0.22);
}
.product-list-sku-mfg span {
display: block;
}
.product-list-sku-mfg .label {
font-size: 12px;
color: #999999;
font-weight: 100;
}
.manufacturer-page-body .item-box .actual-price {
font-size: 18px;
color: #0588d3;
}
.manufacturer-page-body .row.product-list-sku-mfg {
display: block;
}
#algoliaSearchPane h3.hit-price {
font-size: 18px;
color: #0588d3;
}
#algoliaSearchPane h3.hit-price span {
font-size: 0.8em;
font-weight: normal;
}
#algoliaSearchPane .row.product-list-sku-mfg {
display: block;
}
.mfg-num-long {
font-size: 0.9em !important;
}
.button-orders {
width: 100%;
background-color: #e9e9e9;
min-width: 120px;
border: none;
color: #777;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.button-orders:hover {
outline: 1px solid #0588d3;
background-color: #0588d3;
color: #ffffff;
}
.button-orders.active {
background-color: #0588d3;
color: #ffffff;
}
.button-order-detail {
width: 100%;
background-color: #e9e9e9;
min-width: 120px;
border: none;
color: #777;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
width: auto;
padding: 10px 12px;
}
.button-order-detail:hover {
outline: 1px solid #0588d3;
background-color: #0588d3;
color: #ffffff;
}
.extra-field-honey {
display: none;
}
.compare-buttons-mobile {
width: 110px;
}
.line-light {
border-top: solid 1px #efefef;
padding: 0 0 20px 0;
margin: 20px 0 0;
font-size: 0;
line-height: 0;
}
.pass-block {
margin: 10px 0;
}
.light-font {
font-weight: 100;
}
.wishlist-wrapper {
display: none;
width: 128px;
position: absolute;
top: 78px;
right: 0;
font-size: 13px;
background-color: #275073;
padding: 2px 0 4px;
height: 24px;
margin: 0;
vertical-align: middle;
text-align: center;
}
.wishlist-wrapper.cartNotEmpty {
display: none;
width: 204px;
}
progress {
display: inline-block;
vertical-align: baseline;
}
@keyframes progress-bar-stripes {
from {
background-position: 40px 0;
}
to {
background-position: 0 0;
}
}
.pwstrength_viewport_progress {
position: relative;
padding-right: 0;
padding-left: 0;
}
.pwstrength_viewport_progress.thirty .progress:after {
opacity: 1;
}
.progress {
height: 16px;
text-align: center;
margin-bottom: 4px;
overflow: hidden;
background-color: #f5f5f5;
border-radius: 0;
border-right: 3px solid #ffffff;
}
.progress.active .progress-bar {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
-moz-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.password-verdict {
opacity: 0;
left: 0;
padding-left: 10px;
}
.password-verdict.verdict-show {
opacity: 1;
top: 0;
font-size: 12px;
position: absolute;
}
.pwstrength_viewport_verdict {
padding-right: 0;
padding-left: 0;
color: #666;
font-size: 12px;
line-height: 13px;
background-color: #f5f5f5;
height: 16px;
text-align: center;
}
.progress-bar {
float: left;
width: 0;
height: 100%;
font-size: 10px;
line-height: 16px;
color: #ffffff;
text-align: center;
-webkit-transition: width 0.6s ease, background-color 0.6s ease;
-o-transition: width 0.6s ease, background-color 0.6s ease;
-moz-transition: width 0.6s ease, background-color 0.6s ease;
transition: width 0.6s ease, background-color 0.6s ease;
}
.progress-bar.active {
-webkit-animation: progress-bar-stripes 2s linear infinite;
-o-animation: progress-bar-stripes 2s linear infinite;
-moz-animation: progress-bar-stripes 2s linear infinite;
animation: progress-bar-stripes 2s linear infinite;
}
.progress-striped .progress-bar {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
}
.progress-striped .progress-bar-success {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-striped .progress-bar-info {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-striped .progress-bar-warning {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-striped .progress-bar-danger {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-striped {
background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
-webkit-background-size: 40px 40px;
background-size: 40px 40px;
}
.progress-bar-success {
background-color: #4fbb41;
}
.progress-bar-info {
background-color: #5bc0de;
}
.progress-bar-warning-before {
background-color: #8fbf38;
}
.progress-bar-warning {
background-color: #fcbc14;
}
.progress-bar-warning-after {
background-color: #f49c1e;
}
.progress-bar-danger {
background-color: #d9534f;
}
.dr-fields {
display: none;
}
.dr-fields .custom-attributes {
display: none;
}
.product-footer-notice {
text-align: left;
font-weight: 100;
padding: 10px 15px;
font-size: 12px;
}
.product-footer-notice p {
margin: 5px 0;
}
.product-footer-notice p:first-child {
font-weight: bold;
}
.product-footer-notice .line-light {
padding: 0 0 6px 0;
margin: 6px 0 0;
}
.product-footer-notice .line-light:nth-child(n+3) {
border-top: 0 solid #ccc;
padding: 0 0 3px 0;
margin: 3px 0 0;
}
.product-disclaimer-notice {
background-color: #f9f9f9;
text-align: left;
font-weight: 100;
padding: 10px 15px;
border-style: solid;
border-width: 1px;
border-color: #f0f0f0 #e9e9e9 #e9e9e9;
background-color: transparent;
padding: 0;
border-style: none;
border-width: 0;
border-color: #f0f0f0 #e9e9e9 #e9e9e9;
}
.product-disclaimer-notice .line-light {
padding: 0 0 6px 0;
margin: 6px 0 0;
}
.product-disclaimer-notice .line-light:nth-child(n+3) {
border-top: 0 solid #ccc;
padding: 0 0 3px 0;
margin: 3px 0 0;
}
.about-us-dropdown {
cursor: default;
}
.slider-wrapper {
position: relative;
}
.slider-wrapper .mcguff-caption {
display: block;
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
width: 100%;
z-index: 9;
background-color: transparent;
/*-moz-transition: opacity .3s ease-in 0s;
-o-transition: opacity .3s ease-in 0s;
-webkit-transition: opacity .3s ease-in 0s;
transition: opacity .3s ease-in 0s;
&.on{
opacity:1;
}*/
}
.slider-wrapper .mcguff-caption .slider-price {
pointer-events: none;
position: absolute;
bottom: 0;
left: 0;
height: 250px;
width: 380px;
text-align: center;
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
}
@media (max-width: 767px) {
.slider-wrapper .mcguff-caption .slider-price {
left: 2px;
}
}
.slider-wrapper .mcguff-caption .slider-price > span {
position: relative;
margin-top: 20px;
line-height: 10px;
font-size: 13px;
color: #fff;
display: block;
}
@media (max-width: 767px) {
.slider-wrapper .mcguff-caption .slider-price > span {
margin-top: 15px;
}
}
.slider-wrapper .mcguff-caption .slider-price > strong {
position: relative;
line-height: 60px;
font-size: 50px;
color: #fff;
display: block;
}
@media (max-width: 767px) {
.slider-wrapper .mcguff-caption .slider-price > strong {
line-height: 55px;
}
}
.slider-wrapper .mcguff-caption .slider-price > i {
position: relative;
line-height: 60px;
font-size: 22px;
color: #fff;
display: block;
font-style: normal;
}
.slider-wrapper .mcguff-caption p a {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
width: 100%;
}
a.clear-all-trigger-nop {
display: inline-block;
color: #bbb;
font-size: 14px;
}
#nprogress {
pointer-events: none;
z-index: 1100;
}
#nprogress .bar {
background: #29d;
display: none;
position: fixed;
z-index: 1031;
top: 0;
left: 0;
width: 100%;
height: 2px;
}
#nprogress .peg {
display: block;
position: absolute;
right: 0;
width: 100px;
height: 100%;
box-shadow: 0 0 10px #29d, 0 0 5px #29d;
opacity: 1;
-webkit-transform: rotate(3deg) translate(0px, -4px);
-ms-transform: rotate(3deg) translate(0px, -4px);
-moz-transform: rotate(3deg) translate(0px, -4px);
-o-transform: rotate(3deg) translate(0px, -4px);
transform: rotate(3deg) translate(0px, -4px);
}
#nprogress .spinner {
display: block;
position: fixed;
z-index: 1031;
top: 20px;
right: 20px;
}
#nprogress .spinner-icon {
width: 18px;
height: 18px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
border: solid 2px transparent;
border-top-color: #29d;
border-left-color: #29d;
border-radius: 50%;
-webkit-animation: nprogress-spinner 400ms linear infinite;
-moz-animation: nprogress-spinner 400ms linear infinite;
-o-animation: nprogress-spinner 400ms linear infinite;
animation: nprogress-spinner 400ms linear infinite;
}
.nprogress-custom-parent {
position: relative;
}
.nprogress-custom-parent #nprogress .spinner {
position: absolute;
}
.nprogress-custom-parent #nprogress .bar {
position: absolute;
}
@-webkit-keyframes nprogress-spinner {
0% {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@-moz-keyframes nprogress-spinner {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
@keyframes nprogress-spinner {
0% {
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
-o-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-moz-transform: rotate(360deg);
-ms-transform: rotate(360deg);
-o-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
}
.eu-cookie-bar-notification button {
background-color: #0588d3;
}
.newsletter-email .newsletter-subscribe-button {
background-color: #0588d3;
background-image: none;
background-color: #ffffff;
font-size: 20px;
color: #0588d3;
}
.newsletter-page .page-title {
text-transform: none !important;
}
.poll .buttons input {
background-color: #0588d3;
}
.poll .buttons input:hover {
outline-color: #0588d3;
}
.product-review-box .rating div {
background-color: #0588d3;
}
.download-sample-button:hover {
background-color: #0588d3;
}
.back-in-stock-subscription .subscribe-button:hover {
background-color: #f9f9f9;
}
.back-in-stock-subscription-page .button-1 {
background-color: #0588d3;
}
.back-in-stock-subscription-page .button-1:hover {
outline-color: #0588d3;
}
.ui-tabs .ui-tabs-nav li a {
font-size: 14px;
}
.ui-tabs .ui-tabs-nav li a:after {
background-color: #0588d3;
}
.ui-tabs .ui-tabs-nav li.ui-state-active {
color: #ffffff;
background-color: #0588d3;
}
.write-review .button-1 {
background-color: #0588d3;
}
.write-review .button-1:hover {
outline-color: #0588d3;
}
.enter-password-form input[type=submit] {
background-color: #0588d3;
}
.enter-password-form input[type=submit]:hover {
outline-color: #0588d3;
}
.email-a-friend-page .button-1 {
background-color: #0588d3;
}
.email-a-friend-page .button-1:hover {
outline-color: #0588d3;
}
.apply-vendor-page .button-1 {
background-color: #0588d3;
}
.apply-vendor-page .button-1:hover {
outline-color: #0588d3;
}
#check-availability-button:hover {
background-color: #0588d3;
}
.registration-result-page .button-1 {
background-color: #0588d3;
}
.registration-result-page .button-1:hover {
outline-color: #0588d3;
}
.downloadable-products-page .download a:hover {
background-color: #0588d3;
}
.order-progress li.active-step a {
background-color: #0588d3;
}
.order-progress li.active-step a:after {
border-left-color: #0588d3;
}
.checkout-page .button-1 {
background-color: #0588d3;
}
.checkout-page .button-1:hover {
outline-color: #0588d3;
}
.basic-search .inputs.reversed label:after {
background-color: #0588d3;
font-family: FontAwesome;
content: "\f078";
position: absolute;
top: 0;
right: 19px;
width: 10px;
height: 10px;
background-image: none;
background-color: transparent;
}
.search-input .button-1 {
background-color: #0588d3;
}
.search-input .button-1:hover {
outline-color: #0588d3;
}
.new-comment .button-1 {
background-color: #0588d3;
}
.new-comment .button-1:hover {
outline-color: #0588d3;
}
.news-list-homepage .view-all a {
background-color: #0588d3;
}
.news-list-homepage .view-all a:hover {
outline-color: #0588d3;
}
.forum-search-box .search-box-button {
background-color: #0588d3;
}
.forum-actions .actions a:hover {
background-color: #0588d3;
}
.topic-actions .actions a:hover {
background-color: #0588d3;
}
.profile-info-box .pm-button:hover {
background-color: #0588d3;
}
.infinite-scroll-loader:before {
background-color: #0588d3;
}
.nivo-directionNav a {
display: block;
top: 50%;
width: 30px;
height: 50px;
margin-top: -25px;
font-size: 0;
opacity: 0.4;
-moz-transition: all 0.2s ease;
-o-transition: all 0.2s ease;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.nivo-directionNav a.nivo-nextNav {
background-image: none;
}
.nivo-directionNav a.nivo-nextNav:before {
font-family: FontAwesome;
content: "\f054";
color: #ffffff;
font-size: 22px;
line-height: 52px;
margin-left: 7px;
}
.nivo-directionNav a.nivo-prevNav {
background-image: none;
}
.nivo-directionNav a.nivo-prevNav:before {
font-family: FontAwesome;
content: "\f053";
color: #ffffff;
font-size: 22px;
line-height: 52px;
margin-left: 5px;
}
.nivo-directionNav a:hover {
background-color: #0588d3;
}
.nivo-controlNav a:hover {
background-color: #0588d3;
}
.nivo-controlNav a.active {
background-color: #0588d3;
}
.products-carousel .item-info .actual-price {
color: #0588d3;
}
.products-carousel .item-info .actual-price:not(:first-child) {
padding-left: 0;
}
.products-carousel .item-info .rating div {
background-color: #0588d3;
}
.products-carousel .item-info .button a span:before {
background-color: #0588d3;
}
.products-carousel .item-info .button a span:after {
background-color: #0588d3;
}
.previous-product a {
-moz-transition: none !important;
-o-transition: none !important;
-webkit-transition: none !important;
transition: none !important;
}
.previous-product a:hover {
background-color: #0588d3;
}
.previous-product a:before {
left: 0;
background-image: none;
font-family: FontAwesome;
content: "\f053";
-moz-transition: none !important;
-o-transition: none !important;
-webkit-transition: none !important;
transition: none !important;
}
.next-product a {
-moz-transition: none !important;
-o-transition: none !important;
-webkit-transition: none !important;
transition: none !important;
}
.next-product a:hover {
background-color: #0588d3;
}
.next-product a:after {
right: 0;
background-image: none;
font-family: FontAwesome;
content: "\f054";
-moz-transition: none !important;
-o-transition: none !important;
-webkit-transition: none !important;
transition: none !important;
}
.post-navigation a:hover {
background-color: #0588d3;
}
.theme-roller .open-button:hover {
background-color: #0588d3;
}
.k-edit-buttons.k-state-default button.k-dialog-insert.k-button {
background-color: #0588d3;
}
button.ticket-info-button.k-button:before {
background-color: #0588d3;
}
.ticket-buttons .tb-right .k-button.show-reply-button:before {
background-color: #0588d3;
}
.ticket-buttons .tb-right .k-button.mark-resolved-button:before {
background-color: #0588d3;
}
.ticket-buttons .tb-right .k-button.notes-button:before {
background-color: #0588d3;
}
.ticket-buttons .tb-right .k-button.edit-ticket-button:before {
background-color: #0588d3;
}
.ticket-buttons .tb-right .k-button.delete-ticket-button:before {
background-color: #0588d3;
}
#submit-reply .buttons .k-button {
background-color: #0588d3;
}
#submit-reply .buttons .k-button:hover {
outline-color: #0588d3;
}
.my-tickets-page .clear-filters {
background-color: #0588d3;
}
.my-tickets-page .clear-filters:hover {
outline-color: #0588d3;
}
.manage-tickets-page .clear-filters {
background-color: #0588d3;
}
.manage-tickets-page .clear-filters:hover {
outline-color: #0588d3;
}
.k-pager-numbers span.k-state-selected {
background-color: #0588d3;
}
.k-widget.confirmation-wrapper button {
background-color: #0588d3;
}
.footer-powered-by a {
color: #0588d3;
}
.footer-designed-by a {
color: #0588d3;
}
.product-tags-all-page li a:hover {
color: #0588d3;
}
.sub-category-item:hover .title a {
color: #0588d3;
}
.manufacturer-item:hover .title a {
color: #0588d3;
}
.manufacturer-details .inner-title {
color: #0588d3;
}
.vendor-list li a:hover {
color: #0588d3;
}
.product-tags-list a:hover {
color: #0588d3;
}
.product-review-helpfulness .vote:hover {
color: #0588d3;
}
.wishlist-page .share-info a {
color: #0588d3;
}
.accept-privacy-policy .read {
color: #0588d3;
}
.return-request-list-page a:hover {
color: #0588d3;
}
.avatar-page .remove-avatar-button:hover {
color: #0588d3;
}
.terms-of-service a {
color: #0588d3;
}
.order-completed .details a {
color: #0588d3;
}
.sitemap-page a:hover {
color: #0588d3;
}
.news-items .read-more {
color: #0588d3;
}
.forum-search-page .search-error {
color: #0588d3;
}
.private-messages-page .pm-unread {
color: #0588d3;
}
.profile-page .topic-title a:hover {
color: #0588d3;
}
.filtersGroupPanel li .filter-item-name {
padding: 4px 35px 4px 60px;
}
.filtersGroupPanel li .filter-item-name:hover {
cursor: pointer;
}
.filtersGroupPanel li.checked .filter-item-name {
color: #0588d3;
background-color: #ffffff;
font-weight: bold;
}
.filtersGroupPanel li.checked .filter-item-name:hover:before {
content: "";
background: url(/Themes/Pavilion/Content/img/checkbox_icons.png) no-repeat;
background-position: -74px -1px;
border: 0 solid #dddddd;
}
.instant-search-item .detail .price {
color: #0588d3;
}
.categories-carousel .item-holder:hover h3 {
color: #0588d3;
}
.blog-instant-search .k-item.rich-blog-autocomplete-last-item {
color: #0588d3;
}
.category-list li a {
color: #0588d3;
}
.related-posts-list li a {
color: #0588d3;
}
.manufacturer-description p {
margin: 20px 0;
line-height: 30px;
}
.full-description p {
margin: 20px 0;
text-align: left;
}
.topic-html-content p {
margin: 20px 0;
line-height: 30px;
}
.custom-tab p {
margin: 20px 0;
line-height: 30px;
}
.ui-datepicker-calendar .ui-state-active {
background-color: #364653;
outline-color: #364653;
}
.compare-products-table .product-price td {
color: #0588d3;
}
.cart-total .order-total {
color: #0588d3;
}
.productAddedToCartWindowDescription .price {
color: #0588d3;
}
.category-navigation-list-wrapper a {
color: #5a6b79;
}
.homepage-middle-wrapper .title {
font-weight: 800;
letter-spacing: -0.05em;
font-weight: 800;
letter-spacing: -0.05em;
font-family: Open Sans, sans-serif;
font-weight: 700;
color: #0588d3;
}
.home-page-product-grid .title {
font-weight: 800;
letter-spacing: -0.05em;
}
.topic-block-title h2 {
font-weight: 800;
letter-spacing: -0.05em;
font-weight: 800;
letter-spacing: -0.05em;
font-family: Open Sans, sans-serif;
font-weight: 700;
color: #0588d3;
}
.contact-us-footer {
padding: 20px;
}
.contact-us-footer h3, .contact-us-footer li {
color: #fff;
}
.contact-us-footer .list {
margin-top: 5px;
}
.secondary-adj.quick-contact li {
position: relative;
/*padding-left: 24px;*/
/*&.phone div:before {
content: "\f095";
font-size: 19px;
}*/
/*&.address div:before {
content: "\f041";
}*/
}
.secondary-adj.quick-contact li div:before {
font-size: 20px;
line-height: 20px;
left: 33px;
font-family: FontAwesome;
position: absolute;
top: 6px;
color: #777;
}
.secondary-adj.quick-contact li.email div {
content: "\f0e0";
font-size: 15px;
/* &:before {
content: "\f0e0";
font-size: 15px;
top: 4px;
}*/
}
.secondary-adj.quick-contact ul.list li {
color: #ccc;
}
.secondary-adj.quick-contact ul.list li a {
color: #ccc;
}
.secondary-adj.quick-contact div:before {
background-color: transparent !important;
background-image: none !important;
}
.cart-trigger:before {
position: absolute;
top: -1px;
left: -6px;
width: 34px;
height: 52px;
color: #ffffff !important;
font-family: FontAwesome;
font-size: 20px !important;
text-align: center;
content: "\f07a";
}
.header-selectors-wrapper label {
background-image: none;
}
.header-selectors-wrapper label:before {
color: #888 !important;
font-family: FontAwesome;
font-size: 14px !important;
text-align: center;
content: "\f013";
margin-right: 8px;
}
.bestsellers button.button-2 {
background-color: #f9f9f9;
background-image: none !important;
}
.bestsellers button.button-2 > i.fa.fa-shopping-cart {
display: none !important;
}
.featured-product-list button.button-2 {
background-color: #f9f9f9;
background-image: none !important;
}
.featured-product-list button.button-2 > i.fa.fa-shopping-cart {
display: none !important;
}
.spc.spc-categories.landscape button.button-2:hover > i.fa.fa-shopping-cart {
color: #0588d3;
}
.category-products .bestsellers button.button-2 > i.fa.fa-shopping-cart {
margin-top: 10px;
font-size: 15px;
}
.button-2.product-box-add-to-cart-button .fa.fa-shopping-cart {
display: none;
}
.overview-bottom .delivery > div {
background-image: none;
padding: 0;
}
.free-shipping .fa-truck {
font-size: 1.2em;
}
.social-sharing a {
display: block;
width: 32px;
height: 32px;
background-image: none;
font-size: 15px;
color: #ffffff;
opacity: 0.6;
}
.social-sharing a:hover {
opacity: 1;
}
.social-sharing a i.fa {
margin-left: 10px;
}
.social-sharing a i.fa.fa-google-plus {
font-size: 15px;
}
.social-sharing a i.fa.fa-pinterest-p {
font-size: 15px;
}
.social-sharing a i.fa.fa-twitter {
font-size: 17px;
}
.social-sharing a i.fa.fa-facebook {
margin-left: 14px;
font-size: 15px;
}
.product-social-buttons li a {
background-image: none;
background-color: #444444;
}
.product-social-buttons li.google a {
width: 26px;
height: 24px;
background-image: none;
background-color: #444444;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.product-social-buttons li.google a:before {
position: absolute;
font-family: FontAwesome;
content: "\f0d5";
margin: 1px 0 0 5px;
font-size: 12px;
}
.product-social-buttons li.facebook a:before {
position: absolute;
font-family: FontAwesome;
content: "\f09a";
margin: 0 0 0 9px;
font-size: 14px;
}
.product-social-buttons li.pinterest a:before {
position: absolute;
font-family: FontAwesome;
content: "\f231";
margin: 1px 0 0 8px;
font-size: 14px;
}
.continue-shopping-button .fa {
font-size: 18px;
padding-right: 3px;
color: #0588d3;
}
.update-cart-button .fa {
font-size: 18px;
padding-right: 3px;
color: #0588d3;
font-size: 16px;
}
.nopAjaxFilters7Spikes .filtersGroupPanel .selected-options-list label {
float: left;
display: block;
width: 100%;
color: #0588d3;
margin: 4px 0 0;
font-weight: bold;
font-size: 14px !important;
}
.review-rating > fieldset {
border: none;
display: inline-block;
font-family: FontAwesome;
margin: 0 auto;
}
.review-rating > fieldset:not(:checked) > input {
position: absolute;
left: -9999px;
clip: rect(0, 0, 0, 0);
}
.review-rating > fieldset:not(:checked) > label {
float: right;
width: 1.2em;
padding: 0 0.05em;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
font-size: 28px;
color: #0588d3;
}
.review-rating > fieldset:not(:checked) > label:before {
content: "\f006";
}
.review-rating > fieldset:not(:checked) > label:hover {
color: #0588d3;
}
.review-rating > fieldset:not(:checked) > label:hover ~ label {
color: #0588d3;
}
.review-rating > fieldset:not(:checked) > label:hover ~ label:before {
content: "\f005";
}
.review-rating > fieldset:not(:checked) > label:hover:before {
content: "\f005";
}
.review-rating > fieldset > input:checked ~ label:before {
content: "\f005";
}
.review-rating > fieldset > label:active {
position: relative;
}
.validation-summary-errors li {
font-weight: bold;
}
.pdf_contents .cat-img-col {
float: left;
width: 33.33333333%;
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.topic-page-body .page .catalogs {
text-align: left;
}
.topic-page-body .page .faq {
text-align: left;
}
table.table-hours {
margin: 10px 0;
}
.table-striped tbody tr:nth-of-type(odd) {
background-color: rgba(255, 255, 255, 0.7);
}
.blog-search-box {
display: none;
}
.blog-search-box .search-box-button {
position: absolute;
top: 0;
right: 0;
width: 40px;
height: 40px;
border: none;
background-image: none;
font-size: 0;
}
.blog-search-box .search-box-button:before {
font-family: FontAwesome;
content: "\f002";
font-size: 14px;
color: #555555;
}
.blog-search-box .search-box-button:hover:before {
color: #ffffff;
}
.category-navigation-list > li.exam-menu > .sublist-wrap > .sublist > li {
padding: 6px 4px;
background-color: #f5f5f5;
border: 1px solid #ffffff;
}
.category-navigation-list > li.exam-menu > .sublist-wrap > .sublist > li:hover {
background-color: #e9e9e9;
}
.category-navigation-list > li.exam-menu > .sublist-wrap > .sublist > li > a {
margin: 0;
border-bottom: 0;
padding: 0;
font-weight: normal;
text-transform: none;
line-height: 14px;
}
.category-navigation-list > li.exam-menu > .sublist-wrap > .sublist > li:nth-child(5n+1) {
clear: none;
}
.category-navigation-list > li.exam-menu > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li {
padding: 2px 0;
}
#no-results-message .clear-all:after {
position: relative;
top: 0;
}
.selected-options a.toggleControl {
pointer-events: none;
cursor: default;
}
figure.testimonial {
font-family: Open Sans, Arial, sans-serif;
position: relative;
float: left;
overflow: hidden;
/* margin: 10px 1%;*/
width: 100%;
color: #444444;
text-align: left;
box-shadow: none !important;
}
figure.testimonial * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
figure.testimonial blockquote {
display: block;
/* border-radius: 8px;*/
position: relative;
/*background-color: $white_f0;*/
padding: 45px 15px;
font-size: 0.8em;
font-weight: 500;
margin: 0 0 -50px;
line-height: 1.6em;
/*box-shadow: 0 0 5px $black_15;*/
/* &:hover {
background-color: $grey_e5;
}*/
}
figure.testimonial blockquote:before {
font-family: FontAwesome;
content: "“";
position: absolute;
font-size: 50px;
opacity: 0.3;
font-style: normal;
top: 35px;
left: 20px;
}
figure.testimonial blockquote:after {
font-family: FontAwesome;
content: "“";
position: absolute;
font-size: 50px;
opacity: 0.3;
font-style: normal;
content: "”";
right: 20px;
bottom: 12px;
}
figure.testimonial .author {
margin: 0;
text-transform: uppercase;
text-align: center;
color: #ffffff;
}
figure.testimonial .author .fa {
font-size: 70px;
color: #dddddd;
margin-top: 2px;
}
figure.testimonial .author h5 {
opacity: 0.8;
margin: 0;
font-weight: 800;
line-height: 15px;
}
figure.testimonial .author h5 span {
font-weight: 400;
text-transform: none;
display: block;
}
figure.testimonial .author h5 span.location {
font-weight: 400;
text-transform: none;
display: block;
}
.home-page-body figure.testimonial blockquote {
min-height: 170px;
}
.testimonial-page figure.testimonial blockquote {
font-size: 14px;
}
.priceRangeFilterPanel7Spikes .filtersGroupPanel {
padding: 15px 30px;
}
.product-item .price.actual-price {
color: #0588d3;
}
.shopping-cart-link .cartCount {
display: none;
}
.accepted-payments li {
display: inline-block;
width: 50px;
height: 30px;
margin: 0 4px;
background: url(/Themes/Pavilion/Content/img/cc-sprites.png) no-repeat;
background-size: 298px 46px;
}
.accepted-payments li.cc-discover {
background-position: -176px -7px;
width: 50px;
height: 30px;
}
.accepted-payments li.cc-amex {
background-position: -121px -7px;
width: 50px;
height: 30px;
}
.accepted-payments li.cc-mastercard {
background-position: -64px -7px;
width: 50px;
height: 30px;
}
.accepted-payments li.cc-visa {
background-position: -7px -7px;
width: 50px;
height: 30px;
}
.accepted-payments li.cc-chase {
background-position: -232px -7px;
width: 50px;
height: 30px;
}
.product-specs-box .data-table td {
text-align: left;
}
.inputs label {
white-space: normal;
}
.mfp-bottom-bar .mfp-title {
display: none;
}
.product-list.nop7SpikesAjaxFiltersGrid .row.product-list-sku-mfg {
font-size: 12px;
margin: 20px -15px 40px;
}
.header .phone-info {
display: inline-block;
padding: 0 0 0 9px;
background-repeat: no-repeat;
line-height: 42px;
font-weight: 100;
color: #ffffff;
}
.header .phone-info span {
font-weight: bold;
font-size: 16px;
margin-left: 4px;
}
.about-links ul li span.break {
text-transform: none;
display: block;
}
.product-essential .additional-details {
position: relative;
}
.change-password-page div.result {
display: block;
position: relative;
margin: 9px;
padding: 14px 34px 14px 44px;
font-size: 13px;
font-weight: bold;
background-color: #ffffff;
color: #ffffff;
}
.change-password-page div.result:before {
content: "";
font-family: FontAwesome;
font-size: 22px;
color: #ccc;
position: absolute;
top: 14px;
left: 12px;
}
.change-password-page div.result.success {
background-color: #4fbb41;
}
.change-password-page div.result.success:before {
content: "\f00c";
color: #328d27;
}
.change-password-page div.result.fail {
background-color: #e56363;
}
.change-password-page div.result.fail:before {
content: "\f071";
font-family: FontAwesome;
color: #c14343;
}
.product-price small {
text-transform: capitalize !important;
}
.mainpass .row {
margin-left: 0;
margin-right: 0;
}
#quickTab-1 .product-disclaimer-notice p {
line-height: 17px;
}
.filtersPanel {
min-height: 260px;
position: relative;
}
.filtersPanel.no-minheight {
min-height: 0;
}
.filtersPanel .loader {
top: 40%;
}
.filtersPanel .selected-options {
display: none !important;
}
.footer-disclaimer p {
margin: 10px 0;
}
.footer-disclaimer p a {
color: #999999;
}
.footer-disclaimer p a:hover {
color: #ccc;
}
.footer-disclaimer p:not(:first-child) {
font-size: 13px;
}
input[type=text], input[type=password], textarea {
height: 36px;
border: 1px solid #dddddd;
padding: 0 8px;
vertical-align: middle;
color: #777;
}
.header-menu > ul li.mobile-offcanvas-contact {
padding: 10px 20px;
background-color: #e9e9e9;
}
.header-menu > ul li.mobile-offcanvas-contact p {
font-weight: 100;
margin: 8px 0;
}
.header-menu > ul li.mobile-offcanvas-contact p strong {
font-weight: normal;
}
#recaptcha {
-webkit-transform-origin: left top;
-moz-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
}
.feedback-body .message-error {
margin: 0 40px;
}
.feedback-body .message-error .validation-summary-errors ul {
padding: 5px 10px;
text-align: center;
}
.noresult-recently-viewed li {
width: 208px !important;
}
.ajaxCart .k-window-titlebar {
background-color: #f9f9f9;
}
.ajaxCart .k-window-titlebar .k-window-actions {
top: 8px;
right: 10px;
}
.ajaxCart .k-window-titlebar .k-window-actions a {
background-color: transparent;
background-image: none;
text-align: center;
}
.ajaxCart .k-window-titlebar .k-window-actions a:before {
font-family: Verdana;
font-size: 28px;
line-height: 32px;
font-weight: 100;
content: "×";
color: #999999;
}
.ajaxCart .productAddedToCartWindow .continueShoppingLink {
min-width: 145px;
border: none;
background-color: #ccc;
padding: 13px 25px;
font-size: 13px;
font-weight: bold;
color: #fff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.1s ease;
-o-transition: all 0.1s ease;
-webkit-transition: all 0.1s ease;
transition: all 0.1s ease;
border-radius: 3px;
}
.ajaxCart .productAddedToCartWindow .continueShoppingLink:hover {
color: #fff;
}
.ajaxCart .productAddedToCartWindow .productAddedToCartItem {
display: inline-block;
}
.ajaxCart .productAddedToCartWindow .title {
padding: 6px 25px;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}
.ajaxCart .productAddedToCartWindow .title strong {
font-size: 20px;
font-weight: 400;
text-transform: capitalize;
color: #666;
}
.ajaxCart .productAddedToCartWindow .productAddedToCartWindowTitle {
padding-top: 6px;
text-transform: capitalize;
font-size: 20px;
font-weight: 500;
color: #666;
}
.ajaxCart .productAddedToCartWindow .productAddedToCartWindowTitle:before {
font-family: FontAwesome;
font-size: 26px;
content: "\f00c";
margin-right: 6px;
color: #4fbb41;
}
.ajaxCart .productAddedToCartWindow .productAddedToCartWindowSummary {
border-top: 0;
}
.ajaxCart .productAddedToCartWindow .related-products-grid {
/* to make scrollbars always visible */
margin: 0;
}
.ajaxCart .productAddedToCartWindow .related-products-grid .grid-fade {
pointer-events: none;
z-index: 20;
position: absolute;
bottom: 100px;
height: 230px;
width: 50px;
background-size: 50px 270px;
opacity: 0;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.ajaxCart .productAddedToCartWindow .related-products-grid .grid-fade.grid-left {
left: 10px !important;
background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
background: linear-gradient(-90deg, hsla(0, 0%, 100%, 0), #fff);
}
.ajaxCart .productAddedToCartWindow .related-products-grid .grid-fade.grid-right {
right: 10px !important;
background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), to(#fff));
background: linear-gradient(90deg, hsla(0, 0%, 100%, 0), #fff);
}
.ajaxCart .productAddedToCartWindow .related-products-grid .grid-fade.grid-on {
opacity: 1;
}
.ajaxCart .productAddedToCartWindow .related-products-grid .grid-fade-left {
left: 0 !important;
}
.ajaxCart .productAddedToCartWindow .related-products-grid h4.prodlist-mfg {
min-height: 10px;
}
.ajaxCart .productAddedToCartWindow .related-products-grid .manufacturers {
font-size: 12px;
}
.ajaxCart .productAddedToCartWindow .related-products-grid .ps-container > .ps-scrollbar-x-rail,
.ajaxCart .productAddedToCartWindow .related-products-grid .ps-container > .ps-scrollbar-y-rail,
.ajaxCart .productAddedToCartWindow .related-products-grid .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
opacity: 1 !important;
}
.ajaxCart .productAddedToCartWindow .related-products-grid .ps-container > .ps-scrollbar-x-rail {
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
bottom: 3px;
height: 11px;
margin-left: 2px !important;
background-color: #eee;
opacity: 0.9;
-ms-filter: "alpha(Opacity=90)";
filter: alpha(opacity=90);
}
.ajaxCart .productAddedToCartWindow .related-products-grid .ps-container > .ps-scrollbar-x-rail > .ps-scrollbar-x {
background-color: #0588d3;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
-ms-border-radius: 8px;
border-radius: 8px;
bottom: 0;
height: 11px;
}
.ajaxCart .productAddedToCartWindow .related-products-grid .product-title {
padding: 0 4px;
white-space: normal;
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
height: 31.2px; /* Fallback for non-webkit */
margin: 0 auto;
font-size: 12px;
line-height: 1.3;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.ajaxCart .productAddedToCartWindow .related-products-grid .price {
font-size: 14px;
margin: 0;
}
.ajaxCart .productAddedToCartWindow .related-products-grid .item-box:nth-child(3n+1) {
clear: none !important;
}
.ajaxCart .productAddedToCartWindow .related-products-grid .item-box {
margin: 5px 10px;
width: 160px;
float: none !important;
display: inline-block;
padding-bottom: 15px;
}
.ajaxCart .productAddedToCartWindow .related-products-grid .item-box .picture {
padding: 0;
margin: 0;
height: 130px;
}
.ajaxCart .productAddedToCartWindow .related-products-grid .item-box .ajax-cart-button-wrapper, .ajaxCart .productAddedToCartWindow .related-products-grid .item-box .sub-prod-wrapper {
display: block;
height: auto;
position: relative;
}
.ajaxCart .productAddedToCartWindow .related-products-grid .item-box .ajax-cart-button-wrapper button, .ajaxCart .productAddedToCartWindow .related-products-grid .item-box .sub-prod-wrapper button {
display: block;
width: 100%;
height: 24px;
line-height: 12px;
border: 1px solid #ccc;
background-color: #ffffff;
color: #ffffff;
font-size: 14px;
border-radius: 4px;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
margin: 4px 0;
opacity: 0.5;
}
.ajaxCart .productAddedToCartWindow .related-products-grid .item-box .ajax-cart-button-wrapper button i, .ajaxCart .productAddedToCartWindow .related-products-grid .item-box .sub-prod-wrapper button i {
display: none !important;
}
.ajaxCart .productAddedToCartWindow .related-products-grid .item-box .ajax-cart-button-wrapper button:hover, .ajaxCart .productAddedToCartWindow .related-products-grid .item-box .sub-prod-wrapper button:hover {
opacity: 1;
}
.ajaxCart .productAddedToCartWindow .related-products-grid .item-box .ajax-cart-button-wrapper button span, .ajaxCart .productAddedToCartWindow .related-products-grid .item-box .sub-prod-wrapper button span {
text-transform: uppercase;
color: #555;
padding: 0;
font-size: 12px;
font-weight: bold;
}
.ajaxCart .productAddedToCartWindow .related-products-grid .item-box .ajax-cart-button-wrapper button span:after, .ajaxCart .productAddedToCartWindow .related-products-grid .item-box .sub-prod-wrapper button span:after {
content: "";
}
.ajaxCart .productAddedToCartWindow .related-products-grid .item-box .ajax-cart-button-wrapper button span:before, .ajaxCart .productAddedToCartWindow .related-products-grid .item-box .sub-prod-wrapper button span:before {
content: "";
}
.ajaxCart .productAddedToCartWindow .related-products-grid .item-box .product-item {
padding-bottom: 0;
}
.ajaxCart .productAddedToCartWindow .related-products-grid .item-box img {
padding: 0;
width: 120px;
height: 120px;
margin: 0 auto !important;
}
.ajaxCart .productAddedToCartWindow .related-products-grid .item-grid {
margin-left: 10px;
margin-right: 10px;
position: relative;
overflow: hidden;
white-space: nowrap;
padding-bottom: 0;
padding-top: 10px;
}
.ajaxCart .productAddedToCartWindow .related-products-grid .product-list-sku-mfg {
display: none !important;
}
.hasAjaxLoader {
position: relative;
min-height: 180px;
}
.hasAjaxLoader > div {
display: block;
}
.hasAjaxLoader .loading-overlay {
display: block;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 123;
position: absolute;
}
.hasAjaxLoader .loading-overlay:before {
background-color: #0588d3;
background-color: transparent;
-moz-animation: none;
-o-animation: none;
-webkit-animation: none;
animation: none;
}
.hasAjaxLoader .loading-overlay:after {
background-color: transparent;
-moz-animation: none;
-o-animation: none;
-webkit-animation: none;
animation: none;
}
.nivoSlider .loading-overlay {
display: block;
}
.nivoSlider .loading-overlay .loader {
border-top-color: #dddddd;
border-left-color: #dddddd;
display: block;
}
.adminAllProducts {
position: absolute;
top: -30px;
right: 0;
background-color: #5a6b79;
color: #ffffff;
padding: 2px 12px 4px 12px;
}
.adminAllProducts:hover {
cursor: pointer;
background-color: rgb(127.4052132701, 145.3317535545, 160.0947867299);
}
.adminAllProducts:after {
content: "Show all products by default [+]";
font-size: 12px;
}
.adminAllProducts.on:after {
content: "Hide all products by default [-]";
}
@media (max-width: 62.49em) {
.return-request-page {
text-align: left !important;
}
.return-request-page .call-from-csr-inner {
width: 100%;
flex-direction: row;
align-items: baseline;
}
.sticky-contact-us {
display: none !important;
}
.secondary-adj.quick-contact li div:before {
left: 10px !important;
}
.slider-wrapper .mcguff-caption .slider-price {
display: none;
}
.product-selectors .filters-button {
display: none !important;
border: 1px solid #e9e9e9;
background-color: #ffffff;
height: 45px;
line-height: 40px;
display: inline-block;
min-width: 65px;
cursor: pointer;
text-align: center;
color: #777;
}
.product-selectors .filters-button span {
color: #777;
font-size: 14px;
padding: 20px;
}
.global-notification ~ .responsive-nav-wrapper-parent {
top: 48px !important;
}
.global-notification ~ .master-wrapper-content .algolia-autosuggest {
top: 125px !important;
}
.master-wrapper-page .global-notification, .master-wrapper-page .ups-address-notification, .master-wrapper-page .bill-address-notification {
padding-right: 30px;
padding-left: 30px;
display: table;
vertical-align: middle;
position: fixed;
text-align: center;
font-size: 16px;
font-weight: 100;
top: 0;
z-index: 1070;
width: 100%;
background-color: #0588d3;
color: #ffffff;
cursor: pointer;
height: 50px;
}
.master-wrapper-page .global-notification > div, .master-wrapper-page .ups-address-notification > div, .master-wrapper-page .bill-address-notification > div {
display: table-cell;
vertical-align: middle;
}
.master-wrapper-page .global-notification #globalNoticeModalOpen, .master-wrapper-page .ups-address-notification #globalNoticeModalOpen, .master-wrapper-page .bill-address-notification #globalNoticeModalOpen {
color: rgb(167.0833333333, 221.6666666667, 252.9166666667);
/*&:before {
content: "click for ";
}*/
color: #ffffff;
position: absolute;
top: auto;
background-color: rgb(3.8194444444, 103.8888888889, 161.1805555556);
left: auto;
bottom: -10px;
right: 15px;
width: 100px;
border-radius: 0;
}
.mini-shopping-cart .buttons .checkout-button {
display: none;
}
.nivoSlider {
min-height: 300px;
width: 100%;
}
.header-menu-parent .tag-page-title {
display: none;
}
.additional-details .sku .label, .additional-details .manufacturer-part-number .label {
display: block;
}
.shipMethodIcon {
display: none !important;
}
.shopping-cart-page-body .cart-badge {
margin: 4px;
}
.item-box .buttons-lower, .item-box .buttons-upper {
display: none;
}
.hidden-menu-item-mobile {
display: none;
}
.impersonate {
display: none;
}
.finish-impersonation:before {
display: block;
height: 40px;
width: 40px;
background-color: #d9534f;
z-index: 99999;
right: 0 !important;
text-align: center;
}
.finish-impersonation:after {
display: none;
}
.nivo-controlNav {
display: none;
}
.mobileWelcomeLink {
background-color: #f9f9f9;
text-align: center;
}
.mobileWelcomeLink span {
text-transform: capitalize;
color: #333333;
font-weight: bold;
}
.shopping-cart-page .btn-mcguff {
display: block;
}
.header-logo-back-mobile {
display: none;
height: 52px;
background-color: #f5f5f5;
}
.number-of-returned-products {
line-height: 20px;
text-align: center;
left: 0;
right: 0;
position: relative !important;
top: 14px;
clear: both !important;
width: 100%;
}
.admin-header-links {
background-color: #1b3f5e;
}
.responsive-nav-wrapper > div {
background-color: #0588d3;
}
.category-page-body .page-title h1 {
color: #0588d3;
letter-spacing: -0.05em;
}
.manufacturer-page-body .page-title h1 {
color: #0588d3;
letter-spacing: -0.05em;
}
.manufacturer-all-page-body .page-title h1 {
color: #0588d3;
letter-spacing: -0.05em;
}
.vendor-all-page-body .page-title h1 {
color: #0588d3;
letter-spacing: -0.05em;
}
.vendor-page-body .page-title h1 {
color: #0588d3;
letter-spacing: -0.05em;
}
.product-tags-all-page-body .page-title h1 {
color: #0588d3;
letter-spacing: -0.05em;
}
.products-by-tag-page-body .side-2 {
display: none;
}
.products-by-tag-page-body .page-title h1 {
color: #0588d3;
letter-spacing: -0.05em;
}
.recently-viewed-products-page-body .page-title h1 {
color: #0588d3;
letter-spacing: -0.05em;
}
.recently-added-products-page-body .page-title h1 {
color: #0588d3;
letter-spacing: -0.05em;
}
.compare-products-page-body .page-title h1 {
color: #0588d3;
letter-spacing: -0.05em;
}
.spc-categories .category-title {
color: #0588d3;
letter-spacing: -0.05em;
}
.header-logo-new {
position: absolute;
margin: 0 auto;
left: 0;
right: 0;
top: 70px;
display: none;
}
.header-logo-new.ismobile {
display: none;
}
.responsive-nav-wrapper-parent {
border-top-color: #275073;
background-color: #275073;
}
.footer-block .title {
border-bottom: 1px solid #1b252d;
}
.footer-block ul {
display: none;
border-bottom: 0;
background-color: #273540;
padding: 10px 0;
}
.header-menu > ul > li > a {
font-weight: bold !important;
padding: 20px;
color: #444444;
}
.header-menu > ul > li > span {
font-weight: bold !important;
padding: 20px;
color: #444444;
}
.header-menu > ul > li.root-category-items {
background-color: #efefef !important;
}
.header-menu > ul li {
background: #f9f9f9;
border-bottom: 1px #dddddd solid;
}
.header-menu > ul li > a {
line-height: 21px;
}
.header-menu > ul li > span {
line-height: 21px;
}
.header-menu > ul li > .with-subcategories {
background-color: #f9f9f9 !important;
}
.header-menu .close-menu span {
display: block;
height: 50px;
padding-left: 90%;
padding-top: 8px;
background-image: none;
font-size: 22px;
background: #364653;
color: #ffffff;
}
.header-menu .back-button span {
display: block;
height: 50px;
padding-left: 90%;
padding-top: 8px;
background-image: none;
font-size: 22px;
background: #364653;
color: #ffffff;
}
.responsive-nav-wrapper > div {
display: inline-block;
border-right: 1px solid #224461;
background-color: transparent;
background-image: none;
background-repeat: no-repeat;
vertical-align: middle;
}
.responsive-nav-wrapper > div:last-child {
border-right: 0 solid #224461;
}
.responsive-nav-wrapper > div:first-child {
border-left: 1px solid #224461;
}
.responsive-nav-wrapper > div > span.searchState {
background-color: rgb(26.037037037, 57.5555555556, 84.962962963);
}
.responsive-nav-wrapper .fa {
padding: 12px 0 0;
font-size: 1.2rem;
}
.responsive-nav-wrapper .fa.searchState {
padding: 0 0 0;
background-color: rgb(26.037037037, 57.5555555556, 84.962962963);
}
.responsive-nav-wrapper .fa:after {
color: #aaa;
}
.responsive-nav-wrapper .menu-title .fa.fa-bars {
padding: 12px 0 0;
font-size: 1.3rem;
}
.responsive-nav-wrapper .menu-title .fa.fa-bars:after {
font-family: Open Sans, Arial, sans-serif;
text-transform: uppercase;
font-size: 9px;
color: #aaa;
display: block;
}
.responsive-nav-wrapper .menu-title span .fa.fa-bars:after {
margin-top: 1px;
content: "menu";
}
.responsive-nav-wrapper .shopping-cart-link .fa.fa-shopping-cart {
padding: 12px 0 0;
font-size: 1.3rem;
}
.responsive-nav-wrapper .shopping-cart-link .fa.fa-shopping-cart:after {
font-family: Open Sans, Arial, sans-serif;
text-transform: uppercase;
font-size: 9px;
color: #aaa;
display: block;
}
.responsive-nav-wrapper .shopping-cart-link span .fa.fa-shopping-cart:after {
margin-top: 1px;
content: "cart";
}
.responsive-nav-wrapper .filters-button.filterOn {
background-color: #224461;
}
.responsive-nav-wrapper .filters-button .fa.fa-sliders {
padding: 12px 0 0;
font-size: 1.2rem;
}
.responsive-nav-wrapper .filters-button .fa.fa-sliders:after {
font-family: Open Sans, Arial, sans-serif;
text-transform: uppercase;
font-size: 9px;
color: #aaa;
display: block;
margin-top: 3px;
content: "filter";
}
.responsive-nav-wrapper .personal-button .fa.fa-user {
padding: 12px 0 0;
font-size: 1.3rem;
}
.responsive-nav-wrapper .personal-button .fa.fa-user:after {
font-family: Open Sans, Arial, sans-serif;
text-transform: uppercase;
font-size: 9px;
color: #aaa;
display: block;
}
.responsive-nav-wrapper .personal-button span .fa.fa-user:after {
margin-top: 1px;
margin-left: -1px;
content: "account";
}
.responsive-nav-wrapper .question-link .fa.fa-question {
padding: 12px 0 0;
font-size: 1.3rem;
}
.responsive-nav-wrapper .question-link .fa.fa-question:after {
font-family: Open Sans, Arial, sans-serif;
text-transform: uppercase;
font-size: 9px;
color: #aaa;
display: block;
}
.responsive-nav-wrapper .question-link span .fa.fa-question:after {
margin-top: 1px;
margin-left: -1px;
content: "customer support";
}
.responsive-nav-wrapper .search-wrap .fa.fa-search {
padding: 12px 0 0;
font-size: 1.2rem;
}
.responsive-nav-wrapper .search-wrap .fa.fa-search.searchState {
background-color: rgb(26.037037037, 57.5555555556, 84.962962963);
}
.responsive-nav-wrapper .search-wrap .fa.fa-search.searchState.close-allowed {
padding: 0 0 0;
}
.responsive-nav-wrapper .search-wrap .fa.fa-search.searchState.close-allowed:before {
content: "×";
font-size: 2em;
}
.responsive-nav-wrapper .search-wrap .fa.fa-search.searchState.close-allowed:after {
font-family: Open Sans, Arial, sans-serif;
text-transform: uppercase;
display: block;
margin-top: -15px;
content: "close";
}
.responsive-nav-wrapper .search-wrap .fa.fa-search:after {
font-family: Open Sans, Arial, sans-serif;
text-transform: uppercase;
font-size: 9px;
color: #aaa;
display: block;
}
.responsive-nav-wrapper .search-wrap button .fa.fa-search {
padding: 14px 4px 0 0;
color: #777;
}
.responsive-nav-wrapper .search-wrap span .fa.fa-search:after {
margin-top: 2px;
content: "search";
}
.responsive-nav-wrapper .search-wrap .store-search-box.algolia-autocomplete {
display: none;
border: 1px solid rgba(128, 126, 163, 0.8);
}
.responsive-nav-wrapper .search-wrap .store-search-box.algolia-autocomplete.on {
display: block;
}
.responsive-nav-wrapper .search-wrap .store-search-box.algolia-autocomplete form {
border-radius: 25px;
}
.responsive-nav-wrapper .search-wrap .store-search-box.algolia-autocomplete form:focus-within {
box-shadow: rgba(5, 136, 211, 0.5) 0 0 0 2px, inset rgba(5, 136, 211, 0.5) 0 0 0 2px;
border: 1px solid #1b3f5e;
}
.responsive-nav-wrapper .search-wrap .store-search-box.algolia-autocomplete form .aa-SubmitIcon, .responsive-nav-wrapper .search-wrap .store-search-box.algolia-autocomplete form .aa-LoadingIcon {
color: #0588d3 !important;
}
.responsive-nav-wrapper .preferences-button .fa.fa-gear {
padding: 12px 0 0;
}
.hide-mobile {
display: none !important;
}
.plus-button {
position: relative;
z-index: 1;
float: right;
width: 50px;
height: 60px;
background-color: #efefef;
background-image: none;
background-color: transparent !important;
}
.plus-button .fa.fa-chevron-right {
margin: 24px 0 0 24px;
color: #0588d3 !important;
}
.block-recently-viewed-products {
position: relative;
}
.block-recently-viewed-products .title:before {
font-family: FontAwesome;
content: "\f078";
position: absolute;
font-size: 12px;
right: 14px;
top: 20px;
color: #999999;
}
.faq-list.ascor-faq .question:after {
right: 60px;
}
.faq-list .question {
padding: 10px 30px 10px 20px;
justify-content: center;
}
.faq-list .question:after {
right: 20px;
}
.faq-list.jobs .question {
padding: 10px 30px 10px 20px;
justify-content: center;
}
.hidden-mobile {
display: none !important;
}
.block {
float: none;
width: auto;
margin: -1px 0 0;
}
.block.blog-search-box.active .search-box-button:before {
color: #555555;
}
.filter-block {
display: block;
position: relative;
float: none;
width: auto;
margin: 0;
border-width: 0;
border-style: none;
border-color: transparent;
border-top: 1px solid #f5f5f5;
}
.priceGrid {
background-image: url(/Themes/Pavilion/Content/img/slider-grid-shapes.png);
margin: -8px 0 0 -2px;
background-size: 268px 10px;
background-repeat: no-repeat;
width: 270px;
height: 10px;
}
.overlayOffCanvasCSS {
display: none;
position: fixed;
top: 0;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
z-index: 1020;
opacity: 0;
background: rgba(0, 0, 0, 0.6);
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.store-search-box {
background-color: #f5f5f5;
min-height: 66px;
border-bottom: 1px solid #eeeeee;
}
.store-search-box select#categoryFilterDropdown {
background-color: #ffffff;
color: #444444;
display: block;
width: 100%;
margin: 0 auto 10px auto;
max-width: 240px;
}
.store-search-box .search-box-button {
outline: none !important;
height: 43px;
width: 45px;
top: 0 !important;
}
.store-search-box .search-box-button:hover {
outline-color: none !important;
}
.store-search-box input::-webkit-input-placeholder {
color: rgba(0, 0, 0, 0.6);
}
.store-search-box input.search-box-text {
width: 630px;
margin: 0;
background-color: #ffffff;
color: #444444;
padding: 0 15px;
}
.store-search-box input.search-box-text:focus {
color: #444444;
}
.search-icon {
top: 0;
right: 60px;
}
.search-icon.empty:before {
right: -15px;
}
.search-icon:before {
color: #777 !important;
}
.secondary-adj.quick-contact li div:before {
display: none;
}
.header .header-logo {
position: absolute;
top: 53px;
z-index: 1020;
width: 100%;
height: 110px;
background-color: transparent;
line-height: 110px;
}
.mega-menu-responsive {
background-color: #e9e9e9;
}
.mega-menu-responsive .sublist-wrap.active ul.sublist li {
margin-top: 0;
}
.mega-menu-responsive li.mobile-myaccount-menu {
border-top: 6px #dddddd solid !important;
}
.mega-menu-responsive a.with-subcategories {
border-right: 1px #dddddd solid !important;
}
.sublist .back-button span {
padding-top: 17px;
}
.sublist .back-button span:before {
font-family: FontAwesome;
content: "\f053";
color: #ffffff;
font-size: 18px;
}
.has-sublist .plus-button, .root-category-items .plus-button {
padding: 20px;
background-color: #efefef !important;
}
.has-sublist .plus-button:before, .root-category-items .plus-button:before {
font-family: FontAwesome;
content: "\f054";
color: #444444;
}
.compare-products-page a.clear-list {
background-color: #777;
color: #ffffff;
margin: 0 0 10px 0;
}
.contact-page table {
font-size: 12px;
}
.blog-search-box .search-box-button:hover:before {
color: #555555;
}
.overlayOffCanvas.show {
background: rgba(0, 0, 0, 0.6);
}
.category-grid.sub-category-grid .item-grid .item-box {
margin-bottom: 2px;
}
.product-grid .item-box {
margin-bottom: 10px;
}
.row.product-list-sku-mfg {
display: none !important;
}
.selected-options-list > li label {
font-size: 11px;
font-weight: 100;
}
.selected-options-list > li span.option:after {
top: 2px;
}
.flyout-cart .mini-shopping-cart input[type=button] {
background-color: #0588d3;
color: #ffffff;
min-width: 80px;
}
.flyout-cart .mini-shopping-cart input[type=button].close-cart {
background-color: #aaa;
color: #ffffff;
}
.registration-page .message-error {
margin: 0;
padding: 30px 60px;
}
.account-page .message-error {
margin: 0;
padding: 30px 60px;
}
.clearFilterOptionsAll {
position: absolute;
right: 5px;
top: -6px;
}
.login-page .topic-block {
margin: 0 auto 0 auto !important;
}
.login-page .topic-block-body p {
text-align: center;
}
.login-page .topic-block-body .btn-mcguff2 {
display: inline-block;
width: 80%;
text-align: center;
}
.shopping-cart-link {
position: relative;
}
.shopping-cart-link .cartCount {
pointer-events: none;
position: absolute;
color: #ffffff;
top: 5px;
right: 5px;
line-height: 15px;
font-size: 10px;
background-color: #0588d3;
border: 2px solid #275073;
border-radius: 50%;
height: 18px;
width: 18px;
text-align: center;
}
.shopping-cart-link .cartCount.twoDigit {
height: 20px;
width: 20px;
line-height: 16px;
}
.shopping-cart-link .cartCount.threeDigit {
top: 3px;
line-height: 15px;
border-radius: 6px;
height: 18px;
width: 26px;
}
.header-links ul li a {
display: block;
}
.header-links .ico-login {
background-color: #0588d3;
color: #ffffff;
display: block;
padding: 8px 12px;
text-align: center;
}
.header-links .ico-register {
border: 2px solid #0588d3;
color: #0588d3;
display: block;
padding: 8px 12px;
text-align: center;
}
}
.media-viewer {
text-align: center;
}
@media (min-width: 62.5em) {
.slider-wrapper .mcguff-caption .slider-price {
height: 180px;
width: 260px;
}
.slider-wrapper .mcguff-caption .slider-price > span {
margin-top: 16px;
line-height: 10px;
font-size: 12px;
}
.slider-wrapper .mcguff-caption .slider-price > strong {
line-height: 40px;
font-size: 38px;
}
.slider-wrapper .mcguff-caption .slider-price > i {
line-height: 40px;
font-size: 16px;
}
.slider-wrapper .mcguff-caption p a {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
width: 100%;
}
.attribute-alerts dd.isShipMethod, .attributes > dl dd.isShipMethod {
margin-bottom: 0.5rem;
}
.nivoSlider {
min-height: 300px;
width: 100%;
}
.overview:not(.mini-overview) .attributes dd.isShipMethod {
float: left !important;
}
.testimonials-page-body .side-2 {
margin-top: 450px;
}
body.dev:before, body.stage:before {
content: "Dev";
top: 214px;
left: 0;
font-size: 12px;
position: absolute;
z-index: 2000;
width: 80px;
line-height: 12px;
display: block;
text-align: center;
background-color: #d9534f;
color: #fff;
padding: 8px 12px 10px 12px;
}
body.stage:before {
content: "Staging";
background-color: #f49c1e;
}
.admin-header-links * {
margin: 0 !important;
padding: 0 !important;
}
.admin-header-links i {
padding: 10px 0 !important;
}
.admin-header-links {
background-color: rgba(255, 255, 255, 0.3);
width: 80px;
position: absolute;
display: block;
left: 0;
z-index: 999;
padding: 4px 8px;
-webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.3);
}
.admin-header-links:before {
content: "Admin";
color: #fff;
font-size: 12px;
}
.admin-header-links a.administration {
position: relative !important;
display: block;
margin: 8px 0 !important;
line-height: 34px;
background-color: #0588d3;
z-index: 222;
text-align: center;
}
.admin-header-links a.administration:after {
content: "admin";
font-size: 10px;
display: block;
line-height: 18px;
margin-top: -10px;
}
.admin-header-links a.administration:hover {
outline: solid;
outline-color: #0588d3;
outline-width: 1px;
}
.admin-header-links a.administration .fa {
font-size: 20px;
}
.admin-header-links a.manage-page {
position: relative !important;
display: block;
line-height: 34px;
background-color: #26547c;
margin: 8px 0 !important;
z-index: 222;
text-align: center;
}
.admin-header-links a.manage-page:after {
content: "edit";
font-size: 10px;
display: block;
line-height: 18px;
margin-top: -10px;
}
.admin-header-links a.manage-page:hover {
outline: solid;
outline-color: #26547c;
outline-width: 1px;
}
.admin-header-links a.manage-page .fa {
font-size: 20px;
}
#transitions-toggle {
opacity: 0.3;
position: relative !important;
display: block;
line-height: 34px;
background-color: #444444;
margin: 8px 0 !important;
z-index: 222;
text-align: center;
color: #efefef;
cursor: pointer;
}
#transitions-toggle:after {
text-transform: uppercase;
content: "optimize thin client";
font-size: 10px;
display: block;
line-height: 12px;
margin-top: -10px;
padding-bottom: 2px;
}
#transitions-toggle:hover {
outline: solid;
outline-color: #444444;
outline-width: 1px;
}
#transitions-toggle .fa {
font-size: 20px;
}
#transitions-toggle.transOff {
opacity: 1;
background-color: rgb(3.8194444444, 103.8888888889, 161.1805555556);
}
#transitions-toggle.transOff:hover {
outline: solid;
outline-color: rgb(3.8194444444, 103.8888888889, 161.1805555556);
outline-width: 1px;
}
#transitions-toggle.transOff .fa-eye:before {
content: "\f0e7";
}
.header-menu > ul > li.hidden-menu-item-desktop {
display: none;
}
.header-links .mobileWelcomeLink {
display: none;
}
.header-links ul {
overflow: hidden;
}
.header-links li:hover {
color: #444444;
}
.product-grid .item-box:hover .buttons-lower button {
background-color: #0588d3;
}
.product-grid .item-box:hover .buttons-lower button span {
background-color: transparent;
}
.spc-categories .spc-header li:hover span {
background-color: #0588d3;
}
.spc-categories .spc-header li.active span {
background-color: #0588d3;
}
.spc-categories .product-grid .item-box input.button-2:hover {
background-color: #0588d3;
}
.spc-categories .product-grid .item-box button.button-2:hover {
background-color: #0588d3;
}
.spc-categories .category-info:hover .category-title {
color: #0588d3;
}
.spc-products .spc-header ul {
left: 320px !important;
}
.rich-blog-body .block:hover .title {
background-color: #0588d3;
}
.rich-blog-body .blog-search-box.active .search-box-button {
background-color: #0588d3;
}
.root-category-items > .sublist-wrap {
visibility: hidden;
-moz-transition: 0.12s 0.12s;
-o-transition: 0.12s 0.12s;
-webkit-transition: 0.12s 0.12s;
transition: 0.12s 0.12s;
}
.root-category-items > .sublist-wrap > .sublist > li > a {
border-bottom-color: #0588d3;
}
.root-category-items > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li a:hover {
color: #0588d3;
}
.root-category-items > .sublist-wrap > .sublist .box .title {
border-bottom-color: #0588d3;
}
.root-category-items > .sublist-wrap > .sublist .box li a:hover {
color: #0588d3;
}
.root-category-items:hover > .sublist-wrap {
visibility: visible;
-moz-transition-delay: 0.12s;
-o-transition-delay: 0.12s;
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
}
.ropc .coupon-box-panel .coupon-code button:hover {
outline-color: #0588d3;
}
.ropc .giftcard-box-panel .coupon-code button:hover {
outline-color: #0588d3;
}
.header-selectors {
border-top-color: #0588d3;
}
.header-lower {
background-color: #26547c;
}
.blueglow {
outline: 2px solid #0588d3;
outline: 2px solid #0588d3;
}
.store-search-box input.search-box-text {
width: 404px !important;
}
.store-search-box input.search-box-text.narrow {
width: 450px !important;
width: 450px !important;
}
.store-search-box.full-width input.search-box-text {
width: 918px !important;
width: 918px !important;
}
.store-search-box.full-width input.search-box-text.narrow {
width: 722px !important;
width: 722px !important;
}
.products-carousel .jcarousel-item:hover .item-info .button a {
background-color: #0588d3;
}
.side-2 .page-title h1 {
color: #0588d3;
}
.category-navigation-list > li:hover > a {
color: #0588d3;
}
.category-navigation-list > li:hover > .sublist-wrap {
visibility: visible;
-moz-transition-delay: 0.12s;
-o-transition-delay: 0.12s;
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
}
.category-navigation-list > li > .sublist-wrap {
visibility: hidden;
-moz-transition: 0.12s 0.12s;
-o-transition: 0.12s 0.12s;
-webkit-transition: 0.12s 0.12s;
transition: 0.12s 0.12s;
}
.category-navigation-list > li > .sublist-wrap > .sublist > li > a {
border-bottom-color: #0588d3;
}
.category-navigation-list > li > .sublist-wrap > .sublist > li > .sublist-wrap > .sublist li a:hover {
color: #0588d3;
}
.category-navigation-list > li > .sublist-wrap > .sublist .box .title {
border-bottom-color: #0588d3;
}
.category-navigation-list > li > .sublist-wrap > .sublist .box li a:hover {
color: #0588d3;
}
.breadcrumb a:hover {
color: #0588d3;
}
.instantSearch.resize {
width: 451px !important;
width: 451px !important;
}
.header-menu > ul > li > a {
font-weight: 500;
padding: 5px 18px;
color: #ffffff;
letter-spacing: 0.05em;
}
.header-menu > ul > li > span {
font-weight: 500;
padding: 5px 18px;
color: #275073;
letter-spacing: 0.05em;
}
.header-logo {
display: block;
}
.cart-trigger {
/*background-color: $white;*/
}
.cart-trigger:before {
background-image: none;
}
.hide-desktop {
display: none !important;
}
.social-sharing {
line-height: 38px;
}
.header {
margin: 0 0 40px;
}
.header-middle {
background-color: #1b3f5e;
}
.hidden-desktop {
display: none !important;
}
.header-links-wrapper label {
background-color: #095f91;
margin: 5px 0 0;
line-height: 18px;
padding: 8px 14px 10px;
}
.header-links-wrapper a label {
cursor: pointer;
}
.header-links-wrapper a label:hover {
cursor: pointer;
}
.footer-block .title {
margin: 0;
border: none;
padding: 0;
font-size: 18px;
}
.footer-block li {
padding: 3px 0;
}
.category-navigation-list > li > a {
font-weight: bold;
}
.category-navigation-list > li > .sublist-wrap > .sublist {
padding: 0 10px;
}
.category-navigation-list > li > .sublist-wrap > .sublist .box .picture {
height: auto;
padding: 0 20px;
overflow: visible;
margin: 0;
}
.category-navigation-list > li > .sublist-wrap > .sublist .box:hover .picture {
opacity: 0.8;
}
.category-navigation-list > li > .sublist-wrap > .sublist .box:hover .title a {
color: #999999;
}
.category-navigation-list > li > .sublist-wrap.with-pictures > .sublist .box .title {
text-align: center;
padding: 0;
margin: 0 5px;
line-height: 14px;
display: table;
height: 40px;
width: 100%;
overflow: hidden;
}
.category-navigation-list > li > .sublist-wrap.with-pictures > .sublist .box .title strong {
font-weight: 400;
padding: 0 10px;
display: table-cell;
vertical-align: middle;
}
.category-navigation-list > li > .sublist-wrap:not(.with-pictures) > .sublist > li > a {
border-top: 3px solid #ffffff;
font-weight: 400;
padding: 0 6px;
display: table-cell;
vertical-align: middle;
}
.category-navigation-list > li > .sublist-wrap:not(.with-pictures) > .sublist > li:not(.back-button) {
float: left;
width: 20%;
height: 62px;
padding: 4px 10px;
font-size: 11px;
text-transform: uppercase;
display: table;
text-align: center;
line-height: 14px;
overflow: hidden;
}
.category-navigation-list > li > .sublist-wrap:not(.with-pictures) > .sublist > li:hover a {
background-color: #0588d3;
color: #ffffff;
}
.category-navigation-list > li > .sublist-wrap:not(.with-pictures) > .sublist > li:nth-child(5n+1) {
clear: none;
}
.category-navigation-list.sticky-flyout > li {
position: static;
line-height: 39px;
}
ul.top-menu li.top-nav a {
font-size: 16px;
padding: 2px 10px;
}
ul.mega-menu li:not(.mega-menu-categories) a {
font-size: 16px;
padding: 2px 10px;
}
.about-dropdown {
display: inline-block;
}
.about-dropdown .about-links {
visibility: hidden;
position: absolute;
left: -50px;
z-index: 1020;
background-color: #ffffff;
border-top: 3px solid #0588d3;
box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.about-dropdown .about-links ul {
font-size: 0;
overflow: hidden;
}
.about-dropdown .about-links a {
display: inline-block;
font-size: 12px;
line-height: 20px;
text-transform: uppercase;
min-width: 60px;
}
.about-dropdown .about-links li {
display: block;
color: #777;
margin: 0;
padding: 0 16px;
}
.about-dropdown .about-links li:first-child {
padding-top: 4px;
}
.about-dropdown .about-links li:last-child {
padding-top: 4px;
}
.about-dropdown .about-links li:hover {
background-color: #f9f9f9;
}
.about-dropdown .about-links li:hover a {
color: #444444;
}
.about-dropdown .about-links li a {
display: block;
text-transform: none;
color: #777;
padding: 10px;
font-size: 13px;
background-image: none;
}
.about-dropdown .about-links span:not(.break) {
display: inline-block;
font-size: 12px;
line-height: 20px;
text-transform: uppercase;
min-width: 60px;
}
.about-dropdown:hover .about-links {
visibility: visible;
}
.flyout-cart-wrapper {
display: block;
top: -24px;
width: auto;
}
.wishlist-wrapper {
display: none;
}
.wishlist-wrapper:hover {
background-color: #0588d3;
}
.wishlist-wrapper:hover a {
color: #ffffff;
}
.wishlist-wrapper:hover a:before {
color: #ffffff;
}
.wishlist-wrapper a {
position: absolute;
width: 100%;
height: 100%;
display: block;
color: #bbb;
}
.wishlist-wrapper a:before {
content: "\f004";
font-family: FontAwesome;
font-size: 13px;
margin-right: 6px;
color: #bbb;
}
.wishlist-wrapper.cartNotEmpty {
display: block;
}
.footer-lower .center {
/*border-top: 1px solid $color_mcguff_6;*/
}
.header-menu > ul > li > a:hover {
color: #285984;
border-bottom: 2px solid;
}
.product-grid .item-box:hover .ajax-cart-button-wrapper input + button, .sub-prod-wrapper input + button {
padding: 0;
font-size: 14px;
}
.product-grid .item-box:hover .ajax-cart-button-wrapper select + button, .sub-prod-wrapper select + button {
padding: 0;
font-size: 14px;
}
.spc-categories .category-title {
background-color: rgba(225, 225, 225, 0.3);
}
.mini-shopping-cart .item {
padding: 12px 10px;
}
.header-links a {
padding: 10px;
font-size: 13px;
}
/* .home-page-body .header {
margin: 0 0 60px;
}*/
div.category-navigation-list-wrapper > ul > li .picture > a {
line-height: 0;
}
.block-account-navigation .list a:hover {
padding: 0 10px 0 0;
color: #ffffff !important;
}
.block-account-navigation .list a.active {
padding: 0 10px 0 0;
color: #ffffff !important;
}
.compare-products-page .clear-list {
color: #0588d3;
position: absolute;
top: 0;
height: 34px;
text-transform: none;
}
.home-page-product-grid .item-box .picture img {
padding: 20px;
}
.filter-block {
border-width: 0;
border-style: none;
border-color: transparent;
border-top: 1px solid #f5f5f5;
}
.breadcrumb {
margin-bottom: 10px;
}
.breadcrumb li:first-child a:before {
line-height: 18px !important;
}
.breadcrumb li:first-child > span a {
height: 18px;
line-height: 18px;
}
.breadcrumb li > * {
font-size: 13px;
line-height: 18px;
min-height: 15px;
}
.prev-next-wrapper {
top: -20px;
}
}
@media (min-width: 30em) {
.spc-categories .product-box-add-to-cart-button:hover {
background-color: #0588d3;
}
.sub-category-grid .item-box, .manufacturer-grid .item-box {
margin-bottom: 1.4%;
}
.email-a-friend-wishlist-button {
float: left;
width: auto;
min-width: 180px;
margin: 0 0 0 10px;
padding: 0 28px;
}
.spc-categories input.button-2 {
background-image: none !important;
background-color: #f9f9f9 !important;
}
.spc-categories button.button-2 {
background-image: none !important;
background-color: #f9f9f9 !important;
}
.spc.spc-categories.landscape button.button-2 > i.fa.fa-shopping-cart {
display: block !important;
margin-top: 10px;
font-size: 15px;
color: #777;
}
.contact-page form {
padding: 30px 45px;
}
.bestsellers {
display: block;
position: relative;
max-width: 2400px;
/*.jCarouselMainWrapper {
margin-top:0;
.owl-prev, .owl-next {
top: auto;
}
}*/
}
.bestsellers .title {
padding: 0 0 6px;
}
.bestsellers .item-grid {
position: static;
overflow: hidden;
}
.bestsellers .item-box {
width: 100% !important;
}
.bestsellers .item-box .buttons-lower button span {
font-size: 12px !important;
display: inline-block;
position: relative;
height: 18px;
padding: 0 0 0 25px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}
.bestsellers .item-box .buttons-lower button span:hover {
color: #ffffff;
}
.bestsellers .item-box .buttons-lower button span:before {
background-color: transparent;
height: 16px;
font-family: FontAwesome;
content: "\f07a";
background-image: none;
font-size: 18px !important;
position: absolute;
top: 0;
left: 0;
width: 15px;
}
.bestsellers .item-box .buttons-lower button span:after {
color: #ffffff;
font-family: FontAwesome;
content: "\f07a";
background-image: none;
background-color: transparent;
font-size: 18px !important;
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 18px;
transition: all 0.2s ease-in-out;
opacity: 0;
}
.bestsellers .product-item:after {
content: "";
display: block;
clear: both;
}
.bestsellers .details .prices {
margin: 0 0 16px;
padding: 0;
}
.bestsellers .product-title {
height: 20px !important;
padding: 0 15px !important;
font-size: 12px !important;
font-weight: normal !important;
color: #333333 !important;
display: -webkit-box;
max-width: 400px !important;
height: 36.2px !important;
margin: 0 auto !important;
font-size: 14px;
line-height: 1.4 !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
height: 39.2px; /* Fallback for non-webkit */
margin: 0 auto;
font-size: 14px;
line-height: 1.4;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.bestsellers .buttons-upper {
position: static !important;
float: left;
width: auto !important;
height: auto !important;
border: none !important;
background-color: transparent;
}
.bestsellers .product-box-add-to-cart-button {
background-position: right center;
}
.bestsellers .product-box-add-to-cart-button span {
background-color: transparent !important;
font-size: 0 !important;
}
.bestsellers .owl-stage-outer {
margin: 0 -1px 0 1px;
width: 100% !important;
}
.bestsellers .owl-stage {
background-color: #f6f6f6;
}
.bestsellers .owl-controls .owl-prev:before, .bestsellers .owl-controls .owl-next:before {
position: absolute;
line-height: 24px;
left: 16px;
font-family: FontAwesome;
font-size: 12px;
}
.bestsellers .slick-next:before, .bestsellers .slick-prev:before {
position: absolute;
line-height: 24px;
left: 16px;
font-family: FontAwesome;
font-size: 12px;
}
.bestsellers .owl-prev {
position: absolute;
top: -2px;
width: 45px;
height: 30px;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-image: url();
background-position: right center;
}
.bestsellers .owl-prev:hover {
background-color: #0588d3;
background-position: left center;
}
.bestsellers .owl-next {
position: absolute;
top: -2px;
width: 45px;
height: 30px;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
right: 0;
background-image: url();
background-position: left center;
}
.bestsellers .owl-next:hover {
background-color: #0588d3;
background-position: right center;
}
.bestsellers .slick-track {
width: 100% !important;
}
.bestsellers .slick-prev {
position: absolute;
top: -17px;
width: 55px;
height: 30px;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-image: url();
background-position: right center;
}
.bestsellers .slick-prev:hover {
background-color: #0588d3;
background-position: left center;
}
.bestsellers .slick-next {
position: absolute;
top: -17px;
width: 45px;
height: 30px;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
right: 0;
background-image: url();
background-position: left center;
}
.bestsellers .slick-next:hover {
background-color: #0588d3;
background-position: right center;
}
.featured-product-list {
display: block;
position: relative;
max-width: 2400px;
/*.jCarouselMainWrapper {
margin-top:0;
.owl-prev, .owl-next {
top: auto;
}
}*/
}
.featured-product-list .title {
padding: 0 0 6px;
}
.featured-product-list .item-grid {
position: relative;
overflow: visible;
}
.featured-product-list .item-box {
width: 100% !important;
}
.featured-product-list .item-box .buttons-lower button span {
font-size: 12px !important;
display: inline-block;
position: relative;
height: 18px;
padding: 0 0 0 25px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}
.featured-product-list .item-box .buttons-lower button span:hover {
color: #ffffff;
}
.featured-product-list .item-box .buttons-lower button span:before {
background-color: transparent;
height: 16px;
font-family: FontAwesome;
content: "\f07a";
background-image: none;
font-size: 18px !important;
position: absolute;
top: 0;
left: 0;
width: 15px;
}
.featured-product-list .item-box .buttons-lower button span:after {
color: #ffffff;
font-family: FontAwesome;
content: "\f07a";
background-image: none;
background-color: transparent;
font-size: 18px !important;
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 18px;
transition: all 0.2s ease-in-out;
opacity: 0;
}
.featured-product-list .product-item:after {
content: "";
display: block;
clear: both;
}
.featured-product-list .details .prices {
margin: 0 0 16px;
padding: 0;
}
.featured-product-list .product-title {
height: 20px !important;
padding: 0 15px !important;
font-size: 12px !important;
font-weight: normal !important;
color: #333333 !important;
display: -webkit-box;
max-width: 400px !important;
height: 36.2px !important;
margin: 0 auto !important;
font-size: 14px;
line-height: 1.4 !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
height: 39.2px; /* Fallback for non-webkit */
margin: 0 auto;
font-size: 14px;
line-height: 1.4;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.featured-product-list .buttons-upper {
position: static !important;
float: left;
width: auto !important;
height: auto !important;
border: none !important;
background-color: transparent;
}
.featured-product-list .product-box-add-to-cart-button {
background-position: right center;
}
.featured-product-list .product-box-add-to-cart-button span {
background-color: transparent !important;
font-size: 0 !important;
}
.featured-product-list .owl-prev {
right: 48px;
left: auto;
}
.featured-product-list .owl-stage-outer {
margin: 0 -1px 0 1px;
width: 100% !important;
}
.featured-product-list .owl-stage {
background-color: #f6f6f6;
}
.featured-product-list .owl-controls .owl-prev:before, .featured-product-list .owl-controls .owl-next:before {
position: absolute;
line-height: 24px;
left: 16px;
font-family: FontAwesome;
font-size: 12px;
}
.featured-product-list .slick-next:before, .featured-product-list .slick-prev:before {
position: absolute;
line-height: 24px;
left: 16px;
font-family: FontAwesome;
font-size: 12px;
}
.featured-product-list .owl-prev {
position: absolute;
top: -65px;
width: 45px;
height: 30px;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-image: url();
background-position: right center;
}
.featured-product-list .owl-prev:hover {
background-color: #0588d3;
background-position: left center;
}
.featured-product-list .owl-next {
position: absolute;
top: -65px;
width: 45px;
height: 30px;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
right: 0;
background-image: url();
background-position: left center;
}
.featured-product-list .owl-next:hover {
background-color: #0588d3;
background-position: right center;
}
.featured-product-list .slick-track {
width: 100% !important;
}
.featured-product-list .slick-prev {
position: absolute;
top: -17px;
width: 55px;
height: 30px;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
background-image: url();
background-position: right center;
}
.featured-product-list .slick-prev:hover {
background-color: #0588d3;
background-position: left center;
}
.featured-product-list .slick-next {
position: absolute;
top: -17px;
width: 45px;
height: 30px;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
right: 0;
background-image: url();
background-position: left center;
}
.featured-product-list .slick-next:hover {
background-color: #0588d3;
background-position: right center;
}
}
@media (max-width: 29.99em) {
.col-xs-6 {
position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
float: left;
width: 50%;
}
.login-modal-window-wrapper {
overflow: hidden;
overflow-y: auto;
padding: 20px;
}
.login-modal-window-wrapper .login-page .inner-wrapper {
padding: 10px;
}
.spc-body div.details > div.add-info > div.buttons-lower > div > button > i.fa.fa-shopping-cart {
display: none;
}
.products-carousel .item-picture {
padding: 5px 30px 0 30px;
}
.item-box .picture {
padding: 5px 30px 0 30px;
}
.categories-mobile .item-box .picture {
padding: 5px 30px 0 30px;
}
.bestsellers {
display: block;
position: relative;
max-width: 500px;
}
.bestsellers .title {
padding: 0 0 6px;
}
.bestsellers .item-grid {
position: static;
overflow: hidden;
}
.bestsellers .owl-item {
padding: 0 5px;
}
.bestsellers .item-box {
width: 100% !important;
}
.bestsellers .item-box .buttons-lower button span {
font-size: 12px !important;
display: inline-block;
position: relative;
height: 18px;
padding: 0 0 0 25px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}
.bestsellers .item-box .buttons-lower button span:hover {
color: #ffffff;
}
.bestsellers .item-box .buttons-lower button span:before {
background-color: transparent;
height: 16px;
font-family: FontAwesome;
content: "\f07a";
background-image: none;
font-size: 18px !important;
position: absolute;
top: 0;
left: 0;
width: 15px;
}
.bestsellers .item-box .buttons-lower button span:after {
color: #ffffff;
font-family: FontAwesome;
content: "\f07a";
background-image: none;
background-color: transparent;
font-size: 18px !important;
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 18px;
transition: all 0.2s ease-in-out;
opacity: 0;
}
.bestsellers .product-item:after {
content: "";
display: block;
clear: both;
}
.bestsellers .details .prices {
margin: 0 0 16px;
padding: 0;
height: 24px !important;
}
.bestsellers .details .prices .actual-price {
padding: 0px !important;
font-size: 12px !important;
}
.bestsellers .details .prices .actual-price span {
font-size: 12px !important;
}
.bestsellers .product-title {
height: 20px !important;
padding: 0 15px !important;
font-size: 12px !important;
font-weight: normal !important;
color: #333333 !important;
display: -webkit-box;
max-width: 400px !important;
height: 34.2px !important;
margin: 0 auto !important;
font-size: 14px;
line-height: 1.4 !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
height: 39.2px; /* Fallback for non-webkit */
margin: 0 auto;
font-size: 14px;
line-height: 1.4;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.bestsellers .buttons-upper {
position: static !important;
float: left;
width: auto !important;
height: auto !important;
border: none !important;
background-color: transparent;
}
.bestsellers .product-box-add-to-cart-button {
background-position: right center;
}
.bestsellers .product-box-add-to-cart-button span {
background-color: transparent !important;
font-size: 0 !important;
}
.bestsellers .owl-stage-outer {
margin: 0 -1px 0 1px;
width: 100% !important;
}
.bestsellers .owl-stage {
background-color: #f6f6f6;
}
.bestsellers .owl-controls .owl-prev:before, .bestsellers .owl-controls .owl-next:before {
position: absolute;
line-height: 24px;
left: 16px;
font-family: FontAwesome;
font-size: 12px;
}
.bestsellers .slick-next:before, .bestsellers .slick-prev:before {
position: absolute;
line-height: 24px;
left: 16px;
font-family: FontAwesome;
font-size: 12px;
}
.bestsellers .owl-prev {
position: absolute;
top: -2px;
width: 45px;
height: 30px;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
left: 0;
background-image: url();
background-position: right center;
}
.bestsellers .owl-prev:hover {
background-color: #0588d3;
background-position: left center;
}
.bestsellers .owl-next {
position: absolute;
top: -2px;
width: 45px;
height: 30px;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
right: 0;
background-image: url();
background-position: left center;
}
.bestsellers .owl-next:hover {
background-color: #0588d3;
background-position: right center;
}
.bestsellers .slick-prev {
position: absolute;
top: -17px;
width: 45px;
height: 30px;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
left: 0;
background-image: url();
background-position: right center;
}
.bestsellers .slick-prev:hover {
background-color: #0588d3;
background-position: left center;
}
.bestsellers .slick-next {
position: absolute;
top: -17px;
width: 45px;
height: 30px;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
right: 0;
background-image: url();
background-position: left center;
}
.bestsellers .slick-next:hover {
background-color: #0588d3;
background-position: right center;
}
.featured-product-list {
display: block;
position: relative;
max-width: 500px;
}
.featured-product-list .nop-jcarousel .carousel-item {
padding: 0;
}
.featured-product-list .nop-jcarousel .slick-slider {
margin: 0;
}
.featured-product-list .title {
padding: 0 0 6px;
}
.featured-product-list .item-grid {
position: static;
overflow: hidden;
}
.featured-product-list .item-box {
width: 100% !important;
}
.featured-product-list .item-box .buttons-lower button span {
font-size: 12px !important;
display: inline-block;
position: relative;
height: 18px;
padding: 0 0 0 25px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}
.featured-product-list .item-box .buttons-lower button span:hover {
color: #ffffff;
}
.featured-product-list .item-box .buttons-lower button span:before {
background-color: transparent;
height: 16px;
font-family: FontAwesome;
content: "\f07a";
background-image: none;
font-size: 18px !important;
position: absolute;
top: 0;
left: 0;
width: 15px;
}
.featured-product-list .item-box .buttons-lower button span:after {
color: #ffffff;
font-family: FontAwesome;
content: "\f07a";
background-image: none;
background-color: transparent;
font-size: 18px !important;
position: absolute;
top: 0;
left: 0;
width: 15px;
height: 18px;
transition: all 0.2s ease-in-out;
opacity: 0;
}
.featured-product-list .product-item:after {
content: "";
display: block;
clear: both;
}
.featured-product-list .details .prices {
margin: 0 0 16px;
padding: 0;
height: 24px !important;
}
.featured-product-list .details .prices .actual-price {
padding: 0px !important;
font-size: 12px !important;
}
.featured-product-list .details .prices .actual-price span {
font-size: 12px !important;
}
.featured-product-list .product-title {
height: 20px !important;
padding: 0 15px !important;
font-size: 12px !important;
font-weight: normal !important;
color: #333333 !important;
display: -webkit-box;
max-width: 400px !important;
height: 34.2px !important;
margin: 0 auto !important;
font-size: 14px;
line-height: 1.4 !important;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
height: 39.2px; /* Fallback for non-webkit */
margin: 0 auto;
font-size: 14px;
line-height: 1.4;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.featured-product-list .buttons-upper {
position: static !important;
float: left;
width: auto !important;
height: auto !important;
border: none !important;
background-color: transparent;
}
.featured-product-list .product-box-add-to-cart-button {
background-position: right center;
}
.featured-product-list .product-box-add-to-cart-button span {
background-color: transparent !important;
font-size: 0 !important;
}
.featured-product-list .owl-item {
padding: 0 5px;
}
.featured-product-list .owl-stage-outer {
margin: 0 -1px 0 1px;
width: 100% !important;
}
.featured-product-list .owl-stage {
background-color: #f6f6f6;
}
.featured-product-list .owl-controls .owl-prev:before, .featured-product-list .owl-controls .owl-next:before {
position: absolute;
line-height: 24px;
left: 16px;
font-family: FontAwesome;
font-size: 12px;
}
.featured-product-list .slick-next:before, .featured-product-list .slick-prev:before {
position: absolute;
line-height: 24px;
left: 16px;
font-family: FontAwesome;
font-size: 12px;
}
.featured-product-list .owl-prev {
position: absolute;
top: -65px;
width: 45px;
height: 30px;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
left: 0;
background-image: url();
background-position: right center;
}
.featured-product-list .owl-prev:hover {
background-color: #0588d3;
background-position: left center;
}
.featured-product-list .owl-next {
position: absolute;
top: -65px;
width: 45px;
height: 30px;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
right: 0;
background-image: url();
background-position: left center;
}
.featured-product-list .owl-next:hover {
background-color: #0588d3;
background-position: right center;
}
.featured-product-list .slick-prev {
position: absolute;
top: -17px;
width: 45px;
height: 30px;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
left: -12px;
background-image: url();
background-position: right center;
}
.featured-product-list .slick-prev:hover {
background-color: #0588d3;
background-position: left center;
}
.featured-product-list .slick-next {
position: absolute;
top: -17px;
width: 45px;
height: 30px;
background-repeat: no-repeat;
font-size: 0;
cursor: pointer;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
right: 0;
background-image: url();
background-position: left center;
}
.featured-product-list .slick-next:hover {
background-color: #0588d3;
background-position: right center;
}
}
@media (min-width: 48em) {
.store-search-box select {
width: 200px;
width: 200px;
}
.store-search-box input.search-box-text.narrow {
width: 390px !important;
width: 390px !important;
}
.product-selectors .product-viewmode a.selected {
background-color: #0588d3;
}
.product-list .item-box .buttons-lower button {
background-color: #0588d3;
display: inline-block;
width: auto;
outline: 1px solid transparent;
background-image: none;
padding: 0 28px;
vertical-align: middle;
}
.product-list .item-box .buttons-lower button .fa {
display: inline-block !important;
color: #ffffff;
font-size: 18px;
margin-right: 10px;
}
.product-list .item-box .buttons-lower button:hover {
outline-color: #0588d3;
}
.topic-post .post-actions .manage-post a:hover {
background-color: #0588d3;
}
.ropc .section .title {
border-bottom-color: #0588d3;
}
.sub-category-grid .item-box {
width: 23.3%;
margin-left: 2%;
}
.sub-category-grid .item-box:nth-child(3n+1) {
clear: none;
margin-left: 2%;
}
.sub-category-grid .item-box:nth-child(4n+1) {
clear: both;
margin-left: 0;
}
.account-page.order-list-page #tab1 .no-data, .account-page.order-list-page #tab2 .no-data {
padding: 10px 0 20px 0;
}
.account-page.order-list-page #tab1 .no-data p, .account-page.order-list-page #tab2 .no-data p {
margin: 10px 0;
font-size: 14px;
text-align: left;
}
.account-page.order-list-page #tab1 .no-data p:first-child, .account-page.order-list-page #tab2 .no-data p:first-child {
padding: 30px 0;
margin: -12px 0 12px 0;
font-size: 16px;
font-weight: 100;
text-align: center;
}
.account-page.order-list-page #tab1 .no-data p:first-child:before, .account-page.order-list-page #tab2 .no-data p:first-child:before {
font-family: FontAwesome;
content: "\f071";
font-size: 20px;
margin-right: 10px;
display: block;
}
.account-page .add-button {
border: 0;
}
.account-page .address-list.row {
width: 90%;
margin: 0 auto;
}
.account-page .address-list {
/*.address-item:nth-child(odd) {
border-top: 1px solid $grey_eee;
border-right: 1px solid $grey_eee;
}
.address-item:nth-child(even) {
border-top: 1px solid $grey_eee;
}
.address-item:nth-last-of-type(-n+2) {
border-right: 1px solid $grey_eee;
border-bottom: 1px solid $grey_eee;
}*/
}
.account-page .address-list .address-item {
text-align: left !important;
padding: 0;
position: relative;
min-height: 1px;
width: 50%;
float: left;
border: 0;
min-height: 410px;
border: 1px solid #eeeeee;
}
.account-page .address-list .address-item .buttons {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
}
.product-selectors .product-viewmode a {
height: auto;
width: auto;
margin: 0 8px 0 0;
background-color: transparent;
background-image: none;
vertical-align: middle;
font-size: 13px;
padding: 4px 4px 6px 4px;
border: 1px solid transparent;
}
.product-selectors .product-viewmode a .view-icon {
margin-top: 0;
font-size: 1.4em;
}
.product-selectors .product-viewmode a .view-text {
margin-top: -21px;
margin-left: 26px;
}
.product-selectors .product-viewmode a.selected {
background-color: transparent;
border-radius: 4px;
padding: 4px 10px 6px;
border: 0 solid #dddddd;
}
.product-selectors .product-viewmode a.selected.colored {
color: #ffffff;
background-color: #26547c;
}
.contact-page form {
padding: 30px 60px;
}
.gallery .picture-thumbs.centerthumbs {
text-align: center;
}
/* .spc-products .item-box {
width: 32%;
&:nth-child(2n + 1) {
clear: none;
margin-left: 2%;
}
&:nth-child(3n + 1) {
clear: both;
margin-left: 0;
}
}*/
.shopping-cart-page .mobile-header, .checkout-page .mobile-header {
display: none;
}
}
@media (max-width: 47.99em) {
.hide-mobile-sm {
display: none !important;
}
.tracking-details-area {
font-size: 11px;
}
.tracking-details-area td.date {
padding-right: 0 !important;
padding-left: 0 !important;
}
.order-details-page #ordersteps, .registration-page #ordersteps {
width: 50%;
margin: 0px !important;
}
.order-details-page #ordersteps #orderHoldModal, .registration-page #ordersteps #orderHoldModal {
display: none;
}
.order-details-page #ordersteps .step, .registration-page #ordersteps .step {
margin: 20px auto !important;
white-space: nowrap;
padding: 0 !important;
width: 140px !important;
display: block;
position: relative;
letter-spacing: normal;
}
.order-details-page #ordersteps .step:nth-child(n+2) .fa:after, .registration-page #ordersteps .step:nth-child(n+2) .fa:after {
width: 3px !important;
height: 12px !important;
display: block !important;
background-color: #ccc;
content: "" !important;
position: absolute;
top: -16px;
left: 13px;
margin-right: 10px;
}
.order-details-page #ordersteps .step .prepare-icon.order-status.med-license:after, .registration-page #ordersteps .step .prepare-icon.order-status.med-license:after {
height: 18px !important;
top: -22px;
}
.order-details-page #ordersteps .step.done:nth-child(n+2) .fa:after, .registration-page #ordersteps .step.done:nth-child(n+2) .fa:after {
background-color: #4fbb41;
}
.order-details-page #ordersteps .step.cancelled:nth-child(n+2) .fa:after, .registration-page #ordersteps .step.cancelled:nth-child(n+2) .fa:after {
background-color: #c14343;
}
.order-details-page #ordersteps .step.start, .registration-page #ordersteps .step.start {
margin-bottom: 30px !important;
}
.order-details-page #ordersteps .step .no-license, .registration-page #ordersteps .step .no-license {
left: 40px !important;
width: 180px !important;
white-space: break-spaces;
}
.order-details-page #ordersteps .step .fa-clock-o:before, .registration-page #ordersteps .step .fa-clock-o:before {
margin-left: 3px !important;
font-size: 23px !important;
}
.account-activation-page #activationsteps {
width: 50%;
margin: 0px !important;
}
.account-activation-page #activationsteps #orderHoldModal {
display: none;
}
.account-activation-page #activationsteps .step {
margin: 20px auto !important;
white-space: nowrap;
padding: 0 !important;
width: 140px !important;
display: block;
position: relative;
letter-spacing: normal;
}
.account-activation-page #activationsteps .step:nth-child(n+2) .fa:after {
width: 3px !important;
height: 12px !important;
display: block !important;
background-color: #ccc;
content: "" !important;
position: absolute;
top: -16px;
left: 13px;
margin-right: 10px;
}
.account-activation-page #activationsteps .step .prepare-icon.order-status.med-license:after {
height: 18px !important;
top: -22px;
}
.account-activation-page #activationsteps .step.done:nth-child(n+2) .fa:after {
background-color: #4fbb41;
}
.account-activation-page #activationsteps .step.start {
margin-bottom: 30px !important;
}
.account-activation-page #activationsteps .step .no-license {
left: 40px !important;
width: 180px !important;
white-space: break-spaces;
}
.account-activation-page #activationsteps .step .fa-clock-o:before {
margin-left: 3px !important;
font-size: 23px !important;
}
.global-notification, .ups-address-notification, .bill-address-notification, .credit-card-modal {
position: fixed;
top: 0;
z-index: 1070;
width: 100%;
background-color: #0588d3;
color: #ffffff;
}
.global-notification ~ .responsive-nav-wrapper-parent, .ups-address-notification ~ .responsive-nav-wrapper-parent, .bill-address-notification ~ .responsive-nav-wrapper-parent, .credit-card-modal ~ .responsive-nav-wrapper-parent {
top: 48px;
}
.global-notification ~ .responsive-nav-wrapper-parent .flyout-cart-wrapper, .ups-address-notification ~ .responsive-nav-wrapper-parent .flyout-cart-wrapper, .bill-address-notification ~ .responsive-nav-wrapper-parent .flyout-cart-wrapper, .credit-card-modal ~ .responsive-nav-wrapper-parent .flyout-cart-wrapper {
top: 101px;
}
.global-notification ~ .responsive-nav-wrapper-parent .header-links, .ups-address-notification ~ .responsive-nav-wrapper-parent .header-links, .bill-address-notification ~ .responsive-nav-wrapper-parent .header-links, .credit-card-modal ~ .responsive-nav-wrapper-parent .header-links {
top: 101px;
}
.global-notification ~ .responsive-nav-wrapper-parent .contact-us-links, .ups-address-notification ~ .responsive-nav-wrapper-parent .contact-us-links, .bill-address-notification ~ .responsive-nav-wrapper-parent .contact-us-links, .credit-card-modal ~ .responsive-nav-wrapper-parent .contact-us-links {
top: 101px;
}
.global-notification ~ .responsive-nav-wrapper-parent .header-selectors, .ups-address-notification ~ .responsive-nav-wrapper-parent .header-selectors, .bill-address-notification ~ .responsive-nav-wrapper-parent .header-selectors, .credit-card-modal ~ .responsive-nav-wrapper-parent .header-selectors {
top: 101px;
}
.global-notification ~ .responsive-nav-wrapper-parent .store-search-box, .ups-address-notification ~ .responsive-nav-wrapper-parent .store-search-box, .bill-address-notification ~ .responsive-nav-wrapper-parent .store-search-box, .credit-card-modal ~ .responsive-nav-wrapper-parent .store-search-box {
top: 102px;
}
.global-notification ~ .two-columns-area, .ups-address-notification ~ .two-columns-area, .bill-address-notification ~ .two-columns-area, .credit-card-modal ~ .two-columns-area {
margin-top: 205px;
}
.global-notification ~ .master-wrapper-content, .ups-address-notification ~ .master-wrapper-content, .bill-address-notification ~ .master-wrapper-content, .credit-card-modal ~ .master-wrapper-content {
margin-top: 60px;
}
.global-notification ~ .header .header-logo, .ups-address-notification ~ .header .header-logo, .bill-address-notification ~ .header .header-logo, .credit-card-modal ~ .header .header-logo {
top: 95px;
}
.products-by-tag-custom-page-body .btn-outline {
margin-bottom: 20px;
}
.product-details-page .product-social-buttons ul {
height: 24px;
vertical-align: middle;
}
.master-wrapper-content {
margin-top: 0;
padding-top: 94px;
}
.testimonial-wrapper a {
top: -28px;
}
.home-page-header {
margin-top: 95px;
}
.map-table-outer {
height: auto;
width: 100%;
}
.map-table-responsive {
transform: scale(0.9);
transform-origin: left top;
}
.hero-image-heading {
position: absolute;
top: 70px;
left: 30px;
text-align: left;
width: 100%;
max-width: 250px;
}
.hero-image-heading h1 {
color: white;
font-weight: 100;
font-size: 1em;
}
.hero-image-heading h4 {
font-size: 0.75em;
width: 60%;
}
.home-page-body .two-columns-area {
margin-top: 50px;
}
.admin-header-links ~ .master-wrapper-content {
margin-top: 0;
padding-top: 150px;
}
.home-page-body .admin-header-links ~ .two-columns-area {
margin-top: 90px;
}
.global-notification ~ .two-columns-area .center {
margin-top: 96px;
}
.master-wrapper-page .global-notification, .master-wrapper-page .ups-address-notification, .master-wrapper-page .bill-address-notification, .master-wrapper-page .credit-card-modal {
height: 50px;
}
#institutionQuestions .inputGroup, #camQuestions .inputGroup {
width: 97% !important;
margin: 0;
}
.ascorModal {
max-width: 90%;
}
.responsive-nav-wrapper .search-wrap .fa.fa-search.searchState.close-allowed {
padding: 0 0 0;
}
.responsive-nav-wrapper .search-wrap .fa.fa-search.searchState.close-allowed:after {
font-size: 9px;
margin-top: -6px;
}
.master-wrapper-page .global-notification, .master-wrapper-page .ups-address-notification, .master-wrapper-page .bill-address-notification, .master-wrapper-page .credit-card-modal {
font-size: 14px;
}
.master-wrapper-page .global-notification #globalNoticeModalOpen, .master-wrapper-page .global-notification #upsAddModal, .master-wrapper-page .global-notification #upsBillingAddModal, .master-wrapper-page .global-notification #validateCCModal, .master-wrapper-page .ups-address-notification #globalNoticeModalOpen, .master-wrapper-page .ups-address-notification #upsAddModal, .master-wrapper-page .ups-address-notification #upsBillingAddModal, .master-wrapper-page .ups-address-notification #validateCCModal, .master-wrapper-page .bill-address-notification #globalNoticeModalOpen, .master-wrapper-page .bill-address-notification #upsAddModal, .master-wrapper-page .bill-address-notification #upsBillingAddModal, .master-wrapper-page .bill-address-notification #validateCCModal, .master-wrapper-page .credit-card-modal #globalNoticeModalOpen, .master-wrapper-page .credit-card-modal #upsAddModal, .master-wrapper-page .credit-card-modal #upsBillingAddModal, .master-wrapper-page .credit-card-modal #validateCCModal {
color: rgb(167.0833333333, 221.6666666667, 252.9166666667);
bottom: 0;
}
.page.home-page .homepage-text .topic-block-body p {
text-align: left;
}
.page.home-page .homepage-text .topic-block-title h2 {
margin-top: 20px;
font-size: 20px;
text-transform: none;
}
.item-box .product-title {
height: 40px;
overflow: hidden;
padding: 0 15px;
font-size: 12px;
font-weight: normal;
color: #333333;
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
height: 33.6px; /* Fallback for non-webkit */
margin: 0 auto;
font-size: 12px;
line-height: 1.4;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.item-box .product-title a {
display: block;
}
.item-box .manufacturers, .item-box .prodlist-mfg {
font-size: 12px;
}
.nivoSlider {
min-height: 110px;
width: 100%;
}
.also-purchased-products-grid .item-box:nth-child(4n+1), .related-products-grid .item-box:nth-child(4n+1), .cross-sells .item-box:nth-child(4n+1), .misc_grid .item-box:nth-child(4n+1) {
clear: both;
margin-left: 0;
}
.also-purchased-products-grid .item-box:nth-child(n+5), .related-products-grid .item-box:nth-child(n+5), .cross-sells .item-box:nth-child(n+5), .misc_grid .item-box:nth-child(n+5) {
display: none;
}
.isAscorbic-wrapper .col-xs-2 {
width: 16.6667%;
display: table-cell;
}
.isAscorbic-wrapper .col-xs-10 {
width: 83.3333%;
display: table-cell;
}
.isAscorbic-wrapper .isAscorbic-info {
margin: 0 auto;
float: none;
max-width: 300px;
}
.shipment-details-page .data-table th {
white-space: normal;
}
.shipment-details-page .data-table th.quantity {
padding: 20px 5px;
}
.order-details-page .data-table col:first-child {
display: none !important;
}
.order-details-page .data-table th:not(.event):first-child {
display: none !important;
}
.order-details-page .data-table td:not(.event):first-child {
display: none !important;
}
.order-details-page .data-table tbody tr.delivered {
background-color: #ffffff;
color: #777;
}
.order-details-page .data-table td.event.delivered:before {
font-family: FontAwesome;
font-size: 16px;
color: #4fbb41;
content: "\f00c";
}
.shipment-details-page .shipment-status-events .data-table {
display: table;
width: 100%;
}
.shipment-details-page .shipment-status-events .data-table th {
color: #aaa;
}
.shipment-details-page .shipment-status-events .data-table th.date {
display: none;
}
.shipment-details-page .shipment-status-events .data-table tr {
display: block;
}
.shipment-details-page .shipment-status-events .data-table td {
border: none;
position: relative;
white-space: normal;
text-align: center;
min-height: 75px;
}
.shipment-details-page .shipment-status-events .data-table th.country {
display: none;
}
.shipment-details-page .shipment-status-events .data-table th.event, .shipment-details-page .shipment-status-events .data-table td.event {
border-right: 1px solid #eee;
display: inline-block;
width: 48%;
}
.shipment-details-page .shipment-status-events .data-table th.event, .shipment-details-page .shipment-status-events .data-table th.location, .shipment-details-page .shipment-status-events .data-table td.event, .shipment-details-page .shipment-status-events .data-table td.location, .shipment-details-page .shipment-status-events .data-table td.date {
border-bottom: 1px solid #eee;
}
.shipment-details-page .shipment-status-events .data-table td.date {
border-bottom: 14px solid #f9f9f9;
}
.shipment-details-page .shipment-status-events .data-table th.location, .shipment-details-page .shipment-status-events .data-table td.location {
display: inline-block;
width: 48%;
}
.shipment-details-page .shipment-status-events .data-table td.date {
display: block;
width: 100%;
}
.shipment-details-page .shipment-status-events .data-table th.country,
.shipment-details-page .shipment-status-events .data-table td.country {
display: none;
}
.address-item .buttons {
position: absolute;
bottom: 20px;
left: 0;
right: 0;
}
.order-list-page ul.info + .buttons button {
margin: 4px 2px;
}
.shipment-details-page .data-table th:not(.event):nth-child(1) {
display: none;
}
.shipment-details-page .data-table td:not(.event):nth-child(1) {
display: none;
}
.shipment-details-page .data-table th.name, .shipment-details-page .data-table td.name {
width: 100%;
}
.catalogs img {
margin: 10px 0;
}
.catalogs .col-md-10 p.cat-buttons {
text-align: center;
}
.catalogs h2, .catalogs h3 {
text-align: center;
}
.add-to-cart-panel:before {
display: none;
}
.shopping-cart-page .cart-item-row button.mini-update-button {
bottom: -28px;
}
.payment-method .method-list .method-name input[type=radio] {
display: none;
}
.payment-method .method-list .method-name input[type=radio] + label {
text-align: center;
position: relative;
display: block;
width: 280px;
padding: 10px 20px;
height: 50px;
line-height: 30px;
background-color: #f5f5f5;
color: #777;
opacity: 0.7;
cursor: pointer;
caret-color: transparent;
}
.payment-method .method-list .method-name input[type=radio] + label:before {
content: "";
position: absolute;
top: 4px;
left: 10px;
width: 45px;
height: 40px;
background-repeat: no-repeat;
background-size: 45px 40px !important;
}
.shipping-method .method-list .method-name input[type=radio] {
display: none;
}
.shipping-method .method-list .method-name input[type=radio] + label {
width: 100%;
}
.attribute-alerts > div, .attributes > dl > div {
float: none;
display: table;
margin: 10px auto;
}
#tab1 .page-body {
padding: 0 !important;
}
.account-page .section.order-item {
width: 100%;
}
.pager li.first-page, .pager li.last-page {
display: none;
}
.hidden-xs {
display: none !important;
}
.center-mobile {
text-align: center;
}
.center-mobile p.cert {
display: block;
margin: 0 auto;
}
.search-icon {
top: -1px;
right: 60px;
}
html.k-ie .product-social-buttons li {
display: none;
}
.product-social-buttons li.google a:before {
margin: 3px 0 0 -6px;
}
.product-social-buttons li.facebook a:before {
margin: 2px 0 0 -4px;
}
.product-social-buttons li.twitter {
top: -4px !important;
}
.product-social-buttons li.twitter a:before {
margin: 2px 0 0 -6px;
}
.product-social-buttons li.pinterest a:before {
margin: 3px 0 0 -6px;
}
.contact-page .col-sm-4 {
margin-left: 15px;
margin-right: 15px;
}
#product-sorting.per-page {
display: none;
}
.testimonial-row .testimonial-wrapper:not(.testimonial-page) {
display: none !important;
}
.product-selectors .product-page-size {
display: none;
}
.center-2 .selected-options-list > li span {
padding: 2px 18px 2px 0 !important;
}
.center-2 .selected-options-list > li span:after {
top: 5px;
}
.breadcrumb li:first-child a:before {
line-height: 18px !important;
}
.breadcrumb li:first-child > span a {
height: 18px;
line-height: 18px;
}
.breadcrumb li > * {
font-size: 13px;
line-height: 18px;
min-height: 15px;
}
.account-page.order-list-page #tab1 .no-data, .account-page.order-list-page #tab2 .no-data {
padding: 10px 0 20px 0;
}
.account-page.order-list-page #tab1 .no-data p, .account-page.order-list-page #tab2 .no-data p {
margin: 10px 0;
font-size: 14px;
}
.account-page.order-list-page #tab1 .no-data p:first-child, .account-page.order-list-page #tab2 .no-data p:first-child {
padding: 20px 0;
margin: -12px 0 12px 0;
font-size: 16px;
font-weight: 100;
}
.account-page.order-list-page #tab1 .no-data p:first-child:before, .account-page.order-list-page #tab2 .no-data p:first-child:before {
font-family: FontAwesome;
content: "\f071";
font-size: 20px;
margin-right: 10px;
display: block;
}
.product-details-page .attributes dl {
width: auto;
}
.product-details-page .attributes dl > div {
width: 300px;
}
.product-details-page .attributes {
width: auto;
}
.attribute-alerts dt.isShipMethod:after, .attributes > dl dt.isShipMethod:after {
display: none;
}
body:not(.shopping-cart-page-body) .isControlled-info, body:not(.shopping-cart-page-body) .isAscorbic-info {
float: none;
}
body:not(.shopping-cart-page-body) .isControlled-info:before, body:not(.shopping-cart-page-body) .isAscorbic-info:before {
display: none;
}
body:not(.shopping-cart-page-body) .isAllocation-info:before {
display: none;
}
body:not(.shopping-cart-page-body) .tierRecommend-info {
max-width: 300px;
left: 0;
right: 0;
bottom: 122px;
padding: 2px 14px;
}
body:not(.shopping-cart-page-body) .tierRecommend-info .col-xs-2 {
display: none;
}
body:not(.shopping-cart-page-body) .tierRecommend-info .col-xs-10 {
width: 100%;
}
body:not(.shopping-cart-page-body) .tierRecommend-info:before {
display: none;
}
.overview-bottom {
margin: 50px 0 0;
}
.ui-tabs .ui-tabs-nav li a {
text-align: center;
}
.shopping-cart-page .mobile-header, .checkout-page .mobile-header {
display: block;
padding: 10px 0;
text-align: left;
border-bottom: 1px solid #f6f6f6;
}
.shopping-cart-page .mobile-header h3.mos, .checkout-page .mobile-header h3.mos {
color: #00928f;
}
.shopping-cart-page .cart-header-row, .checkout-page .cart-header-row {
display: none;
}
.shopping-cart-page .cart-item-row, .checkout-page .cart-item-row {
position: relative;
padding-top: 20px !important;
padding-bottom: 30px;
/*.mobile-cart-wrap-left {
width: 100%;
.product {
width: 100%;
}
}
.mobile-cart-wrap-right {
width: 120px;
.quantity {
&:before {
font-size: 11px;
content: "Quantity:";
}
display: block;
width: 100%;
text-align: center;
}
.subtotal {
color: $color_mcguff_1;
display: block;
width: 100%;
text-align: center;
}
}*/
}
.shopping-cart-page .cart-item-row .unit-price, .checkout-page .cart-item-row .unit-price {
display: none;
}
.shopping-cart-page .cart-item-row .product, .checkout-page .cart-item-row .product {
width: 100%;
}
.shopping-cart-page .cart-item-row .product-picture, .checkout-page .cart-item-row .product-picture {
position: absolute;
top: 20px;
width: 100%;
}
.shopping-cart-page .cart-item-row .remove-from-cart, .checkout-page .cart-item-row .remove-from-cart {
right: 8px;
top: 5px;
position: absolute;
}
.shopping-cart-page .cart-item-row .quantity, .checkout-page .cart-item-row .quantity {
display: block;
width: 100%;
text-align: center;
margin-top: 80px;
}
.shopping-cart-page .cart-item-row .quantity:before, .checkout-page .cart-item-row .quantity:before {
font-size: 11px;
content: "Quantity:";
}
}
@media (max-width: 47.99em) and (min-width: 34.875em) and (max-width: 47.99em) {
.shopping-cart-page .cart-item-row .quantity, .checkout-page .cart-item-row .quantity {
margin-top: 60px;
}
}
@media (max-width: 47.99em) {
.shopping-cart-page .cart-item-row .subtotal, .checkout-page .cart-item-row .subtotal {
color: #0588d3;
display: block;
width: 100%;
text-align: center;
margin-top: -80px;
}
.shopping-cart-page .mobilePrice, .checkout-page .mobilePrice {
color: #888;
font-weight: normal;
display: block;
}
.mini-shopping-cart .count {
line-height: 36px;
font-size: 14px;
font-weight: 100;
min-height: 60px;
}
.header-links .mobileWelcomeLink {
padding: 20px 12px;
font-size: 14px;
}
.header-links ul li a {
padding: 20px 12px;
}
.header-links ul li a.ico-login {
padding: 12px 4px;
margin: 8px;
}
.header-links ul li a.ico-register {
padding: 12px 4px;
margin: 8px;
}
}
@media (min-width: 48em) and (max-width: 62.49em) {
.footer-lower {
overflow: visible;
}
.admin-header-links ~ .responsive-nav-wrapper-parent {
top: 36px;
}
.admin-header-links ~ .responsive-nav-wrapper-parent .header-links {
top: 88px;
}
.admin-header-links ~ .responsive-nav-wrapper-parent .contact-us-links {
top: 88px;
}
.admin-header-links ~ .responsive-nav-wrapper-parent .header-selectors {
top: 88px;
}
.admin-header-links ~ .responsive-nav-wrapper-parent .store-search-box {
top: 88px;
}
.admin-header-links ~ .responsive-nav-wrapper-parent .flyout-cart-wrapper {
top: 88px;
}
.global-notification ~ .responsive-nav-wrapper-parent .flyout-cart-wrapper, .ups-address-notification ~ .responsive-nav-wrapper-parent .flyout-cart-wrapper, .bill-address-notification ~ .responsive-nav-wrapper-parent .flyout-cart-wrapper, .credit-card-modal ~ .responsive-nav-wrapper-parent .flyout-cart-wrapper {
top: 102px;
}
.global-notification ~ .responsive-nav-wrapper-parent .header-links, .ups-address-notification ~ .responsive-nav-wrapper-parent .header-links, .bill-address-notification ~ .responsive-nav-wrapper-parent .header-links, .credit-card-modal ~ .responsive-nav-wrapper-parent .header-links {
top: 102px;
}
.global-notification ~ .responsive-nav-wrapper-parent .contact-us-links, .ups-address-notification ~ .responsive-nav-wrapper-parent .contact-us-links, .bill-address-notification ~ .responsive-nav-wrapper-parent .contact-us-links, .credit-card-modal ~ .responsive-nav-wrapper-parent .contact-us-links {
top: 102px;
}
.global-notification ~ .responsive-nav-wrapper-parent .header-selectors, .ups-address-notification ~ .responsive-nav-wrapper-parent .header-selectors, .bill-address-notification ~ .responsive-nav-wrapper-parent .header-selectors, .credit-card-modal ~ .responsive-nav-wrapper-parent .header-selectors {
top: 102px;
}
.global-notification ~ .responsive-nav-wrapper-parent .store-search-box, .ups-address-notification ~ .responsive-nav-wrapper-parent .store-search-box, .bill-address-notification ~ .responsive-nav-wrapper-parent .store-search-box, .credit-card-modal ~ .responsive-nav-wrapper-parent .store-search-box {
top: 102px;
}
.global-notification ~ .two-columns-area, .ups-address-notification ~ .two-columns-area, .bill-address-notification ~ .two-columns-area, .credit-card-modal ~ .two-columns-area {
margin-top: 205px;
}
.global-notification ~ .master-wrapper-content, .ups-address-notification ~ .master-wrapper-content, .bill-address-notification ~ .master-wrapper-content, .credit-card-modal ~ .master-wrapper-content {
margin-top: 100px;
}
.global-notification ~ .header .header-logo, .ups-address-notification ~ .header .header-logo, .bill-address-notification ~ .header .header-logo, .credit-card-modal ~ .header .header-logo {
top: 95px;
}
.products-by-tag-custom-page-body .btn-outline {
margin-bottom: 20px;
}
.product-details-page .product-social-buttons ul {
height: 24px;
vertical-align: middle;
}
.master-wrapper-content {
margin-top: 0;
padding-top: 128px;
}
.home-page-header {
margin-top: 50px;
}
.testimonial-wrapper a {
top: -28px;
}
.map-table-outer {
height: auto;
width: 100%;
}
.map-table-responsive {
transform: scale(1);
transform-origin: left top;
}
.hero-image-heading {
position: absolute;
left: 30px;
top: 180px !important;
text-align: left;
}
.hero-image-heading h1 {
font-size: 1.2em;
font-weight: 100;
}
.hero-image-heading h4 {
font-size: 1em;
width: 60%;
}
.home-page-body .two-columns-area {
margin-top: 0;
padding-top: 78px;
}
.admin-header-links ~ .master-wrapper-content {
margin-top: 0;
padding-top: 164px;
}
.home-page-body .admin-header-links ~ .two-columns-area {
margin-top: 0;
padding-top: 164px;
}
.home-page-body .global-notification ~ .two-columns-area {
margin-top: 45px;
}
.responsive-nav-wrapper > div > span {
width: 100px;
height: 47px;
/*padding-top: 4px;*/
}
.responsive-nav-wrapper > div:not(.responsive-logo) > a {
width: 100px;
height: 72px;
padding-top: 4px;
}
.responsive-nav-wrapper .personal-button span .fa.fa-user:after {
margin-left: -4px;
}
.responsive-nav-wrapper .personal-button .fa.fa-user {
font-size: 1.3rem;
padding: 10px 0 0;
}
.responsive-nav-wrapper .personal-button .fa.fa-user:after {
font-size: 12px;
}
.responsive-nav-wrapper .question-link span .fa.fa-question:after {
margin-left: -4px;
}
.responsive-nav-wrapper .question-link .fa.fa-question {
font-size: 1.3rem;
}
.responsive-nav-wrapper .question-link .fa.fa-question:after {
font-size: 12px;
}
.responsive-nav-wrapper .search-wrap span .fa.fa-search:after {
margin-top: 2px;
}
.responsive-nav-wrapper .search-wrap button .fa.fa-search {
padding: 11px 4px;
}
.responsive-nav-wrapper .search-wrap .fa.fa-search {
font-size: 1.2rem;
padding: 10px 0 0;
}
.responsive-nav-wrapper .search-wrap .fa.fa-search:after {
font-size: 12px;
}
.responsive-nav-wrapper div.responsive-logo {
background-image: url(/Themes/Pavilion/Content/img/mcguff-company-logo-wht.png);
background-size: 94px 42px;
background-repeat: no-repeat;
/*background-position: 0 -25%;*/
width: 165px;
height: 45px;
top: 3px;
}
/*.breadcrumb {
li {
> * {
font-size: 18px;
}
&:first-child {
a {
width: 24px;
background-image: none;
font-size: 0;
&:before {
font-family: $font_fontawesome;
content: "\f015";
position: absolute;
font-size: 22px;
line-height: 30px;
}
}
> span a {
margin: 0 8px 0 0 !important;
}
}
}
span.delimiter {
padding: 0 16px 0 12px;
content: "/";
background-image: none;
font-size: 22px;
}
}*/
/* .responsive-nav-wrapper-parent {
height: 77px !important;
}*/
/*.product-item .price.actual-price {
font-size: 24px;
}*/
}
@media (min-width: 48em) and (max-width: 62.49em) and (min--moz-device-pixel-ratio: 1.1), (min-width: 48em) and (max-width: 62.49em) and (-o-min-device-pixel-ratio: 2.2/2), (min-width: 48em) and (max-width: 62.49em) and (-webkit-min-device-pixel-ratio: 1.1), (min-width: 48em) and (max-width: 62.49em) and (min-device-pixel-ratio: 1.1), (min-width: 48em) and (max-width: 62.49em) and (min-resolution: 1.1dppx) {
.responsive-nav-wrapper div.responsive-logo {
/* on retina, use image that's scaled by 2 */
background-image: url(/Themes/Pavilion/Content/img/mcguff-company-logo-wht-2x.png);
background-size: 150px 57px;
}
}
@media (min-width: 48em) and (max-width: 62.49em) {
.responsive-nav-wrapper .filters-button .fa.fa-sliders {
font-size: 1.9rem;
}
.responsive-nav-wrapper .filters-button .fa.fa-sliders:after {
margin-top: 2px;
font-size: 12px;
}
.responsive-nav-wrapper .menu-title .fa.fa-bars {
font-size: 1.3rem;
padding: 10px 0 0;
}
.responsive-nav-wrapper .menu-title .fa.fa-bars:after {
font-size: 12px;
}
.responsive-nav-wrapper .shopping-cart-link .fa.fa-shopping-cart {
font-size: 1.3rem;
padding: 10px 0 0;
}
.responsive-nav-wrapper .shopping-cart-link .fa.fa-shopping-cart:after {
font-size: 12px;
}
.prev-next-wrapper .previous-product a {
font-size: 15px;
}
.prev-next-wrapper .next-product a {
font-size: 15px;
}
html.k-ie .product-social-buttons li.google a:before {
margin: 0 0 0 4px;
}
html.k-ie .product-social-buttons li.facebook a:before {
margin: 0 0 0 7px;
}
html.k-ie .product-social-buttons li.twitter a:before {
margin: 0 0 0 7px;
}
html.k-ie .product-social-buttons li.pinterest a:before {
margin: 0 0 0 7px;
}
html.k-webkit .product-social-buttons li.google a:before {
margin: 0 0 0 -6px;
}
html.k-webkit .product-social-buttons li.facebook a:before {
margin: 2px 0 0 -4px;
}
html.k-webkit .product-social-buttons li.twitter {
top: -4px;
}
html.k-webkit .product-social-buttons li.twitter a:before {
margin: 0 0 0 -6px;
}
html.k-webkit .product-social-buttons li.pinterest a:before {
margin: 0 0 0 -6px;
}
.mini-shopping-cart .count {
line-height: 46px;
font-size: 16px;
font-weight: 100;
min-height: 80px;
vertical-align: middle;
}
.header-links {
top: 54px;
}
.header-links .mobileWelcomeLink {
padding: 28px 12px;
font-size: 16px;
}
.header-links a {
padding: 10px;
}
.header-links ul li a {
font-size: 16px;
padding: 28px 12px;
/*&.ico-register:before {
font-size: 19px;
}*/
}
.header-links ul li a.ico-login {
padding: 20px 4px;
margin: 8px;
}
.header-links ul li a.ico-register {
padding: 20px 4px;
margin: 8px;
}
.header-links ul li a.ico-wishlist:before {
font-size: 19px;
}
.header-links ul li a.ico-account:before {
font-size: 22px;
}
.header-links ul li a.ico-orderhistory:before {
font-size: 22px;
}
.aa-Panel {
top: 139px !important;
}
.bar-notification {
font-size: 1.3em;
}
.header-logo-back-mobile {
height: 77px;
}
.header-logo-back-mobile.ismobile {
height: 106px;
}
.header-selectors {
top: 76px;
}
#small-search-box-form {
width: 100%;
}
.store-search-box {
top: 54px;
}
.store-search-box .search-box-button {
width: 52px;
height: 52px;
}
.store-search-box input.search-box-text {
height: 52px;
}
.store-search-box select#categoryFilterDropdown {
height: 52px;
}
.flyout-cart-wrapper {
top: 54px;
}
.product-social-buttons li.google a:before {
margin: 6px 0 0 -6px;
}
.product-social-buttons li.facebook a:before {
margin: 4px 0 0 -6px;
}
.product-social-buttons li.twitter a:before {
margin: 6px 0 0 -6px;
}
.product-social-buttons li.pinterest a:before {
margin: 6px 0 0 -6px;
}
.shopping-cart-link .cartCount {
position: absolute !important;
top: 12px !important;
right: 20px !important;
line-height: 22px !important;
font-size: 12px !important;
height: 24px !important;
width: 24px !important;
}
.shopping-cart-link .cartCount.twoDigit {
top: 3px !important;
height: 25px !important;
width: 25px !important;
line-height: 24px !important;
}
.shopping-cart-link .cartCount.threeDigit {
top: 3px !important;
border-radius: 6px !important;
height: 26px !important;
width: 30px !important;
line-height: 24px !important;
}
.header-logo-new.ismobile {
top: 110px;
}
.mini-shopping-cart .item {
float: left;
width: 50%;
border-right: 1px solid #f0f0f0;
}
.overview-bottom .delivery {
margin: 20px 0 0;
}
.variant-overview .delivery {
margin: 20px 0 0;
}
}
@media (min-width: 20.0625em) and (max-width: 47.99em) {
.mini-shopping-cart .picture {
width: 50px;
}
.mini-shopping-cart .picture + .product {
margin: 0 0 0 65px;
}
.mini-shopping-cart .item .picture img {
height: 50px;
width: 50px;
}
}
@media (min-width: 20.0625em) and (max-width: 62.49em) {
.mini-shopping-cart .items {
display: block;
}
}
@media (min-width: 80em) {
.block-account-navigation .list a {
padding: 0 20px 0 0;
}
.block-account-navigation .list a:hover {
padding: 0 20px 0 0;
color: #ffffff !important;
}
.block-account-navigation .list a.active {
padding: 0 20px 0 0;
color: #ffffff !important;
}
.slider-wrapper {
max-width: 2400px;
}
.slider-wrapper .mcguff-caption .slider-price {
height: 230px;
width: 330px;
}
.slider-wrapper .mcguff-caption .slider-price > span {
margin-top: 26px;
line-height: 17px;
font-size: 13px;
}
.slider-wrapper .mcguff-caption .slider-price > strong {
line-height: 40px;
font-size: 44px;
}
.slider-wrapper .mcguff-caption .slider-price > i {
line-height: 60px;
font-size: 18px;
}
.slider-wrapper .mcguff-caption p a {
position: absolute;
left: 0;
right: 0;
bottom: 0;
top: 0;
width: 100%;
}
.home-section {
max-width: 2400px;
margin-left: auto;
margin-right: auto;
}
.priceRangeMinPrice {
margin-left: -2px;
}
.priceRangeMaxPrice {
right: -10px;
}
.priceGrid {
background-image: url(/Themes/Pavilion/Content/img/slider-grid-shapes.png);
margin: -8px 0 0 -2px;
background-size: 214px 10px;
background-repeat: no-repeat;
width: 220px;
height: 10px;
}
.filtersGroupPanel li .filter-item-name {
padding: 4px 35px 4px 60px;
}
.priceRangeFilterPanel7Spikes .filtersGroupPanel {
padding: 15px 39px;
}
.category-navigation-list > li > .sublist-wrap > .sublist {
padding: 0 10px 4px;
}
.category-navigation-list > li > .sublist-wrap > .sublist .box {
font-size: 14px;
}
.category-navigation-list > li > .sublist-wrap:not(.with-pictures) > .sublist > li {
width: 25%;
height: 60px;
padding: 10px 15px;
font-size: 12px;
}
.store-search-box input.search-box-text {
width: 465px !important;
margin-right: -5px;
}
.store-search-box input.search-box-text.narrow {
width: 630px !important;
width: 630px !important;
}
.store-search-box.full-width input.search-box-text {
width: 1138px !important;
width: 1138px !important;
}
.store-search-box.full-width input.search-box-text.narrow {
width: 942px !important;
width: 942px !important;
}
}
@media (min-width: 48em) and (max-width: 61.99em) {
.hidden-sm {
display: none !important;
}
.visible-xs {
display: none !important;
}
.testimonial-row .testimonial-wrapper:nth-child(1n+3):not(.testimonial-page) {
display: none !important;
}
}
@media (min-width: 62em) and (max-width: 74.99em) {
#header-carousel .owl-controls {
position: relative;
left: 109px;
top: -39px;
width: 50%;
}
.secondary-adj.quick-contact li div:before {
left: 10px !important;
}
.footer-lower {
overflow: visible;
}
.hidden-md {
display: none !important;
}
.visible-xs {
display: none !important;
}
.testimonial-row .testimonial-wrapper:nth-child(1n+4):not(.testimonial-page) {
display: none !important;
}
}
@media (min-width: 62.5em) and (max-width: 79.99em) {
.testimonials-page-body .side-2 {
margin-top: 325px;
}
.center-1 .product-grid .item-box:nth-child(n+5) {
display: none;
}
.hidden-1280, .hidden-xl {
display: none !important;
}
.category-navigation-list.sticky-flyout > li {
position: static;
line-height: 22px;
}
.block-account-navigation .customer-info a:before {
width: 14px;
margin-left: 16px;
}
.block-account-navigation .account-license a:before {
margin-left: 16px;
}
.block-account-navigation .license-verification a:before {
margin-left: 16px;
}
.block-account-navigation .customer-addresses a:before {
width: 14px;
margin-left: 17px;
}
.block-account-navigation .customer-orders a:before {
width: 18px;
margin-left: 12px;
}
.block-account-navigation .customer-items a:before {
margin-left: 12px;
}
.block-account-navigation .customer-backorders a:before {
margin-left: 12px;
}
.block-account-navigation .return-requests a:before {
margin-left: 14px;
}
.block-account-navigation .downloadable-products a:before {
margin-left: 12px;
}
.block-account-navigation .back-in-stock-subscriptions a:before {
margin-left: 13px;
}
.block-account-navigation .change-password a:before {
width: 14px;
margin-left: 16px;
}
.block-account-navigation .customer-reviews a:before {
margin-left: 14px;
}
.block-account-navigation .list a {
font-size: 11px !important;
padding-right: 10px;
}
.block-account-navigation .list a.active {
padding: 0 30px 0 0;
padding-right: 20px !important;
}
}
@media (min-width: 30em) and (max-width: 37.49em) {
.email-a-friend-wishlist-button {
margin: 10px 0 0;
}
}
@media only screen and (min-width: 17.5em) and (max-width: 47.99em) and (-o-min-device-pixel-ratio: 2.4/1), only screen and (min-width: 17.5em) and (max-width: 47.99em) and (-webkit-min-device-pixel-ratio: 2.4), only screen and (min-width: 17.5em) and (max-width: 47.99em) and (min--moz-device-pixel-ratio: 2.4), only screen and (min-width: 17.5em) and (max-width: 47.99em) and (min-device-pixel-ratio: 2.4), only screen and (min-width: 17.5em) and (max-width: 47.99em) and (min-resolution: 2.4dppx) {
.item-box {
width: 49%;
margin-left: 2%;
}
.item-box:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
.spc-body .product-item .picture {
padding: 5px 30px 0 30px;
}
.spc-products .item-box {
width: 49%;
margin-left: 2%;
}
.spc-products .item-box:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
.spc-products .item-box:nth-child(n+5) {
display: none;
}
}
@media (min-width: 20.0625em) and (max-width: 47.99em) {
.mini-shopping-cart .more-cart-items-shadow {
bottom: 120px;
}
.item-box {
width: 49%;
margin-left: 2%;
}
.item-box:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
.bestsellers, .featured-product-list {
display: block;
position: relative;
max-width: 2400px;
}
.bestsellers .item-box, .featured-product-list .item-box {
width: 100% !important;
}
.spc-body .product-item .picture {
padding: 5px 30px 0 30px;
}
.spc-products .item-box {
width: 49%;
margin-left: 2%;
}
.spc-products .item-box:nth-child(2n+1) {
clear: both;
margin-left: 0;
}
.spc-products .item-box:nth-child(n+5) {
display: none;
}
}
@media (min-width: 20.0625em) and (max-width: 62.49em) {
.bestsellers .owl-prev, .bestsellers slick-prev, .featured-product-list .owl-prev, .featured-product-list slick-prev {
left: 0;
display: inline-block !important;
}
.bestsellers .owl-next, .bestsellers slick-next, .featured-product-list .owl-next, .featured-product-list slick-next {
display: inline-block !important;
}
}
@media (max-width: 62.49em) {
.master-wrapper-page .global-notification #globalNoticeModalOpen, .master-wrapper-page .global-notification #upsAddModal, .master-wrapper-page .global-notification #upsBillingAddModal, .master-wrapper-page .global-notification #validateCCModal, .master-wrapper-page .ups-address-notification #globalNoticeModalOpen, .master-wrapper-page .ups-address-notification #upsAddModal, .master-wrapper-page .ups-address-notification #upsBillingAddModal, .master-wrapper-page .ups-address-notification #validateCCModal, .master-wrapper-page .bill-address-notification #globalNoticeModalOpen, .master-wrapper-page .bill-address-notification #upsAddModal, .master-wrapper-page .bill-address-notification #upsBillingAddModal, .master-wrapper-page .bill-address-notification #validateCCModal, .master-wrapper-page .credit-card-modal #globalNoticeModalOpen, .master-wrapper-page .credit-card-modal #upsAddModal, .master-wrapper-page .credit-card-modal #upsBillingAddModal, .master-wrapper-page .credit-card-modal #validateCCModal {
display: none;
}
}
@media (max-width: 37.49em) {
.master-wrapper-page .global-notification #globalNoticeModalOpen, .master-wrapper-page .global-notification #upsAddModal, .master-wrapper-page .global-notification #upsBillingAddModal, .master-wrapper-page .global-notification #validateCCModal, .master-wrapper-page .ups-address-notification #globalNoticeModalOpen, .master-wrapper-page .ups-address-notification #upsAddModal, .master-wrapper-page .ups-address-notification #upsBillingAddModal, .master-wrapper-page .ups-address-notification #validateCCModal, .master-wrapper-page .bill-address-notification #globalNoticeModalOpen, .master-wrapper-page .bill-address-notification #upsAddModal, .master-wrapper-page .bill-address-notification #upsBillingAddModal, .master-wrapper-page .bill-address-notification #validateCCModal, .master-wrapper-page .credit-card-modal #globalNoticeModalOpen, .master-wrapper-page .credit-card-modal #upsAddModal, .master-wrapper-page .credit-card-modal #upsBillingAddModal, .master-wrapper-page .credit-card-modal #validateCCModal {
bottom: -2px;
display: none;
}
.nop-jcarousel .jcarousel-item-horizontal {
margin: 0 5px;
}
}
@media (max-width: 31.24em) {
.order-list-page .order-item .order-cancelled {
font-size: 52px;
}
.overlay-inner {
width: 100%;
}
.overlay-content img {
max-width: 500px;
width: 100%;
}
}
@media (min-width: 480px) and (max-width: 767px) {
.product-variant-line > div.overview > div.prices > div .total-savings,
.product-essential > div.overview > div.prices > div .total-savings {
display: block;
margin-top: -10px;
}
.product-variant-line > div.overview > div.prices > div > span.savings-color,
.product-essential > div.overview > div.prices > div > span.savings-color {
color: #4fbb41;
}
body:not(.shopping-cart-page-body) .tierRecommend-info {
max-width: 100%;
left: 0;
right: 0;
bottom: 60px;
padding: 2px 14px;
}
body:not(.shopping-cart-page-body) .tierRecommend-info.isActive {
display: inline-block;
}
}
@media (max-width: 479px) {
.product-variant-line > div.overview > div.prices > div .total-savings,
.product-essential > div.overview > div.prices > div .total-savings {
display: block;
margin-top: -10px;
}
.product-variant-line > div.overview > div.prices > div > span.savings-color,
.product-essential > div.overview > div.prices > div > span.savings-color {
color: #4fbb41;
}
body:not(.shopping-cart-page-body) .tierRecommend-info {
max-width: 100%;
left: 0;
right: 0;
bottom: 122px;
padding: 2px 14px;
}
body:not(.shopping-cart-page-body) .tierRecommend-info.isActive {
display: inline-block;
}
body:not(.shopping-cart-page-body) .tierRecommend-info.ascor-recommend {
bottom: 353px;
}
}
@media (max-width: 23.4275em) {
.master-wrapper-page .global-notification, .master-wrapper-page .ups-address-notification, .master-wrapper-page .bill-address-notification, .master-wrapper-page .credit-card-modal {
font-size: 13.5px;
padding-bottom: 4px;
}
.master-wrapper-page .global-notification #globalNoticeModalOpen, .master-wrapper-page .global-notification #upsAddModal, .master-wrapper-page .global-notification #upsBillingAddModal, .master-wrapper-page .global-notification #validateCCModal, .master-wrapper-page .ups-address-notification #globalNoticeModalOpen, .master-wrapper-page .ups-address-notification #upsAddModal, .master-wrapper-page .ups-address-notification #upsBillingAddModal, .master-wrapper-page .ups-address-notification #validateCCModal, .master-wrapper-page .bill-address-notification #globalNoticeModalOpen, .master-wrapper-page .bill-address-notification #upsAddModal, .master-wrapper-page .bill-address-notification #upsBillingAddModal, .master-wrapper-page .bill-address-notification #validateCCModal, .master-wrapper-page .credit-card-modal #globalNoticeModalOpen, .master-wrapper-page .credit-card-modal #upsAddModal, .master-wrapper-page .credit-card-modal #upsBillingAddModal, .master-wrapper-page .credit-card-modal #validateCCModal {
display: none;
}
.master-wrapper-page .global-notification ~ .responsive-nav-wrapper-parent, .master-wrapper-page .ups-address-notification ~ .responsive-nav-wrapper-parent, .master-wrapper-page .bill-address-notification ~ .responsive-nav-wrapper-parent, .master-wrapper-page .credit-card-modal ~ .responsive-nav-wrapper-parent {
top: 40px;
}
.master-wrapper-page .global-notification ~ .responsive-nav-wrapper-parent .flyout-cart-wrapper, .master-wrapper-page .ups-address-notification ~ .responsive-nav-wrapper-parent .flyout-cart-wrapper, .master-wrapper-page .bill-address-notification ~ .responsive-nav-wrapper-parent .flyout-cart-wrapper, .master-wrapper-page .credit-card-modal ~ .responsive-nav-wrapper-parent .flyout-cart-wrapper {
top: 92px;
}
.master-wrapper-page .global-notification ~ .responsive-nav-wrapper-parent .header-links, .master-wrapper-page .ups-address-notification ~ .responsive-nav-wrapper-parent .header-links, .master-wrapper-page .bill-address-notification ~ .responsive-nav-wrapper-parent .header-links, .master-wrapper-page .credit-card-modal ~ .responsive-nav-wrapper-parent .header-links {
top: 92px;
}
.master-wrapper-page .global-notification ~ .responsive-nav-wrapper-parent .contact-us-links, .master-wrapper-page .ups-address-notification ~ .responsive-nav-wrapper-parent .contact-us-links, .master-wrapper-page .bill-address-notification ~ .responsive-nav-wrapper-parent .contact-us-links, .master-wrapper-page .credit-card-modal ~ .responsive-nav-wrapper-parent .contact-us-links {
top: 92px;
}
.master-wrapper-page .global-notification ~ .responsive-nav-wrapper-parent .header-selectors, .master-wrapper-page .ups-address-notification ~ .responsive-nav-wrapper-parent .header-selectors, .master-wrapper-page .bill-address-notification ~ .responsive-nav-wrapper-parent .header-selectors, .master-wrapper-page .credit-card-modal ~ .responsive-nav-wrapper-parent .header-selectors {
top: 92px;
}
.master-wrapper-page .global-notification ~ .responsive-nav-wrapper-parent .store-search-box, .master-wrapper-page .ups-address-notification ~ .responsive-nav-wrapper-parent .store-search-box, .master-wrapper-page .bill-address-notification ~ .responsive-nav-wrapper-parent .store-search-box, .master-wrapper-page .credit-card-modal ~ .responsive-nav-wrapper-parent .store-search-box {
top: 92px;
}
.order-list-page .order-item .order-cancelled {
font-size: 36px;
}
.login-modal-window-wrapper {
max-width: 100%;
max-height: 100%;
overflow: hidden;
overflow-y: auto !important;
padding: 20px 0;
}
.login-modal-window-wrapper .login-page .inner-wrapper {
padding: 10px;
}
.responsive-nav-wrapper div.responsive-logo {
background-image: url(/Themes/Pavilion/Content/img/mcguff-company-logo-wht.png);
background-size: 90px 34px;
background-repeat: no-repeat;
background-position: 0 50%;
width: 100px;
height: 50px;
}
}
@media (max-width: 23.4275em) and (min--moz-device-pixel-ratio: 1.1), (max-width: 23.4275em) and (-o-min-device-pixel-ratio: 2.2/2), (max-width: 23.4275em) and (-webkit-min-device-pixel-ratio: 1.1), (max-width: 23.4275em) and (min-device-pixel-ratio: 1.1), (max-width: 23.4275em) and (min-resolution: 1.1dppx) {
.responsive-nav-wrapper div.responsive-logo {
/* on retina, use image that's scaled by 2 */
background-image: url(/Themes/Pavilion/Content/img/mcguff-company-logo-wht-2x.png);
background-size: 90px 34px;
}
}
@media (max-width: 23.4275em) {
.add-info .price.actual-price.rangefix {
font-size: 15px;
line-height: 26px;
}
.tierRecommend-info {
font-size: 11px;
}
}
@media (min-width: 33.75em) {
.text-sm-left {
text-align: left !important;
}
.text-sm-right {
text-align: right !important;
}
.text-sm-center {
text-align: center !important;
}
}
@media (max-width: 20.0525em) {
.master-wrapper-page .global-notification, .master-wrapper-page .ups-address-notification, .master-wrapper-page .bill-address-notification, .master-wrapper-page .credit-card-modal {
font-size: 13px;
}
.mini-shopping-cart .more-cart-items-shadow {
display: none;
}
.mini-shopping-cart .more-cart-items-shadow.on {
display: none;
}
.mini-shopping-cart .more-cart-items {
display: none;
}
.mini-shopping-cart .more-cart-items.on {
display: none;
}
.payment-method .method-list .method-name input[type=radio] {
display: none;
}
.payment-method .method-list .method-name input[type=radio] + label {
text-align: center;
padding: 10px;
height: 50px;
line-height: 30px;
caret-color: transparent;
}
.payment-method .method-list .method-name input[type=radio] + label:before {
display: none;
}
.responsive-nav-wrapper > div > span {
width: 51px;
height: 50px;
}
.responsive-nav-wrapper > div:not(.responsive-logo) > a {
width: 51px;
height: 50px;
}
}
@media only screen and (max-width: 20.0525em) and (-o-max-device-pixel-ratio: 2.4/1), only screen and (max-width: 20.0525em) and (-webkit-max-device-pixel-ratio: 2.4), only screen and (max-width: 20.0525em) and (max--moz-device-pixel-ratio: 2.4), only screen and (max-width: 20.0525em) and (max-device-pixel-ratio: 2.4), only screen and (max-width: 20.0525em) and (max-resolution: 2.4dppx) {
.responsive-nav-wrapper div.responsive-logo {
background-image: url(/Themes/Pavilion/Content/img/mcguff-company-logo-wht-treeonly.png);
background-repeat: no-repeat;
background-position: 0 50%;
background-size: 43px 29px;
width: 50px;
height: 50px;
}
}
@media (max-width: 20.0525em) {
.add-info .price.actual-price.rangefix {
font-size: 18px;
}
}
/******** STICKY HEADER ********/
.sticky-header {
-webkit-transition: none;
-moz-transition: none;
-o-transition: none;
-ms-transition: none;
transition: none;
opacity: 1;
position: fixed;
width: 100%;
z-index: 3;
background-color: #1b3f5e;
padding: 0;
}
.sticky-header .ups-address-notification, .sticky-header .bill-address-notification, .sticky-header .credit-card-modal {
display: none;
}
.sticky-header.fade {
-webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out;
opacity: 1;
}
.sticky-header.fade.fadeout {
opacity: 0;
}
.sticky-header > div.center > div.header-logo-back-mobile {
margin: 0;
background-color: transparent;
vertical-align: top;
padding: 5px;
}
.sticky-header > div.center > div.header-logo-back-mobile > div.header-logo-new {
height: 55px;
}
.sticky-header > div.center > div.header-logo-back-mobile > div.header-logo-new > a.company-logo {
background-image: url(/Themes/Pavilion/Content/img/mcguff-company-logo-wht.png);
background-size: contain;
}
.sticky-header > div.center > div.flyout-cart-wrapper {
position: relative;
top: -17px;
height: 41px;
float: right;
outline: 0px solid #26547c !important;
}
.sticky-header > div.center > div.flyout-cart-wrapper > a.cart-trigger {
height: 40px !important;
line-height: 36px;
}
.sticky-header > div.center > div.flyout-cart-wrapper > a.cart-trigger:before {
height: 40px;
padding-bottom: 50px;
}
.sticky-header > div.center > div.flyout-cart-wrapper:hover > div.flyout-cart {
display: block;
top: 58px;
}
.sticky-header > div.center > div.wishlist-wrapper {
display: none !important;
}
.sticky-header > div.center > div.sticky-contact-us {
display: inline-block;
position: relative;
top: 5px;
right: -5px;
float: right;
padding-left: 15px;
cursor: pointer;
padding-bottom: 15px;
}
.sticky-header > div.center > div.sticky-contact-us .contant-us-header {
cursor: pointer;
color: #26547c;
padding: 5px;
line-height: 14px;
position: relative;
width: 20px;
height: 20px;
background-color: #ffffff;
display: inline-block;
border: 1px solid;
border-color: #ccc;
border-radius: 50%;
}
.sticky-header > div.center > div.sticky-contact-us .contant-us-header .contact-us-icon {
cursor: pointer;
font-weight: 900;
position: absolute;
bottom: 2px;
left: 6px;
}
.sticky-header > div.center > div.sticky-contact-us:hover > div.contact-us-links {
display: block;
top: 41px;
}
.sticky-header > div.center > div.sticky-contact-us:hover > div.contact-us-links > ul > li {
text-align: left;
border-bottom: #d2cdcd;
border-bottom-style: solid;
border-width: thin;
}
.sticky-header > div.center > div.header-sticky-login {
display: inline-block;
position: relative;
top: -3px;
float: right;
padding-bottom: 20px;
}
.sticky-header > div.center > div.header-sticky-login > a {
padding: 0 0 0px 20px;
}
.sticky-header > div.center > div.header-sticky-login:hover > div.header-links {
display: block;
top: 41px;
/*border-top: 0px solid lighten($color_mcguff_1, 5%);*/
}
.sticky-header > div.center > div.header-sticky-login:hover > div.header-links > ul > li {
text-align: left;
/*border-bottom: #d2cdcd;
border-bottom-style: solid;
border-width: thin;*/
}
.sticky-header > div.center > div.header-sticky-login > a > label {
cursor: pointer;
color: #ffffff;
padding: 5px;
line-height: 14px;
position: relative;
width: 20px;
height: 20px;
display: inline-block;
}
.sticky-header > div.center > div.header-sticky-login > a > label:before {
font-family: FontAwesome;
font-size: 20px !important;
text-align: center;
content: "\f2be";
position: absolute;
right: 2px;
}
.sticky-header > div.center > div.header-sticky-login > a > label:hover {
color: #f6f6f6;
}
@media (min-width: 1001px) {
.sticky {
top: 0;
}
}
.flyout-cart-wrapper *, .flyout-cart-wrapper div * {
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
-ms-transition: none !important;
transition: none !important;
}
.sticky-contact-us {
display: none;
}
.attributes .expedited-ship-notice {
font-size: 11px;
color: #ffffff;
display: none;
position: relative;
clear: left;
padding: 6px;
margin-bottom: 30px;
max-width: 600px;
background-color: rgb(4.0555555556, 110.3111111111, 171.1444444444);
border-radius: 4px;
}
.attributes .expedited-ship-notice:after {
position: absolute;
top: -6px;
left: 12px;
display: inline-block;
width: 0;
height: 0;
border-right: 10px solid transparent;
border-top: 0 dotted;
border-left: 10px solid transparent;
border-bottom: 10px solid rgb(4.0555555556, 110.3111111111, 171.1444444444);
vertical-align: middle;
content: "";
}
.shopping-cart-page .expedited-ship-notice, .shopping-cart-page .shipping-explanation, .html-checkout-page .expedited-ship-notice, .html-checkout-page .shipping-explanation {
font-size: 13px;
color: #ffffff;
display: block;
position: relative;
margin: 20px 0 0;
padding: 12px;
/*margin-bottom: 30px;*/
background-color: rgb(90.1839416058, 116.9051094891, 138.6160583942);
border-radius: 4px;
}
.shopping-cart-page .expedited-ship-notice .notice-inner span, .shopping-cart-page .shipping-explanation .notice-inner span, .html-checkout-page .expedited-ship-notice .notice-inner span, .html-checkout-page .shipping-explanation .notice-inner span {
display: block;
padding: 5px;
}
.estimate-shipping-result .free-shipping > span {
font-size: 14px;
color: #4fbb41;
}
.free-shipping-green {
font-weight: bold;
color: #4fbb41;
}
.cart-total-right span.calc-shipping.free-shipping-true {
color: #4fbb41;
font-weight: bold;
font-size: 1.2em;
}
/*#algoliaSearchPane .item-box .prices {
display:none !important;
}
.instant-search-item .detail .price {
display: none !important;
}*/
section.question span {
pointer-events: none;
}
.free-shipping-header-wrapper {
background-repeat: no-repeat;
/*max-width: 770px;*/
width: 100%;
text-align: center;
color: #ffffff;
display: flex;
justify-content: center;
align-items: center;
}
.free-shipping-header-wrapper .free-shipping-header {
padding: 10px 8px;
white-space: nowrap;
}
.free-shipping-header-wrapper .free-shipping-header .fa-truck {
font-size: 1.2em;
margin-right: 5px;
font-weight: normal;
}
#contraindications, #warnings-precautions, #adverse-reactions, #drug-interactions, #specific-populations, #overdosage {
text-align: left;
}
#contraindications h5, #warnings-precautions h5, #adverse-reactions h5, #drug-interactions h5, #specific-populations h5, #overdosage h5 {
margin-top: 20px;
font-size: 1.05rem;
line-height: 1.3;
color: #ad1838;
}
#contraindications ul, #warnings-precautions ul, #adverse-reactions ul, #drug-interactions ul, #specific-populations ul, #overdosage ul {
list-style: disc;
margin: auto;
padding-left: 30px;
}
#dosage-and-administration {
text-align: left;
}
#dosage-and-administration .table-ascor th {
background-color: #f8f8f8;
}
#dosage-and-administration h4 {
color: #ad1838;
}
#dosage-and-administration ul {
list-style: disc;
margin: auto;
padding-left: 30px;
}
#dosage-and-administration .highlights ul {
margin: 0;
padding: 0;
list-style: none;
}
#dosage-and-administration .highlights li {
margin-top: 10px;
padding-bottom: 10px;
border-bottom: 1px solid #e9e9e9;
}
#dosage-and-administration .highlights li:last-child {
border: 0;
}
.register-issue {
display: none;
}
.contact-us-address {
position: relative;
margin-left: auto !important;
margin-right: auto !important;
width: 90%;
}
.contact-us-header {
border-bottom: 1px solid #f0f0f0;
padding: 14px;
background-color: #0588d3;
}
.contact-us-left {
padding-left: 40px !important;
}
.contact-us-right {
padding-right: 40px !important;
}
.contact-us-form {
padding: 40px;
}
@media (max-width: 500px) {
.contact-us-form {
padding: 0px;
}
}
@media (max-width: 768px) {
.contact-us-left {
padding-left: 15px !important;
}
.contact-us-right {
padding-right: 15px !important;
}
}
@media (max-width: 784px) {
select#creditcard {
margin-top: -5px;
margin-left: 5px;
}
}
.forcerecache2 {
font-weight: bold;
text-align: center;
}
.orderRspBox {
display: none;
}
.reply-btn {
background-image: none;
background-color: #ffffff;
color: #e56363;
border: none;
padding: 0.8em;
font-weight: bold;
text-transform: uppercase;
}
.reply-btn:hover {
background-color: #FAF9F6;
}
.sendRspBtn {
background-image: none;
background-color: #0588d3;
color: #ffffff;
display: inline-block;
height: 45px;
margin: 0 5px 10px;
border: medium none;
padding: 0 28px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
outline: 2px solid transparent;
}
.sendRspBtn:hover {
background-color: rgb(4.4097222222, 119.9444444444, 186.0902777778);
}
form#upsAdd-form li, form#upsBillAdd-form li {
cursor: pointer;
}
form#upsAdd-form li > input[type=radio], form#upsBillAdd-form li > input[type=radio] {
cursor: pointer;
opacity: 0;
}
form#upsAdd-form .button-1, form#upsBillAdd-form .button-1 {
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
form#upsAdd-form .button-1:hover, form#upsBillAdd-form .button-1:hover {
outline-color: #0588d3;
}
#error-msg {
display: none;
color: darkred;
font-weight: 600;
}
.show-tab-title {
margin-bottom: 50px;
display: block !important;
}
#validateCCModal .validateCCBtn {
min-width: 120px;
border: none;
background-color: #0588d3;
padding: 15px 30px;
font-size: 13px;
font-weight: bold;
color: #ffffff;
text-transform: uppercase;
outline: 1px solid transparent;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
#validateCCModal .validateCCBtn:hover {
outline-color: #0588d3;
}
#validateCCModal .validate-cc-other {
display: none;
width: 300px;
}
.credit-card-user, #cc-user-other, .employee-title, .cc-employee-error {
display: none;
}
.patient-cc-error, .cc-other-error, .cc-employee-error {
color: #777;
font-weight: 600;
}
.video-container {
position: relative;
padding-bottom: 56.25%; /* 16:9 */
height: 0;
}
.video-container iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
[aria-describedby=ascorVideoModal] .ui-dialog-titlebar {
display: none;
}
#ascorvideobtn {
cursor: pointer;
width: 80%;
padding-top: 20px;
margin: 0;
}
@media (max-width: 47.99em) {
#ascorvideobtn {
margin: 0 auto;
}
}
#ascoriframe {
height: 800px;
/* @media (max-width:768) {
height: 500px;
}*/
}
@media (max-width: 1279px) {
#ascoriframe {
height: 600px;
}
}
@media (max-width: 800px) {
#ascoriframe {
height: 600px;
}
}
@media (max-width: 650px) {
#ascoriframe {
height: 300px;
}
}
.category-page-body .side-2, .algolia-page .side-2, .manufacturer-page-body .side-2, .product-tag-page .side-2, .products-by-tag-page-body .side-2, .manufacturer-all-page-body .side-2 {
display: none;
}
@media (min-width: 2400px) {
.bestsellers, .featured-product-list {
display: block;
position: relative;
max-width: 2800px;
margin-left: auto;
margin-right: auto;
}
.home-page .home-section, .home-page .slider-wrapper, .home-page .slider-container, .home-page .bestsellers-section, .home-page .category-grid, .home-page .register, .home-page .testimonial-carousel, .home-page .featured-product-list {
max-width: 2000px;
margin-left: auto;
margin-right: auto;
}
}
@media (max-width: 768px) {
.home-page .page-body .product-wrapper {
margin: 50px 30px 0 !important;
/* .sub-item-box {
margin-bottom: 10px
}*/
}
.home-page .page-body .product-wrapper .category-grid .item-grid .sub-category-item .title {
font-size: 12px;
}
}
.vertical-align-bs {
display: flex;
align-items: center;
justify-content: center;
}
/* @media (max-width:650px) {
height: 300px;
}*/
.category-page-body .side-2, .algolia-page .side-2, .manufacturer-page-body .side-2, .product-tag-page .side-2, .products-by-tag-page-body .side-2, .manufacturer-all-page-body .side-2 {
display: none;
}
.menu-separator-title {
font-size: 10pt;
color: #777;
margin: 20px 0px 0px 10px;
font-family: sans-serif;
border-bottom: solid;
border-bottom-width: thin;
border-bottom-color: #f5f5f5;
font-weight: bold;
}
.menu-separator-title-top {
font-size: 10pt;
color: #777;
margin: 7px 0px 0px 10px;
font-family: sans-serif;
border-bottom: solid;
border-bottom-width: thin;
border-bottom-color: #f5f5f5;
font-weight: bold;
}
.right-search-col {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
background-color: beige;
}
.boxWrapper {
display: inline-block;
width: 100%;
}
#left {
float: right;
text-align: center;
width: 40%;
background-color: #ccc;
}
#right {
float: left;
text-align: center;
width: 40%;
background-color: #eee;
}
.bulk-savings {
color: #4fbb41;
display: inline-block;
margin-left: 10px;
font-size: medium;
font-weight: normal;
}
.bulk-savings .hidden {
display: none;
}
.printName {
display: flex;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
padding-bottom: 25px;
}
.printName label {
padding-right: 10px;
}
.printName input#CustomerPrintName {
width: 250px;
}
.disableReturnButton {
opacity: 0.5;
pointer-events: none;
}
.enableReturnButton {
opacity: 1;
pointer-events: initial;
}
.signature-form-header {
padding: 25px;
}
.signature-form-header h3 {
font-size: 15px;
font-weight: normal;
text-align: center;
color: #777;
}
.signature-form-header .signature-message .sig-preview-button, .signature-form-header .signature-message .sig-modify-button, .signature-form-header .signature-message .sig-delete-button {
cursor: pointer;
height: 30px;
line-height: 30px;
margin: 0 3px;
}
.signature-form-header .signature-message .sig-wrap .sig-status {
background-color: #f5f5f5;
padding: 8px 10px;
border-radius: 6px;
color: rgb(40.8, 40.8, 40.8);
width: 100%;
border: 1px solid #dddddd;
}
.signature-form-header .signature-message .sig-wrap .sig-status .sig-modify-wrapper {
text-align: center;
}
.signature-form-header .signature-message .sig-wrap .sig-status .sig-modify-wrapper .material-icons-outlined {
font-family: "Material Icons";
}
.signature-form-header .signature-message .sig-wrap .sig-status .sig-modify-wrapper .sig-modify-button {
min-width: auto;
display: inline-block;
padding: 0 4px;
background-color: #0588d3;
margin: 3px;
margin: 3px;
}
.signature-form-header .signature-message .sig-wrap .sig-status .sig-modify-wrapper .sig-modify-button:hover {
background-color: #0588d3;
}
@media (max-width: 1150px) {
.signature-form-header .signature-message .sig-wrap .sig-status .sig-modify-wrapper .sig-modify-button {
padding: 0 4px;
}
}
.signature-form-header .signature-message .sig-wrap .sig-status .sig-modify-wrapper .sig-modify-button > span.material-icons-outlined {
font-weight: normal;
position: relative;
top: 3px;
left: auto;
right: 0;
font-family: "Material Icons Outlined";
}
.signature-form-header .signature-message .sig-wrap .sig-status .sig-modify-wrapper .sig-delete-button {
min-width: auto;
display: inline-block;
padding: 0 4px;
background-color: #0588d3;
margin: 3px;
}
.signature-form-header .signature-message .sig-wrap .sig-status .sig-modify-wrapper .sig-delete-button:hover {
background-color: #0588d3;
}
.signature-form-header .signature-message .sig-wrap .sig-status .sig-modify-wrapper .sig-delete-button > span.material-icons-outlined {
font-weight: normal;
position: relative;
top: 3px;
left: auto;
right: 0;
}
@media (max-width: 700px) {
.signature-form-header .signature-message .sig-wrap .sig-status .sig-col-left, .signature-form-header .signature-message .sig-wrap .sig-status .sig-col-right, .signature-form-header .signature-message .sig-wrap .sig-status .sig-modify-wrapper, .signature-form-header .signature-message .sig-wrap .sig-status .sig-delete-wrapper {
flex-grow: 1 !important;
padding: 4px 10px;
}
}
.signature-form-header .signature-message .sig-wrap .sig-status .sig-col-left .material-icons-outlined {
color: #4fbb41;
font-size: 44px;
}
.signature-form-header .signature-message .sig-wrap .sig-status .sig-col-right {
vertical-align: middle;
}
.signature-form-header .signature-message .sig-wrap .sig-status .sig-col-right strong {
color: #4fbb41;
}
.signature-form-header .signature-message .sig-wrap .sig-status .sig-col-right span {
display: block;
font-size: 14px;
margin-top: 4px;
}
.signature-form-header .signature-message .sig-wrap .sig-status h3 {
position: relative;
}
.signature-form-header .signature-message .sig-wrap .sig-status.no-sig .sig-col-right strong {
color: #d9534f;
}
.signature-form-header .signature-message .sig-wrap .sig-status.no-sig .sig-col-left .material-icons-outlined {
color: #d9534f;
font-size: 45px;
}
#signature-container ol {
list-style: auto;
padding: 18px;
}
#signature-form .sig-preview {
padding: 20px;
border: 1px dashed #efefef;
border-radius: 15px;
display: inline-block;
}
#signature-form .sig-preview img {
width: 300px;
}
#signature-pad {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
font-size: 10px;
width: 100%;
height: 100%;
max-width: 395px;
margin: 0 auto;
}
.signature-pad-panel .panel-body {
height: 300px;
}
.signature-pad-body {
position: relative;
-webkit-box-flex: 1;
-ms-flex: 1;
flex: 1;
}
.signature-canvas {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
touch-action: none;
border: 3px dashed #aeaeae;
border-radius: 0.5rem;
margin-top: 2rem;
}
.signature-pad-actions {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 18px;
}
.signature-pad-actions button {
margin: 2em auto;
min-width: auto !important;
}
.signature-pad-actions button .material-icons {
font-weight: normal;
position: relative;
top: 4px;
left: auto;
right: 0;
font-size: 18px;
}
.sig-description {
font-size: 15px;
}
.sig-description small {
color: #999999;
}
#sig-tabs {
display: flex;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
align-items: center;
}
#sig-tabs .sig-tab {
background-color: #eeeeee;
text-align: center;
border: 1px solid #eeeeee;
color: #444444;
height: 50px;
line-height: 50px;
border-radius: 3px;
font-size: 15px;
letter-spacing: -0.04em;
font-weight: bold;
width: 150px;
display: inline-block;
margin-bottom: 5px;
cursor: pointer;
}
#sig-tabs .sig-tab .material-icons-outlined {
font-weight: normal;
position: relative;
top: 6px;
left: auto;
right: 0;
}
@media (min-width: 500px) {
#sig-tabs .sig-tab:nth-child(1) {
margin-right: 3px;
}
#sig-tabs .sig-tab:nth-child(2) {
margin-left: 3px;
}
}
@media (max-width: 499px) {
#sig-tabs .sig-tab {
width: 100%;
}
}
#sig-tabs .sig-tab.active {
background-color: #0588d3;
border: 1px solid #0588d3;
color: #ffffff;
}
#sig-tabs .sig-content {
display: none;
padding: 20px;
width: 100%;
border: 1px solid #f9f9f9;
background-color: #f9f9f9;
border-radius: 6px;
}
#sig-tabs .sig-content.active {
display: block;
}
#upload-wrap .card-body {
width: 100%;
max-width: 400px;
/*@media (max-width:1000px) {
width: 70%;
}
@media (max-width:767px) {
width: 90%;
}*/
margin: 0 auto;
}
#upload-wrap .file-upload {
position: relative;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
padding: 4rem 1.5rem;
margin-top: 2rem;
border: 3px dashed rgb(174.25, 174.25, 174.25);
border-radius: 0.5rem;
transition: background-color 0.25s ease-out;
}
#upload-wrap .file-upload:hover {
background-color: #dddddd;
}
#upload-wrap .file-upload .file-input {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
outline: none;
cursor: pointer;
}
#upload-wrap .icon {
width: 75px;
margin-bottom: 1rem;
}
@media (max-width: 600px) {
#upload-wrap .icon {
width: 50px;
}
}
#btnUpload {
margin: 2em auto;
border-radius: 3px;
}
#btnUpload .material-icons {
font-weight: normal;
position: relative;
top: 4px;
left: auto;
right: 0;
font-size: 18px;
}
#upload-signature {
height: 150px;
background: aliceblue;
margin: 0 auto;
padding: 15px;
}
@media (min-width: 375px) and (max-width: 497px) {
.product-details-page .ascor-recommend {
bottom: 353px !important;
}
}
@media (min-width: 497px) and (max-width: 517px) {
.product-details-page .ascor-recommend {
bottom: 310px !important;
}
}
@media (min-width: 517px) and (max-width: 605px) {
.product-details-page .ascor-recommend {
bottom: 345px !important;
}
}
@media (min-width: 605px) and (max-width: 767px) {
.product-details-page .ascor-recommend {
bottom: 382px !important;
}
}
@media (min-width: 767px) and (max-width: 820px) {
.product-details-page .ascor-recommend {
bottom: 288px !important;
}
}
@media (min-width: 820px) and (max-width: 905px) {
.product-details-page .ascor-recommend {
bottom: 318px !important;
}
}
@media (min-width: 905px) and (max-width: 999px) {
.product-details-page .ascor-recommend {
bottom: 337px !important;
}
}
@media (min-width: 1000px) and (max-width: 1035px) {
.product-details-page .ascor-recommend {
bottom: 361px !important;
}
}
@media (min-width: 1036px) and (max-width: 1074px) {
.product-details-page .ascor-recommend {
bottom: 371px !important;
}
}
@media (min-width: 1075px) and (max-width: 1115px) {
.product-details-page .ascor-recommend {
bottom: 380px !important;
}
}
@media (min-width: 1200px) {
.product-details-page .ascor-recommend {
bottom: 380px !important;
}
}
/*!
* Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
* License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
*/
/* FONT PATH
* -------------------------- */
@font-face {
font-family: 'FontAwesome';
src: url(/Themes/Pavilion/Content/fonts/fontawesome-webfont.eot?v=4.7.0);
src: url(/Themes/Pavilion/Content/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format('embedded-opentype'), url(/Themes/Pavilion/Content/fonts/fontawesome-webfont.woff2?v=4.7.0) format('woff2'), url(/Themes/Pavilion/Content/fonts/fontawesome-webfont.woff?v=4.7.0) format('woff'), url(/Themes/Pavilion/Content/fonts/fontawesome-webfont.ttf?v=4.7.0) format('truetype'), url(/Themes/Pavilion/Content/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format('svg');
font-weight: normal;
font-style: normal;
}
.fa {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
font-size: 1.33333333em;
line-height: 0.75em;
vertical-align: -15%;
}
.fa-2x {
font-size: 2em;
}
.fa-3x {
font-size: 3em;
}
.fa-4x {
font-size: 4em;
}
.fa-5x {
font-size: 5em;
}
.fa-fw {
width: 1.28571429em;
text-align: center;
}
.fa-ul {
padding-left: 0;
margin-left: 2.14285714em;
list-style-type: none;
}
.fa-ul > li {
position: relative;
}
.fa-li {
position: absolute;
left: -2.14285714em;
width: 2.14285714em;
top: 0.14285714em;
text-align: center;
}
.fa-li.fa-lg {
left: -1.85714286em;
}
.fa-border {
padding: .2em .25em .15em;
border: solid 0.08em #eeeeee;
border-radius: .1em;
}
.fa-pull-left {
float: left;
}
.fa-pull-right {
float: right;
}
.fa.fa-pull-left {
margin-right: .3em;
}
.fa.fa-pull-right {
margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
float: right;
}
.pull-left {
float: left;
}
.fa.pull-left {
margin-right: .3em;
}
.fa.pull-right {
margin-left: .3em;
}
.fa-spin {
-webkit-animation: fa-spin 2s infinite linear;
animation: fa-spin 2s infinite linear;
}
.fa-pulse {
-webkit-animation: fa-spin 1s infinite steps(8);
animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
@keyframes fa-spin {
0% {
-webkit-transform: rotate(0deg);
transform: rotate(0deg);
}
100% {
-webkit-transform: rotate(359deg);
transform: rotate(359deg);
}
}
.fa-rotate-90 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.fa-rotate-180 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
}
.fa-rotate-270 {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
-webkit-transform: rotate(270deg);
-ms-transform: rotate(270deg);
transform: rotate(270deg);
}
.fa-flip-horizontal {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
}
.fa-flip-vertical {
-ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
filter: none;
}
.fa-stack {
position: relative;
display: inline-block;
width: 2em;
height: 2em;
line-height: 2em;
vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
position: absolute;
left: 0;
width: 100%;
text-align: center;
}
.fa-stack-1x {
line-height: inherit;
}
.fa-stack-2x {
font-size: 2em;
}
.fa-inverse {
color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
readers do not read off random characters that represent icons */
.fa-glass:before {
content: "\f000";
}
.fa-music:before {
content: "\f001";
}
.fa-search:before {
content: "\f002";
}
.fa-envelope-o:before {
content: "\f003";
}
.fa-heart:before {
content: "\f004";
}
.fa-star:before {
content: "\f005";
}
.fa-star-o:before {
content: "\f006";
}
.fa-user:before {
content: "\f007";
}
.fa-film:before {
content: "\f008";
}
.fa-th-large:before {
content: "\f009";
}
.fa-th:before {
content: "\f00a";
}
.fa-th-list:before {
content: "\f00b";
}
.fa-check:before {
content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
content: "\f00d";
}
.fa-search-plus:before {
content: "\f00e";
}
.fa-search-minus:before {
content: "\f010";
}
.fa-power-off:before {
content: "\f011";
}
.fa-signal:before {
content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
content: "\f013";
}
.fa-trash-o:before {
content: "\f014";
}
.fa-home:before {
content: "\f015";
}
.fa-file-o:before {
content: "\f016";
}
.fa-clock-o:before {
content: "\f017";
}
.fa-road:before {
content: "\f018";
}
.fa-download:before {
content: "\f019";
}
.fa-arrow-circle-o-down:before {
content: "\f01a";
}
.fa-arrow-circle-o-up:before {
content: "\f01b";
}
.fa-inbox:before {
content: "\f01c";
}
.fa-play-circle-o:before {
content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
content: "\f01e";
}
.fa-refresh:before {
content: "\f021";
}
.fa-list-alt:before {
content: "\f022";
}
.fa-lock:before {
content: "\f023";
}
.fa-flag:before {
content: "\f024";
}
.fa-headphones:before {
content: "\f025";
}
.fa-volume-off:before {
content: "\f026";
}
.fa-volume-down:before {
content: "\f027";
}
.fa-volume-up:before {
content: "\f028";
}
.fa-qrcode:before {
content: "\f029";
}
.fa-barcode:before {
content: "\f02a";
}
.fa-tag:before {
content: "\f02b";
}
.fa-tags:before {
content: "\f02c";
}
.fa-book:before {
content: "\f02d";
}
.fa-bookmark:before {
content: "\f02e";
}
.fa-print:before {
content: "\f02f";
}
.fa-camera:before {
content: "\f030";
}
.fa-font:before {
content: "\f031";
}
.fa-bold:before {
content: "\f032";
}
.fa-italic:before {
content: "\f033";
}
.fa-text-height:before {
content: "\f034";
}
.fa-text-width:before {
content: "\f035";
}
.fa-align-left:before {
content: "\f036";
}
.fa-align-center:before {
content: "\f037";
}
.fa-align-right:before {
content: "\f038";
}
.fa-align-justify:before {
content: "\f039";
}
.fa-list:before {
content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
content: "\f03b";
}
.fa-indent:before {
content: "\f03c";
}
.fa-video-camera:before {
content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
content: "\f03e";
}
.fa-pencil:before {
content: "\f040";
}
.fa-map-marker:before {
content: "\f041";
}
.fa-adjust:before {
content: "\f042";
}
.fa-tint:before {
content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
content: "\f044";
}
.fa-share-square-o:before {
content: "\f045";
}
.fa-check-square-o:before {
content: "\f046";
}
.fa-arrows:before {
content: "\f047";
}
.fa-step-backward:before {
content: "\f048";
}
.fa-fast-backward:before {
content: "\f049";
}
.fa-backward:before {
content: "\f04a";
}
.fa-play:before {
content: "\f04b";
}
.fa-pause:before {
content: "\f04c";
}
.fa-stop:before {
content: "\f04d";
}
.fa-forward:before {
content: "\f04e";
}
.fa-fast-forward:before {
content: "\f050";
}
.fa-step-forward:before {
content: "\f051";
}
.fa-eject:before {
content: "\f052";
}
.fa-chevron-left:before {
content: "\f053";
}
.fa-chevron-right:before {
content: "\f054";
}
.fa-plus-circle:before {
content: "\f055";
}
.fa-minus-circle:before {
content: "\f056";
}
.fa-times-circle:before {
content: "\f057";
}
.fa-check-circle:before {
content: "\f058";
}
.fa-question-circle:before {
content: "\f059";
}
.fa-info-circle:before {
content: "\f05a";
}
.fa-crosshairs:before {
content: "\f05b";
}
.fa-times-circle-o:before {
content: "\f05c";
}
.fa-check-circle-o:before {
content: "\f05d";
}
.fa-ban:before {
content: "\f05e";
}
.fa-arrow-left:before {
content: "\f060";
}
.fa-arrow-right:before {
content: "\f061";
}
.fa-arrow-up:before {
content: "\f062";
}
.fa-arrow-down:before {
content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
content: "\f064";
}
.fa-expand:before {
content: "\f065";
}
.fa-compress:before {
content: "\f066";
}
.fa-plus:before {
content: "\f067";
}
.fa-minus:before {
content: "\f068";
}
.fa-asterisk:before {
content: "\f069";
}
.fa-exclamation-circle:before {
content: "\f06a";
}
.fa-gift:before {
content: "\f06b";
}
.fa-leaf:before {
content: "\f06c";
}
.fa-fire:before {
content: "\f06d";
}
.fa-eye:before {
content: "\f06e";
}
.fa-eye-slash:before {
content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
content: "\f071";
}
.fa-plane:before {
content: "\f072";
}
.fa-calendar:before {
content: "\f073";
}
.fa-random:before {
content: "\f074";
}
.fa-comment:before {
content: "\f075";
}
.fa-magnet:before {
content: "\f076";
}
.fa-chevron-up:before {
content: "\f077";
}
.fa-chevron-down:before {
content: "\f078";
}
.fa-retweet:before {
content: "\f079";
}
.fa-shopping-cart:before {
content: "\f07a";
}
.fa-folder:before {
content: "\f07b";
}
.fa-folder-open:before {
content: "\f07c";
}
.fa-arrows-v:before {
content: "\f07d";
}
.fa-arrows-h:before {
content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
content: "\f080";
}
.fa-twitter-square:before {
content: "\f081";
}
.fa-facebook-square:before {
content: "\f082";
}
.fa-camera-retro:before {
content: "\f083";
}
.fa-key:before {
content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
content: "\f085";
}
.fa-comments:before {
content: "\f086";
}
.fa-thumbs-o-up:before {
content: "\f087";
}
.fa-thumbs-o-down:before {
content: "\f088";
}
.fa-star-half:before {
content: "\f089";
}
.fa-heart-o:before {
content: "\f08a";
}
.fa-sign-out:before {
content: "\f08b";
}
.fa-linkedin-square:before {
content: "\f08c";
}
.fa-thumb-tack:before {
content: "\f08d";
}
.fa-external-link:before {
content: "\f08e";
}
.fa-sign-in:before {
content: "\f090";
}
.fa-trophy:before {
content: "\f091";
}
.fa-github-square:before {
content: "\f092";
}
.fa-upload:before {
content: "\f093";
}
.fa-lemon-o:before {
content: "\f094";
}
.fa-phone:before {
content: "\f095";
}
.fa-square-o:before {
content: "\f096";
}
.fa-bookmark-o:before {
content: "\f097";
}
.fa-phone-square:before {
content: "\f098";
}
.fa-twitter:before {
content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
content: "\f09a";
}
.fa-github:before {
content: "\f09b";
}
.fa-unlock:before {
content: "\f09c";
}
.fa-credit-card:before {
content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
content: "\f09e";
}
.fa-hdd-o:before {
content: "\f0a0";
}
.fa-bullhorn:before {
content: "\f0a1";
}
.fa-bell:before {
content: "\f0f3";
}
.fa-certificate:before {
content: "\f0a3";
}
.fa-hand-o-right:before {
content: "\f0a4";
}
.fa-hand-o-left:before {
content: "\f0a5";
}
.fa-hand-o-up:before {
content: "\f0a6";
}
.fa-hand-o-down:before {
content: "\f0a7";
}
.fa-arrow-circle-left:before {
content: "\f0a8";
}
.fa-arrow-circle-right:before {
content: "\f0a9";
}
.fa-arrow-circle-up:before {
content: "\f0aa";
}
.fa-arrow-circle-down:before {
content: "\f0ab";
}
.fa-globe:before {
content: "\f0ac";
}
.fa-wrench:before {
content: "\f0ad";
}
.fa-tasks:before {
content: "\f0ae";
}
.fa-filter:before {
content: "\f0b0";
}
.fa-briefcase:before {
content: "\f0b1";
}
.fa-arrows-alt:before {
content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
content: "\f0c1";
}
.fa-cloud:before {
content: "\f0c2";
}
.fa-flask:before {
content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
content: "\f0c5";
}
.fa-paperclip:before {
content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
content: "\f0c7";
}
.fa-square:before {
content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
content: "\f0c9";
}
.fa-list-ul:before {
content: "\f0ca";
}
.fa-list-ol:before {
content: "\f0cb";
}
.fa-strikethrough:before {
content: "\f0cc";
}
.fa-underline:before {
content: "\f0cd";
}
.fa-table:before {
content: "\f0ce";
}
.fa-magic:before {
content: "\f0d0";
}
.fa-truck:before {
content: "\f0d1";
}
.fa-pinterest:before {
content: "\f0d2";
}
.fa-pinterest-square:before {
content: "\f0d3";
}
.fa-google-plus-square:before {
content: "\f0d4";
}
.fa-google-plus:before {
content: "\f0d5";
}
.fa-money:before {
content: "\f0d6";
}
.fa-caret-down:before {
content: "\f0d7";
}
.fa-caret-up:before {
content: "\f0d8";
}
.fa-caret-left:before {
content: "\f0d9";
}
.fa-caret-right:before {
content: "\f0da";
}
.fa-columns:before {
content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
content: "\f0de";
}
.fa-envelope:before {
content: "\f0e0";
}
.fa-linkedin:before {
content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
content: "\f0e4";
}
.fa-comment-o:before {
content: "\f0e5";
}
.fa-comments-o:before {
content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
content: "\f0e7";
}
.fa-sitemap:before {
content: "\f0e8";
}
.fa-umbrella:before {
content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
content: "\f0ea";
}
.fa-lightbulb-o:before {
content: "\f0eb";
}
.fa-exchange:before {
content: "\f0ec";
}
.fa-cloud-download:before {
content: "\f0ed";
}
.fa-cloud-upload:before {
content: "\f0ee";
}
.fa-user-md:before {
content: "\f0f0";
}
.fa-stethoscope:before {
content: "\f0f1";
}
.fa-suitcase:before {
content: "\f0f2";
}
.fa-bell-o:before {
content: "\f0a2";
}
.fa-coffee:before {
content: "\f0f4";
}
.fa-cutlery:before {
content: "\f0f5";
}
.fa-file-text-o:before {
content: "\f0f6";
}
.fa-building-o:before {
content: "\f0f7";
}
.fa-hospital-o:before {
content: "\f0f8";
}
.fa-ambulance:before {
content: "\f0f9";
}
.fa-medkit:before {
content: "\f0fa";
}
.fa-fighter-jet:before {
content: "\f0fb";
}
.fa-beer:before {
content: "\f0fc";
}
.fa-h-square:before {
content: "\f0fd";
}
.fa-plus-square:before {
content: "\f0fe";
}
.fa-angle-double-left:before {
content: "\f100";
}
.fa-angle-double-right:before {
content: "\f101";
}
.fa-angle-double-up:before {
content: "\f102";
}
.fa-angle-double-down:before {
content: "\f103";
}
.fa-angle-left:before {
content: "\f104";
}
.fa-angle-right:before {
content: "\f105";
}
.fa-angle-up:before {
content: "\f106";
}
.fa-angle-down:before {
content: "\f107";
}
.fa-desktop:before {
content: "\f108";
}
.fa-laptop:before {
content: "\f109";
}
.fa-tablet:before {
content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
content: "\f10b";
}
.fa-circle-o:before {
content: "\f10c";
}
.fa-quote-left:before {
content: "\f10d";
}
.fa-quote-right:before {
content: "\f10e";
}
.fa-spinner:before {
content: "\f110";
}
.fa-circle:before {
content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
content: "\f112";
}
.fa-github-alt:before {
content: "\f113";
}
.fa-folder-o:before {
content: "\f114";
}
.fa-folder-open-o:before {
content: "\f115";
}
.fa-smile-o:before {
content: "\f118";
}
.fa-frown-o:before {
content: "\f119";
}
.fa-meh-o:before {
content: "\f11a";
}
.fa-gamepad:before {
content: "\f11b";
}
.fa-keyboard-o:before {
content: "\f11c";
}
.fa-flag-o:before {
content: "\f11d";
}
.fa-flag-checkered:before {
content: "\f11e";
}
.fa-terminal:before {
content: "\f120";
}
.fa-code:before {
content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
content: "\f123";
}
.fa-location-arrow:before {
content: "\f124";
}
.fa-crop:before {
content: "\f125";
}
.fa-code-fork:before {
content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
content: "\f127";
}
.fa-question:before {
content: "\f128";
}
.fa-info:before {
content: "\f129";
}
.fa-exclamation:before {
content: "\f12a";
}
.fa-superscript:before {
content: "\f12b";
}
.fa-subscript:before {
content: "\f12c";
}
.fa-eraser:before {
content: "\f12d";
}
.fa-puzzle-piece:before {
content: "\f12e";
}
.fa-microphone:before {
content: "\f130";
}
.fa-microphone-slash:before {
content: "\f131";
}
.fa-shield:before {
content: "\f132";
}
.fa-calendar-o:before {
content: "\f133";
}
.fa-fire-extinguisher:before {
content: "\f134";
}
.fa-rocket:before {
content: "\f135";
}
.fa-maxcdn:before {
content: "\f136";
}
.fa-chevron-circle-left:before {
content: "\f137";
}
.fa-chevron-circle-right:before {
content: "\f138";
}
.fa-chevron-circle-up:before {
content: "\f139";
}
.fa-chevron-circle-down:before {
content: "\f13a";
}
.fa-html5:before {
content: "\f13b";
}
.fa-css3:before {
content: "\f13c";
}
.fa-anchor:before {
content: "\f13d";
}
.fa-unlock-alt:before {
content: "\f13e";
}
.fa-bullseye:before {
content: "\f140";
}
.fa-ellipsis-h:before {
content: "\f141";
}
.fa-ellipsis-v:before {
content: "\f142";
}
.fa-rss-square:before {
content: "\f143";
}
.fa-play-circle:before {
content: "\f144";
}
.fa-ticket:before {
content: "\f145";
}
.fa-minus-square:before {
content: "\f146";
}
.fa-minus-square-o:before {
content: "\f147";
}
.fa-level-up:before {
content: "\f148";
}
.fa-level-down:before {
content: "\f149";
}
.fa-check-square:before {
content: "\f14a";
}
.fa-pencil-square:before {
content: "\f14b";
}
.fa-external-link-square:before {
content: "\f14c";
}
.fa-share-square:before {
content: "\f14d";
}
.fa-compass:before {
content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
content: "\f153";
}
.fa-gbp:before {
content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
content: "\f158";
}
.fa-won:before,
.fa-krw:before {
content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
content: "\f15a";
}
.fa-file:before {
content: "\f15b";
}
.fa-file-text:before {
content: "\f15c";
}
.fa-sort-alpha-asc:before {
content: "\f15d";
}
.fa-sort-alpha-desc:before {
content: "\f15e";
}
.fa-sort-amount-asc:before {
content: "\f160";
}
.fa-sort-amount-desc:before {
content: "\f161";
}
.fa-sort-numeric-asc:before {
content: "\f162";
}
.fa-sort-numeric-desc:before {
content: "\f163";
}
.fa-thumbs-up:before {
content: "\f164";
}
.fa-thumbs-down:before {
content: "\f165";
}
.fa-youtube-square:before {
content: "\f166";
}
.fa-youtube:before {
content: "\f167";
}
.fa-xing:before {
content: "\f168";
}
.fa-xing-square:before {
content: "\f169";
}
.fa-youtube-play:before {
content: "\f16a";
}
.fa-dropbox:before {
content: "\f16b";
}
.fa-stack-overflow:before {
content: "\f16c";
}
.fa-instagram:before {
content: "\f16d";
}
.fa-flickr:before {
content: "\f16e";
}
.fa-adn:before {
content: "\f170";
}
.fa-bitbucket:before {
content: "\f171";
}
.fa-bitbucket-square:before {
content: "\f172";
}
.fa-tumblr:before {
content: "\f173";
}
.fa-tumblr-square:before {
content: "\f174";
}
.fa-long-arrow-down:before {
content: "\f175";
}
.fa-long-arrow-up:before {
content: "\f176";
}
.fa-long-arrow-left:before {
content: "\f177";
}
.fa-long-arrow-right:before {
content: "\f178";
}
.fa-apple:before {
content: "\f179";
}
.fa-windows:before {
content: "\f17a";
}
.fa-android:before {
content: "\f17b";
}
.fa-linux:before {
content: "\f17c";
}
.fa-dribbble:before {
content: "\f17d";
}
.fa-skype:before {
content: "\f17e";
}
.fa-foursquare:before {
content: "\f180";
}
.fa-trello:before {
content: "\f181";
}
.fa-female:before {
content: "\f182";
}
.fa-male:before {
content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
content: "\f184";
}
.fa-sun-o:before {
content: "\f185";
}
.fa-moon-o:before {
content: "\f186";
}
.fa-archive:before {
content: "\f187";
}
.fa-bug:before {
content: "\f188";
}
.fa-vk:before {
content: "\f189";
}
.fa-weibo:before {
content: "\f18a";
}
.fa-renren:before {
content: "\f18b";
}
.fa-pagelines:before {
content: "\f18c";
}
.fa-stack-exchange:before {
content: "\f18d";
}
.fa-arrow-circle-o-right:before {
content: "\f18e";
}
.fa-arrow-circle-o-left:before {
content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
content: "\f191";
}
.fa-dot-circle-o:before {
content: "\f192";
}
.fa-wheelchair:before {
content: "\f193";
}
.fa-vimeo-square:before {
content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
content: "\f195";
}
.fa-plus-square-o:before {
content: "\f196";
}
.fa-space-shuttle:before {
content: "\f197";
}
.fa-slack:before {
content: "\f198";
}
.fa-envelope-square:before {
content: "\f199";
}
.fa-wordpress:before {
content: "\f19a";
}
.fa-openid:before {
content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
content: "\f19d";
}
.fa-yahoo:before {
content: "\f19e";
}
.fa-google:before {
content: "\f1a0";
}
.fa-reddit:before {
content: "\f1a1";
}
.fa-reddit-square:before {
content: "\f1a2";
}
.fa-stumbleupon-circle:before {
content: "\f1a3";
}
.fa-stumbleupon:before {
content: "\f1a4";
}
.fa-delicious:before {
content: "\f1a5";
}
.fa-digg:before {
content: "\f1a6";
}
.fa-pied-piper-pp:before {
content: "\f1a7";
}
.fa-pied-piper-alt:before {
content: "\f1a8";
}
.fa-drupal:before {
content: "\f1a9";
}
.fa-joomla:before {
content: "\f1aa";
}
.fa-language:before {
content: "\f1ab";
}
.fa-fax:before {
content: "\f1ac";
}
.fa-building:before {
content: "\f1ad";
}
.fa-child:before {
content: "\f1ae";
}
.fa-paw:before {
content: "\f1b0";
}
.fa-spoon:before {
content: "\f1b1";
}
.fa-cube:before {
content: "\f1b2";
}
.fa-cubes:before {
content: "\f1b3";
}
.fa-behance:before {
content: "\f1b4";
}
.fa-behance-square:before {
content: "\f1b5";
}
.fa-steam:before {
content: "\f1b6";
}
.fa-steam-square:before {
content: "\f1b7";
}
.fa-recycle:before {
content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
content: "\f1ba";
}
.fa-tree:before {
content: "\f1bb";
}
.fa-spotify:before {
content: "\f1bc";
}
.fa-deviantart:before {
content: "\f1bd";
}
.fa-soundcloud:before {
content: "\f1be";
}
.fa-database:before {
content: "\f1c0";
}
.fa-file-pdf-o:before {
content: "\f1c1";
}
.fa-file-word-o:before {
content: "\f1c2";
}
.fa-file-excel-o:before {
content: "\f1c3";
}
.fa-file-powerpoint-o:before {
content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
content: "\f1c8";
}
.fa-file-code-o:before {
content: "\f1c9";
}
.fa-vine:before {
content: "\f1ca";
}
.fa-codepen:before {
content: "\f1cb";
}
.fa-jsfiddle:before {
content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
content: "\f1cd";
}
.fa-circle-o-notch:before {
content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
content: "\f1d1";
}
.fa-git-square:before {
content: "\f1d2";
}
.fa-git:before {
content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
content: "\f1d4";
}
.fa-tencent-weibo:before {
content: "\f1d5";
}
.fa-qq:before {
content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
content: "\f1d9";
}
.fa-history:before {
content: "\f1da";
}
.fa-circle-thin:before {
content: "\f1db";
}
.fa-header:before {
content: "\f1dc";
}
.fa-paragraph:before {
content: "\f1dd";
}
.fa-sliders:before {
content: "\f1de";
}
.fa-share-alt:before {
content: "\f1e0";
}
.fa-share-alt-square:before {
content: "\f1e1";
}
.fa-bomb:before {
content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
content: "\f1e3";
}
.fa-tty:before {
content: "\f1e4";
}
.fa-binoculars:before {
content: "\f1e5";
}
.fa-plug:before {
content: "\f1e6";
}
.fa-slideshare:before {
content: "\f1e7";
}
.fa-twitch:before {
content: "\f1e8";
}
.fa-yelp:before {
content: "\f1e9";
}
.fa-newspaper-o:before {
content: "\f1ea";
}
.fa-wifi:before {
content: "\f1eb";
}
.fa-calculator:before {
content: "\f1ec";
}
.fa-paypal:before {
content: "\f1ed";
}
.fa-google-wallet:before {
content: "\f1ee";
}
.fa-cc-visa:before {
content: "\f1f0";
}
.fa-cc-mastercard:before {
content: "\f1f1";
}
.fa-cc-discover:before {
content: "\f1f2";
}
.fa-cc-amex:before {
content: "\f1f3";
}
.fa-cc-paypal:before {
content: "\f1f4";
}
.fa-cc-stripe:before {
content: "\f1f5";
}
.fa-bell-slash:before {
content: "\f1f6";
}
.fa-bell-slash-o:before {
content: "\f1f7";
}
.fa-trash:before {
content: "\f1f8";
}
.fa-copyright:before {
content: "\f1f9";
}
.fa-at:before {
content: "\f1fa";
}
.fa-eyedropper:before {
content: "\f1fb";
}
.fa-paint-brush:before {
content: "\f1fc";
}
.fa-birthday-cake:before {
content: "\f1fd";
}
.fa-area-chart:before {
content: "\f1fe";
}
.fa-pie-chart:before {
content: "\f200";
}
.fa-line-chart:before {
content: "\f201";
}
.fa-lastfm:before {
content: "\f202";
}
.fa-lastfm-square:before {
content: "\f203";
}
.fa-toggle-off:before {
content: "\f204";
}
.fa-toggle-on:before {
content: "\f205";
}
.fa-bicycle:before {
content: "\f206";
}
.fa-bus:before {
content: "\f207";
}
.fa-ioxhost:before {
content: "\f208";
}
.fa-angellist:before {
content: "\f209";
}
.fa-cc:before {
content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
content: "\f20b";
}
.fa-meanpath:before {
content: "\f20c";
}
.fa-buysellads:before {
content: "\f20d";
}
.fa-connectdevelop:before {
content: "\f20e";
}
.fa-dashcube:before {
content: "\f210";
}
.fa-forumbee:before {
content: "\f211";
}
.fa-leanpub:before {
content: "\f212";
}
.fa-sellsy:before {
content: "\f213";
}
.fa-shirtsinbulk:before {
content: "\f214";
}
.fa-simplybuilt:before {
content: "\f215";
}
.fa-skyatlas:before {
content: "\f216";
}
.fa-cart-plus:before {
content: "\f217";
}
.fa-cart-arrow-down:before {
content: "\f218";
}
.fa-diamond:before {
content: "\f219";
}
.fa-ship:before {
content: "\f21a";
}
.fa-user-secret:before {
content: "\f21b";
}
.fa-motorcycle:before {
content: "\f21c";
}
.fa-street-view:before {
content: "\f21d";
}
.fa-heartbeat:before {
content: "\f21e";
}
.fa-venus:before {
content: "\f221";
}
.fa-mars:before {
content: "\f222";
}
.fa-mercury:before {
content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
content: "\f224";
}
.fa-transgender-alt:before {
content: "\f225";
}
.fa-venus-double:before {
content: "\f226";
}
.fa-mars-double:before {
content: "\f227";
}
.fa-venus-mars:before {
content: "\f228";
}
.fa-mars-stroke:before {
content: "\f229";
}
.fa-mars-stroke-v:before {
content: "\f22a";
}
.fa-mars-stroke-h:before {
content: "\f22b";
}
.fa-neuter:before {
content: "\f22c";
}
.fa-genderless:before {
content: "\f22d";
}
.fa-facebook-official:before {
content: "\f230";
}
.fa-pinterest-p:before {
content: "\f231";
}
.fa-whatsapp:before {
content: "\f232";
}
.fa-server:before {
content: "\f233";
}
.fa-user-plus:before {
content: "\f234";
}
.fa-user-times:before {
content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
content: "\f236";
}
.fa-viacoin:before {
content: "\f237";
}
.fa-train:before {
content: "\f238";
}
.fa-subway:before {
content: "\f239";
}
.fa-medium:before {
content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
content: "\f23b";
}
.fa-optin-monster:before {
content: "\f23c";
}
.fa-opencart:before {
content: "\f23d";
}
.fa-expeditedssl:before {
content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
content: "\f244";
}
.fa-mouse-pointer:before {
content: "\f245";
}
.fa-i-cursor:before {
content: "\f246";
}
.fa-object-group:before {
content: "\f247";
}
.fa-object-ungroup:before {
content: "\f248";
}
.fa-sticky-note:before {
content: "\f249";
}
.fa-sticky-note-o:before {
content: "\f24a";
}
.fa-cc-jcb:before {
content: "\f24b";
}
.fa-cc-diners-club:before {
content: "\f24c";
}
.fa-clone:before {
content: "\f24d";
}
.fa-balance-scale:before {
content: "\f24e";
}
.fa-hourglass-o:before {
content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
content: "\f253";
}
.fa-hourglass:before {
content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
content: "\f256";
}
.fa-hand-scissors-o:before {
content: "\f257";
}
.fa-hand-lizard-o:before {
content: "\f258";
}
.fa-hand-spock-o:before {
content: "\f259";
}
.fa-hand-pointer-o:before {
content: "\f25a";
}
.fa-hand-peace-o:before {
content: "\f25b";
}
.fa-trademark:before {
content: "\f25c";
}
.fa-registered:before {
content: "\f25d";
}
.fa-creative-commons:before {
content: "\f25e";
}
.fa-gg:before {
content: "\f260";
}
.fa-gg-circle:before {
content: "\f261";
}
.fa-tripadvisor:before {
content: "\f262";
}
.fa-odnoklassniki:before {
content: "\f263";
}
.fa-odnoklassniki-square:before {
content: "\f264";
}
.fa-get-pocket:before {
content: "\f265";
}
.fa-wikipedia-w:before {
content: "\f266";
}
.fa-safari:before {
content: "\f267";
}
.fa-chrome:before {
content: "\f268";
}
.fa-firefox:before {
content: "\f269";
}
.fa-opera:before {
content: "\f26a";
}
.fa-internet-explorer:before {
content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
content: "\f26c";
}
.fa-contao:before {
content: "\f26d";
}
.fa-500px:before {
content: "\f26e";
}
.fa-amazon:before {
content: "\f270";
}
.fa-calendar-plus-o:before {
content: "\f271";
}
.fa-calendar-minus-o:before {
content: "\f272";
}
.fa-calendar-times-o:before {
content: "\f273";
}
.fa-calendar-check-o:before {
content: "\f274";
}
.fa-industry:before {
content: "\f275";
}
.fa-map-pin:before {
content: "\f276";
}
.fa-map-signs:before {
content: "\f277";
}
.fa-map-o:before {
content: "\f278";
}
.fa-map:before {
content: "\f279";
}
.fa-commenting:before {
content: "\f27a";
}
.fa-commenting-o:before {
content: "\f27b";
}
.fa-houzz:before {
content: "\f27c";
}
.fa-vimeo:before {
content: "\f27d";
}
.fa-black-tie:before {
content: "\f27e";
}
.fa-fonticons:before {
content: "\f280";
}
.fa-reddit-alien:before {
content: "\f281";
}
.fa-edge:before {
content: "\f282";
}
.fa-credit-card-alt:before {
content: "\f283";
}
.fa-codiepie:before {
content: "\f284";
}
.fa-modx:before {
content: "\f285";
}
.fa-fort-awesome:before {
content: "\f286";
}
.fa-usb:before {
content: "\f287";
}
.fa-product-hunt:before {
content: "\f288";
}
.fa-mixcloud:before {
content: "\f289";
}
.fa-scribd:before {
content: "\f28a";
}
.fa-pause-circle:before {
content: "\f28b";
}
.fa-pause-circle-o:before {
content: "\f28c";
}
.fa-stop-circle:before {
content: "\f28d";
}
.fa-stop-circle-o:before {
content: "\f28e";
}
.fa-shopping-bag:before {
content: "\f290";
}
.fa-shopping-basket:before {
content: "\f291";
}
.fa-hashtag:before {
content: "\f292";
}
.fa-bluetooth:before {
content: "\f293";
}
.fa-bluetooth-b:before {
content: "\f294";
}
.fa-percent:before {
content: "\f295";
}
.fa-gitlab:before {
content: "\f296";
}
.fa-wpbeginner:before {
content: "\f297";
}
.fa-wpforms:before {
content: "\f298";
}
.fa-envira:before {
content: "\f299";
}
.fa-universal-access:before {
content: "\f29a";
}
.fa-wheelchair-alt:before {
content: "\f29b";
}
.fa-question-circle-o:before {
content: "\f29c";
}
.fa-blind:before {
content: "\f29d";
}
.fa-audio-description:before {
content: "\f29e";
}
.fa-volume-control-phone:before {
content: "\f2a0";
}
.fa-braille:before {
content: "\f2a1";
}
.fa-assistive-listening-systems:before {
content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
content: "\f2a4";
}
.fa-glide:before {
content: "\f2a5";
}
.fa-glide-g:before {
content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
content: "\f2a7";
}
.fa-low-vision:before {
content: "\f2a8";
}
.fa-viadeo:before {
content: "\f2a9";
}
.fa-viadeo-square:before {
content: "\f2aa";
}
.fa-snapchat:before {
content: "\f2ab";
}
.fa-snapchat-ghost:before {
content: "\f2ac";
}
.fa-snapchat-square:before {
content: "\f2ad";
}
.fa-pied-piper:before {
content: "\f2ae";
}
.fa-first-order:before {
content: "\f2b0";
}
.fa-yoast:before {
content: "\f2b1";
}
.fa-themeisle:before {
content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
content: "\f2b4";
}
.fa-handshake-o:before {
content: "\f2b5";
}
.fa-envelope-open:before {
content: "\f2b6";
}
.fa-envelope-open-o:before {
content: "\f2b7";
}
.fa-linode:before {
content: "\f2b8";
}
.fa-address-book:before {
content: "\f2b9";
}
.fa-address-book-o:before {
content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
content: "\f2bc";
}
.fa-user-circle:before {
content: "\f2bd";
}
.fa-user-circle-o:before {
content: "\f2be";
}
.fa-user-o:before {
content: "\f2c0";
}
.fa-id-badge:before {
content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
content: "\f2c3";
}
.fa-quora:before {
content: "\f2c4";
}
.fa-free-code-camp:before {
content: "\f2c5";
}
.fa-telegram:before {
content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
content: "\f2cb";
}
.fa-shower:before {
content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
content: "\f2cd";
}
.fa-podcast:before {
content: "\f2ce";
}
.fa-window-maximize:before {
content: "\f2d0";
}
.fa-window-minimize:before {
content: "\f2d1";
}
.fa-window-restore:before {
content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
content: "\f2d4";
}
.fa-bandcamp:before {
content: "\f2d5";
}
.fa-grav:before {
content: "\f2d6";
}
.fa-etsy:before {
content: "\f2d7";
}
.fa-imdb:before {
content: "\f2d8";
}
.fa-ravelry:before {
content: "\f2d9";
}
.fa-eercast:before {
content: "\f2da";
}
.fa-microchip:before {
content: "\f2db";
}
.fa-snowflake-o:before {
content: "\f2dc";
}
.fa-superpowers:before {
content: "\f2dd";
}
.fa-wpexplorer:before {
content: "\f2de";
}
.fa-meetup:before {
content: "\f2e0";
}
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0, 0, 0, 0);
border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
position: static;
width: auto;
height: auto;
margin: 0;
overflow: visible;
clip: auto;
}
@charset "UTF-8";
/*$url_rssicon: url(/Themes/Pavilion/Content/img/rss-icon.png);
$url_rssicon: url(/Themes/Pavilion/Content/img/rss-icon.png);
$url_closeicon: url(/Themes/Pavilion/Content/img/close.png);
$url_loadingicon: url(/Themes/Pavilion/Content/img/loading.gif);
$url_scrollicon: url(/Themes/Pavilion/Content/img/scroll-page.png);
$url_headersprite: url(/Themes/Pavilion/Content/img/header-sprite-1.png);
$url_searchbutton: url(/Themes/Pavilion/Content/img/search-button.png);
$url_subscribebutton: url(/Themes/Pavilion/Content/img/subscribe-button.png);
$url_socialsprite: url(/Themes/Pavilion/Content/img/social-sprite-1.png);
$url_togglebutton: url(/Themes/Pavilion/Content/img/toggle-button.png);
$url_footersprite: url(/Themes/Pavilion/Content/img/footer-sprite.png);
$url_paymentsprite: url(/Themes/Pavilion/Content/img/payment-sprite.png);
$url_togglearrow: url(/Themes/Pavilion/Content/img/toggle-arrow.png);
$url_polls: url(/Themes/Pavilion/Content/img/polls.png);
$url_breadcrumb: url(/Themes/Pavilion/Content/img/breadcrumb.png);
$url_pointergrey: url(/Themes/Pavilion/Content/img/pointer-grey.png);
$url_productboxsprite: url(/Themes/Pavilion/Content/img/product-box-sprite.png);
$url_cartbutton: url(/Themes/Pavilion/Content/img/cart-button-1.png);
$url_pagersprite: url(/Themes/Pavilion/Content/img/pager-sprite.png);
$url_productsprite2: url(/Themes/Pavilion/Content/img/product-sprite-2.png);
$url_cartbutton2: url(/Themes/Pavilion/Content/img/cart-button-2.png);
$url_productsprite: url(/Themes/Pavilion/Content/img/product-sprite-1.png);
$url_socialsprite: url(/Themes/Pavilion/Content/img/social-sprite-2.png);
$url_deliverysprite: url(/Themes/Pavilion/Content/img/delivery-sprite.png);
$url_calendarsprite: url(/Themes/Pavilion/Content/img/calendar-sprite.png);
$url_cartbutton2: url(/Themes/Pavilion/Content/img/cart-button-2.png);
$url_accountsprite: url(/Themes/Pavilion/Content/img/account-sprite.png);
$url_prodsprite2: url(/Themes/Pavilion/Content/img/product-sprite-2.png);
$url_fblogin: url(/Themes/Pavilion/Content/img/fb-login.png);
$url_closesprite2: url(/Themes/Pavilion/Content/img/close.png);
$url_accountnavsrpite: url(/Themes/Pavilion/Content/img/account-nav-sprite.png);
$url_accountsprite: url(/Themes/Pavilion/Content/img/account-sprite.png);
$url_productsprite22: url(/Themes/Pavilion/Content/img/product-sprite-2.png);
$url_closesprite2: url(/Themes/Pavilion/Content/img/close.png);
$url_tog22: url(/Themes/Pavilion/Content/img/toggle-button.png);
$url_ordsprite: url(/Themes/Pavilion/Content/img/order-sprite.png);
$url_tggggbtn: url(/Themes/Pavilion/Content/img/toggle-button.png);
$url_pointer: url(/Themes/Pavilion/Content/img/pointer-color.png);
$url_srchbtn: url(/Themes/Pavilion/Content/img/search-button.png);
$url_forumsprite: url(/Themes/Pavilion/Content/img/forum-sprite-1.png);
$url_forumsprite2: url(/Themes/Pavilion/Content/img/forum-sprite-2.png);
$url_mobsprite: url(/Themes/Pavilion/Content/img/mobile-sprite.png);
$url_closeeee: url(/Themes/Pavilion/Content/img/close.png);
$url_point: url(/Themes/Pavilion/Content/img/pointer-color.png);
$url_boxspritebig: url(/Themes/Pavilion/Content/img/product-box-sprite-big.png);
$url_arrowprev: url(/Themes/Pavilion/Content/img/arrow-prev.png);
$url_arrownext: url(/Themes/Pavilion/Content/img/arrow-next.png);
$url_viewmode: url(/Themes/Pavilion/Content/img/viewmode-sprite.png);
$url_prodsprite: url(/Themes/Pavilion/Content/img/product-sprite-1.png);
$url_cartbutton22222: url(/Themes/Pavilion/Content/img/cart-button-2.png);
$url_headersprite22222: url(/Themes/Pavilion/Content/img/header-sprite-2.png);
$url_flyoutcatrttt: url(/Themes/Pavilion/Content/img/flyout-cart.png);
$url_catnavv: url(/Themes/Pavilion/Content/img/category-nav.png);*/
/*body {
@include pixelratio(1.25) {
background: #000;
}
}*/
#hits {
width: 100%;
}
.ais-stats--body strong {
font-size: 14px;
}
.hit {
font-size: 0;
padding: 8px 0;
border-bottom: 1px solid #eeeeee;
}
.hit-image {
display: inline-block;
width: 16%;
}
.hit-image img {
max-width: 100%;
max-height: 180px;
}
.hit-content {
font-size: 13px;
font-weight: 300;
display: inline-block;
width: 83%;
margin-left: 1%;
vertical-align: top;
}
.hit-content .hit-price {
font-size: 20px;
float: right;
margin-left: 20px;
color: #0588d3;
font-weight: normal;
margin-top: 0;
}
.hit-content .hit-name {
font-weight: normal;
margin-top: 0;
}
.hit-content em {
font-style: normal;
background: #eeeeee;
}
.hit-content .hit-description {
color: #999999;
}
#algoliaSearchPane {
display: block;
}
#algoliaSearchPane .alg-pagination .ais-Pagination ul {
font-size: 0;
list-style-type: none;
text-align: center;
}
#algoliaSearchPane .alg-pagination .ais-Pagination li {
display: inline;
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.disabled {
display: none;
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.disabled a {
color: #777;
cursor: not-allowed;
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.disabled a:hover {
background: none;
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.disabled:first-child a {
display: none;
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.disabled:last-child a {
display: none;
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.ais-pagination--item, #algoliaSearchPane .alg-pagination .ais-Pagination li.ais-Pagination-item {
position: relative;
display: inline;
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.ais-pagination--item__disabled a, #algoliaSearchPane .alg-pagination .ais-Pagination li.ais-Pagination-itemDisabled a {
color: #777;
cursor: not-allowed;
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.ais-pagination--item__disabled a:hover, #algoliaSearchPane .alg-pagination .ais-Pagination li.ais-Pagination-itemDisabled a:hover {
background: none;
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.ais-pagination--item__disabled:first-child a, #algoliaSearchPane .alg-pagination .ais-Pagination li.ais-Pagination-itemDisabled:first-child a {
display: none;
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.ais-pagination--item__disabled:last-child a, #algoliaSearchPane .alg-pagination .ais-Pagination li.ais-Pagination-itemDisabled:last-child a {
display: none;
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.active a {
color: #fff;
border-color: #0588d3;
background: #0588d3;
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.active a:hover {
cursor: default;
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.ais-pagination--item__next a, #algoliaSearchPane .alg-pagination .ais-Pagination li.ais-Pagination-item--nextPage a {
font-size: 0 !important;
padding: 8px 12px;
display: inline-block;
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.ais-pagination--item__next a:after, #algoliaSearchPane .alg-pagination .ais-Pagination li.ais-Pagination-item--nextPage a:after {
font-family: FontAwesome;
font-size: 15px;
line-height: 22px;
color: #aaa;
left: 16px;
z-index: 0;
content: "\f054";
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.ais-pagination--item__first a, #algoliaSearchPane .alg-pagination .ais-Pagination li.ais-Pagination-item--firstPage a {
font-size: 0 !important;
padding: 8px 12px;
display: inline-block;
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.ais-pagination--item__first a:after, #algoliaSearchPane .alg-pagination .ais-Pagination li.ais-Pagination-item--firstPage a:after {
font-family: FontAwesome;
font-size: 15px;
line-height: 22px;
color: #aaa;
left: 16px;
z-index: 0;
content: "\f053";
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.ais-pagination--item__first a:before, #algoliaSearchPane .alg-pagination .ais-Pagination li.ais-Pagination-item--firstPage a:before {
font-family: Arial;
content: "|";
font-size: 19px;
color: #aaa;
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.ais-pagination--item__first a div, #algoliaSearchPane .alg-pagination .ais-Pagination li.ais-Pagination-item--firstPage a div {
color: #aaa;
font-size: 14px;
line-height: 18px;
float: left;
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.ais-pagination--item__previous a, #algoliaSearchPane .alg-pagination .ais-Pagination li.ais-Pagination-item--previousPage a {
font-size: 0 !important;
padding: 8px 12px;
display: inline-block;
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.ais-pagination--item__previous a:after, #algoliaSearchPane .alg-pagination .ais-Pagination li.ais-Pagination-item--previousPage a:after {
font-family: FontAwesome;
font-size: 15px;
line-height: 22px;
color: #aaa;
left: 16px;
z-index: 0;
content: "\f053";
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.ais-pagination--item__last a, #algoliaSearchPane .alg-pagination .ais-Pagination li.ais-Pagination-item--lastPage a {
font-size: 0 !important;
padding: 8px 12px;
display: inline-block;
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.ais-pagination--item__last a:before, #algoliaSearchPane .alg-pagination .ais-Pagination li.ais-Pagination-item--lastPage a:before {
font-family: FontAwesome;
font-size: 15px;
line-height: 22px;
color: #aaa;
left: 16px;
z-index: 0;
content: "\f054";
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.ais-pagination--item__last a:after, #algoliaSearchPane .alg-pagination .ais-Pagination li.ais-Pagination-item--lastPage a:after {
font-family: Arial;
content: "|";
font-size: 19px;
color: #aaa;
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.ais-pagination--item__last a div, #algoliaSearchPane .alg-pagination .ais-Pagination li.ais-Pagination-item--lastPage a div {
color: #aaa;
font-size: 14px;
line-height: 18px;
float: right;
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.ais-pagination--item__active a, #algoliaSearchPane .alg-pagination .ais-Pagination li.ais-Pagination-item--selected a {
color: #fff;
border-color: #0588d3;
background: #0588d3;
}
#algoliaSearchPane .alg-pagination .ais-Pagination li.ais-pagination--item__active a:hover, #algoliaSearchPane .alg-pagination .ais-Pagination li.ais-Pagination-item--selected a:hover {
cursor: default;
}
#algoliaSearchPane .alg-pagination .ais-Pagination a {
margin: 0 2px;
font-size: 15px;
padding: 9px 13px;
font-weight: bold;
text-decoration: none;
color: #777;
border-right: none;
}
#algoliaSearchPane .alg-pagination .ais-Pagination a:hover {
background: #eeeeee;
}
#algoliaSearchPane .alg-pagination .ais-Pagination a .fa {
color: #aaa;
}
#algoliaSearchPane .alg-pagination .ais-Pagination a.firstPage {
letter-spacing: -0.085em;
}
#algoliaSearchPane .alg-pagination .ais-Pagination a.firstPage div {
color: #aaa;
font-size: 14px;
line-height: 18px;
float: left;
}
#algoliaSearchPane .alg-pagination .ais-Pagination a.lastPage {
letter-spacing: -0.085em;
}
#algoliaSearchPane .alg-pagination .ais-Pagination a.lastPage div {
color: #aaa;
font-size: 14px;
line-height: 18px;
float: right;
}
#algoliaSearchPane .product-selectors {
margin-top: 28px;
}
#algoliaSearchPane li.toggle-refine {
border: 1px solid #e9e9e9;
background-color: #fff;
padding: 6px 0 6px 12px;
margin: 2px;
display: inline-block;
}
#algoliaSearchPane li.remove-numeric-refine {
border: 1px solid #e9e9e9;
background-color: #fff;
padding: 6px 0 6px 12px;
margin: 2px;
display: inline-block;
}
#algoliaSearchPane ul.ais-pagination {
font-size: 0;
list-style-type: none;
text-align: center;
}
#algoliaSearchPane ul li.algolia-filter-list-item label {
width: auto;
}
#algoliaSearchPane ul li.algolia-filter-list-item span.option:nth-child(2) {
display: block;
clear: both;
}
#algoliaSearchPane .nop7SpikesAjaxFiltersGrid {
margin: 12px 0;
}
#algoliaSearchPane .product-grid .productPanelAjaxBusy {
display: none;
}
#algoliaSearchPane .product-grid.nop7SpikesAjaxFiltersGrid .item-box .buttons-lower a {
display: block;
width: 100%;
height: 43px;
border: none;
background-color: #fff;
color: #777;
font-size: 14px;
padding: 10px 0;
}
#algoliaSearchPane .item-box .buttons-lower a .fa {
font-size: 18px;
}
#algoliaSearchPane .item-box .buttons-lower a span {
display: inline-block;
position: relative;
height: 18px;
font-size: 13px;
font-weight: bold;
text-transform: uppercase;
}
#algoliaSearchPane .ais-current-refined-values--link > div {
color: #fff;
font-weight: bold;
font-size: 14px;
}
#algoliaSearchPane .ais-current-refined-values--link:after {
right: 10px;
}
#algoliaSearchPane span.label {
display: block;
font-size: 11px;
color: #888;
font-weight: 100;
}
#sort-by {
font-weight: 300;
position: relative;
float: right;
color: #999999;
}
#sort-by .caret {
position: absolute;
top: 8px;
right: 0;
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
pointer-events: none;
color: #000;
border-top: 4px dashed;
border-right: 4px solid transparent;
border-left: 4px solid transparent;
}
#stats {
min-height: 18px;
position: absolute;
top: 20px;
margin-bottom: 10px;
display: none !important;
}
#stats .found-in {
font-size: 12px;
color: #999999;
}
.facet-link {
font-size: 13px;
line-height: 1.2;
text-decoration: none;
color: #777;
}
.facet-link.facet-refined {
color: #0588d3;
font-weight: bold !important;
}
.facet-link:hover {
color: #0588d3;
}
.facet-count {
position: relative;
top: 3px;
float: right;
color: #999999;
}
.facet-disjunctive {
font-weight: normal;
position: relative;
}
.facet-disjunctive:before {
position: absolute;
top: 3px;
left: -24px;
width: 16px;
height: 16px;
content: "";
background: url(/Themes/Pavilion/Content/img/checkbox_icons.png) 0 0 no-repeat;
}
.facet-disjunctive.facet-refined:before {
background-position: -48px 0;
}
.facet-disjunctive.facet-refined:hover:before {
background-position: -72px 0;
}
ul.checkbox-list.algolia {
padding-bottom: 20px;
background-color: #fff;
margin: 0 40px 15px 50px !important;
padding: 0;
display: table;
list-style: none;
}
ul.checkbox-list.algolia li {
list-style: none;
display: table-row;
}
ul.checkbox-list.algolia li .filter-adj {
padding: 6px 0;
line-height: 10px !important;
}
ul.checkbox-list.algolia li::before {
display: table-cell;
text-align: right;
padding-right: 1.8em;
}
ul li.algolia-filter-list-item {
position: relative;
margin: 0 8px;
}
ul li.algolia-filter-list-item label {
float: left;
display: block;
width: 100%;
color: #0588d3;
margin: 4px 0 0;
font-weight: bold;
}
ul li.algolia-filter-list-item span.option {
position: relative;
float: left;
line-height: 16px;
padding: 3px 26px 3px 0;
margin: 0;
color: #333333;
cursor: pointer;
}
ul li.algolia-filter-list-item span.option.minmax {
padding: 3px 6px 3px 0;
}
ul li.algolia-filter-list-item span.option.minmax a.remove:after {
display: none;
}
ul li.algolia-filter-list-item span.option a.remove:after {
font-family: FontAwesome;
content: "\f00d";
font-size: 15px;
position: absolute;
background-color: transparent;
color: #999999;
top: 3px;
right: 11px;
background-image: none;
}
.no-results #pagination {
display: none;
}
.no-results #sort-by {
display: none;
}
.no-results #stats {
display: none;
}
.no-results #facets {
display: none;
}
#no-results-message {
text-align: center;
position: relative;
}
#no-results-message .col-md-4 {
padding: 0;
}
#no-results-message .white-box {
font-weight: 100;
padding: 20px;
border: 1px solid #e9e9e9;
margin: 10px 0;
background-color: #fff;
}
#no-results-message .white-box .btn {
font-weight: 400;
}
#no-results-message .white-box .row {
margin: 20px 0;
}
#no-results-message .white-box.no-input p {
margin: 14px 0;
font-size: 14px;
}
#no-results-message .white-box.no-input p.search-p {
font-size: 28px;
font-weight: 100;
text-align: center;
}
#no-results-message p {
font-size: 28px;
text-align: center;
}
#no-results-message p.nomatch-title {
margin: 10px 0 20px;
}
#no-results-message p.nomatch-title.search-p {
margin: 4px 0;
}
#no-results-message ul {
list-style-type: none;
}
#no-results-message li {
font-size: 12px;
position: relative;
display: inline-block;
margin: 4px 2px;
padding: 4px 12px 4px 8px;
color: #999999;
border: 1px solid #ddd;
border-radius: 12px;
}
#no-results-message li .fa {
font-size: 16px;
color: #0588d3;
margin: 0 0 0 10px;
}
#no-results-message li span.value {
font-weight: bold;
color: #000;
}
#no-results-message li a.remove img {
position: absolute;
top: 3px;
right: 5px;
float: right;
width: 17px;
height: 17px;
opacity: 0.5;
}
#no-results-message li a.remove:hover img {
opacity: 1;
}
#no-results-message .btn-mcguff {
padding: 8px 20px;
}
#no-results-message .btn-phone:before {
font-family: FontAwesome;
content: "\f095";
font-size: 15px;
margin-right: 10px;
}
#no-results-message .btn-phone:hover {
background-color: #0588d3;
}
#no-results-message img.search-arrow {
font-size: 90px;
position: absolute;
left: 90px;
top: -38px;
width: 110px;
height: 140px;
opacity: 0;
transition: all 0.4s ease;
}
#no-results-message img.search-arrow.showArrow {
opacity: 1;
}
#no-results-message img.search-arrow2 {
font-size: 90px;
position: absolute;
left: -20px;
top: 80px;
width: 260px;
height: 76px;
opacity: 0;
transition: all 0.4s ease;
}
#no-results-message img.search-arrow2.showArrow {
opacity: 1;
}
#no-results-message .btn-email:before {
font-family: FontAwesome;
content: "\f0e0";
font-size: 15px;
margin-right: 10px;
}
#no-results-message .btn-contact:before {
font-family: FontAwesome;
content: "\f27a";
font-size: 15px;
margin-right: 10px;
}
#no-results-message a:not(.btn):not(.clear-all) {
text-decoration: underline;
}
.instantSearch {
width: 277px !important;
height: auto !important;
margin-top: 0 !important;
}
.instantSearch .k-list-container {
position: static !important;
width: 100% !important;
height: auto !important;
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.instantSearch .k-item {
border-top: 1px solid #f6f6f6;
cursor: pointer;
}
.instantSearch .k-item:first-child {
border-top: none;
}
.category-trailing-dots {
display: block;
display: -webkit-box;
margin: 0 auto;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.instant-search-item:hover {
background: #f7f7f7;
}
.instant-search-item {
overflow: hidden;
position: relative;
padding: 5px 10px;
/*border-bottom: 1px solid $color_wild_sand_approx;*/
height: 90px;
}
.instant-search-item a.cat {
position: absolute;
right: 0;
bottom: 10px;
color: #999999;
display: block;
font-weight: 100;
padding: 4px 30px 0 0;
z-index: 200;
font-size: 12px;
}
.instant-search-item a.cat:hover {
color: #333333;
text-decoration: underline;
}
.instant-search-item .img-block {
z-index: 400;
position: absolute;
top: 0;
left: 10px;
width: 80px;
height: 80px;
margin-top: 4px;
background-color: #fff;
text-align: center;
}
.instant-search-item .img-block img {
width: 80px;
height: 80px;
}
.instant-search-item .img-block {
z-index: 400;
/*position: absolute;*/
top: 0;
left: 10px;
/*width: 80px;*/
height: 80px;
margin-top: 4px;
background-color: #fff;
text-align: center;
}
.instant-search-item .img-block img {
width: 80px;
height: 80px;
}
.instant-search-item .detail {
padding-top: 14px;
padding-left: 80px;
padding-right: 20px;
text-align: left;
line-height: normal;
left: 10px;
position: absolute;
width: 100%;
height: 100%;
}
.instant-search-item .detail .prodlist-mfg {
min-height: 18px;
font-weight: 100;
color: #777;
font-size: 14px;
padding-left: 10px;
}
.instant-search-item .detail .title {
color: #333;
font-weight: normal;
padding-left: 10px;
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
height: 19.6px; /* Fallback for non-webkit */
margin: 0 auto;
font-size: 14px;
line-height: 1.4;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
}
.instant-search-item .detail .title.short-desc {
display: none;
color: #aaa;
padding-right: 0;
padding: 0;
margin: 0;
line-height: 14px;
}
.instant-search-item .detail .title.disco {
color: #777;
font-weight: bold;
padding-right: 0;
}
.instant-search-item .detail .categorylink {
color: #333;
font-weight: normal;
padding: 2px 0 0 0;
/*@include multiLineDots($font-size: 14px,$line-height:1.4,$lines-to-show:1);*/
margin: 0;
/*categories instant-search-item .detail .categorylink a:hover*/
}
.instant-search-item .detail .categorylink.short-desc {
display: none;
color: #aaa;
padding-right: 0;
padding: 0;
margin: 0;
line-height: 14px;
}
.instant-search-item .detail .categorylink.disco {
color: #777;
font-weight: bold;
padding-right: 0;
}
.instant-search-item .detail .categorylink a:hover {
color: #0588d3;
text-decoration: none;
}
.instant-search-item .detail .price {
padding-left: 10px;
color: #0588d3 !important;
border-radius: 4px;
background-color: transparent !important;
font-weight: bold;
font-size: 14px;
margin-top: 2px;
}
.instant-search-item .detail .price.disco {
position: relative;
display: inline-block;
color: #ccc !important;
padding: 0;
border-radius: 4px;
background-color: transparent !important;
font-weight: normal;
margin-top: 2px;
font-size: 13px !important;
}
.instant-search-item .detail2 {
/*padding-top: 14px;*/
padding-left: 80px;
padding-right: 20px;
text-align: left;
line-height: normal;
left: 10px;
position: absolute;
/*width: 100%;*/
height: 100%;
}
.instant-search-item .detail2 .prodlist-mfg {
min-height: 18px;
font-weight: 100;
color: #777;
font-size: 14px;
padding-left: 10px;
}
.instant-search-item .detail2 .title {
color: #333;
font-weight: normal;
padding-left: 10px;
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
height: 19.6px; /* Fallback for non-webkit */
margin: 0 auto;
font-size: 14px;
line-height: 1.4;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
}
.instant-search-item .detail2 .title.short-desc {
display: none;
color: #aaa;
padding-right: 0;
padding: 0;
margin: 0;
line-height: 14px;
}
.instant-search-item .detail2 .title.disco {
color: #777;
font-weight: bold;
padding-right: 0;
}
.instant-search-item .detail2 .categorylink {
color: #333;
font-weight: normal;
padding: 2px 0 0 10px;
/*this was autogenerating the ... after the category links*/
/*@include multiLineDots($font-size: 14px,$line-height:1.4,$lines-to-show:1);*/
margin: 0;
}
.instant-search-item .detail2 .categorylink.short-desc {
display: none;
color: #aaa;
padding-right: 0;
padding: 0;
margin: 0;
line-height: 14px;
}
.instant-search-item .detail2 .categorylink.disco {
color: #777;
font-weight: bold;
padding-right: 0;
}
.instant-search-item .detail2 .categorylink a:hover {
color: #0588d3;
font-weight: bold;
}
.instant-search-item .detail2 .price {
padding-left: 10px;
color: #0588d3 !important;
border-radius: 4px;
background-color: transparent !important;
font-weight: bold;
font-size: 14px;
margin-top: 2px;
}
.instant-search-item .detail2 .price.disco {
position: relative;
display: inline-block;
color: #ccc !important;
padding: 0;
border-radius: 4px;
background-color: transparent !important;
font-weight: normal;
margin-top: 2px;
font-size: 13px !important;
}
.instant-search-item .detail-guide {
margin: 0;
text-align: left;
line-height: normal;
padding-bottom: 6px;
max-width: 500px;
}
.instant-search-item .detail-guide .title {
color: #333;
margin: 2px 0;
font-size: 14px;
font-weight: normal;
}
.instant-search-item .detail-guide .title.short-desc {
color: #aaa;
padding-right: 0;
font-weight: 100;
padding: 0;
margin: 0;
line-height: 14px;
}
.instant-search-item .detail-guide .title.short-desc a {
color: #0588d3;
}
.instant-search-item .detail-guide .title.phone {
padding-right: 0;
font-size: 14px;
font-weight: normal;
padding: 0;
margin: 0;
line-height: 10px;
}
.instant-search-item .detail-guide .title.phone .fa {
color: #fff;
background-color: #ccc;
border-radius: 50%;
padding: 2.5px 4px;
margin-right: 10px;
}
.instant-search-item .detail-guide .title.link .fa {
color: #ccc;
font-size: 22px;
margin-right: 10px;
float: left;
}
.instant-search-item .detail-guide .title.link a {
font-weight: normal;
font-size: 12px;
margin-top: -4px;
}
.instant-search-item .detail-guide-cps {
margin: 0 -100px 0 100px;
padding: 5px 0;
text-align: left;
line-height: normal;
width: 50%;
}
.instant-search-item .detail-guide-cps .title {
color: #333;
margin: 2px 0;
font-size: 14px;
font-weight: normal;
}
.instant-search-item .detail-guide-cps .title.short-desc {
color: #aaa;
padding-right: 0;
font-size: 12px;
font-weight: normal;
padding: 0;
margin: 0;
line-height: 14px;
}
.instant-search-item .detail-guide-cps .title.short-desc a {
color: #0588d3;
}
.instant-search-item .detail-guide-cps .title.phone {
padding-right: 0;
font-size: 14px;
font-weight: normal;
padding: 0;
margin: 0 0 10px 0;
line-height: 10px;
}
.instant-search-item .detail-guide-cps .title.phone .fa {
color: #fff;
background-color: #ccc;
border-radius: 50%;
padding: 2.5px 4px;
margin-right: 10px;
}
.instant-search-item .detail-guide-cps .title.link .fa {
color: #ccc;
font-size: 22px;
margin-right: 10px;
float: left;
}
.instant-search-item .detail-guide-cps .title.link a {
font-weight: normal;
font-size: 12px;
margin-top: -4px;
}
.instant-search-item div.cps-logo {
position: absolute;
text-align: center;
right: 0;
top: 10px;
color: #999;
display: block;
font-weight: 100;
padding: 4px 30px 0 0;
z-index: 200;
font-size: 12px;
}
.instant-search-item .icon-block {
position: relative;
float: left;
width: 80px;
height: 80px;
text-align: center;
}
.instant-search-item .icon-block .fa {
font-size: 40px;
color: #ddd;
line-height: 80px;
}
#small-search-box-form div.aa-dataset-1 .instant-search-item {
height: auto;
min-height: 90px;
}
.instant-search-item-header-product {
color: #fff;
font-size: 12px;
background-color: #364653;
padding: 3px 8px;
border: 1px solid #364653;
}
.instant-search-item-header-suggest {
color: #fff;
font-size: 12px;
background-color: #364653;
padding: 3px 8px;
border: 1px solid #364653;
width: 100%;
}
.instant-search-item-header-suggest.footer {
padding: 0;
text-align: center;
color: #666;
font-size: 14px;
background-color: #fff;
border-bottom: 1px solid #ececec;
border-left: 1px solid #ececec;
border-right: 1px solid #ececec;
border-top: 1px solid #fff;
}
.instant-search-item-header-suggest.footer:before {
font-family: FontAwesome;
content: "\f054";
color: #dddddd;
position: absolute;
font-weight: 100;
right: 20px;
margin-top: 24px;
font-size: 30px;
}
.instant-search-item-header-suggest.footer div.see-all {
display: block;
cursor: pointer;
}
.instant-search-item-header-suggest.footer div.see-all:hover {
background-color: #f9f9f9;
}
.instant-search-item-header-suggest.footer div.see-all div.only-showing {
padding: 14px 8px 0 8px;
font-weight: 100;
color: #888;
font-size: 14px;
margin-bottom: 8px;
}
.instant-search-item-header-suggest.footer div.see-all div#suggest-see-all {
font-weight: bold;
padding: 0 8px 14px 8px;
}
.instant-search-item-header-suggest.footer div.see-all div#suggest-see-all > span {
font-weight: 100;
font-size: 12px;
display: block;
}
.instant-search-item-header-suggest.footer div.see-all div#suggest-see-all i.fa {
font-size: 18px;
margin-right: 4px;
}
.aa-suggestion {
position: relative;
}
.k-item.k-state-hover .instant-search-item {
background-color: #f9f9f9;
}
.k-item.k-state-focused .instant-search-item {
background-color: #f9f9f9;
}
.product-suggest {
background-color: #fff;
padding: 10px;
width: 100%;
border-bottom: 1px solid #ccc;
}
.product-suggest:hover {
background-color: #f9f9f9;
padding: 10px;
border-bottom: 1px solid #eeeeee;
}
.product-suggest .image {
width: 90px;
float: left;
}
.product-suggest .image img {
width: 80px;
height: 80px;
}
.product-suggest .prodinfo {
font-size: 14px;
color: #777;
float: right;
overflow: hidden;
width: 500px;
}
.product-suggest .price {
font-size: 14px;
color: #cc0000;
font-weight: normal;
}
.product-suggest .hit-price {
font-size: 14px;
color: #cc0000;
font-weight: normal;
}
@media (min-width: 62.5em) {
.autosuggest-nohits, .autosuggest-start {
display: none !important;
}
.aa-suggestion {
/*margin-left: -1px;*/
}
.instant-search-item-header-suggest {
margin-left: 0;
}
.instant-search-item-header-suggest.footer {
padding: 0;
text-align: center;
color: #666;
font-size: 14px;
background-color: #fff;
border-bottom: 1px solid #ececec;
border-left: 1px solid #ececec;
border-right: 1px solid #ececec;
border-top: 1px solid #fff;
}
.instant-search-item-header-suggest.footer:before {
font-family: FontAwesome;
content: "\f054";
color: #dddddd;
position: absolute;
font-weight: 100;
right: 20px;
margin-top: 24px;
font-size: 30px;
}
.instant-search-item-header-suggest.footer div.see-all {
display: block;
cursor: pointer;
}
.instant-search-item-header-suggest.footer div.see-all:hover {
background-color: #f5f5f5;
}
.instant-search-item-header-suggest.footer div.see-all div.only-showing {
padding: 14px 8px 0 8px;
font-weight: 100;
color: #888;
font-size: 12px;
}
.instant-search-item-header-suggest.footer div.see-all div#suggest-see-all {
font-weight: bold;
padding: 0 8px 14px 8px;
}
.instant-search-item-header-suggest.footer div.see-all div#suggest-see-all > span {
font-weight: 100;
font-size: 12px;
display: block;
}
.instant-search-item-header-suggest.footer div.see-all div#suggest-see-all i.fa {
font-size: 18px;
margin-right: 4px;
}
.filter-block a.toggleControl {
padding: 0;
}
.filter-block.algolia a.toggleControl {
padding: 0;
}
.filtersPanel {
border-right: 1px solid #e9e9e9;
border-left: 1px solid #e9e9e9;
border-top: 0;
border-bottom: 1px solid #e9e9e9;
}
.clear-filters-wrapper .clear-box {
position: absolute;
top: 34px;
}
.ais-refinement-list--header.ais-header h5 {
padding: 20px 25px;
padding: 20px 25px;
}
#algoliaSearchPane .product-grid.nop7SpikesAjaxFiltersGrid .item-box:hover .buttons-lower a {
background-color: #0588d3;
color: #fff;
}
}
@media (min-width: 48em) {
#algoliaSearchPane .product-list .item-box .buttons-lower a {
display: inline-block;
width: auto;
outline: 1px solid transparent;
background-image: none;
padding: 14px 28px;
vertical-align: middle;
color: #fff;
background-color: #0588d3;
display: inline-block;
width: auto;
outline: 1px solid transparent;
background-image: none;
padding: 14px 28px;
vertical-align: middle;
color: #fff;
background-color: #0588d3;
}
#algoliaSearchPane .product-list .item-box .buttons-lower a:hover {
transition: all 0.2s ease;
outline-color: #0588d3;
transition: all 0.2s ease;
outline-color: #0588d3;
}
span.aa-dropdown-menu {
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
margin: 2px 0 0 0;
}
}
@media (max-width: 47.99em) {
.admin-header-links ~ .responsive-nav-wrapper-parent .store-search-box {
top: 50px !important;
position: absolute !important;
box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}
}
@media (max-width: 47.99em) {
.instant-search-item a.cat {
padding: 4px 20px 0 0;
}
.admin-header-links ~ .responsive-nav-wrapper-parent .store-search-box {
top: 50px !important;
position: absolute !important;
box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}
}
@media (min-width: 48em) and (max-width: 62.49em) {
.admin-header-links ~ .responsive-nav-wrapper-parent .store-search-box {
top: 50px !important;
position: absolute !important;
box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}
}
@media (max-width: 62.49em) {
.algolia-page .pager-wrapper.hide-pager {
display: none;
}
.algolia-page #no-results-message .white-box, .algolia-page .product-grid.nop7SpikesAjaxFiltersGrid {
margin: 0 !important;
}
.algolia-edit-product {
display: none;
}
html.mobileSearch {
/*.overlayOffCanvas {
background: #fff !important;
-webkit-transition: none !important;
-moz-transition: none !important;
-o-transition: none !important;
-ms-transition: none !important;
transition: none !important;
}*/
}
html.mobileSearch body {
overflow: hidden;
position: fixed;
}
html.mobileSearch .autosuggest-nohits, html.mobileSearch .autosuggest-start {
margin-top: 100px !important;
text-align: center;
}
html.mobileSearch .autosuggest-nohits .btn-mcguff, html.mobileSearch .autosuggest-start .btn-mcguff {
margin: 8px auto;
display: block;
width: 250px !important;
height: fit-content !important;
max-width: 250px;
font-size: 14px;
}
html.mobileSearch .autosuggest-nohits .btn-mcguff:before, html.mobileSearch .autosuggest-start .btn-mcguff:before {
font-family: FontAwesome;
font-size: 15px;
margin-right: 10px;
}
html.mobileSearch .autosuggest-nohits .btn-mcguff.btn-phone:before, html.mobileSearch .autosuggest-start .btn-mcguff.btn-phone:before {
content: "\f095";
}
html.mobileSearch .autosuggest-nohits .btn-mcguff.btn-email:before, html.mobileSearch .autosuggest-start .btn-mcguff.btn-email:before {
content: "\f0e0";
}
html.mobileSearch .autosuggest-nohits .btn-mcguff.btn-contact:before, html.mobileSearch .autosuggest-start .btn-mcguff.btn-contact:before {
content: "\f27a";
}
html.mobileSearch .autosuggest-nohits p, html.mobileSearch .autosuggest-start p {
font-size: 1rem;
font-weight: 100;
position: relative;
padding: 20px 40px;
}
html.mobileSearch .autosuggest-nohits h5, html.mobileSearch .autosuggest-start h5 {
padding: 10px 40px;
font-size: 1.4rem;
text-transform: capitalize;
font-weight: 100;
text-align: center;
position: relative;
left: 0;
right: 0;
height: 100%;
width: 100%;
display: block;
z-index: 999;
}
html.mobileSearch .instant-search-item-header-suggest {
margin: 20px 0 0;
}
html.mobileSearch .detail-guide {
padding-left: 20px;
padding-right: 20px;
}
html.mobileSearch .master-wrapper-page {
height: 30px;
overflow: hidden;
}
html.mobileSearch .aa-dropdown-menu {
padding-bottom: 170px;
}
html.mobileSearch .aa-suggestion {
width: 100% !important;
}
html.mobileSearch .responsive-nav-wrapper-parent {
position: absolute !important;
}
html.mobileSearch .aa-dropdown-menu {
top: 60px !important;
box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}
html.mobileSearch #small-searchterms_listbox {
border-left: 0;
border-right: 0;
}
#stats {
min-height: 18px;
position: absolute;
top: 34px;
text-align: center;
margin-bottom: 40px;
left: 0;
right: 0;
margin-left: auto;
margin-right: auto;
}
.alg-breadcrumb {
margin-bottom: 10px;
display: none;
}
#algoliaSearchPane .product-selectors {
margin-top: 30px;
}
#algoliaSearchPane ul {
text-align: center;
}
#algoliaSearchPane ul li.algolia-filter-list-item label {
font-size: 11px;
color: #888;
font-weight: 100;
}
.header-menu .close-menu span {
display: block;
text-transform: uppercase;
height: 53px;
padding: 14px 0 0 22px;
background-image: none;
font-size: 18px;
font-weight: normal;
background: #364653;
color: #fff;
}
.header-menu .close-menu span .fa.fa-close {
font-size: 22px;
right: 14px;
top: 16px;
position: absolute;
}
.header-menu .back-button span {
display: block;
text-transform: uppercase;
height: 53px;
padding: 14px 0 0 22px;
background-image: none;
font-size: 18px;
font-weight: normal;
background: #364653;
color: #fff;
padding: 16px 0 0 22px;
}
.header-menu .back-button span:before {
font-size: 18px;
right: 14px;
top: 18px;
position: absolute;
}
span.aa-dropdown-menu {
box-shadow: 0 1px 8px rgba(0, 0, 0, 0.1);
margin: 2px 0 0 0;
}
ul li.algolia-filter-list-item span.option {
padding: 0 26px 4px 0;
}
ul li.algolia-filter-list-item span.option.minmax {
padding: 0 2px 0 0;
}
ul li.algolia-filter-list-item span.option a.remove:after {
top: 1px;
}
.footer-block.quick-contact li div:before {
display: none;
}
.instant-search-item .detail .title.short-desc {
display: none;
}
.mini-shopping-cart .price strong {
color: #0588d3;
}
.clear-filters-wrapper .clear-box {
position: absolute;
top: 22px;
}
.nopAjaxFilters7Spikes .close-filters span {
display: block;
height: 53px;
padding: 12px 0 0 24px;
text-transform: uppercase;
background-image: none;
font-size: 18px;
background: #364653;
color: #fff;
}
.nopAjaxFilters7Spikes .close-filters span:after {
font-family: FontAwesome;
content: "\f00d";
font-size: 22px;
position: absolute;
right: 14px;
top: 10px;
}
}
.algolia-filters-label {
color: #0588d3;
font-weight: bold;
margin: 0;
display: block;
}
.algolia-filters-value {
position: relative;
color: #333333;
margin: 8px 14px;
}
.algolia-filter-list-item {
margin-left: -10px;
}
.ais-current-refined-values--body {
padding: 0 0 6px 0;
}
#clear-filters {
position: relative;
}
#clear-filters ul {
margin: 0 0 10px 0;
}
#clear-filters h3 {
margin: 0 0 10px 0;
font-weight: normal;
color: #5a6b79;
}
#clear-filters span.label {
display: block;
font-size: 11px;
color: #eee;
font-weight: 100;
}
#clear-filters div.ais-current-refined-values--item {
background-color: #26547c;
padding: 7px 34px 7px 12px;
margin: 0 4px 4px 0;
display: inline-block;
text-align: left;
}
.keywordTyped {
color: #0588d3;
font-weight: bold;
}
.clear-filters-wrapper {
position: relative;
overflow: hidden;
padding: 0 18px 20px;
border-right: 1px solid #e9e9e9;
border-top: 1px solid #e9e9e9;
border-left: 1px solid #e9e9e9;
background-color: #fff;
}
.clear-filters-wrapper .algolia-toggle {
margin: 18px 0 16px 6px;
font-weight: bold;
color: #333333;
font-size: 15px;
pointer-events: none;
}
.clear-filters-wrapper .clear-box {
background-color: #fff;
padding: 4px 8px;
position: absolute;
color: #555555;
right: 4px;
font-size: 12px;
text-align: center;
text-transform: uppercase;
}
.clear-filters-wrapper .clear-box:before {
font-family: FontAwesome;
position: absolute;
content: "\f00d";
background-color: #ccc;
color: #fff;
top: -10px;
left: -18px;
font-size: 15px;
padding: 6px 8px;
}
.clear-filters-wrapper .clear-box:after {
background-color: transparent;
color: #fff;
right: 14px;
top: 12px;
font-size: 0;
}
@media (max-width: 62.49em) {
.clear-filters-wrapper .algolia-toggle {
margin: 6px 0 16px 6px;
}
}
@media (min-width: 30em) {
.clear-filters-wrapper .algolia-toggle {
text-align: left;
}
.filter-block.algolia a.toggleControl {
text-align: left;
}
}
.aa-dataset-0 {
background-color: transparent !important;
}
.aa-with-0 {
background-color: transparent !important;
}
#small-searchterms_listbox {
border-right: 1px solid #eeeeee;
border-left: 1px solid #eeeeee;
}
.aa-suggestion {
width: 100%;
background-color: #fff;
}
.aa-suggestion:hover {
background-color: #f9f9f9;
}
.aa-suggestion.highlighted, .aa-suggestion.aa-cursor {
background-color: #f3f3f3;
}
@media (min-width: 30em) {
.aa-suggestion {
background-color: #fff;
}
.instant-search-item-header-product {
margin-left: -3px;
}
.ais-refinement-list--header.ais-header h5 {
text-align: left;
display: block;
padding: 15px 25px;
font-size: 15px;
font-weight: bold;
color: #333333;
text-transform: uppercase;
}
.nopAjaxFilters7Spikes #clear-filters .algolia-toggle {
text-align: left;
}
}
@media (max-width: 29.99em) {
.instant-search-item-header-product {
margin-left: -3px;
}
.instant-search-item-header-suggest {
margin-left: 0;
}
}
.irs {
position: relative;
display: block;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
height: 40px;
}
.irs-line {
position: relative;
display: block;
overflow: hidden;
outline: none !important;
height: 12px;
top: 25px;
}
.irs-line-left {
position: absolute;
display: block;
top: 0;
left: 0;
width: 11%;
height: 12px;
background-position: 0 -30px;
background: url(/Themes/Pavilion/Content/img/sprite-skin-flat.png) repeat-x;
}
.irs-line-mid {
position: absolute;
display: block;
top: 0;
left: 9%;
width: 82%;
height: 12px;
background-position: 0 0;
background: url(/Themes/Pavilion/Content/img/sprite-skin-flat.png) repeat-x;
}
.irs-line-right {
position: absolute;
display: block;
top: 0;
right: 0;
width: 11%;
height: 12px;
background-position: 100% -30px;
background: url(/Themes/Pavilion/Content/img/sprite-skin-flat.png) repeat-x;
}
.irs-bar {
position: absolute;
display: block;
left: 0;
width: 0;
height: 12px;
top: 25px;
background-position: 0 -60px;
background: url(/Themes/Pavilion/Content/img/sprite-skin-flat.png) repeat-x;
}
.irs-bar-edge {
position: absolute;
display: block;
left: 0;
top: 25px;
height: 12px;
width: 9px;
background-position: 0 -90px;
background: url(/Themes/Pavilion/Content/img/sprite-skin-flat.png) repeat-x;
}
.irs-shadow {
position: absolute;
display: none;
left: 0;
width: 0;
height: 3px;
top: 34px;
background: #000;
opacity: 0.25;
}
.irs-slider {
position: absolute;
display: block;
cursor: default;
z-index: 1;
width: 16px;
height: 18px;
top: 22px;
background-position: 0 -120px;
background: url(/Themes/Pavilion/Content/img/sprite-skin-flat.png) repeat-x;
}
.irs-slider.from {
margin-left: -2px;
background-image: none;
}
.irs-slider.from:after {
position: absolute;
font-family: FontAwesome;
content: "\f04d";
font-size: 18px;
bottom: -6px;
left: 50%;
top: 0;
margin-left: -6px;
color: #26547c;
}
.irs-slider.to {
background-image: none;
}
.irs-slider.to:after {
position: absolute;
font-family: FontAwesome;
content: "\f04d";
font-size: 18px;
bottom: -6px;
left: 50%;
top: 0;
margin-left: -6px;
color: #26547c;
}
.irs-slider.type_last {
z-index: 2;
}
.irs-slider.state_hover {
background-position: 0 -150px;
}
.irs-slider:hover {
background-position: 0 -150px;
}
.irs-min {
position: absolute;
display: block;
left: 0;
cursor: default;
color: #999999;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
top: 0;
padding: 1px 3px;
background: #e1e4e9;
-moz-border-radius: 4px;
border-radius: 4px;
}
.irs-max {
position: absolute;
display: block;
right: 0;
cursor: default;
color: #999999;
font-size: 10px;
line-height: 1.333;
text-shadow: none;
top: 0;
padding: 1px 3px;
background: #e1e4e9;
-moz-border-radius: 4px;
border-radius: 4px;
}
.irs-grid {
position: absolute;
display: none;
bottom: 0;
left: 0;
width: 100%;
height: 20px;
}
.irs-grid .irs-grid-text {
display: none;
}
.irs-grid .irs-grid-text:nth-child(2) {
display: block;
}
.irs-grid .irs-grid-text:last-child {
display: block;
}
.irs-with-grid {
height: 60px;
}
.irs-with-grid .irs-grid {
display: block;
}
.irs-grid-pol {
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 8px;
background: #e1e4e9;
}
.irs-grid-pol.small {
height: 4px;
}
.irs-grid-text {
position: absolute;
bottom: 0;
left: 0;
white-space: nowrap;
text-align: center;
line-height: 9px;
padding: 0 3px;
color: #777;
font-size: 14px;
}
.irs-disable-mask {
position: absolute;
display: block;
top: 0;
left: -1%;
width: 102%;
height: 100%;
cursor: default;
background: rgba(0, 0, 0, 0);
z-index: 2;
}
.lt-ie9 .irs-disable-mask {
background: #000;
filter: alpha(opacity=0);
cursor: not-allowed;
}
.lt-ie9 .irs-shadow {
filter: alpha(opacity=25);
}
.irs-disabled {
opacity: 0.4;
}
.irs-hidden-input {
position: absolute !important;
display: block !important;
top: 0 !important;
left: 0 !important;
width: 0 !important;
height: 0 !important;
font-size: 0 !important;
line-height: 0 !important;
padding: 0 !important;
margin: 0 !important;
outline: none !important;
z-index: -9999 !important;
background: none !important;
border-style: solid !important;
border-color: transparent !important;
}
.irs-from {
position: absolute;
display: block;
top: 0;
left: 0;
cursor: default;
white-space: nowrap;
color: #fff;
font-size: 12px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background: #0588d3;
-moz-border-radius: 4px;
border-radius: 4px;
margin-left: -2px;
}
.irs-from:after {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #0588d3;
margin-left: -2px;
}
.irs-to {
position: absolute;
display: block;
top: 0;
left: 0;
cursor: default;
white-space: nowrap;
color: #fff;
font-size: 12px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background: #0588d3;
-moz-border-radius: 4px;
border-radius: 4px;
margin-left: 0;
}
.irs-to:after {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #0588d3;
margin-left: -2px;
}
.irs-single {
position: absolute;
display: block;
top: 0;
left: 0;
cursor: default;
white-space: nowrap;
color: #fff;
font-size: 12px;
line-height: 1.333;
text-shadow: none;
padding: 1px 5px;
background: #0588d3;
-moz-border-radius: 4px;
border-radius: 4px;
}
.irs-single:after {
position: absolute;
display: block;
content: "";
bottom: -6px;
left: 50%;
width: 0;
height: 0;
overflow: hidden;
border: 3px solid transparent;
border-top-color: #0588d3;
}
.no-search-results {
display: none;
}
@media (max-width: 61.99em) {
#no-results-message .white-box .btn {
margin: 10px 0;
width: 80%;
}
}
@media (min-width: 80em) {
.filter-block a.toggleControl {
padding: 0;
}
.filter-block.algolia a.toggleControl {
padding: 0;
}
.ais-refinement-list--header.ais-header h5 {
padding: 25px 35px;
padding: 25px 35px;
}
}
.ui-slider-handle {
outline: none;
}
.guides-wrapper {
border: 1px solid #e9e9e9;
background-color: #fff;
text-align: center;
padding: 10px;
margin: 10px 0;
}
.dc-style {
color: #ccc;
}
.no-input-message {
display: none;
}
@media (max-width: 79.99em) {
#no-results-message img.search-arrow {
display: none !important;
}
#no-results-message img.search-arrow2 {
display: none !important;
}
}
.mobile-searched-for {
display: block;
border-bottom: 0;
margin-top: 20px;
margin-bottom: 0;
}
@media (min-width: 62.5em) {
.no-input-message {
margin-top: 67px;
}
.aa-suggestion {
min-width: 520px;
}
.mobile-searched-for {
display: none;
}
}
.algolia-edit-product {
opacity: 0.5;
color: #fff;
background-color: #999999;
font-size: 12px;
text-transform: uppercase;
position: absolute;
right: 0;
top: 10px;
z-index: 1000;
padding: 3px 8px;
}
.algolia-edit-product:hover {
opacity: 1;
}
.scrollYRemove {
overflow-y: hidden !important;
position: fixed !important;
}
.nopAjaxFilters7Spikes {
background-color: #fff !important;
}
.nopAjaxFilters7Spikes #clear-filters .algolia-toggle {
margin: 18px 0 16px -6px;
font-weight: bold;
color: #333333;
font-size: 15px;
pointer-events: none;
padding: 8px 0 0;
position: relative;
}
#product-sorting-alg {
display: inline-block;
}
#products-pagesize-alg {
display: inline-block;
}
.ais-search-box {
display: inline-block;
}
.ais-refinement-list--count {
display: none;
}
.ais-refinement-list--count:before {
content: "(";
}
.ais-refinement-list--count:after {
content: ")";
}
.ais-refinement-list--list {
margin: 0 40px 15px 50px !important;
padding: 0;
display: table;
list-style: none;
}
.ais-refinement-list--list .ais-refinement-list--item {
position: relative;
list-style: none;
display: table-row;
vertical-align: middle;
padding: 8px 25px 8px 20px;
transition: all 0.2s ease;
line-height: 14px !important;
}
.ais-refinement-list--list .ais-refinement-list--item > div {
margin: 8px 0;
}
.ais-refinement-list--list .ais-refinement-list--label {
cursor: pointer !important;
position: relative;
}
.ais-refinement-list--list .ais-refinement-list--label:before {
position: absolute;
top: 3px;
left: -24px;
width: 24px;
height: 24px;
content: "";
background: url(/Themes/Pavilion/Content/img/checkbox_icons.png) 0 0 no-repeat;
}
.ais-refinement-list--list .ais-refinement-list--label input[type=checkbox] {
display: none;
}
.ais-refinement-list--list .ais-refinement-list--item::before {
display: table-cell;
text-align: right;
padding-right: 1.8em;
}
.ais-refinement-list--list .ais-refinement-list--item__active .ais-refinement-list--label {
font-weight: bold;
color: #0588d3;
}
.ais-refinement-list--list .ais-refinement-list--item__active .ais-refinement-list--label span {
font-weight: normal;
color: #666;
}
.ais-refinement-list--list .ais-refinement-list--item__active .ais-refinement-list--label:before {
background-position: -48px 0;
}
.ais-refinement-list--list .ais-refinement-list--item__active .ais-refinement-list--label:hover:before {
background-position: -72px 0;
}
.ais-current-refined-values--item {
padding-right: 20px;
position: relative;
margin: 10px 0;
display: block;
}
.filtersPanel {
padding: 0 0 20px 0;
}
.filtersPanel .block {
text-align: left;
}
.ais-current-refined-values--clear-all {
color: #777;
display: none;
font-weight: 100;
}
a.clear-all-trigger {
display: inline-block;
color: #bbb;
font-size: 14px;
}
a.ais-show-more {
margin: 20px 0 0 -10px;
line-height: 40px;
padding: 12px 0 0 0;
cursor: pointer;
color: #000;
}
.ais-pagination {
clear: both;
}
.ais-Pagination-item--selected a {
color: #fff !important;
background-color: #0588d3;
}
.no-results-jcarousel {
opacity: 0;
height: 10px;
overflow: hidden;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.no-results-jcarousel.show-carousel {
opacity: 1;
height: auto;
}
.no-results-jcarousel .jCarouselMainWrapper {
margin-top: 20px;
}
.side-2.facets-algolia .title {
position: relative;
color: #333333;
font-size: 15px;
font-weight: bold;
}
.facet .facet-link.facet-refined:hover {
text-decoration: line-through;
color: #0588d3;
}
.checkbox-item.algolia {
display: block;
position: relative;
padding: 8px 25px 8px 20px;
text-align: left;
transition: all 0.2s ease;
background-color: #fff;
}
.checkbox-item.algolia a {
font: normal 400 14px Open Sans, Arial;
}
.guide-item .detail-guide {
margin: 0;
text-align: left;
line-height: normal;
}
.guide-item .detail-guide .title {
margin: 2px 0;
font-size: 14px;
font-weight: bold;
}
.guide-item .detail-guide .title.short-desc {
color: #aaa;
padding-right: 0;
padding: 0;
margin: 0 0 10px 0;
line-height: 14px;
}
.guide-item .detail-guide .title.short-desc a {
color: #0588d3;
}
.guide-item .detail-guide .title.phone {
padding-right: 0;
font-size: 14px;
font-weight: normal;
padding: 0;
margin: 0;
line-height: 10px;
}
.guide-item .detail-guide .title.phone .fa {
color: #fff;
background-color: #ccc;
border-radius: 50%;
padding: 2.5px 4px;
margin-right: 10px;
}
.guide-item .detail-guide .title.link .fa {
color: #ccc;
font-size: 22px;
margin-right: 10px;
float: left;
}
.guide-item .detail-guide .title.link a {
font-weight: normal;
font-size: 12px;
margin-top: -4px;
}
.product-list.nop7SpikesAjaxFiltersGrid .row.product-list-sku-mfg {
height: 50px;
margin: 20px -15px;
}
.product-selectors #sort-by select {
min-width: 65px;
height: 45px;
margin: 0 5px;
padding: 0 10px;
color: #777;
text-transform: lowercase;
font-family: Open Sans;
font-size: 14px;
border: 1px solid #e9e9e9;
}
li.toggle-refine .algolia-filters-value {
float: left;
margin-top: -2px;
margin-right: 10px;
}
.remove .fa-close {
position: absolute;
top: 2px;
}
.filter-block.algolia a.toggleControl {
display: block;
padding: 15px 25px;
font-size: 15px;
font-weight: bold;
color: #333333;
text-transform: uppercase;
}
.clear-all:after {
z-index: 999;
font-family: FontAwesome;
content: "\f00d";
font-size: 15px;
position: absolute;
color: #999999;
top: 10px;
font-weight: normal;
right: -14px;
background-color: #fff;
height: 22px;
width: 22px;
background-image: none;
}
.facets-algolia .block-recently-viewed-products {
margin-top: 15px;
}
.search-title h1 {
display: none;
}
.no-input .fa.fa-search {
font-size: 18px;
background-color: #336fa2;
color: #fff;
padding: 8px 10px;
border: 1px solid #2a5981;
}
.no-input .fa.fa-sliders {
font-size: 18px;
background-color: #336fa2;
color: #fff;
padding: 8px 10px;
border: 1px solid #2a5981;
}
.ais-refinement-list--header.ais-header h5 {
display: block;
padding: 15px 25px;
font-size: 15px;
font-weight: bold;
color: #333333;
text-transform: uppercase;
}
.ais-current-refined-values--link:after {
content: "×";
font-size: 26px;
position: absolute;
right: 0;
font-weight: 100;
top: 6px;
color: #fff;
}
.ais-root ais-current-refined-values {
position: relative;
}
.ais-show-more__inactive:before {
content: " + ";
}
.ais-show-more__active:before {
content: "- ";
}
@media (max-width: 62.49em) {
/*.aa-suggestion, .instant-search-item-header-suggest {
width: 487px !important;
}*/
.store-search-box input.search-box-text {
width: 340px !important;
}
}
@media (max-width: 47.99em) {
/*#clear-filters {
text-align: center;
}*/
.ais-pagination--link[aria-label=First] {
display: none !important;
}
.ais-pagination--link[aria-label=Last] {
display: none !important;
}
#stats {
top: 34px;
left: 0;
right: 0;
text-align: center;
margin: auto auto 40px auto;
}
/*.aa-suggestion, .instant-search-item-header-suggest {
width: 350px !important;
}*/
.instant-search-item {
padding: 4px 10px;
}
.instant-search-item a.cat {
display: none;
}
.instant-search-item .detail {
padding-top: 2px;
}
.instant-search-item .detail .prodlist-mfg {
font-size: 11px;
}
.instant-search-item .detail .algolia-edit-product {
display: none;
}
.instant-search-item .detail .title {
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
height: 36.4px; /* Fallback for non-webkit */
margin: 0 auto;
font-size: 14px;
line-height: 1.3;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin-left: 0;
min-height: 30px;
}
.instant-search-item .detail-guide .title {
margin: 0;
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
height: 14.4px; /* Fallback for non-webkit */
margin: 0 auto;
font-size: 12px;
line-height: 1.2;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
}
.instant-search-item .detail-guide .price {
font-size: 12px;
}
}
@media (max-width: 37.49em) {
/*.aa-suggestion, .instant-search-item-header-suggest {
// width: 350px !important;
}*/
}
@media (max-width: 29.99em) {
.store-search-box .search-icon {
right: 46px;
}
.aa-suggestion .detail {
margin: 0;
}
}
@media (max-width: 23.4275em) {
.instant-search-item a.cat {
display: none;
}
.store-search-box .search-icon {
right: 46px;
}
.aa-suggestion .img-block {
display: none;
}
.aa-suggestion .detail {
padding-left: 0;
}
}
@media (max-width: 20.0525em) {
.store-search-box .search-icon {
right: 46px;
}
.aa-suggestion .img-block {
display: none;
}
.aa-suggestion .detail {
margin: 0;
}
}
#ParentCategoryID, #SubCategoryName {
display: none;
}
.add-info[data-disablebuybutton=true] .buttons-lower * {
display: none;
}
/*.sub-buttons-lower[data-sub-url=""] {
display: none;
}*/
.ais-SearchBox-submit,
.ais-SearchBox-reset {
padding: 0;
overflow: visible;
font: inherit;
line-height: normal;
color: inherit;
background: none;
border: 0;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.ais-SearchBox-submit::-moz-focus-inner,
.ais-SearchBox-reset::-moz-focus-inner {
padding: 0;
border: 0;
}
.ais-SearchBox-submit[disabled],
.ais-SearchBox-reset[disabled] {
cursor: default;
}
.ais-SearchBox-input::-ms-clear, .ais-SearchBox-input::-ms-reveal {
display: none;
width: 0;
height: 0;
}
.ais-SearchBox-input::-webkit-search-decoration, .ais-SearchBox-input::-webkit-search-cancel-button, .ais-SearchBox-input::-webkit-search-results-button, .ais-SearchBox-input::-webkit-search-results-decoration {
display: none;
}
/*.ais-RangeSlider .rheostat {
overflow: visible;
margin-top: 40px;
margin-bottom: 40px;
}
.ais-RangeSlider .rheostat-background {
height: 6px;
top: 0px;
width: 100%;
}
.ais-RangeSlider .rheostat-handle {
margin-left: -12px;
top: -7px;
}
.ais-RangeSlider .rheostat-background {
position: relative;
background-color: #ffffff;
border: 1px solid #aaa;
}
.ais-RangeSlider .rheostat-progress {
position: absolute;
top: 1px;
height: 4px;
background-color: #333;
}
.rheostat-handle {
position: relative;
z-index: 1;
width: 20px;
height: 20px;
background-color: #fff;
border: 1px solid #333;
border-radius: 50%;
cursor: grab;
}
.rheostat-marker {
margin-left: -1px;
position: absolute;
width: 1px;
height: 5px;
background-color: #aaa;
}
.rheostat-marker--large {
height: 9px;
}
.rheostat-value {
margin-left: 50%;
padding-top: 15px;
position: absolute;
text-align: center;
transform: translateX(-50%);
}
.rheostat-tooltip {
margin-left: 50%;
position: absolute;
top: -22px;
text-align: center;
transform: translateX(-50%);
}*/
/**
* Reset
*/
/*[class^=ais-] {
box-sizing: border-box;
}*/
/**
* Disabled
*/
/*[class^=ais-][class$="--disabled"],
[class^=ais-][class$="--disabled"] *,
.ais-VoiceSearch-button:disabled {
cursor: not-allowed;
}*/
/**
* Buttons
*/
/*.ais-HierarchicalMenu-showMore,
.ais-Menu-showMore,
.ais-RefinementList-showMore,
.ais-ClearRefinements-button,
.ais-InfiniteHits-loadMore,
.ais-RangeInput-submit,
.ais-InfiniteHits-loadPrevious,
.ais-Pagination-link,
.ais-GeoSearch-redo,
.ais-GeoSearch-reset,
.ais-VoiceSearch-button,
.ais-RelevantSort-button {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
background-image: linear-gradient(-180deg, #fff, #fcfcfd);
border: 1px solid #d6d6e7;
border-radius: 3px;
box-shadow: 0 1px 0 0 rgba(35, 38, 59, 0.05);
color: #23263b;
cursor: pointer;
display: inline-flex;
font-size: 0.875rem;
font-weight: 400;
height: 2rem;
justify-content: center;
line-height: 1.25rem;
padding: 0 1rem;
place-items: center;
text-decoration: none;
-webkit-user-select: none;
-moz-user-select: none;
user-select: none;
}
.ais-HierarchicalMenu-showMore,
.ais-Menu-showMore,
.ais-RefinementList-showMore,
.ais-GeoSearch-redo,
.ais-GeoSearch-reset {
height: 1.5rem;
}
.ais-HierarchicalMenu-showMore,
.ais-Menu-showMore,
.ais-RefinementList-showMore {
margin-top: 1rem;
}
.ais-HierarchicalMenu-showMore:hover,
.ais-Menu-showMore:hover,
.ais-RefinementList-showMore:hover,
.ais-ClearRefinements-button:hover,
.ais-InfiniteHits-loadMore:hover,
.ais-RangeInput-submit:hover,
.ais-InfiniteHits-loadPrevious:hover,
.ais-Pagination-item:not(.ais-Pagination-item--selected):not(.ais-Pagination-item--disabled) .ais-Pagination-link:hover,
.ais-GeoSearch-redo:hover,
.ais-GeoSearch-reset:hover,
.ais-VoiceSearch-button:hover {
background-image: linear-gradient(-180deg, #fff, #f5f5fa);
border-color: #d6d6e7;
}
.ais-HierarchicalMenu-showMore:focus,
.ais-Menu-showMore:focus,
.ais-RefinementList-showMore:focus,
.ais-ClearRefinements-button:focus,
.ais-InfiniteHits-loadMore:focus,
.ais-RangeInput-submit:focus,
.ais-InfiniteHits-loadPrevious:focus,
.ais-GeoSearch-redo:focus,
.ais-GeoSearch-reset:focus,
.ais-VoiceSearch-button:focus {
background-image: linear-gradient(-180deg, #fff, #f5f5fa);
border-color: #3c4fe0;
box-shadow: #3c4fe0 0 0 0 1px, rgba(35, 38, 59, 0.05) 0 2px 0 1px;
outline: currentcolor none medium;
}
.ais-HierarchicalMenu-showMore:active,
.ais-Menu-showMore:active,
.ais-RefinementList-showMore:active,
.ais-ClearRefinements-button:active,
.ais-InfiniteHits-loadMore:active,
.ais-InfiniteHits-loadPrevious:active,
.ais-Pagination-item--selected .ais-Pagination-link,
.ais-Pagination-link:active,
.ais-GeoSearch-redo:active,
.ais-GeoSearch-reset:active,
.ais-VoiceSearch-button:active {
border-color: #d6d6e7;
box-shadow: rgba(119, 122, 175, 0.4) 0 1px 4px 0 inset, rgba(119, 122, 175, 0.4) 0 1px 1px 0 inset, rgba(35, 38, 59, 0.05) 0 1px 0 0;
}
.ais-ClearRefinements-button:disabled[disabled],
.ais-InfiniteHits-loadMore:disabled[disabled],
.ais-InfiniteHits-loadPrevious:disabled[disabled],
.ais-Pagination-item--disabled .ais-Pagination-link,
.ais-GeoSearch-redo--disabled,
.ais-GeoSearch-reset--disabled,
.ais-VoiceSearch-button:disabled {
background-image: linear-gradient(-180deg, #fff, #f5f5fa);
border-color: #efeff5;
box-shadow: none;
color: #b6b7d5;
}
.ais-HierarchicalMenu-showMore--disabled[disabled],
.ais-Menu-showMore--disabled[disabled],
.ais-RefinementList-showMore--disabled[disabled] {
display: none;
}*/
/**
* Labels
*/
/*.ais-NumericMenu-label,
.ais-ToggleRefinement-label,
.ais-HierarchicalMenu-item,
.ais-Menu-item,
.ais-RatingMenu-item,
.ais-RefinementList-item {
display: block;
font-size: 0.875rem;
line-height: 1.75rem;
}
.ais-HierarchicalMenu-link,
.ais-Menu-link,
.ais-RatingMenu-link,
.ais-RefinementList-label {
align-items: center;
cursor: pointer;
display: flex;
flex-wrap: nowrap;
}
.ais-Breadcrumb-link,
.ais-HierarchicalMenu-link,
.ais-Menu-link,
.ais-RatingMenu-link {
color: inherit;
text-decoration: none;
}
.ais-Breadcrumb-link:hover {
text-decoration: underline;
}
.ais-HierarchicalMenu-label,
.ais-Menu-label,
.ais-RefinementList-labelText {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.ais-HierarchicalMenu-item--selected > .ais-HierarchicalMenu-link > .ais-HierarchicalMenu-label,
.ais-Menu-item--selected .ais-Menu-label,
.ais-RefinementList-item--selected,
.ais-RatingMenu-item--selected {
font-weight: 600;
}*/
/**
* Count
*/
/*.ais-ToggleRefinement-count,
.ais-HierarchicalMenu-count,
.ais-Menu-count,
.ais-RatingMenu-count,
.ais-RefinementList-count {
background: #f5f5fa none repeat scroll 0% 0%;
border: 1px solid #b6b7d5;
border-radius: 99999px;
color: #23263b;
display: inline-flex;
flex-shrink: 0;
font-size: 0.75rem;
font-weight: 400;
line-height: 1rem;
margin-left: 0.5rem;
overflow: hidden;
padding: 0 0.25rem;
}*/
/**
* No Results
*/
/*.ais-Menu-noResults,
.ais-HierarchicalMenu-noResults,
.ais-RefinementList-noResults {
color: #5a5e9a;
font-size: 0.875rem;
line-height: 1.25rem;
margin-top: 1rem;
}*/
/**
* Selectors
*/
/*.ais-MenuSelect-select,
.ais-HitsPerPage-select,
.ais-SortBy-select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
background-image: url(data:image/svg+xml;utf8,), linear-gradient(-180deg, #fff, #fcfcfd);
background-position: right 1rem center, 0 0;
background-repeat: no-repeat;
background-size: 10px, auto;
border: 1px solid #d6d6e7;
border-radius: 3px;
box-shadow: rgba(35, 38, 59, 0.05) 0 1px 0 0;
color: #23263b;
cursor: pointer;
font: inherit;
height: 2.5rem;
outline: currentcolor none medium;
padding: 0 2.5rem 0 1rem;
position: relative;
width: 100%;
}
.ais-HitsPerPage-select:-moz-focusring,
.ais-HitsPerPage-select::-moz-focus-inner,
.ais-SortBy-select:-moz-focusring,
.ais-SortBy-select::-moz-focus-inner {
color: transparent;
outline: currentcolor none medium;
}
.ais-HitsPerPage-select > option:not(:checked),
.ais-SortBy-select > option:not(:checked) {
color: #23263b;
}
.ais-HitsPerPage-select > option:disabled,
.ais-SortBy-select > option:disabled {
color: #b6b7d5;
}
.ais-HitsPerPage-select:hover,
.ais-SortBy-select:hover {
background-image: url(data:image/svg+xml;utf8,), linear-gradient(-180deg, #fcfcfd, #f5f5fa);
border-color: #d6d6e7;
}
.ais-HitsPerPage-select:focus,
.ais-SortBy-select:focus {
background-image: url(data:image/svg+xml;utf8,), linear-gradient(-180deg, #fff, #f5f5fa);
border-color: #3c4fe0;
box-shadow: #3c4fe0 0 0 0 1px, rgba(35, 38, 59, 0.05) 0 2px 0 0;
}
.ais-HitsPerPage-select:disabled,
.ais-SortBy-select:disabled {
background-image: url(data:image/svg+xml;utf8,), linear-gradient(-180deg, #fff, #f5f5fa);
border-color: #efeff5;
box-shadow: none;
color: #b6b7d5;
cursor: not-allowed;
}*/
/**
* Panel
*/
/*.ais-Panel {
margin-bottom: 2rem;
}
.ais-Panel-header {
color: #5a5e9a;
font-size: 0.75rem;
font-weight: 600;
line-height: 1rem;
margin-bottom: 1rem;
text-transform: uppercase;
}
.ais-Panel-footer {
color: #5a5e9a;
font-size: 0.75rem;
font-weight: 600;
line-height: 1rem;
margin-top: 1rem;
}
.ais-Panel--collapsible {
position: relative;
}
.ais-Panel--collapsible .ais-Panel-collapseButton {
background: none;
border: none;
padding: 0;
position: absolute;
right: 0;
top: 0;
}
.ais-Panel--collapsed .ais-Panel-body,
.ais-Panel--collapsed .ais-Panel-footer {
display: none;
}*/
/**
* SearchBox
*/
.ais-SearchBox-form {
background-color: #fff;
display: flex;
font-size: 0.875rem;
height: 2.5rem;
line-height: 1.25rem;
position: relative;
width: 100%;
}
.ais-SearchBox-form::before {
background: rgba(0, 0, 0, 0) url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%235a5e9a%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%228%22%3E%3C%2Fcircle%3E%3Cline%20x1%3D%2221%22%20y1%3D%2221%22%20x2%3D%2216.65%22%20y2%3D%2216.65%22%3E%3C%2Fline%3E%3C%2Fsvg%3E) repeat scroll 0% 0%;
content: "";
height: 1rem;
left: 1rem;
margin-top: -0.5rem;
position: absolute;
top: 50%;
width: 1rem;
}
.ais-SearchBox-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border: 1px solid #d6d6e7;
border-radius: 3px;
box-shadow: rgba(119, 122, 175, 0.3) 0 1px 4px 0 inset;
caret-color: #5a5e9a;
color: #23263b;
flex: 1 1 0%;
/*font: inherit;*/
max-width: 100%;
padding-left: 2.5rem;
}
.ais-SearchBox-input::-moz-placeholder {
color: #5a5e9a;
}
.ais-SearchBox-input::placeholder {
color: #5a5e9a;
}
.ais-SearchBox-input:focus {
box-shadow: rgba(5, 136, 211, 0.5) 0 0 0 2px, inset rgba(5, 136, 211, 0.5) 0 0 0 2px;
border: 1px solid #1b3f5e;
}
.ais-SearchBox-input:disabled {
background: rgba(0, 0, 0, 0) linear-gradient(-180deg, #fff, #f5f5fa) repeat scroll 0% 0%;
border-color: #efeff5;
box-shadow: none;
cursor: not-allowed;
}
.ais-SearchBox-input:disabled::-moz-placeholder {
color: #b6b7d5;
pointer-events: none;
}
.ais-SearchBox-input:disabled::placeholder {
color: #b6b7d5;
pointer-events: none;
}
.ais-SearchBox-input::-webkit-search-cancel-button,
.ais-SearchBox-input::-webkit-search-decoration,
.ais-SearchBox-input::-webkit-search-results-button,
.ais-SearchBox-input::-webkit-search-results-decoration {
-webkit-appearance: none;
appearance: none;
}
.ais-SearchBox-loadingIndicator,
.ais-SearchBox-reset {
align-items: center;
border-radius: 50%;
display: flex;
fill: #484c7a;
height: 20px;
justify-content: center;
position: absolute;
right: 1rem;
top: 50%;
transform: translateY(-50%);
width: 20px;
}
.ais-SearchBox-reset:focus {
background: #b6b7d5;
fill: #fff;
outline: 0;
}
.ais-RefinementList-searchBox .ais-SearchBox-loadingIndicator,
.ais-RefinementList-searchBox .ais-SearchBox-reset {
right: 0.5rem;
}
.ais-SearchBox-loadingIndicator[hidden],
.ais-SearchBox-reset[hidden] {
display: none;
}
.ais-SearchBox-submit {
display: none;
}
.ais-Menu-searchBox,
.ais-RefinementList-searchBox {
margin-bottom: 0.5rem;
}
.ais-Menu-searchBox .ais-SearchBox-form,
.ais-RefinementList-searchBox .ais-SearchBox-form {
height: 2rem;
}
.ais-Menu-searchBox .ais-SearchBox-form::before,
.ais-RefinementList-searchBox .ais-SearchBox-form::before {
left: 0.5rem;
}
.ais-Menu-searchBox .ais-SearchBox-input,
.ais-RefinementList-searchBox .ais-SearchBox-input {
padding-left: 2rem;
}
/**
* VoiceSearch
*/
@media (max-width: 767px) {
.ais-SearchBox-input {
font-size: 1rem;
}
}
.ais-SearchBox-input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background-color: #fff;
border: 1px solid #d6d6e7;
border-radius: 3px;
box-shadow: rgba(119, 122, 175, 0.3) 0 1px 4px 0 inset;
caret-color: #5a5e9a;
color: rgba(var(--aa-text-color-rgb), var(--aa-text-color-alpha));
flex: 1 1 0%;
/*font: initial !important;*/
max-width: 100%;
padding-left: 2.5rem;
border-radius: 25px;
}
.ais-SearchBox {
background-color: #1b3f5e !important;
}
.ais-SearchBox-form {
background-color: #1b3f5e !important;
font: 200;
}
@media (max-width: 1000px) {
.ais-SearchBox-form {
background-color: #F6F6F6 !important;
font: medium;
border-color: #f6f6f6;
}
#small-searchterms {
border: none;
}
}
/*algolia dropdown search styling*/
/*grid on desktop*/
.search-window-container {
display: grid;
grid-template-columns: 1.5fr 3fr;
gap: 0.5rem;
}
/* mobile styling switches to flexbox for the dropdown search styling to allow for repositioning of the sections 1,2,3,4 */
@media (max-width: 998px) {
.search-window-container {
display: flex; /* Switch to flexbox on mobile */
flex-direction: column; /* Stack items vertically */
gap: 0px;
}
.search-window-left,
.search-window-right {
display: contents;
}
.search-window-item1 {
order: 1; /* Item 1 stays first */
}
.search-window-item3 {
order: 2; /* Item 3 moves second (matches) */
padding-top: 20px;
}
.search-window-item2 {
order: 4; /* Item 2 moves last (categories) */
}
.search-window-item4 {
order: 3;
}
}
/*category restyling. Smaller test, less padding*/
.instant-search-item-resized {
height: 65px;
}
.instant-search-item-resized .detail {
padding: 0;
}
.instant-search-item-resized .detail .prodlist-mfg {
font-size: 12px;
padding-left: 0px;
}
.instant-search-item-resized .detail .categorylink {
font-size: 12px;
padding: 2px 0 0 0;
}
.instant-search-item-resized .detail {
width: auto;
}
/*footer on the algolia searchbar dropdown doesn't need margin since there is enough spacing*/
.footer-nomargin {
margin-top: 0;
}
.instant-search-item-resized .detail .categorylink {
color: #333;
font-weight: normal;
padding: 2px 0 0 0;
display: block; /* Fallback for non-webkit */
display: -webkit-box;
max-width: 400px;
height: 19.6px; /* Fallback for non-webkit */
margin: 0 auto;
font-size: 12px;
line-height: 1.4;
-webkit-line-clamp: 1;
margin: 0;
}
.aa-Item:hover {
background: #f7f7f7 !important;
}
.bg-click-highlight {
background-color: #f7f7f7 !important; /* Highlight color */
}
.instant-search-item-container {
padding: 10px;
position: relative;
}
.instant-search-item-container:hover {
background: #f7f7f7;
}
.instant-search-item-inner {
display: grid;
font-size: small;
grid-template-columns: auto 1fr;
gap: 8px;
}
.instant-search-img-wrapper {
height: 80px;
width: 80px;
overflow: hidden;
}
.instant-search-img-wrapper img {
width: 100%;
}
.instant-search-details-wrapper {
display: flex;
flex-flow: column;
justify-content: center;
}
.instant-search-details-wrapper a .prod-name {
font-size: 14px;
color: #777777;
padding-bottom: 4px;
}
.instant-search-details-wrapper a .prod-title {
font-size: 14px;
color: #333333;
display: block;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
}
.instant-search-bottom-flex {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
}
.instant-search-bottom-flex .prod-price {
font-size: 14px;
color: #0588d3;
font-weight: 600;
}
.instant-search-bottom-flex .prod-category {
font-size: 12px;
color: #999999;
}
.instant-search-bottom-flex .prod-category:hover {
color: #333333;
text-decoration: underline;
}
.edit-button {
opacity: 0.5;
color: #fff;
background-color: #999999;
font-size: 12px;
text-transform: uppercase;
position: absolute;
right: 5px;
top: 5px;
z-index: 1000;
padding: 3px 8px;
}
.edit-button:hover {
opacity: 1;
}
.instant-search-link {
display: block;
text-decoration: none;
color: inherit;
padding-bottom: 4px;
}
.instant-search-item-container .tile-click {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
text-indent: -9999px; /* Hide the text inside the link */
display: block;
z-index: 1;
}
.instant-search-item-container .prod-name {
z-index: 2;
}
.instant-search-item-container.guide-container a .prod-name {
font-size: 14px;
color: #333333;
padding-bottom: 4px;
}
.instant-search-item-container.guide-container a .prod-title {
font-size: 14px;
color: #777777;
display: block;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
overflow: hidden;
text-overflow: ellipsis;
margin: 0;
}
.instant-search-item-container .prod-category {
z-index: 2;
}