/* Minification failed. Returning unminified contents. (3,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (2061,31): run-time error CSS1039: Token not allowed after unary operator: '-header-height-desktop' (2061,66): run-time error CSS1039: Token not allowed after unary operator: '-header-padding-desktop' (2652,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-color' (2688,35): run-time error CSS1039: Token not allowed after unary operator: '-theme-color' (2844,28): run-time error CSS1039: Token not allowed after unary operator: '-ribbon-color' (2896,28): run-time error CSS1039: Token not allowed after unary operator: '-button-secondary-border-color' (2897,28): run-time error CSS1039: Token not allowed after unary operator: '-button-secondary-background-color' (2898,17): run-time error CSS1039: Token not allowed after unary operator: '-button-secondary-text-color' (2903,28): run-time error CSS1039: Token not allowed after unary operator: '-button-secondary-border-color' (2904,28): run-time error CSS1039: Token not allowed after unary operator: '-button-primary-background-color' (2905,17): run-time error CSS1039: Token not allowed after unary operator: '-button-primary-text-color' (2917,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-ultra-dark' (2942,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (2943,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (2969,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (2995,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-h3' (2996,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (3105,16): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (3128,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (3129,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3134,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (3139,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (3140,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3145,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (3146,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3152,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (3153,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3157,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (3158,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (3181,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (3262,17): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (3263,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (3264,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (3265,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3311,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (3312,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3317,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (3320,16): run-time error CSS1039: Token not allowed after unary operator: '-text-color-medium' (3324,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (3344,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-h3' (3348,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (3349,16): run-time error CSS1039: Token not allowed after unary operator: '-text-color-ultra-dark' (3372,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (3378,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (3386,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (3387,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3397,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (3400,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3405,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (3417,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-h4' (3418,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3435,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (3436,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3443,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (3444,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3449,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-medium' (3502,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (3503,16): run-time error CSS1039: Token not allowed after unary operator: '-color-error' (3530,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (3531,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3537,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (3538,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3572,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-h4' (3573,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3579,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-h4' (3580,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3586,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (3587,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3601,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (3602,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-ultra-dark' (3605,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3609,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (3610,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3615,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (3629,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3630,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (3631,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-dark' (3643,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3644,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (3645,17): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (3657,27): run-time error CSS1039: Token not allowed after unary operator: '-button-primary-background-color' (3661,21): run-time error CSS1039: Token not allowed after unary operator: '-button-text-size' (3663,28): run-time error CSS1039: Token not allowed after unary operator: '-button-text-size' (3676,25): run-time error CSS1039: Token not allowed after unary operator: '-button-border-radius' (3678,16): run-time error CSS1039: Token not allowed after unary operator: '-button-primary-text-color' (3686,28): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (3687,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (3693,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (3702,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (3714,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (3719,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (3720,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3725,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (3731,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (3737,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (3750,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3750,62): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (3754,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (3757,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (3757,67): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (3760,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3760,62): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (3764,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (3767,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (3767,67): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (3776,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (3817,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (3826,28): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (3828,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (3884,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (3894,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (3895,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3906,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (3914,28): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (3917,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (3929,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (3949,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3954,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (3955,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3973,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (3974,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (3977,25): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (3978,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (3986,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (4031,28): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (4080,28): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (4089,28): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (4123,28): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (4127,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (4135,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (4146,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (4147,16): run-time error CSS1039: Token not allowed after unary operator: '-text-color-medium' (4163,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (4168,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (4177,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (4200,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (4201,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (4209,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (4217,28): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (4218,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (4226,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (4227,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (4234,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (4235,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (4282,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-h4' (4283,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (4287,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (4288,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (4299,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (4300,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (4306,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (4315,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (4323,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (4332,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (4366,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (4367,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (4485,22): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (4490,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (4506,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (4512,22): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (4517,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (4527,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (4537,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (4544,28): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (4632,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-h4' (4633,16): run-time error CSS1039: Token not allowed after unary operator: '-text-color-ultra-dark' (4634,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (4651,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (4664,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (4678,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (4689,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (4690,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (4701,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (4702,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (4750,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (4755,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (4776,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error' (4795,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (4807,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-h4' (4810,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (4820,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (4832,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (4839,28): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (4850,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (4874,24): run-time error CSS1039: Token not allowed after unary operator: '-image-box-border-width' (4874,54): run-time error CSS1039: Token not allowed after unary operator: '-image-box-border-color' (4875,28): run-time error CSS1039: Token not allowed after unary operator: '-image-box-background-color' (4895,35): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (4905,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (4911,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (4948,24): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (4971,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (4975,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (4996,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (5001,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (5011,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (5015,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (5021,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (5026,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error' (5027,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (5028,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (5033,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (5038,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (5064,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-primary' (5065,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (5073,17): run-time error CSS1039: Token not allowed after unary operator: '-button-secondary-text-color' (5103,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (5119,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (5123,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (5171,27): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (5220,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (5224,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (5229,28): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (5235,28): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (5237,104): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (5238,104): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (5239,104): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (5240,104): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (5241,104): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (5264,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (5337,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (5393,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-h2' (5394,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (5400,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-ultra-dark' (5403,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-heading' (5483,16): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (5509,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-dark' (5514,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-dark' (5515,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (5531,17): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (5534,17): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (5535,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (5540,17): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (5558,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (5559,24): run-time error CSS1039: Token not allowed after unary operator: '-form-input-border-radius' (5573,23): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (5574,24): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (5630,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-ultra-dark' (5639,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error' (5640,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (5648,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (5649,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (5675,17): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (5684,16): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (5690,17): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (5709,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-dark' (5719,17): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (5734,17): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (5737,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-highlight-bg' (5738,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (5741,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-ultra-dark' (5742,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (5824,17): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (5854,28): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (5858,16): run-time error CSS1039: Token not allowed after unary operator: '-text-color-medium' (5859,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (5863,17): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (5866,27): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (5872,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (5876,17): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (5877,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (5891,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (5919,21): run-time error CSS1039: Token not allowed after unary operator: '-button-text-size' (5921,28): run-time error CSS1039: Token not allowed after unary operator: '-button-text-size' (5934,25): run-time error CSS1039: Token not allowed after unary operator: '-button-border-radius' (5936,16): run-time error CSS1039: Token not allowed after unary operator: '-button-primary-text-color' (5942,27): run-time error CSS1039: Token not allowed after unary operator: '-button-primary-background-color' (5948,27): run-time error CSS1039: Token not allowed after unary operator: '-button-primary-background-color' (5953,27): run-time error CSS1039: Token not allowed after unary operator: '-button-primary-background-color' (5984,16): run-time error CSS1039: Token not allowed after unary operator: '-text-color-disabled' (5994,32): run-time error CSS1030: Expected identifier, found 'a' (5994,37): run-time error CSS1032: Expected identifier or string, found '$' (5994,38): run-time error CSS1033: Expected closing bracket, found '"btnUpdateThumbnails"' (5994,59): run-time error CSS1031: Expected selector, found ']' (5994,59): run-time error CSS1025: Expected comma or open brace, found ']' (6028,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (6039,28): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (6132,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (6134,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (6135,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-dark' (6140,16): run-time error CSS1039: Token not allowed after unary operator: '-text-color-disabled' (6141,28): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (6198,28): run-time error CSS1039: Token not allowed after unary operator: '-button-secondary-border-color' (6199,27): run-time error CSS1039: Token not allowed after unary operator: '-button-secondary-background-color' (6200,16): run-time error CSS1039: Token not allowed after unary operator: '-button-secondary-text-color' (6245,16): run-time error CSS1039: Token not allowed after unary operator: '-button-secondary-text-color' (6256,28): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (6257,25): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (6260,29): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (6261,25): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (6266,28): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (6267,24): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (6277,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (6295,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (6296,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (6329,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-dark' (6337,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-dark' (6342,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-dark' (6347,16): run-time error CSS1039: Token not allowed after unary operator: '-button-secondary-text-color' (6348,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (6353,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (6354,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-h4' (6355,23): run-time error CSS1039: Token not allowed after unary operator: '-text-size-h4' (6356,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-dark' (6360,23): run-time error CSS1039: Token not allowed after unary operator: '-font-family' (6361,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-h4' (6362,23): run-time error CSS1039: Token not allowed after unary operator: '-text-size-h4' (6363,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-dark' (6367,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-h4' (6368,23): run-time error CSS1039: Token not allowed after unary operator: '-text-size-h4' (6369,16): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (6370,22): run-time error CSS1039: Token not allowed after unary operator: '-default-text-weight' (6467,28): run-time error CSS1039: Token not allowed after unary operator: '-button-primary-background-color' (6481,16): run-time error CSS1039: Token not allowed after unary operator: '-text-color-dark' (6482,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (6496,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (6497,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (6498,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-dark' (6504,16): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (6505,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (6519,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (6520,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (6523,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (6524,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (6528,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (6538,16): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (6573,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (6586,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (6595,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (6596,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (6600,23): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (6603,16): run-time error CSS1039: Token not allowed after unary operator: '-text-color-dark' (6606,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (6607,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (6610,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (6613,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (6623,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (6626,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-h3' (6627,16): run-time error CSS1039: Token not allowed after unary operator: '-text-color-ultra-dark' (6628,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (6633,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (6634,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (6636,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-dark' (6640,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (6641,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-dark' (6644,16): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (6656,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (6664,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (6667,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (6670,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (6682,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (6689,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (6695,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (6696,17): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (6701,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (6702,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (6706,17): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (6707,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (6717,27): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (6734,21): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (6753,28): run-time error CSS1039: Token not allowed after unary operator: '-button-primary-border-color' (6754,27): run-time error CSS1039: Token not allowed after unary operator: '-button-primary-background-color' (6755,16): run-time error CSS1039: Token not allowed after unary operator: '-button-primary-text-color' (6761,21): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (6762,16): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (6765,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (6769,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (6782,16): run-time error CSS1039: Token not allowed after unary operator: '-color-error' (6789,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (6793,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (6803,27): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (6833,16): run-time error CSS1039: Token not allowed after unary operator: '-color-error' (6837,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (6838,16): run-time error CSS1039: Token not allowed after unary operator: '-text-color-dark' (6841,27): run-time error CSS1039: Token not allowed after unary operator: '-color-primary' (6848,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-h4' (6849,23): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (6850,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-medium' (6853,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-h4' (6854,16): run-time error CSS1039: Token not allowed after unary operator: '-text-color-dark' (6856,27): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (6861,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (6862,27): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (6866,16): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (6867,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (6868,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (6936,16): run-time error CSS1039: Token not allowed after unary operator: '-color-error' (6949,16): run-time error CSS1039: Token not allowed after unary operator: '-color-error' (6989,23): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (7023,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (7026,20): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (7084,22): run-time error CSS1039: Token not allowed after unary operator: '-default-font-weight' (7167,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (7177,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error' (7181,17): run-time error CSS1039: Token not allowed after unary operator: '-color-warning' (7185,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error' (7189,17): run-time error CSS1039: Token not allowed after unary operator: '-color-warning' (7193,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (7197,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (7201,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error' (7205,17): run-time error CSS1039: Token not allowed after unary operator: '-color-warning' (7209,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (7213,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (7218,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error' (7222,17): run-time error CSS1039: Token not allowed after unary operator: '-color-warning' (7226,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (7230,17): run-time error CSS1039: Token not allowed after unary operator: '-color-success' (7250,24): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (7266,24): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (7318,23): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (7338,28): run-time error CSS1039: Token not allowed after unary operator: '-button-secondary-border-color' (7339,28): run-time error CSS1039: Token not allowed after unary operator: '-button-secondary-background-color' (7340,17): run-time error CSS1039: Token not allowed after unary operator: '-button-secondary-text-color' (7346,28): run-time error CSS1039: Token not allowed after unary operator: '-button-secondary-border-color' (7347,28): run-time error CSS1039: Token not allowed after unary operator: '-button-primary-background-color' (7348,17): run-time error CSS1039: Token not allowed after unary operator: '-button-primary-text-color' (7378,28): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (7455,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-dark' (7480,28): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (7493,19): run-time error CSS1039: Token not allowed after unary operator: '-image-box-padding' (7570,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-highlight-bg' (7594,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (7595,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-on-highlight-bg' (7620,28): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (7634,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-medium' (7635,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (7642,35): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (7646,35): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (7647,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-medium' (7648,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (7658,28): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (7659,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-ultra-dark' (7660,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (7697,33): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (7705,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-h4' (7706,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-dark' (7734,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (7735,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-dark' (7757,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (7758,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-dark' (7768,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (7769,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-medium' (7776,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (7777,25): run-time error CSS1039: Token not allowed after unary operator: '-form-input-border-radius' (7792,33): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (7830,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-medium' (7838,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-medium' (7847,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-h4' (7850,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-dark' (7881,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (7882,17): run-time error CSS1039: Token not allowed after unary operator: '-color-error' (7886,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (7887,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-medium' (7961,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (7962,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-dark' (7968,28): run-time error CSS1039: Token not allowed after unary operator: '-text-color-dark' (7972,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (7973,16): run-time error CSS1039: Token not allowed after unary operator: '-color-error' (7977,16): run-time error CSS1039: Token not allowed after unary operator: '-color-highlight' (7981,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (8007,28): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (8008,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-dark' (8009,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (8014,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (8071,17): run-time error CSS1039: Token not allowed after unary operator: '-text-color-ultra-dark' (8109,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-h4' (8114,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (8196,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-h4' (8205,39): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (8212,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (8227,25): run-time error CSS1039: Token not allowed after unary operator: '-button-border-radius' (8232,25): run-time error CSS1039: Token not allowed after unary operator: '-button-border-radius' (8233,22): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (8237,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-label' (8242,21): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (8247,25): run-time error CSS1039: Token not allowed after unary operator: '-form-input-border-radius' (8248,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (8262,43): run-time error CSS1039: Token not allowed after unary operator: '-color-line' (8263,29): run-time error CSS1039: Token not allowed after unary operator: '-text-size-regular' (8267,36): run-time error CSS1039: Token not allowed after unary operator: '-color-fill' (8271,29): run-time error CSS1039: Token not allowed after unary operator: '-text-size-fineprint' (8298,28): run-time error CSS1039: Token not allowed after unary operator: '-color-line' */ /* Variables */ :root { --ribbon-color: #34466A; } body { font-family: Verdana, Arial, Helvetica, sans-serif; } .Title { background-color: #000000; color: #ffffff; font-size: 17px; font-weight: bold; HEIGHT: 35px; } input[type=checkbox] { vertical-align: middle; position: relative; bottom: 2px; padding-left: 0; margin-left: 0; margin-right: 4px; } .GridButton { FONT-WEIGHT: normal; FONT-SIZE: 10px; COLOR: #000000; HEIGHT: 20px; CURSOR: hand; BORDER-TOP: 1px solid #FFFFFF; BORDER-LEFT: 1px solid #FFFFFF; BORDER-BOTTOM: 1px solid #666666; BORDER-RIGHT: 1px solid #666666; } .toolTipDebuger { position: absolute; left: 0px; top: 0px; text-align: left; background-color: whitesmoke; border-left-color: lightgrey; border-bottom-color: lightgrey; border-top-style: groove; border-top-color: lightgrey; border-right-style: groove; border-left-style: groove; border-right-color: lightgrey; border-bottom-style: groove; font-size: 15px; } .LineBelow { background-color: #990000; } /* */ .ErrorText { color: red; font-size: 11px; line-height: 15px; } .Error { color: red; font-weight: normal; } .validationSummary { margin-bottom: 10px; } .SelectedAsset { background: #999966; border-width: 10px; border-color: #00ffff; } .UnselectedAsset { background: #555D9C; border-width: 10px; border-color: #00ffff; } .PriceListRangeCell { width: 200px; } /* */ A.StepUnselected, A.StepUnselected:link, A.StepUnselected:visited { COLOR: #ffffff; background-color: #999966; text-decoration: none; font-size: 12px; font-weight: bold; line-height: 16px; padding-left: 10px; } A.StepUnselected:hover { color: #999966; background-color: #ffffff; text-decoration: underline; padding-left: 10px; } A.StepSelected { COLOR: white; background-color: #999966; text-decoration: none; font-size: 12px; font-weight: bold; line-height: 16px; padding-left: 10px; } A.StepSelected:hover { color: white; background-color: #999966; text-decoration: none; padding-left: 10px; } /* GENERAL */ /* text style used for most text rendered by modules */ .Normal { font-size: 11px; font-weight: normal; line-height: 12px; } .NormalDouble { font-size: 11px; font-weight: normal; line-height: 20px; } /* text style used for textboxes in the admin pages, for Nav compatibility */ .NormalTextBox { font-size: 1.2em; font-weight: normal; } /* text style used for selects in the admin pages, for Nav compatibility */ .NormalSelect { font-size: 1.2em; font-weight: normal; } /* text style used for textboxes in the edit pages, for Nav compatibility */ .EditTextBox { font-size: 1em; font-weight: normal; border-style: solid; border-width: 1px; border-color: #999966; width: 100%; } /* text style used for controls in the admin and edit pages, for Nav compatibility */ .NormalControl { font-size: 11px; font-weight: normal; } /* text style used for checkboxes in the admin and edit pages, for Nav compatibility */ .NormalCheckBox { margin-left: -4px; font-size: 11px; font-weight: normal; } /* text style used for checkboxes in the admin and edit pages, for Nav compatibility */ .NormalRadio { font-size: 11px; font-weight: normal; text-indent: -5px; } /* text style used for checkboxes in the admin and edit pages, for Nav compatibility */ .NormalButton { font-size: 11px; font-weight: normal; text-indent: -5px; /* border-style: solid; border-width: 1px; border-color: #cccc99; */ background-color: #ccccaa; } .NormalRed { font-size: 11px; font-weight: bold; color: red; } .NormalBold { font-size: 11px; font-weight: bold; line-height: 12px; } .NormalItalic { font-size: 11px; font-weight: bold; line-height: 16px; } HR { height: 1pt; text-align: left; } .options { color: #003399; font-size: 11px; font-weight: bold; } .HideControl { display: none; } .InfoPopup { display: none; position: absolute; width: 300px; z-index: 9; font-size: 11px; white-space: normal !important; border: solid 1px #CCCCCC; background-color: #FFFFFF; padding: 7px; } .OrderPriceLabelWidth { width: 500px; } .Spacer5 { display: inline-block; width: 5px; } .Spacer10 { display: inline-block; width: 10px; } .Spacer20 { display: inline-block; width: 20px; } .TableNoBorders, .TableNoBorders TD { border: 0px !important; } .TableNoBordersOverride, .TableNoBordersOverride TABLE, .TableNoBordersOverride TD, .TableNoBordersOverride DIV { border: 0px !important; } .XmpTooltipPopup { display: none; position: absolute; width: 300px; z-index: 10; font-size: 11px; font-weight: normal; white-space: normal !important; border: solid 1px #CCCCCC; background-color: #ffffe0; padding: 5px; width: auto; white-space: pre; max-width: 500px; } .priceExplainTooltip { margin-left: 5px; } .ulNoStyle { list-style: none; list-style-type: none; margin: 0px; padding: 0px; } .ulNoStyle li { list-style: none; list-style-type: none; } .MoreInfoLabel { color: #333370; text-decoration: underline; cursor: default; } .RLPrevious { width: 100%; } /*.RLEditorContainer { vertical-align: top; width: 615px; }*/ .nopadding, .nopadding TD { padding: 0px !important; } .ClearingGatewayMessage { white-space: normal; display: block; } .RequiredFieldMarker { color: Red; font-weight: bold; vertical-align: middle; } ul.horizontalList { list-style-type: none; padding: 0; margin: 0; } ul.horizontalList li { display: inline-block; *display: inline; padding: 0; margin: 0; } /*#region begin XmpImageDropDownList styles */ div.XmpImageDropDownList { background-color: transparent; background-repeat: no-repeat; background-image: url(/uStore/Images/OpenMenu.png); z-index: inherit; border: solid 1px transparent; } div.XmpImageDropDownList:hover { border: solid 1px #b0b0b0; } div.XmpImageDropDownList ul { z-index: inherit; } div.XmpImageDropDownList li, div.XmpImageDropDownList a.toggler { height: 20px; line-height: 20px; display: block; border-top: solid 1px #d0d0d0; background-color: white; background-repeat: no-repeat; text-decoration: none; color: #7395D3; z-index: inherit; } div.XmpImageDropDownList a.toggler, div.XmpImageDropDownList a.toggler:hover { background-color: transparent; } div.XmpImageDropDownList li:hover { background-color: #e8e8e8; z-index: inherit; } div.XmpImageDropDownList ul.choices { display: none; padding: 0; margin: 0; list-style-type: none; z-index: inherit; } div.XmpImageDropDownList ul.choices li { margin: 0; list-style-type: none; z-index: inherit; } /*#endregion*/ /* begin user welcome styles */ .userWelcome { padding: 0 10px 0 10px; border: solid 1px transparent; vertical-align: baseline; text-align: right; float: right; height: 36px; } .userWelcome span { *margin-bottom: 5px; /* IE 7 hack*/ display: block; height: 36px; line-height: 36px; } /* end user welcome styles */ /* begin culture selector flag styles */ .flagList { padding-right: 5px; text-align: right; float: right; position: relative; z-index: 1001; height: 36px; margin-top: 7px; } div.flagList div.XmpImageDropDownList { background-position: 28px 8px; width: 40px; z-index: inherit; } div.flagList div.XmpImageDropDownList li, div.flagList div.XmpImageDropDownList a.toggler { width: 8px; height: 20px; background-repeat: no-repeat; background-position: 4px center; padding-left: 20px; padding-right: 12px; z-index: inherit; } .inlineFlags { display: inline; line-height: 23px; } /* saf3+, chrome1+ */ @media screen and (-webkit-min-device-pixel-ratio:0) { .inlineFlags { display: inline-block; margin-top: 6px; } } /* end culture selector flag styles */ /* begin currency selector styles */ div.dropDownCurrencies { z-index: 1001; position: relative; width: 47px; height: 36px; margin-top: 7px; text-align: left; float: right; margin-right: 4px; } div.dropDownCurrencies div.XmpImageDropDownList { background-position: 31px 8px; } div.dropDownCurrencies li, div.dropDownCurrencies a.toggler { width: 40px; height: 20px; display: inline-block; border-top: solid 1px #d0d0d0; background-color: white; text-decoration: none; padding-left: 3px; color: #7395D3; z-index: inherit; } div.dropDownCurrencies a.toggler, div.dropDownCurrencies a.toggler:hover { background-color: transparent; } /* end currency selector styles */ .CheckoutCompleteOrderNumber { color: Red; font-weight: bold; vertical-align: middle; } ul.horizontalList { list-style-type: none; padding: 0; margin: 0; } ul.horizontalList li { display: inline-block; *display: inline; padding: 0; margin: 0; } /* -- Address List (begin) -- */ .addressPaneTitle { padding: 0; float: left; } .addressPaneAddAddress { padding-right: 43px; float: right; } .addressListWrapper { max-width: 100%; height: auto; max-height: 300px; overflow: auto; padding: 0; width: 96%; } .addressListTable { table-layout: fixed; border-collapse: collapse; border: 0; border-spacing: 0; max-width: 100%; text-align: left; } .addressListTable TD { padding: 0; text-align: left; } .addressItemTable { table-layout: fixed; border-collapse: collapse; border-spacing: 0; margin: 3px 12px; width: 260px; text-align: left; border: solid 1px #cccccc; } .addressItemHead { height: 25px; vertical-align: middle; font-size: 11px; font-weight: bold; border-bottom: solid 1px #cccccc; } .addressItemHead > div { padding: 3px 0 0 5px; white-space: nowrap; } .addressItemHead .personName { vertical-align: middle; white-space: nowrap; } .addressItemHead .tooltip { display: inline-block; vertical-align: middle; width: 24px; height: 24px; } .addressItemTitle { float: left; } .addressItemHead .buttons { float: right; width: 48px; text-align: right; padding: 3px 5px 0 0; } .addressItemBody { list-style-type: none; height: 110px; margin: 0; padding: 0 5px 5px 5px; vertical-align: top; background-color: #ffffff; font-size: 11px; font-weight: normal; } .addressItemBody li { padding: 2px 0; margin: 0; white-space: nowrap; } .paneSeparator { height: 2px; margin: 15px 5px 10px 0; border-top: 2px solid #CCCCCC; clear: both; } #tblAddressEdit input[type=text] { width: 260px; } #tblAddressEdit select { width: 266px; } /* -- Address List (end) -- */ /* ----------------------------------------------------------------------------------------------- */ /* ------------------ PRODUCT LIST: BOTH LIST and GRID STYLES --------------- */ /* ----------------------------------------------------------------------------------------------- */ div.productList, table.productList { margin-top: 10px; } div.productListTable { position: relative; } div.productListTable .thumbnail { border: solid 1px #e9e9e9; position: relative; width: 210px; height: 130px; margin: auto; padding: 4px; } /* productListTable Inventory*/ div.productListTable.SoldOut div[class*="thumbnail"] { } div.productListTable.SoldOut .divSoldOut { background-image: url(/uStore/Images/SoldOut_big.png); position: absolute; z-index: 1000; top: 85px; right: 0px; width: 109px; height: 29px; color: White; font-size: 12px; line-height: 2.4em; display: inline !important; text-align: center; cursor: default; } /* center xmpimagebutton */ div.productListTable div.productDetailsLink table { margin: 0 auto; } div.productListTable a, div.productListTable a img { display: block; margin: auto; } div.productListTable a img { border: solid 1px #e9e9e9; } div.productListTable .OutOfStock { color: Red; } div.productListTable .OutOfStockChoices { color: Red; } div.productListTable .InStock { } div.productListTable .StockLevel { } .page-selection { display: block; min-height: 1px; } /* ----------------------------------------------------------------------------------------------- */ /* ------------------ LIST --------------- */ /* ----------------------------------------------------------------------------------------------- */ div.productlistview { width: 797px; margin-bottom: 15px; } div.productlistview .thumbnail { float: left; } .productlistview div.productInfo { float: left; width: 330px; position: relative; min-height: 144px; } div.productlistview div.productname, div.productlistview div.productdesc, div.productlistview div.productQtyRange { text-align: left; width: 355px; padding-left: 10px; } div.productlistview div.productname { line-height: 1.5em; padding-top: 10px; margin-top: 5px; } div.productlistview div.productdesc { margin-top: 10px; margin-bottom: 45px; } div.productlistview div.productQtyRange { position: absolute; left: 0; bottom: 15px; line-height: 15px; } div.productlistview div.pricingInfo { width: 195px; float: right; margin-top: 60px; } div.productlistview div.productPrice, div.productlistview div.productDetailsLink { text-align: center; } div.productlistview div.InventoryInfo { margin-left: 10px; position: absolute; left: 0; bottom: 0px; line-height: 15px; white-space: nowrap; } /* ----------------------------------------------------------------------------------------------- */ /* ------------------ GRID --------------- */ /* ----------------------------------------------------------------------------------------------- */ div.productgridview { width: 220px; margin: 10px; padding: 5px; border: solid 1px #e9e9e9; } .productgridview div.productname, .productgridview div.productdesc, .productgridview div.productQtyRange, .productgridview div.productPrice, .productgridview div.productDetailsLink { width: 210px; } .productgridview div.productname { margin-top: 10px; } .productgridview div.productdesc { margin-top: 5px; margin-bottom: 5px; } .productgridview div.productQtyRange { padding-bottom: 5px; display: block; } .productgridview .productunits { margin: 0 2px; width: 100%; } .productgridview div.productPrice, .productgridview div.productDetailsLink { text-align: center; } .productgridview div.productPrice { padding-bottom: 5px; display: block; } /* ----------------------------------------------------------------------------------------------- */ /* ------------------ OVERLAY --------------- */ /* ----------------------------------------------------------------------------------------------- */ div.productListTable .overlay { display: none; width: 100%; z-index: 100; position: absolute; font-size: 9px; line-height: 1.5em; height: 25px; text-align: left; top: 0; left: 0; } div.productListTable .overlay div { width: 109px; height: 100%; position: absolute; } div.productListTable .productEnlarge { left: 0; top: 0; } div.productListTable .productDownload { right: 0; top: 0; } div.productListTable .overlay div a { height: 100%; padding-top: 6px; width: 89px; padding-left: 20px; height: 100%; } div.productListTable div.overlay div { background-color: #e9e9e9; } div.productListTable .productDownload { border-left: solid 1px #d5d5d5; } div.productListTable .productEnlarge a { background: transparent url(/uStore/Images/magnifying_glass_high.png) no-repeat 5px 50%; } div.productListTable .productDownload a { background: transparent url(/uStore/Images/download.png) no-repeat 3px 50%; } .productListTable .overlay .productEnlarge:hover a { background-image: url(/uStore/Images/magnifying_glass_rol_high.png); } .productListTable .overlay .productDownload:hover a { background-image: url(/uStore/Images/download_rol.png); } /* ----------------------------------------------------------------------------------------------- */ /* ------------------ END OVERLAY --------------- */ /* ----------------------------------------------------------------------------------------------- */ /* ----------------------------------------------------------------------------------------------- */ /* ------------------ GRID COLUMNS --------------- */ /* ----------------------------------------------------------------------------------------------- */ .leftHeader { text-align: left; } .ShoppingCartGrid_Column_Buttons { width: 40px; text-align: center; } .ShoppingCartGrid_Column_Thumbnail { width: 82px; text-align: center; } .ShoppingCartGrid_Column_NotificationIcon { width: 24px; text-align: center; } .ShoppingCartGrid_Column_ProductName { width: 220px; text-align: left; } .ShoppingCartGrid_Column_Units { width: 180px; text-align: left; } .ShoppingCartGrid_Column_Reject { width: 120px; text-align: left; } .ShoppingCartGrid_Column_Price { width: 1%; text-align: right; white-space: nowrap; } .ShoppingCartGrid_Column_Currency { width: 1%; text-align: right; white-space: nowrap; } .ShoppingCartGrid_Column_Price div.ShoppingCartPriceTD, .ShoppingCartGrid_Column_Currency div.ShoppingCartPriceTD { width: 80%; } #trShoppingCart .shoppingCart_selectAll_wrapper { text-align: left; } #trShoppingCart img[id$="_imgChangeCart"] { margin-bottom: -5px; } .OrderDetailsGrid_Column_RequiresApproval { width: 24px; text-align: center; } /* ----------------------------------------------------------------------------------------------- */ /* ------------------ END GRID COLUMNS --------------- */ /* ----------------------------------------------------------------------------------------------- */ /* BEGIN FLOAT CLEARING */ .Duc:after, .floatClearing:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .Duc, * html .floatClearing { height: 1%; } /* for IE5+6 */ *:first-child + html .Duc, *:first-child + html .floatClearing { min-height: 1px; } /* for IE7 */ /* END FLOAT CLEARING */ .subTitleProductNameExists { display: none; } .WizardButtonsContainer div { float: left; margin-right: 12px; } div.SaveDraftButtonContainer { float: right; } .WizardButtonsContainer { border-top: 1px solid #999999; padding-top: 4px; } #nav { margin-left: 3px; } #SlideShow { position: relative; visibility: hidden; text-align: center; } img.customizationPreview { max-width: 100%; max-height: 100%; } /* * DialCustomerUIControls */ .CustomizationProperties { } .CustomizationProperties #customization { float: left; width: 48%; } .CustomizationProperties #preview { float: right; } .OrderFinalStepProperties { white-space: normal; } .OrderFinalStepProperties .PropertyListItemTitle { min-height: 20px; margin-bottom: 15px; width: 100%; border-bottom: 1px solid; } .OrderFinalStepProperties .PropertyListItemTitle .titleText { font-weight: bold; } .OrderFinalStepProperties .DeliveryMethodSelection { margin-top: 5px; margin-bottom: 20px; } #tdDocCtrlRight { vertical-align: top; } /* DUC */ .Duc { text-align: left; margin-bottom: 15px; display: block; } .Duc.dependentDUC.xmp__dependentDUC__hide { position: fixed !important; top: 0 !important; opacity: 0 !important; z-index: -999 !important; } .Duc ul { list-style-type: none; margin: 0; padding: 0; } .Duc dl { clear: both; } .Duc dt, .Duc dd { float: left; margin: 0; padding: 0; } .ducTitle { padding-bottom: 5px; } .Duc input[type=checkbox] { margin-left: 2px; } .FieldOptionItem:hover { color: grey; cursor: pointer; } /* IconDescriptionList DUC */ .FieldOptionItem.FOList { min-height: 30px; padding-top: 12px; padding-bottom: 12px; background-repeat: no-repeat; background-position: 10px center; background-size: 41px; width: 100%; border-bottom: 1px solid #d0d0d0; } .FieldOptionItem.FOList:first-child { border-top: 1px solid #d0d0d0; } .FieldOptionItem.FOList > div { padding-left: 65px; } .FieldOptionItem.FOList:last-child { border-bottom: 1px solid #d0d0d0; } .FieldOptionItem.FOList.selected { color: #000000; background-color: #ECECEC; border-top: none; border-bottom: none; } /* IconTitleGallery DUC */ .FOGridWrapper { float: left; } .FieldOptionItem.FOGrid .optionTitle { position: absolute; text-align: center; top: 50px; width: 100px; } .FieldOptionItem .optionTitle { font-weight: bold; padding-top: 7px; } .FieldOptionItem.FOGrid.selected .optionTitle { position: absolute; text-align: center; top: 50px; width: 100px; font-weight: bold; padding-top: 7px; color: grey; } .FieldOptionItem.FOGrid { position: relative; float: left; width: 100px; height: 85px; margin: 5px; text-align: center; } /* .FieldOptionItem.selected .optionIcon { color: #000000; background-color : #ECECEC; border-top: none; border-bottom: none; } */ .FieldOptionItem.selected + .FieldOptionItem { border-top-width: 0; } .FieldOptionItem.FOGrid .optionIcon { position: absolute; left: 17px; width: 66px; height: 45px; border: 1px solid grey; -moz-border-radius: 7px; -webkit-border-radius: 7px; background-repeat: no-repeat; background-position: center; margin: 2px; } .FieldOptionItem.selected.FOGrid .optionIcon { border: 3px solid grey; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; margin: 0px; } .FieldOptionItem.selected.FOGrid + .FieldOptionItem { border-top-width: 1px; } .dependentDUC { display: block; } /* end DUC */ .dtiName, .dmiName, .dddlName { width: 190px; } .drbName { width: 182px; } .drbValue li { margin-left: 5px; line-height: 1.5em; } .dtiStringTextBox { width: 214px; } .dddlValue select { width: 220px; } /* remove HTML style tags from markup */ /* hide title bar on XmpPopupWindow */ .OrderFinalStepContent .ui-dialog-titlebar { display: none; } /* remove from WizardStepsNav.ascx, not sure how it is used */ .WizardStepsNavControl .hide { border: 0px; width: 0px; height: 0px; } #tdDialSummary.DialSummaryControl UL { width: 93%; white-space: normal; } .ShowMessagePage .Headbg { padding-right: 4px; padding-left: 4px; font-weight: bold; font-size: 12px; padding-bottom: 4px; margin: 4px; padding-top: 4px; height: 20px; background-color: #cfd8e0; } /* shopping cart */ .ShoppingCartControl .productName, .ShoppingCartControl .editProduct { float: left; } .ShoppingCartControl .productName { margin-bottom: 2px; font-weight: bold; padding-right: 5px; } .ShoppingCartControl .editProduct a { text-decoration: underline; font-size: 10px; color: #333333; } .ShoppingCartControl .emptyCartButtons { padding: 18px 0; } .ShoppingCartControl .emptyCartButtons { padding: 18px 0; } .ShoppingCartControl .modifyOrderRow { height: 30px; vertical-align: top; } .ShoppingCartControl .modifyingOrder { padding-right: 5px; } /* ShoppingCart Inventory*/ .ShoppingCartControl .inventoryStatus { color: Red; font-size: 12px; font-weight: bold; } .ShoppingCartControl .SoldOut div[class*="thumbnail"] { } .ShoppingCartControl .thumbnailWrapper { position: relative; } .ShoppingCartControl .thumbnailWrapper #thumbnailBorder { padding: 10px; margin: 10px; border: solid 1px #cccccc; border-radius: 10px; background-color: #ffffff; } .ShoppingCartControl .SoldOut .divSoldOut { background-image: url(/uStore/Images/SoldOut_small.png); position: absolute; z-index: 1000; top: 46px; right: 10px; width: 70px; height: 19px; color: White; font-size: 12px; line-height: 1.7em; display: inline !important; } .ie .ShoppingCartControl .SoldOut .divSoldOut { line-height: 1.5em; } ul.CheckOutPage { margin: 0; padding: 0; list-style-type: none; } ul.CheckOutPage li.cartSummary ul { float: right; margin: 20px 20px 0 0; } ul.CheckOutPage li.cartSummary ul dt, ul.CheckOutPage li.cartSummary ul dd { display: inline-block; } * + html ul.CheckOutPage li.cartSummary ul dt, * + html ul.CheckOutPage li.cartSummary ul dd { display: block; float: left; } ul.CheckOutPage li.cartSummary ul dt { padding-left: 15px; padding-right: 30px; clear: both; float: left; } ul.CheckOutPage li.cartSummary ul dd { padding-left: 0; padding-right: 15px; margin-left: 0; float: right; } ul.CheckOutPage li.cartSummary ul dd span { display: block; } .CheckOutPage .SecondaryCurrency { min-width: 130px; } .ShoppingCartSecondaryCurrencyLabel { float: right; clear: right; } .CheckOutPage .cartSummary dl { border: 0; margin: 0; } .CheckOutPage #CurrentCartSummary { height: 190px; } ul.CheckOutPage li.cartSummary div.totals tr { padding: 0 10px 0 10px; } .buttonContainer { float: left; padding-left: 5px; } .buttonsContainer { margin: 12px 10px 0 10px; float: right; } .CheckOutPage .cartSummary .aboveTop { border: 1px solid #cccccc; border-bottom: none; border-top-left-radius: 15px; border-top-right-radius: 15px; height: 15px; } .CheckOutPage .cartSummary .top { border: 1px solid #cccccc; border-top: none; padding-bottom: 14px; margin-bottom: 0; } .CheckOutPage .cartSummary .middle { margin-top: 0; margin-bottom: 0; border: 1px solid #cccccc; border-top: none; height: 28px; padding-top: 8px; } .CheckOutPage .cartSummary .bottom { border: 1px solid #cccccc; border-top: none; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; height: 30px; margin-bottom: 20px; padding-bottom: 15px; background-color: #ffffff; } .ShoppingCartControl .divNickName { clear: left; } .SaveForLater { padding-bottom: 15px; } .KeywordsPanel { margin-left: 15px; margin-bottom: 20px; } .mainAreaFooterFullWidth { border-top: 1px solid #999999; } .inlinePanel { display: inline-block; } * + html .inlinePanel { display: block; float: left; } .productSearchBox { display: inline-block; border-width: 1px; margin-top: -8px; } .ie7 .productSearchBox { display: block; float: right; } .productSearchBox input[type=text] { height: 23px; width: 120px; margin: 0; padding: 0; border-style: none; } .productSearchBox input[type=submit] { border-width: 0; width: 20px; height: 23px; background-color: black; background-image: url(/uStore/Images/magnifying_glass_high.png); background-repeat: no-repeat; background-position: 4px 4px; cursor: pointer; margin: 0; padding: 0; } .productSearchBox > div { float: left; } .noResultsLabel { display: block; padding: 10px 0px 0px 15px; } #TdBottomLogo, #TdBottomMenu { } /* BOTTOM NAVIGATION */ /* CheckoutPaymentSubmission */ .checkoutFinalBack, .checkoutFinalCheckout, .productDetailsBack, .productDetailsContinue { float: left; } .checkoutFinalCheckout, .productDetailsContinue, .checkoutFinalNext { float: right; } .checkoutFinalConfirm { text-align: right; } /*#region File submission property list styling */ .footnotes { padding: 2px; } .orderApprovalListBackButtonWrapper { padding-top: 50px; } .popupContent { position: absolute; top: 0; left: 0; bottom: 50px; width: 100%; overflow: auto; } .popupFooter { position: absolute; bottom: 0; left: 0; right: 0; } .footerButtons { float: right; text-align: right; width: 100%; } .footerButtons > table.XmpImageButton { float: left; } .footerButtons > .XmpImageButton, .footerButtons > div > .XmpImageButton { margin-top: 10px; margin-bottom: 10px; } .dialCustomizationTable { width: 100%; } .fileSubmissionCustomizationHeader { padding-left: 10px; } .fileSubmissionPropertyUnit { padding-left: 10px; font-weight: normal !important; } .fileSubmissionDropFilesHere { display: none; position: absolute; top: 0; left: 0px; width: 707px; z-index: 100; background-color: White; border-spacing: 8px; font-size: 40px; text-align: center; } .fileSubmissionDropFilesHere .dropFileBorder { width: 670px; background-color: white; border: 4px dashed #cfcfcf; display: table-cell; opacity: .8; text-align: center; vertical-align: middle; color: #cfcfcf; } .orderListTable { width: 100%; } .orderListTable TD { padding-bottom: 5px; } .orderListTable .paneSeparator { margin: 0 -1px; } #divSmpSearch .form-group { display: inline; } #divSmpSearch #TxtOrderID { width: 180px; } #divSmpSearch .SimpleSearchBtn { display: inline-block; } .ChangeToAdvSrchContainer { float: right; } #btnChangeToAdvSrch { display: inline; } .orderListTable #tblAdvSearch { padding: 0px; } .orderListTable #tblAdvSearch .captionColumn { width: 180px; padding: 5px 0; } .orderListTable #tblAdvSearch .contentColumn { width: 335px; padding: 5px 0; } .orderListTable #tblAdvSearch .searchButtonsColumn { text-align: right; padding: 5px 15px 5px 0; } .orderListTable #tblAdvSearch .toSmpSearchColumn { text-align: right; padding: 5px 0; } .orderListTable #tblAdvSearch #TxtOrderID2, .orderListTable #tblAdvSearch #TxtList { width: 325px; } .orderListTable #tblAdvSearch #DdlAddress { width: 328px; } .orderListTable #tblAdvSearch #TxtProduct { width: 325px; } .orderListTable #tblAdvSearch #DdlSearchFilter { width: 328px; } .orderListTable #tblAdvSearch .datePicker { width: 130px !important; } .orderDetailsPage { width: 100%; } .OrderDetailsTdRounding { width: 300px; padding: 0px 10px 0px 10px; } .flippedDivHorizontal { -moz-transform: scaleX(-1); -o-transform: scaleX(-1); -webkit-transform: scaleX(-1); transform: scaleX(-1); filter: FlipH; -ms-filter: "FlipH"; } .flippedDivVertical { -moz-transform: scaleY(-1); -o-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: FlipV; -ms-filter: "FlipV"; } /*#endregion */ /* ProductDetails page table */ #productDetailsContainer { min-height: 440px; width: 100%; } .ProductDescMain { padding: 0px 0px 30px 0px; } .productDetailsIndent { } td.ProductDetailsInventory { padding: 10px 0 10px 10px; } td.ProductDetailsInventory .OutOfStock { color: Red; } td.ProductDetailsInventory .OutOfStockChoices { color: Red; } td.ProductDetailsInventory .InStock { } td.ProductDetailsInventory .StockLevel { } /* ProductDetails page table END */ /* Wizard Navigation Begin */ .WizardStepsNavControl { border-bottom: 1px solid #999999; margin-bottom: 5px; } #productDetailsContainer .WizardStepsNavControl { margin-bottom: 10px; } #ProgressBarDiv .WizardStepsNavControl { border-bottom: none; } .WizStep, .WizStepSel { display: block; } .WizardProgressStep { padding: 0px 15px 10px 5px; } /* Wizard Navigation End */ .checkoutSubmissionOrderPriceContainerContainer { float: right; margin-right: -16px; } /* LivePersonButton style */ .LivePersonButton_Skin { position: fixed; z-index: 100; bottom: 10px; right: 160px; } /* LivePersonButton style End */ .singleSignOnButtonFacebook { position: relative; display: block; height: 20px; padding: 0 8px 0 28px; border: 1px solid #32437F; text-align: left; cursor: pointer; border-bottom-color: #24346F; background: #6676AB url(/ustore/images/facebook-login-wide.gif) no-repeat 0 0; width: 141px; } .singleSignOnButtonFacebook span { line-height: 20px; font: bold 11px/1 Verdana,Arial,sans-serif; color: white; vertical-align: middle; } #divPricingGridWrapper { width: 930px; overflow-x: auto; } .disabledLink { color: #aaaaaa !important; cursor: default; } .divloadingImgPrice { position: absolute; width: 188px; background-color: black; opacity: 0.2; } .loadingImgPrice { z-index: 9999; position: relative; top: 30%; left: 40%; } /*#region OrderFinalStep Page Style */ .OrderFinalStepFinalStepInventory div { margin-bottom: 15px; } td.OrderFinalStepFinalStepInventory .OutOfStock { color: Red; } td.OrderFinalStepFinalStepInventory .OutOfStockChoices { color: Red; } td.OrderFinalStepFinalStepInventory .InStock { } td.OrderFinalStepFinalStepInventory .StockLevel { } /*#endregion */ /*#region Edit nickname in shopping cart*/ .linkEditNickName { display: none; background: url(/uStore/Images/icon-edit.gif) no-repeat; height: 16px; width: 16px; vertical-align: top; cursor: pointer; } .divNickName .txtNickName { width: 120px; height: 15px; display: none; } .divNickName :hover { cursor: pointer; } .CustomizationSteps span { float: left; margin-bottom: 3px; padding-left: 0px; } /*#endregion*/ /*#region Personal Information*/ .PersonalInformation td { padding-bottom: 7px; } .PersonalInformation #trChangePassword, .PersonalInformation #trEditInfo { padding-bottom: 10px; } .PersonalInformation .TablesTitle { padding-bottom: 10px; } .PersonalInformation TD.FormLabel { padding-right: 20px; } .PersonalInformation #trChangePassword .FormField { width: 209px; } .PersonalInformation #trEditInfo .FormField { width: 260px; } .PersonalInformation #trEditInfo SELECT.FormField, .PersonalInformation #trEditInfo .RadInput .FormField { width: 262px; } .PersonalInformation #chkOptIn { margin-left: -3px; } .PersonalInformation #trRequiredField TD, .PersonalInformation #trOptIn TD { height: 20px; } /*#endregion*/ /*#region Document submission repository on disk*/ #upButton { cursor: pointer; width: 738px; height: 36px; top: 0px; background-image: url('/uStore/Images/FileSubmissionFileTypes/up.png'); background-repeat: no-repeat; float: none; margin: 2px; border: 1px dotted lightgray; } #foldersContainer, #filesContainer { cursor: pointer; } #foldersContainer .subfolderContainer, #filesContainer .fileContainer { border: 1px dotted lightgray; width: 237px; height: 55px; float: left; margin: 2px 2px 2px 2px; padding-left: 5px; display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-items: center; } #foldersContainer .subfolderIcon, #filesContainer .fileIcon { width: 48px; height: 48px; background-repeat: no-repeat; } #foldersContainer .subfolderName, #filesContainer .fileName { width: 180px; font-size: 12px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #foldersContainer .fileExtensionFolder { background-image: url('/uStore/Images/FileSubmissionFileTypes/folder.png'); } #filesContainer .fileExtensiondocx, #filesContainer .fileExtensiondoc { background-image: url('/uStore/Images/FileSubmissionFileTypes/docx.png'); } #filesContainer .fileExtensionpptx, #filesContainer .fileExtensionppt { background-image: url('/uStore/Images/FileSubmissionFileTypes/pptx.png'); } #filesContainer .fileExtensionpdf { background-image: url('/uStore/Images/FileSubmissionFileTypes/PDF.png'); } #selectedFileName, #fileSelected, #resetFolder { display: none; } /*#endregion*/ /*#region PricingTableUI*/ #tblPricingTable { height: 100%; padding: 0 0 0 0; } /*#endregion*/ /*#region UploadRLWrapper.ascx*/ #UploadRLWrapper .form-group { display: table-row; } #UploadRLWrapper .formLabel { display: table-cell; padding: 0 1em; text-align: left; } #UploadRLWrapper #txtListDescription { width: 300px; } #UploadRLWrapper input[type="file"] { width: 390px; height: 22px; } /*#endregion*/ /*#region login.aspx*/ #tblSignIn, #tblRegistration, #tblSocialSignIn { width: 454px; margin-bottom: 12px; margin-top: 20px; } #tblRegistrationForm input[type="text"], #tblRegistration input[type="password"], #tblRegistration input[type="text"], #tblRegistration input[type="password"] { width: 248px; } #divRegisterComplete table { float: left; } .loginLogoContainer { text-align: center; } .loginLogoContainer .logo { max-width: 165px; max-height: calc(var(--header-height-desktop) - 2 * var(--header-padding-desktop)); } /*#endregion*/ /*#region RecipientListEditor*/ #divRecipientListTitle, #divRecipientListButtons, #divRecipientListErrors { padding-bottom: 10px; } /*#endregion*/ /*#region RecipientListInsertPage.aspx*/ #rlEditContainer .input { margin-right: 20px; margin-bottom: 10px; } #rlEditContainer .input input { width: 100%; } #rlEditContainer input, #rlEditContainer label { display: block; } /*#endregion*/ /*#region AddressBox.ascx*/ .addressBoxWrapper .ddlAddresses { width: 500px; } /*#endregion*/ /*#region checkoutFinal.aspx*/ .CheckoutServices { width: 230px; } .ShippingItemContainer { float: left; margin: 5px; } .CheckoutAddressHeading { text-align: left; } /*#endregion*/ /*#region OrderFinalStep.aspx*/ #tblOrderFinalStepContent { table-layout: fixed; margin-top: 15px; } #tblNumCopies { margin-bottom: 15px; } #tblNumCopies #lblNumCopiesWrapper { width: 190px; } #tblNumCopies input[type="text"] { width: 85px; } /*#endregion*/ /*#region SelectGlobalAddress.aspx */ #selectGlobalAddressWrapper #txtSearch { width: 300px; } /*#endregion*/ /*#region PriceReview.ascx */ .tblPriceTagsWrapper td.FormLabel { width: 180px; } #NumberOfCopiesPopup #lblNumCopiesWrapper { width: 190px; } #NumberOfCopiesPopup #txtNumCopies { width: 85px; } /*#endregion*/ /*#region OrderFinalStep.aspx*/ #docCtrlContainer { margin-top: 10px; } /*#endregion*/ /*#region OrderDetails.aspx*/ #orderTableContainer { margin-top: 10px; margin-bottom: 20px; border: 1px solid #000000; } #tableShipmentsContainer { margin-top: 10px; margin-bottom: 20px; border: 1px solid #000000; } #tableRejectionNotesContainer { padding-top: 10px; } .RejectNote { width: 75%; display: block; } #tblModifyVersionsContainer { width: 100%; padding-bottom: 10px; margin-bottom: 10px; } #tblModifyVersions { margin-left: -1px; } #tblModifyVersions TD { padding-right: 20px; } .OrderDetailsAnalytics, .OrderDetailsRecipientListDownload { display: table; width: 100%; height: 20px; vertical-align: middle; } .OrderDetailsGrid_Column_ProductName .imgDiv { display: table-cell; width: 30px; height: 20px; text-align: left; vertical-align: middle; } .OrderDetailsGrid_Column_ProductName .Link { display: table-cell; vertical-align: middle; } .OrderDetailsDeletedImg { height: 16px; width: 16px; vertical-align: sub; margin: auto 3px; } .OrderDetailsDeletedText { color: red; display: inline-block; } /*#endregion*/ /*#region proof.ascx*/ #txtProofRecordCount { width: 26px; } /*endregion*/ /*#region NoClearingUserDataCreditCard.ascx*/ #tblOfflinePayment #divCardNumber, #tblOfflinePayment #divExpirationDate { float: left; } #tblOfflinePayment #divCardNumber { padding-right: 15px; } #tblOfflinePayment #divExpirationDate { width: 175px; } #tblOfflinePayment .ddlCreditDate { max-width: 75px; } /*endregion*/ #trHTML5CompatibilityAlert .alert, #trHTML5CompatibilityAlert .alert2 { background-color: #ffc0c0; font-family: Verdana,Arial,Helvetica,sans-serif; font-weight: normal; padding: 5px; text-align: center; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } #trHTML5CompatibilityAlert .alert { margin: -5px 2px 10px 2px; } #trHTML5CompatibilityAlert .alert2 { margin: -15px 0 5px 0; } .tdContainer { float: left; } .mobile { display: none !important; } /*#region Web Proof */ .webProofTab { border: 1px solid #ddd; padding: 10px; width: 100px; height: 30px; display: inline; cursor: pointer; } .webProofTab.selected { background-color: #C8CACB; } .webProofMain { border: 1px solid #ddd; position: relative; top: 11px; padding-top: 20px; padding-left: 5px; } .webProofFrame { width: 100%; height: auto; min-height: 800px; } /*#endregion*/ /*#region dateTime picker*/ .dtPickerTable { display: inline-block; vertical-align: top; } .datetimeWrapper div { float: left; margin-right: 5px; } /*#endregion*/ /* #region OrdedDetails Approval */ .approvalContainer { margin-left: -2px; margin-bottom: 10px; } .approvalContainer TABLE TR TD:first-child { padding-left: 0; } td.approverRejectConfirm { padding-bottom: 10px; } .engagementMessage { line-height: 30px; } TD.approvalButton { padding-right: 5px; } /* #endregion */ .ReportDetailDiv { text-align: center; widows: 100%; } .mcReportsWaitingDiv { position: absolute; bottom: 180px; left: 50%; width: 40px; display: block; } .quantityCalculationInProgressText { margin-top: 10px; margin-left: 50px; margin-right: 50px; text-align: center; } .quantityCalculationInProgressImg { margin-top: 30px; margin-left: 40%; margin-right: 40%; background-image: url('/ustore/images/ImageLoading.gif'); height: 66px; width: 66px; } /*#region file submission NewItemMenu*/ .NewItemMenu .VerticalMenuDiv { float: left; padding: 0px; margin: 0px; height: 100%; width: 100%; } .NewItemMenu .VerticalMenuDiv ul li { padding: 0px 5px 0px 5px; height: 30px; line-height: 2em; white-space: nowrap; overflow: hidden; } .NewItemMenuTitle { background-color: #BFBFBF; padding: 0 5px 0 5px; min-height: 20px; /*display: none;*/ font-weight: 600; } .NewItemMenu li span { height: 100%; } .NewItemMenu li span.UploadName { display: inline-block; border-left: 1px solid #d0d0d0; padding-left: 10px; } .NewItemMenu li span.UploadImage { background-repeat: no-repeat; background-position: left; padding: 2px 0 2px 30px; } .NewItemMenu li.UploadFileMenuItem.local .UploadImage { background-image: url('/ustore/images/Folder.png'); } /*#endregion*/ /*#region fileAttachDuc*/ .FileAttachmentList li { margin-bottom: 10px; } .FileAttachmentList li a { text-decoration: underline; cursor: pointer; color: #006699; padding-left: 4px; } .fileAttachDelete { background: url(icon-delete.gif) no-repeat; width: 16px; height: 16px; vertical-align: middle; cursor: pointer; background-position: center; display: inline-block; } .fileAttachDropFilesHere { position: relative; margin-right: 12px; } .Duc .fileAttachDropFilesHere a, .Duc .fileAttachDropFilesHere a:hover, .Duc .FileAttachmentDownloadTemplate a, .Duc .FileAttachmentDownloadTemplate a:hover { height: 34px; line-height: 34px; padding-left: 28px; padding-right: 28px; border: 1px solid #d6d6d6; border-radius: 8px; text-decoration: none; color: #484848; display: flex; align-items: center; width: max-content; margin-top: 10px; margin-bottom: 10px; box-sizing: border-box; } .FileAttachmentDownloadTemplate a:before, .fileAttachDropFilesHere a:before { content: ""; width: 34px; height: 34px; box-sizing: border-box; background-color: #484848; } /*download icon*/ .FileAttachmentDownloadTemplate a:before { -webkit-mask: url(/uStore/Images/download.svg) no-repeat left center; mask: url(/uStore/Images/download.svg) no-repeat left center; } /*upload icon*/ .fileAttachDropFilesHere a:before { -webkit-mask: url(/uStore/Images/upload.svg) no-repeat left center; mask: url(/uStore/Images/upload.svg) no-repeat left center; } .FileAttachmentDescription span { font-size: 14px; color: #767676; } #fileAttachmentErrorMessage { font-size: 12px; color: #ff625a; } #fileAttachmentErrorMessage > a { color: #20a8ce; } .fileAttachDropFilesHere .NewItemMenu { visibility: hidden; opacity: 0; } .fileAttachDropFilesHere .NewItemMenu .VerticalMenuDiv { float: none; width: auto; height: auto; display: inline-block; position: absolute; top: 50%; left: 50%; border: 1px solid #d6d6d6; background: #ffffff; border-radius: 4px; z-index: 999; } .fileAttachmentUploadWrapper { display: flex; align-items: center; } .fileAttachmentUploadAllowedFiles { display: none; max-width: 264px; } /*#endregion fileAttachDuc*/ /*#region Horizontal Menu (moved from filesubmission.css*/ .VerticalMenuDiv ul { width: 100%; margin: 0; padding: 0; } .VerticalMenuDiv ul li { list-style-type: none; text-align: left; min-height: 30px; line-height: 1.4em; font-weight: 500; } .VerticalMenuDiv .disabledItem { color: #aaaaaa; } .VerticalMenuDiv .disabledItem:hover { color: #aaaaaa; cursor: default; background: white !important; } /* IE needs special attention in overriding gradient background */ .ie .VerticalMenuDiv .disabledItem:hover { color: #aaaaaa; cursor: default; background: white !important; background: -ms-linear-gradient(top, white 27%,white 66%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='white', endColorstr='white',GradientType=0 ); /* IE6-9 */ } .VerticalMenuDiv ul li:hover, .VerticalMenuDiv_ul_li_active { cursor: pointer; background: #acd01e; /* Old browsers */ background: -moz-linear-gradient(top, #acd01e 27%, #b8da30 66%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(27%,#acd01e), color-stop(66%,#b8da30)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #acd01e 27%,#b8da30 66%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #acd01e 27%,#b8da30 66%); /* Opera11.10+ */ background: -ms-linear-gradient(top, #acd01e 27%,#b8da30 66%); /* IE10+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acd01e', endColorstr='#b8da30',GradientType=0 ); /* IE6-9 */ background: linear-gradient(top, #acd01e 27%,#b8da30 66%); /* W3C */ } /*#endregion*/ /* #region xmpDialog (moved from jqury-ui-custom.css) */ .xmpDialog { display: none; } .ui-dialog-titlebar.noTitle { padding: 10px 0 0 0; border-color: transparent; background: none; } .ui-dialog-titlebar.noTitle.noIcon { display: none; } /*#endregion xmpDialog*/ /*#region Touch Point Preview */ .BigMargin { margin: 50px; } .LoadDivImgBar { background-image: url("/uStore/Images/touch point preview loader.gif"); background-position: center center; display: block; width: 128px; height: 15px; } #touchpoint-preview-wrapper.withProgressBar { margin-top: 30px; } #touchpoint-preview-wrapper .hide { display: none; } #touchpoint-preview-wrapper #sendEmailProofWrapper { margin-bottom: 15px; } #touchpoint-preview-wrapper #sendEmailProofContent { position: relative; left: 10px; display: table; padding-top: 20px; padding-bottom: 30px; } #touchpoint-preview-wrapper #sendEmailProofWrapper > div.horizontalRow { border-bottom: 1px solid var(--theme-color, black); height: 1px; position: absolute; left: 0; right: 0; } #touchpoint-preview-wrapper #sendEmailProofContent > * { position: relative; display: table-cell; vertical-align: middle; left: 0; top: 0; } #touchpoint-preview-wrapper #sendEmailProofContent > *:not(:last-child) { padding-right: 8px; } #touchpoint-preview-wrapper #sendEmailProofWrapper #sendEmailErrorMessage.hide { visibility: hidden; } #touchpoint-preview-wrapper #sendSmsProofWrapper { margin-bottom: 15px; } #touchpoint-preview-wrapper #sendSmsProofContent { position: relative; left: 10px; display: table; padding-top: 20px; padding-bottom: 30px; } #touchpoint-preview-wrapper #sendSmsProofWrapper > div.horizontalRow { border-bottom: 1px solid var(--theme-color, black); height: 1px; position: absolute; left: 0; right: 0; } #touchpoint-preview-wrapper #sendSmsProofContent > * { position: relative; display: table-cell; vertical-align: middle; left: 0; top: 0; } #touchpoint-preview-wrapper #sendSmsProofContent > *:not(:last-child) { padding-right: 8px; } #touchpoint-preview-wrapper #sendSmsProofWrapper #sendSmsErrorMessage.hide { visibility: hidden; } #touchpoint-preview-wrapper .form-group > input { position: relative; top: 0; left: 0; } #touchpoint-preview-wrapper .form-group > .error-message { position: absolute; top: calc(55% + 10px); left: 0; color: red; height: 8px; } #touchpoint-preview-wrapper .touchpoint-progress-bar { position: absolute; top: 0; left: 0; display: block; width: 100%; background-color: #eff6d3; height: 30px; overflow: hidden; } #touchpoint-preview-wrapper .touchpoint-progress-bar.loading { background-color: #d8eff6; } #touchpoint-preview-wrapper .touchpoint-progress-bar.error { background-color: #fed3dc; } #touchpoint-preview-wrapper .touchpoint-progress-bar.success { background-color: #eff6d3; } #touchpoint-preview-wrapper .touchpoint-progress-bar.hide { background-color: #d8eff6; height: 0; } #touchpoint-preview-wrapper .progress-bar-icon { position: absolute; left: 12px; top: 5px; height: 20px; width: 20px; } #touchpoint-preview-wrapper .touchpoint-progress-bar.loading .progress-bar-icon { top: 2px; height: 25px; width: 25px; } #touchpoint-preview-wrapper .progress-bar-wrapper { width: 100%; height: 100%; font-size: 11px; } #touchpoint-preview-wrapper .touchpoint-progress-bar .progress-bar-status-wrapper { display: none; width: 100%; height: 100%; } #touchpoint-preview-wrapper .touchpoint-progress-bar.error .progress-bar-status-wrapper.error-wrapper { display: table; } #touchpoint-preview-wrapper .touchpoint-progress-bar.success .progress-bar-status-wrapper.success-wrapper { display: table; } #touchpoint-preview-wrapper .touchpoint-progress-bar.loading .progress-bar-status-wrapper.loading-wrapper { display: table; } #touchpoint-preview-wrapper .progress-bar-status-text { position: relative; left: 40px; display: table-cell; vertical-align: middle; } #touchpoint-preview-wrapper #proofContent { position: relative; top: 30px; } #touchpoint-preview-wrapper #proofContent > iframe { border: 0; width: 100%; height: 100%; overflow: hidden; } .fullHeight { height: 100%; } #divPreview .fullHeight { height: calc(100% - 60px) !important; } /*#endregion*/ /* XM Analytics reports in order details */ .divReportContainer { border: solid 2px #e6e6e6; text-align: center; height: 280px; width: 305px; margin: auto; margin-bottom: 20px; } /*#endregion*/ /* #region Cookie Ribbon */ .cookieRibbonWrapper { position: fixed; bottom: 0; left: 0; right: 0; width: 100%; line-height: 50px; height: 50px; opacity: 0.75; background-color: var(--ribbon-color, #34466A); display: none; z-index: 9999; } .cookieRibbonWrapper.show { display: block; } .cookieRibbonWrapper .buttonContainer { position: absolute; right: 10px; vertical-align: middle; line-height: inherit; color: #fff; } .cookieRibbonWrapper .cookieRibbonText { position: absolute; left: 10px; vertical-align: middle; line-height: inherit; color: #fff; } #modifyOrderDialog .modifyOrderDialog-content { padding: 15px 15px 35px 15px; } #modifyOrderDialog .divDialogButtons { float: right; } .fileAttachmentErrorMessage { color: red; } .ReorderBtn { background-image: url('/uStore/Images/reorder.png'); background-repeat: no-repeat; width: 20px; height: 20px; vertical-align: top; display: inline-block; padding: 0; border: 0; cursor: pointer; } /*#endregion*/ .reorderDialog .divDialogButtons a[id$="btnReorderDialogCancel"] { border: 1px solid var(--button-secondary-border-color); background-color: var(--button-secondary-background-color); color: var(--button-secondary-text-color); } .reorderDialog .divDialogButtons a[id$="btnReorderDialogOK"], .reorderErrorDialog .divDialogButtons a[id$="btnReorderErrorDialog"] { border: 1px solid var(--button-secondary-border-color); background-color: var(--button-primary-background-color); color: var(--button-primary-text-color); } .reorderDialog .divDialogButtons a, .reorderErrorDialog .divDialogButtons a { margin: 15px 15px 15px 0; } /**/ .checkoutPaymentSubmission_selectedPaymentMethod { color: var(--text-color-ultra-dark); } /* Style: XmpGreen */ div, header, nav, ul, li, body { padding: 0; margin: 0; } ul { list-style-type: none; } /* for new elements in old browsers */ article, aside, figure, footer, header, hgroup, nav, section { display: block; } /* Document Level styles */ body { border-style: solid; border-width: 0; font-family: var(--font-family); font-size: var(--text-size-label); font-weight: normal; /*fix bug with scrolling (BUG-137928)*/ border-top: 1px solid transparent; } html { height: 100%; } select { font-family: inherit; } a:link, a:visited, a.SmallLink, .addressItemHead .personName, A.BigLink, A.BigLink:hover, a.SmallLink:hover, .DeliveryStatus, .TrackingLink { font-size: var(--text-size-regular); } a.SmallLink:hover { cursor: pointer; } #searcharea { position: relative; min-height: 54px; } .ThemedPagedFullWidthMaster #searcharea { width: 1170px; text-align: center; } .subtitleProductName, .subtitle { display: inline-block; font-size: var(--text-size-h3); font-family: var(--font-family); font-weight: 400; padding: 2px; } .subTitleProductNameExists { display:none; } .ie7 .subtitleProductName, .ie7 .subtitle { display: block; } .LoginMaster .subtitle { left: 16px; } .productSearchBox { display: inline-block; position: absolute; right: 20px; bottom: 13px; margin: 0; } .ThemedPageMaster .productSearchBox { bottom: 26px; } .productSearchBox > div { float: left; } .productSearchBox input[type=submit] { background-image: url(magnifing-glass.png); background-color: #484848; } /* begin user welcome styles */ .userWelcome { display: none; height: auto; padding: 0; border-width: 0; margin: 0; float: none; text-align: left; background-color: transparent; position: absolute; left: 95px; top: 24px; z-index: 2; } .userWelcome span { height: 18px; line-height: 18px; text-align: left; } /* end user welcome styles */ #masterPageFooter { border-top: 0px; height: 9px; background-color: white; border-radius: 0 0 20px 20px; width: 1170px; } #postFooter { margin-bottom: 25px; } /* removed */ #fullWidthContent { background-color: #ffffff; /* border-left: #C6CCD9 solid 3px; border-right: #C6CCD9 solid 3px; */ height:auto; min-height: 480px; } #header { background-image:url(header_background.jpg); border-right:3px solid #C6CCD9; border-top:3px solid #C6CCD9; border-left:3px solid #C6CCD9; float: left; height: 112px; text-align: left; width: 1170px; z-index:1000; } /* Formatting Styles */ a { text-decoration: none; color:var(--color-highlight); } .Link { text-decoration: underline; } .productSearchTD { text-align: right; background-color: #ffffff; } .cellbottom { border: 0px; } .clearfloat{ clear: both; } .emphasis { font-size: var(--text-size-regular); font-weight: var(--default-font-weight); } .formfield,.FormField { font-size: var(--text-size-regular); FONT-WEIGHT: normal; } .formprompt { font-size: var(--text-size-regular); font-weight: var(--default-font-weight); text-align: right; } .formpromptred { font-size: var(--text-size-regular); font-weight: var(--default-font-weight); text-align: right; } .formtitle { background-color: #007ABE; font-size: var(--text-size-regular); font-weight: var(--default-font-weight); } .leftbar { background-color: var(--color-success); font-size: var(--text-size-fineprint); font-weight: normal; height: 100%; width: 154px; } .welcomeIFrame { width:783px; height:525px; border-width:0px; overflow:hidden; } .homeIFrameContainer { vertical-align:top; } .homeOrderListsContainer { background-color:transparent; width: 100%; font-size: var(--text-size-fineprint); } .homeOrderListsContainer > div { float: right; } @media (max-width : 600px) { .mainareaFullWidth { background-color: #ffffff; border-width: 0px; padding: 10px 15px; float: left; width: 100%; max-width: 1170px; min-height: 480px; } } @media (min-width : 601px) { .mainareaFullWidth { background-color: #ffffff; border-width: 0px; padding: 10px 15px; float: left; width: 1170px; min-height: 480px; } } .LoginMaster #bodyarea { width: 1170px; background-color: #ffffff; } .mainAreaFooter { background-color: #ffffff; border-width: 0px; clear:left; display:flow-root; } .mainAreaFooterFullWidth { background-color: #ffffff; border-width: 0px; float: left; width: 1170px; padding: 12px 0; display:flow-root; } .productDetailsContentFooter { overflow: hidden; } .mainAreaFooterFullWidth .WizardButtonsContainer { border-top: none; margin-top: 0; padding: 12px 0; width: 1170px; overflow: hidden; } .mainAreaFooterFullWidth table { margin: 10px; } .mainAreaFooterFullWidth table.uEditButtons { margin: 0; } .mainAreaFooterFullWidth table > tr > td { margin-right: 10px; } .selectedViewLabel { color: var(--color-highlight); font-family: var(--font-family); font-size: var(--text-size-regular); font-weight: var(--default-font-weight); } /* uEditCustomization adjustment */ .gallerylayer { padding-bottom:15px; } .customizationPreview { border:1px solid gray; box-shadow: 1px 1px 5px gray; -moz-box-shadow: 1px 1px 5px gray; -webkit-box-shadow: 1px 1px 5px gray; } table.mainAreaFooterFullWidth { border: none; } .mainarea_bg { background-color: #EFEFEF; } .navnorm { background-image: url(navnorm.gif); border: none; cursor: pointer; height: 21px; padding-left: 10px; text-decoration: none; vertical-align: middle; } .navsel { background-image: url(navsel.gif); border: none; cursor: pointer; height: 21px; padding-left: 10px; vertical-align: middle; } .productbtns { font-size: var(--text-size-regular); font-weight: var(--default-font-weight); text-decoration: underline; } .productdesc *{ font-size: var(--text-size-label); font-variant: normal; font-weight: normal; color:var(--text-color-medium); } .productunits { font-size: var(--text-size-regular); font-variant: normal; font-weight: normal; } div.productlistview div.productQtyRange { position: initial; left: initial; bottom: initial; line-height: initial; } div.productlistview div.InventoryInfo { margin-left: 10px; position: initial; left: initial; bottom: initial; line-height: initial; white-space: nowrap; } .productname { margin-bottom: 5px; font-size: var(--text-size-h3); line-height: 0; } .productname a{ font-size: var(--text-size-label); color:var(--text-color-ultra-dark); line-height: initial; } *div.productListCell { /* IE vertical scroll fix */ overflow-y:hidden; padding-bottom:15px; } .productListCell { position:relative; top:0; left:0; min-height:100%; overflow:auto; padding: 0; } #TdBottomMenu { } .rtcontentcol { font-size: var(--text-size-fineprint); font-weight: normal; padding-left:20px } .searchprompt { font-size: var(--text-size-fineprint); font-style: normal; font-weight: normal; text-transform: uppercase; } .slogan { font-size: var(--text-size-label); font-weight:var(--default-font-weight); color: #ffffff; position:absolute; top:77px; left:19px; white-space:nowrap; z-index:2; } .smallprompt { font-size: var(--text-size-regular); font-style: normal; font-variant: normal; font-weight: var(--default-font-weight); text-transform: uppercase; } .explanation { font-size: var(--text-size-fineprint); font-style: normal; font-variant: normal; white-space:normal; } .ShoppingCartGridDeleteItem center a:link { text-decoration: none; } .title { font-size: var(--text-size-h4); font-weight: var(--default-font-weight); padding-left:10px; } .boundedBox { border: solid 1px #D9D9D9; margin-bottom: 20px; padding-bottom: 20px; padding-left: 10px; padding-top: 10px; padding-right: 10px; } .boxHeading { display:inline-block; font-size: var(--text-size-regular); font-weight:var(--default-font-weight); padding-bottom:5px; } .boxSubHeading { display: inline-block; font-size: var(--text-size-regular); font-weight:var(--default-font-weight); /*padding-bottom:5px; padding-top: 10px;*/ position: relative; clear: both; color: var(--text-color-medium); } .boxSubHeading + table[id$="_tblSplitButtons"]{ margin:10px 0; } .boxSeparator { border-bottom: solid 1px #D9D9D9; line-height:70%; } @media (max-width : 600px) { #fullpage { margin: auto; width: 100%; max-width: 1170px; position: relative; } } @media (min-width : 601px) { #fullpage { margin: auto; width: 1170px; position: relative; } } #logo { display: none; height: 50px; width: 50px; position: absolute; top: 10px; left: 20px; background-image: url(logo.jpg); z-index: 2; } #TdBottomLogo { height: 25px; } .LoginBodyArea span.ErrorText { margin-top:-20px; } .ErrorText { font-size:var(--text-size-regular); color:var(--color-error)!important; } #signinbtn { background-image: url(icon-signin3.gif); background-repeat: no-repeat; cursor: pointer; height: 36px; width: 52px; } /* Layout Styles */ .SelectedAsset { background: #0068A3; border:none; border-color: #00ffff; } .UnselectedAsset { background: #FFFFFF; border:none; border-color: #00ffff; cursor:hand; } A.BigLink { font-size: var(--text-size-label); FONT-WEIGHT: var(--default-font-weight); TEXT-DECORATION: none; } A.BigLink:hover { font-size: var(--text-size-label); font-weight: var(--default-font-weight); text-decoration: none; } /* CUSTOM LINKS STYLES */ /* FORM STYLES */ /* DEFAULT LINK STYLE */ /* commented by idan - because of new wizard .WizStep { FONT-WEIGHT: bold; font-size: var(--text-size-fineprint); text-align: center; text-decoration: none; } .WizStepSel { FONT-WEIGHT: bold; font-size: var(--text-size-fineprint); BORDER: none; text-align: center; text-decoration: none } */ /* HEADING STYLE */ .PageTitle { FONT-SIZE:var(--text-size-h4); FONT-WEIGHT:var(--default-font-weight); } .Heading1 /* product details page, product name*/ { padding-top:5px; font-size: var(--text-size-h4); font-weight: var(--default-font-weight); display:none; } .Heading2 { font-size: var(--text-size-label); FONT-WEIGHT:var(--default-font-weight); } /* FORM STYLE */ .breadCrumbs { width: 100%; padding-bottom: 20px; } .HybridFormLabel, .FormLabel { FONT-SIZE: var(--text-size-label); color: var(--text-color-ultra-dark); } .FormLabel *{ font-weight:var(--default-font-weight)!important; } .FormLabelLeft { font-size: var(--text-size-label); FONT-WEIGHT: var(--default-font-weight); text-align:left; } .Tooltip { FONT-SIZE: var(--text-size-fineprint); cursor: help; white-space: nowrap; } /* Customization Steps navigation (StepsNav.ascx) */ .btnUnselected { HEIGHT: 30px; CURSOR: hand; text-align: center; padding:4px; } .btnUnselected a:link { FONT-WEIGHT: var(--default-font-weight); font-size: var(--text-size-regular); color: var(--text-color-dark); border: 0px; } .btnSelected { padding:4px; HEIGHT: 30px; CURSOR: hand; text-align: center; } .btnSelected a:link { FONT-WEIGHT: var(--default-font-weight); font-size: var(--text-size-regular); COLOR: var(--color-highlight); border: 0px; text-decoration: none; } a.XmpieClearButton.btn.btn-default[id$="_btnRecalculate"]{ height:initial; text-decoration:none!important; padding: 0.5rem 0.875rem!important; } a[id$="_btnBack"], .btn { min-width:60px; background-color:var(--button-primary-background-color); display: inline-block; padding: 0.5rem 0.875rem!important; margin-bottom: 0; font-size: var(--button-text-size); font-weight: normal; line-height: calc(var(--button-text-size) * 1.25); text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: var(--button-border-radius); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; color:var(--button-primary-text-color); } .FilePick { font-size : 11px; background-color: var(--color-fill); border: 1px solid var(--color-line); } /* TEXT STYLE */ .SmallItalic { font-size: var(--text-size-fineprint); font-weight: normal; font-style: italic; white-space: normal; } .BigItalic { font-size: var(--text-size-regular); FONT-WEIGHT: normal; FONT-STYLE: italic; } .Italic { FONT-STYLE: italic; } .Error { font-size: var(--text-size-fineprint); } .RejectText, .PendingText, .ApprovedText, .ModifiedText { font-size: var(--text-size-regular); font-weight: var(--default-font-weight); } .RejectBack { font-size: var(--text-size-fineprint); background-color: #f2dcdb !important; } .RejectBackAlt { font-size: var(--text-size-fineprint); background-color: #e6b9b8 !important; } .ModifyBack { font-size: var(--text-size-fineprint); background-color: #A4CAD2 !important; } .InlineImage { vertical-align:middle; border: 0 none; } /* FORM STYLES */ .THFontText { FONT-WEIGHT: var(--default-font-weight); font-size: var(--text-size-regular); BACKGROUND-COLOR: #d3d3d3 } .TDItemText { font-size: var(--text-size-fineprint); BACKGROUND-COLOR: white } .TDAltItemText { font-size: var(--text-size-fineprint); BACKGROUND-COLOR: var(--color-line) } .RTHFontText { FONT-WEIGHT: var(--default-font-weight); font-size: var(--text-size-regular); BACKGROUND-COLOR: #d3d3d3 } .RTDItemText { font-size: var(--text-size-fineprint); BACKGROUND-COLOR: white } .RTDAltItemText { font-size: var(--text-size-fineprint); BACKGROUND-COLOR: var(--color-line) } /* ------------- OrderApprovalList OrderRecentList ----------*/ .OrderApprovalListFooter { background-color: transparent; font-size: var(--text-size-fineprint); padding-top: 5px; } .PositionedImage3px { position:relative; left:3px; } .PositionedImage5px { position:relative; left:5px; } .PaddedTD { padding-left:5px; } /* ------------- OrderApprovalList OrderRecentList END ----------*/ .CartTable { } .CartListHead { background-color: #00598b; line-height: 15pt; padding-left: 5px } .CartListItem { background-color: #ffffff; border-bottom: dimgray; font-size: var(--text-size-fineprint); line-height: 15pt; padding-left: 5px; padding-right: 5px; white-space: normal; } .CartListItemAlt { background-color: var(--color-fill); border-bottom: dimgray; font-size: var(--text-size-fineprint); line-height: 15pt; padding-left: 5px; padding-right: 5px; white-space: normal; } .CartListFooter { background-color: #dddca3; line-height: 10pt; } #cartOrderTableWrapper .productName { width:100%; padding-right:0; } .SaveForLaterCartListHead { line-height: 15pt; padding-left: 5px } .RejectHead { background-color: #c0504d !important; border-bottom:1px solid #c0504d !important; } .RejectItem, .RejectItem p { background-color: #f2dcdb !important; } .RejectItemAlt, .RejectItemAlt p { background-color: #e6b9b8 !important; } .ModifiedFromOrderItem, .ModifiedFromOrderItem p { background-color: #A4CAD2 !important; } .PlacedDirectlyItem, .PlacedDirectlyItem p { } .PriceListTable { border-color:Black; font-size: var(--text-size-fineprint); border-collapse:collapse; width: 400px; } .PriceListHead { background-color: #00598b; border-bottom: dimgray; border-left: dimgray 1px solid; font-size: var(--text-size-regular); font-weight: var(--default-font-weight); line-height: 20pt; padding-left: 5px; text-align: right; } .PriceListItem { background-color: #ffffff; border-bottom: dimgray; border-left: dimgray 1px solid; font-size: var(--text-size-fineprint); padding-left: 5px; padding-right: 5px; text-align: right; } .PriceListItemAlt { background-color: var(--color-fill); border-bottom: dimgray; border-left: dimgray 1px solid; font-size: var(--text-size-fineprint); padding-left: 5px; padding-right: 5px; text-align: right; } .PriceListFooter { background-color: #00598b; line-height: 10pt } .smalltext { font-size: var(--text-size-fineprint); line-height:12px; } .ItemsAssignAllDiv { float:right; position: relative; right: 0px; padding: 10px 0; } .ItemsAssignAllDiv a.btn{ margin-right:0; } .MailingItemsTablesSubTitle { display:inline-block; margin-top:5px; margin-bottom:5px; font-weight: var(--default-font-weight); } .TablesTitle { font-size: var(--text-size-label); font-weight: var(--default-font-weight); } .Blueborder { border-top: 3px solid #00598b; } .SubSectionTable { padding: 0px 5px; width: 350px; text-align: left; margin-bottom: 5px; } .tablehead td{ /* border-bottom-color: #00FF00; */ border-bottom: #a8d8e8 solid 1px; font-size: var(--text-size-regular); font-weight: var(--default-font-weight); } .tablerow td{ border-bottom: var(--color-line) solid 1px; font-size: var(--text-size-fineprint); font-weight: normal; height: 14px; } .SiteLink { text-decoration: none; font-size: var(--text-size-fineprint); } .SiteLink:hover { } DIV.LoadingDivHeader { /* border: solid 1px #6A88AE; background-color: ghostwhite; */ FONT: statusbar; font-style: oblique; text-decoration: blink; background-position: center center; background-image: url(wait.gif); background-repeat: no-repeat; LEFT: 2px; WIDTH: 148px; height: 12px; POSITION: absolute; padding-left: 2px; TOP: 2px; } .ShippingPanel { } .ShippingAddressBoxHeader { } .ShippingAddressBoxHeader td:nth-child(1){ width:385px; } .ShippingAddressBoxCell { overflow: hidden; } .ShippingAddressBox { background-color: var(--color-fill); /*padding-left: 5px;*/ padding: 10px; width:100%; } .ShippingAddressBoxCell .ShippingAddressBox { margin-bottom:30px; } .ShippingAddressBoxCell .ShippingAddressBox:nth-last-child(2) { margin-bottom:0px; } .ShippingItemContainer:not(:nth-last-child(1)){ margin-right:5px; margin-left:0px; } .ShippingAddressBoxFooter { background-color: #ffffff; padding-left: 5px; padding-bottom: 0px; width: 100%; } .ShippingAddressBoxCell .ShippingAddressBoxFooter:empty { display:none; } span.boxSubHeading[id$="_BillingAddress_lblHeading"]{ margin-top:10px; } .CheckoutAddressHeading table { position: relative; } .MailingAddressItems { background-color: #ffffff; margin-right: 20px; position: relative; top: 10px; } .ShippingAddressItems { background-color: var(--color-fill); position: relative; top: 10px; vertical-align: top; width:880px; } .ShippingAddressItemsContainer { background-color: var(--color-fill); position: relative; top: 10px; clear:both; } .MailingGridCell { margin-left: 10px; border-left: solid 1px #C6DDDF; border-top: solid 1px #C6DDDF; border-bottom: solid 1px #C6DDDF; width: 650px; } .MailingGridServicesCell { padding-left: 10px; border-left: solid 1px #C6DDDF; border-right: solid 1px #C6DDDF; border-top: solid 1px #C6DDDF; border-bottom: solid 1px #C6DDDF; width: 250px; } .AddressBlock { padding-top: 15px; padding-left: 15px; padding-right: 15px; padding-bottom: 20px; overflow: auto; clear: both; background-color: var(--color-fill); vertical-align: top; margin-bottom: 15px; text-align: left; font-size: var(--text-size-regular); } .AddressHeading { position: relative; clear: both; display: inline-block; font-weight: var(--default-font-weight); float: left; padding-bottom: 5px; } .AddressSub { position: relative; clear: both; display: inline-block; float: left; font-size: var(--text-size-regular); color:var(--text-color-medium); } .AddressEditButton { position: relative; float: left; padding-left: 5px; padding-top: 2px; } .ShippingAddressHeading { position: relative; float: left; clear: both; font-weight: var(--default-font-weight); padding-top: 0px; display: block; } .ShippingAddressGridCell > div { border: solid 1px var(--color-line)!important; } .AddressNote { position: relative; clear: both; display: inline-block; float: left; font-size: var(--text-size-fineprint); padding-top: 10px; white-space:normal; } .CheckoutTable { border-color: Black; border-width:1px; margin-left:5px; margin-bottom:5px; } .CheckoutTable td { border-right-color: Black; border-right-style: solid; border-right-width: 1px; } .CheckoutHead { background-color: #00598b; font-size: var(--text-size-regular); font-weight: var(--default-font-weight); padding-left: 25px; padding-right: 25px; } .CheckoutItem { background-color: #ffffff; font-size: var(--text-size-fineprint); padding-left: 5px; padding-right: 5px; width: 150px; } .CheckoutItemAlt { background-color: var(--color-fill); font-size: var(--text-size-fineprint); padding-left: 5px; padding-right: 5px; } .DeliveryStatus { border-bottom: dimgray; font-size: var(--text-size-regular); font-weight: var(--default-font-weight); line-height: 15pt; } .TrackingLink { border-bottom: dimgray; font-size: var(--text-size-regular); font-weight: var(--default-font-weight); line-height: 15pt; } .LoadDivTransparent { z-index:9997; visibility: hidden; background-color: #ffffff; position:absolute; left: 0px; top: 0px; filter:alpha(opacity=0); -moz-opacity:.0; opacity:.0; } .LoadDiv { z-index:9998; visibility: hidden; background-color: black; position:absolute; left: 0px; top: 0px; text-align: center; vertical-align: middle; filter:alpha(opacity=20); -moz-opacity:.20; opacity:.20; } .LoadDivImg { z-index:9999; visibility: hidden; position:absolute; top: 48%; left: 48%; } .dgRecipientsComments { background-color:#EBF1DE; } .SinglePrice { font-size: var(--text-size-h4); font-weight: var(--default-font-weight); } .SinglePriceCurrency { font-size: var(--text-size-label); font-weight: var(--default-font-weight); } .productgridview div.productPrice { text-align: left; } .productPriceInList, .productPriceInGrid { font-size: var(--text-size-regular); font-weight: var(--default-font-weight); vertical-align: baseline; } .productGridPriceFrom { font-size: var(--text-size-regular); font-weight: normal; vertical-align: baseline; margin-right: 2px; } .productGridCurrency { font-size: var(--text-size-regular); font-weight: normal; margin-left: 2px; vertical-align: baseline; } .productListPriceFrom { font-size: var(--text-size-fineprint); font-weight: normal; vertical-align: baseline; } .productListCurrency { font-size: var(--text-size-regular); font-weight: normal; vertical-align: baseline; } .ProductDescMain { } .ProductDescMainText { float: none; /*float: left;*/ /*width: 260px;*/ } .ProductDescMainSlide { float:none; /*float: left;*/ } .ProductDescMainSpacer { float:none; /*float: left;*/ width: 25px; height: 20px; } .groupDesc { padding-left:16px; padding-right:16px; } .groupDesc SPAN { font-size: var(--text-size-label); font-weight: var(--default-font-weight); position:relative; top:14px; } /* BUTTON STYLE'S */ .ButtonAreaHelpButton { background-image: url(header_help.gif); background-repeat: no-repeat; height: 40px; width: 40px; cursor: pointer; } .ButtonAreaCartButton { background-image: url(header_cart.gif); background-repeat: no-repeat; height: 40px; width: 40px; cursor:pointer; } .ButtonAreaAccountButton { background-image: url(header_account.gif); background-repeat: no-repeat; height: 40px; width: 40px; cursor:pointer; } .ButtonAreaLogoutButton { background-image: url(header_logout.gif); background-repeat: no-repeat; height: 40px; width: 40px; cursor:pointer; } .ButtonAreaDraftButton { background-image: url(header_draft.gif); background-repeat: no-repeat; height: 40px; width: 40px; cursor:pointer; } .ButtonAreaHomeButton { background-image: url(header_home.gif); background-repeat: no-repeat; height: 40px; width: 40px; cursor:pointer; } .SimpleSearchBtn { background-image: url(search_glass.png); background-repeat: no-repeat; height: 17px; width: 17px; display: block; padding: 0px; border: 0px; cursor: pointer; } .SimpleSearchBtn:hover { background-image: url(search_glass_hover.png); } .Expand { background-image: url(expand.png); background-repeat: no-repeat; height: 13px; width: 13px; padding-left: 17px; border: 0px; cursor: pointer; } .Collapse { background-image: url(collapse.png); background-repeat: no-repeat; height: 13px; width: 13px; padding-left: 17px; border: 0px; cursor: pointer; } .OrderButton { } .PagerStyle { margin: 1px; text-align: right; padding-right: 30px; padding-bottom: 20px; padding-top: 20px; } .PagerTop .PagerStyle { padding-top: 0; } .PagerBottom .PagerStyle { padding-bottom: 0; } .PagerHyperlinkStyle { padding: 1px 3px; font-weight: 100; background: var(--color-fill); border: 1px solid #c7c7c7; text-decoration: none; margin: 0 1px; font-weight: 100; font-size: var(--text-size-fineprint); } a.PagerHyperlinkStyle { color: #444; } .PagerHyperlinkStyle:hover { background: #ccc; border: 1px solid #666; } .PagerDisabledHyperlinkStyle { padding: 1px 3px; font-weight: 100; background: #fdfdfd; border: 1px solid #cdcdcd; margin: 0 1px; font-weight: 100; font-size: var(--text-size-fineprint); } .PagerCurrentPageStyle { padding: 1px 3px; font-weight: 100; background: var(--color-fill); border: 1px solid #c7c7c7; text-decoration: none; margin:0 1px; font-weight: 100; font-size: var(--text-size-fineprint); background: #666; border: 1px solid #666; } .KeywordsPanel { } .KeywordLink { text-decoration:underline; font-size: var(--text-size-fineprint); } .DrafOrderButton { cursor:pointer; } .StepDescription { font-size: var(--text-size-fineprint); display:block; padding-bottom:20px; } .CouponBar { background-color: var(--color-fill); } .CouponBar > td { margin:10px; display:block; } .CouponDiscountCell { width:15%; text-align:center; } .ClearingGatewayMessage { white-space: normal; display: block; } .WizardButtonsContainer > div { margin-right: 12px; } .ItemsAddressContainer { vertical-align: top; width: 100%; overflow:hidden; float: left; clear:both; margin-top: 15px; } .ItemsAddressContainer > div{ width:initial!important; } .ItemsGridContainer { vertical-align: top; width: 100%; margin-bottom: 5px; margin-top: 5px; border: 1px; text-align: left; } .AddressGridContainer { vertical-align: top; width: calc(100% - 2px); position:relative; border: 1px; } .WizardHeader a.XmpImageButton[id$="_btnCancelSplit"]{ margin-right:0; } .WizardContent a.XmpImageButton[id$="_btnAddAddressFromList"], .WizardContent a.XmpImageButton[id$="_btnAddNewShippingAddress"]{ margin-bottom:10px; } .WizardContainer { border: none; overflow: hidden; } .WizardContent { padding-left:0; padding-bottom: 10px; } .WizardBreadCrumb { background-color: none; height:fit-content; padding-left:0; padding-top:0; } .WizardStepHeadingText { padding-left: 10px; } .WizardSubLabel { font-size: var(--text-size-h4); color:var(--text-color-ultra-dark); font-weight: var(--default-font-weight); display: block; float:left; clear: both; position: relative; top: 8px; text-align: left; padding-bottom: 4px; margin-bottom: 15px; } .uStoreLegacy-paddingLeft7 { padding-left: 0px; } .WizardLabel { font-size: var(--text-size-regular); display: block; float:left; clear: both; position: relative; top: 8px; text-align: left; padding-bottom: 4px; margin-bottom: 10px; } .WizardLabelNoRecords { font-size: var(--text-size-regular); display: block; float:left; clear: both; top: -10px; position: relative; vertical-align: middle; text-align: left; padding-bottom: 4px; margin-bottom: 10px; } .WizardStepHeading { font-size: var(--text-size-regular); width: 100%; display: block; float:left; clear: both; text-align: left; padding-bottom: 4px; } .WizardStepHeadingCurrent { font-size: var(--text-size-regular); font-weight: var(--default-font-weight); width: 100%; display: inline; float:left; clear: both; text-align: left; padding-bottom: 4px; } .WizardSubHeading { font-size: var(--text-size-label); font-weight: var(--default-font-weight)!important; position: relative; /*left: 0px;*/ top: 8px; float: left; clear:both; display: block; margin-right: 170px; padding-bottom: 25px; } .WizardStepsNextPrevSpace { width:62%; } .WizardDivider { height: 10px; } .SplitWizardAddNewAddress { float: left; position: relative; right: 15px; } .WizardHeader { text-align:center; } .WizardHeader .XmpImageButton { float:right; margin:10px 20px; } .OrderPriceLabelWidth { width: 500px; } .RegisterLink { margin: 10px 20px 10px 20px; } /*-- CaptchaControl styles start --*/ .CaptchaContainer { margin: 7px 15px 10px 0px; } .captcha {} .captcha SPAN { font-size: var(--text-size-fineprint); } .captcha INPUT { font-size: var(--text-size-fineprint); } /*-- CaptchaControl styles end --*/ .OrderPriceContainer { border: solid 2px #D9D9D9; padding: 15px 35px 15px 15px; } .LockedUserDiv { margin:0px 100px; height: 255px; width: 470px; border: solid 1px #C6CCD9; padding: 50px; } .LockedUserTitle { color: var(--color-error); } .LoginPasswordExpired { border: solid 1px #C6CCD9; width: 454px; } .LockedUser { border: solid 1px #C6CCD9; width: 454px; text-align: center; } /*-- CaptchaControl styles end --*/ .MerchantAddressBody { font-size: var(--text-size-fineprint); font-weight: normal; text-align: left; } .RegisterPendingDiv { margin-left:20px; margin-bottom:20px; line-height:20px; } .RegisterPendingDiv:nth-child(1) .FormLabel{ font-size:var(--text-size-h4); } .RegisterPendingDiv .FormField{ font-size:var(--text-size-label); } .ActivationDiv { margin-left:20px; margin-bottom:20px; line-height:20px; } .ActivationDiv .FormField{ font-size:var(--text-size-label); } .AccountNotActivatedDiv { margin-left:20px; margin-bottom:20px; line-height:20px; } /* -- Address List (begin) -- */ .addressItemTable { border: solid 1px var(--color-line); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; } .addressItemHead { background-color: var(--color-fill); -moz-border-radius: 10px 10px 0 0; -webkit-border-radius: 10px 10px 0 0; border-radius: 10px 10px 0 0; } .addressItemBody { background-color: #ffffff; -moz-border-radius: 0 0 10px 10px; -webkit-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; font-size:var(--text-size-regular); } /* -- Address List (end) -- */ /* ----------------------------------------------------------------------------------------------- */ /* ------------------ PRODUCT LIST: BOTH LIST and GRID STYLES --------------- */ /* ----------------------------------------------------------------------------------------------- */ div.productListTable { border: solid 1px transparent; } div.productListTable a img { border: solid 5px #e9e9e9; margin-top:50px; } div.productListTable:hover { } div.productListTable div.thumbnail { border: solid var(--image-box-border-width) var(--image-box-border-color); background-color: var(--image-box-background-color); padding:20px; border-radius: 0px; height: 250px; width: 250px; } div.productListTable div.productname a { text-decoration: none; } /* ----------------------------------------------------------------------------------------------- */ /* ------------------ LIST --------------- */ /* ----------------------------------------------------------------------------------------------- */ div.productlistview { padding: 9px; width: 1150px; border-bottom: solid 1px var(--color-line); } div.productlistview div.productname, div.productlistview div.productdesc, div.productlistview div.productQtyRange { width: 505px; } div.productListTable div.productdesc a, div.productListTable div.productdesc a:hover { font-size: var(--text-size-regular); text-decoration:none; } div.productlistview div.productQtyRange, div.productgridview div.productQtyRange { font-size: var(--text-size-regular); } /* ----------------------------------------------------------------------------------------------- */ /* ------------------ GRID --------------- */ /* ----------------------------------------------------------------------------------------------- */ div.productgridview { background-color: #f4f4f4; text-align: left; } /* ----------------------------------------------------------------------------------------------- */ /* ------------------ OVERLAY --------------- */ /* ----------------------------------------------------------------------------------------------- */ /* place enlarge/download buttons at bottom of thumbnail*/ div.productlistview div.overlay { top: auto; bottom: 0; } div.productListTable div.overlay div { width: 108px; } div.productlistview div.overlay div, div.productlistview div.overlay div:hover, div.productgridview div.overlay div, div.productgridview div.overlay div:hover { background-color: #e8e8e8 !important; } div.productListTable .productDownload { border-color: var(--color-line); } .productgridview .productEnlarge { border-radius: 15px 0 0 0; } .productgridview .productDownload { border-radius: 0 15px 0 0; } .productlistview .productEnlarge { border-radius: 0 0 0 15px; } .productlistview .productDownload { border-radius: 0 0 15px 0; } /* ----------------------------------------------------------------------------------------------- */ /* ----------------------- END OVERLAY ----------------- */ /* ----------------------------------------------------------------------------------------------- */ .SecondaryCurrencyLabel { font-size: var(--text-size-fineprint); width: 150px; } .ShoppingCartSecondaryCurrencyLabel { font-size: var(--text-size-fineprint); } .ShoppingCartControl .productName, .ShoppingCartControl .editProduct { clear: left; width: auto; } .ShoppingCartControl .productName { } .ShoppingCartControl .editProduct { background-image: none; padding-left: 0; } .BoldPriceLabel { font-weight:var(--default-font-weight); } .OrderPriceTable { font-weight:var(--default-font-weight); } .OrderPriceTable td.tdAmount { width: 150px; } .MailingItemsTablesSubText { font-weight:var(--default-font-weight); } .OrderDetailsBoldPriceLabel { font-weight:var(--default-font-weight); } .OrderDetailsPriceSummaryCaption { width:50%; text-align:left; font-weight:var(--default-font-weight); } .OrderDetailsInventoryLabel { color: var(--color-error); font-size: var(--text-size-regular); font-weight: var(--default-font-weight); } .OrderDetailsProductNameDiv { font-weight:var(--default-font-weight); } .PaymentCurrencyMessage { font-size: var(--text-size-fineprint); } .OrderDetailsPaymentCurrency { width:40%; } .OrderDetailsPriceSummarySpace { width:10%; } .OrderFinalStep_Proof_XmpImageButton { display: none; } div.proofLink { background-repeat: no-repeat; background-position: right top; cursor: pointer; background-color: transparent; padding: 5px 14px; } div.proofLink span, div.proofLink a { color: var(--text-color-primary)!important; font-size: var(--text-size-label); font-weight: normal; margin-left: 5px; } .glyphicon-ok-sign:before{ content:"\2713"; float: left; color: var(--button-secondary-text-color)!important; } .glyphicon-ok-sign.mobile{ display:inline!important; } /* Customization DUCs*/ .dtiStringTextBox { width: 252px; } .dddlValue select { width: 270px; } /* IconDescriptionList DUC */ .trOptionRepeater.hover { cursor: pointer; } .trOptionRepeater.selected { background-color : #ECECEC; } .trOptionRepeater .optionTitle { font-weight:var(--default-font-weight); } /* IconTitleGallery DUC */ .divOptionRepeater { width:100px; height:85px; float:left; padding:10px; text-align:center; } .divOptionRepeater.hover { cursor: pointer; font-weight:var(--default-font-weight); } .divOptionRepeater.selected { font-weight:var(--default-font-weight); } .divOptionRepeater .imgIconWrapper { margin-left:auto; margin-right:auto; } .FieldOptionItem.FOGrid.selected .optionTitle { color : #87A01F; } .roundedCorners { padding: 0; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; border: solid 1px #000000; } .divOptionRepeater.selected .imgIconWrapper { border: solid 3px #87A01F; } #divClearFloat { clear:left; } .CheckOutPage .cartSummary { margin-top: -50px; } * ul.CheckOutPage .cartSummary { margin-top: 0; } .CheckOutPage .cartSummary .detailBackground { /* background-color: var(--color-highlight);*/ } .CheckOutPage .cartSummary .totalBackground { background-color:var(--color-highlight); } /* new navigation */ header { height: 77px; } /* placeholder for logo and welcome message */ nav { float: left; } header ul li { display: inline-block; } header li.links { position: absolute; right: 0; top: 15px; } #fullpage header li.links > div { float: right; margin-right: 20px; margin-left: 100px; } #fullpage header li.links a { display: inline-block; margin-left: 10px; text-decoration: underline; } .ie7 nav ul li, .ie7 #fullpage nav li.links a { display: block; float: left; } #fullpage ul .links a { font-size: var(--text-size-fineprint); } .menuButton { font-size: var(--text-size-label); min-width: 60px; height: 40px; margin: 0 5px; padding: 0 15px; border: 2px solid var(--color-fill); border-top: 0px; text-align: center; border-radius: 0 0 5px 5px; background-color: var(--color-fill); background-image: url(MenuButtonGray.svg); background-image: -webkit-linear-gradient(bottom, #ffffff 0%, #fcfcfc 57.13%, #f3f3f3 96.83%, var(--color-fill) 100%); background-image: -moz-linear-gradient(bottom, #ffffff 0%, #fcfcfc 57.13%, #f3f3f3 96.83%, var(--color-fill) 100%); background-image: -ms-linear-gradient(bottom, #ffffff 0%, #fcfcfc 57.13%, #f3f3f3 96.83%, var(--color-fill) 100%); background-image: -o-linear-gradient(bottom, #ffffff 0%, #fcfcfc 57.13%, #f3f3f3 96.83%, var(--color-fill) 100%); background-image: linear-gradient(bottom, #ffffff 0%, #fcfcfc 57.13%, #f3f3f3 96.83%, var(--color-fill) 100%); -webkit-transition-property: height; -moz-transition-property: height; -o-transition-property: height; transition-property: height; -webkit-transition-duration: .4s; -moz-transition-duration: .4s; -o-transition-duration: .4s; transition-duration: .4s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out; } .menuButton:hover { height: 57px; } .menuButton.selected a { font-weight: var(--default-font-weight); } .menuButton.color:hover, .menuButton.selected.color { background-color: #a9ce1b; background-image: url(MenuButtonGreen.svg); } .menuButton a { display: block; height: 100%; margin-top: 13px; } .WizardButtonsContainer div { display: inline-block; } .WizardButtonsContainer .back, .productDetailsBack, .backLinkContainer, .orderApprovalListBackButtonWrapper { } .backLinkContainer { padding: 12px 0; } .ie7 .WizardButtonsContainer div { display: inline; } div.SaveDraftButtonContainer { float: right; } .orderApprovalListBackButtonWrapper { padding-top: 50px; background-position: 20px 57px; } /* -- flags and currency (begin) -- */ div.XmpImageDropDownList { background-image: url(dropdown_arrow_white.png); } ul.choices li { background-color: #a0a0a0; } div.flagList, div.dropDownCurrencies { float: none; position: absolute; top: 35px; } div.flagList { right: 47px; } div.dropDownCurrencies { right: -4px; width: 45px; } div.XmpImageDropDownList a.toggler { border: 1px solid var(--color-line); } div.XmpImageDropDownList:hover { border: solid 1px transparent; } /* -- flags and currency (end) -- */ #TdBottomLogo, #TdBottomMenu { display: none; } .ThemedPageMaster #bodyarea { text-align: left; border-width: 0; position: relative; z-index: 1; overflow: hidden; } /* faux column affect for product category tree (#navArea) */ .ie7 #content { border-right: solid 1px #9a9a9a; width: 793px; } .ThemedPageMaster #searcharea { float:right; z-index: 2; background-image: none; width: 100%; height: auto; } .ThemedPagedFullWidthMaster #searcharea, .ThemedPageMaster #searcharea{ margin-top: 30px; margin-bottom: 10px; text-align:center; } div.productListTable.SoldOut .divSoldOut { display:none!important; } .WizStep, .WizStepSel { line-height:15px; } .subtitleProductName, .subtitle { display: inline-block; font-size: var(--text-size-h2); font-family: var(--font-family); font-weight: 400; padding: 2px; } .subtitleProductName { color: var(--text-color-ultra-dark); } .subtitle { color: var(--text-color-heading); } div.productgridview { width: initial; margin: 0 10px 10px 10px; padding: 0; border: none; //solid 1px #e9e9e9; } .productDetailsLink{ display:none; } .mainarea { background-color: #ffffff; border-width: 0px; min-height: 380px; width: 100%; margin-top: 20px; } #contentArea { display: inline-block; float: right; width: 1170px; height: 100%; } #content { background-color: #ffffff; height: auto; min-height: 480px; } #navArea { display: none; scrollbar-face-color:#e8e8e8; scrollbar-base-color:#e8e8e8; scrollbar-arrow-color:black; scrollbar-track-color:#F3F3F3; scrollbar-shadow-color:#e8e8e8; scrollbar-highlight-color:#eaf1e1; scrollbar-3dlight-color:#78AAFF; scrollbar-darkshadow-Color:#78AAFF; width: 172px; margin-top: 30px; overflow: auto; } .ie7 #navArea { background-color: #e8e8e8; } #fullpage.ThemedPageMaster #navArea, #fullpage.LoginMaster #navArea { padding-top: 20px; } #fullpage.ThemedPageMaster #bodyarea, #fullpage.LoginMaster #bodyarea { float: left; } .LoginMaster .flagList { position: absolute; right: 20px; top: 85px; } .nav a { text-decoration: none; } .nav a:visited { text-decoration: none; } .SiteLink{ text-decoration: none!important; color:var(--color-highlight); } .SiteLink:hover{ text-decoration: underline!important; } .treeViewContainer { display:none; width:172px; height: auto; } /* ---THEME COLORS--- */ body, .explanation, .formfield, .tablerow td, nav .menuButton a, .nav, .captcha SPAN, input, select, textarea { color: var(--text-color-dark); } select { color: var(--text-color-dark); font-size:var(--text-size-regular); } .rtcontentcol, DIV.LoadingDivHeader, .productPriceInList, .productPriceInGrid, .productGridCurrency, .productListCurrency, a.AccountLinks, a.AccountLinks:hover, /* .TablesTitle, */ .LoginMaster .SmallLink, .SaveForLaterCartListHead { color: var(--color-highlight); } .productGridPriceFrom, .productListPriceFrom { color: var(--color-highlight); font-size:var(--text-size-regular); } .productGridPriceFrom, .productListPriceFrom { color: var(--color-highlight); } .emphasis { color: #5676A5; } .formbox { border: solid 1px #C6CCD9; } .formprompt { color: #2D3D55; } input, select, textarea, html body .riSingle .riTextBox[type="text"]{ border: 1px solid var(--color-line)!important; border-radius:var(--form-input-border-radius)!important; padding:3px 10px 3px 10px!important; line-height:26px!important; } html body .riSingle .riTextBox[type="text"] , select { height:34px; } input:focus, select:focus, textarea:focus, .form-control:focus { border-color:var(--color-line); outline-color:var(--color-line); box-shadow:inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(214, 214, 214, 0.6); } input[type="checkbox"], input[type="radio"] { border: 0 none; } .formtitle, .btnSelected, .smallprompt, .CheckoutHead, .userWelcome span, .PriceListHead, .PagerCurrentPageStyle, #fullpage ul .links a, nav .menuButton:hover a, .nav a, .nav a:visited, .menuButton.selected a, div.XmpImageDropDownList li, div.XmpImageDropDownList a.toggler, div.dropDownCurrencies li, div.dropDownCurrencies a.toggler, div.dropDownCurrencies li, div.dropDownCurrencies a.toggler, div.XmpImageDropDownList li:hover, div.XmpImageDropDownList a.toggler:hover, div.dropDownCurrencies li:hover, div.dropDownCurrencies a.toggler:hover, div.dropDownCurrencies li:hover, div.dropDownCurrencies a.toggler:hover { color: #ffffff; } a.XmpImageButton_style1_link, .XmpImageButton_Items_AssignAll, a.XmpImageButton_ThemeColorLink, a.XmpImageButton_ThemeColorLink:link { color: white!important; } .leftbar, .searchprompt, .WizStepSel, .addressItemBody, .addressItemHead .tooltip, .MerchantAddressBody, .tablehead td, .FilePick, .PageTitle, .PriceListItemAlt, .CheckoutItem, .CartListItem, .CartListItemAlt, .PriceListItem, .CheckoutItemAlt, .FormLabel.ShoppingCartTitle { color: var(--text-color-ultra-dark); } /* ----- reds ----- */ .Error, .formpromptred, .LockedUserTitle { color: var(--color-error); font-size:var(--text-size-regular); } .SinglePrice { color: #CC0000; } .NormalItalic{ font-size:var(--text-size-regular); font-weight:var(--default-font-weight); line-height:initial; } #tdDialCustomization div[id$="_Panel1"]{ margin-bottom:10px; } /* ----- grays ----- */ .WizStep, .SecondaryCurrencyLabel { COLOR: Gray; } .disabledElement, .PagerDisabledHyperlinkStyle { color: #cdcdcd; } /* ----- blues ----- */ .Tooltip { color: var(--color-highlight); } /* ----- greens ----- */ .CouponInfoMessage { color:var(--color-success); } /* ----- end r,g,b colors ----- */ .THFontText, .RTHFontText { COLOR: var(--color-highlight); } .divOptionRepeater.selected, .trOptionRepeater.hover { color: #87A01F; } .RejectText { color: #c0504d !important; } .PendingText { color: var(--text-color-dark); } .ApprovedText { color: #38789c; } .ModifiedText { color: var(--color-highlight); } .MailingItemsTablesSubTitle { color: #1F497D; } .SinglePriceCurrency { color: #4D4D4D; } .WizardStepHeadingCurrent { color: var(--color-highlight); } .RadGrid_Default .rgHeader a { color: var(--text-color-on-highlight-bg)!important; font-size:var(--text-size-label); } span[id$="_lblProductName"]{ color: var(--text-color-ultra-dark)!important; font-size:var(--text-size-label); } /* background-color: */ .formbox, .LockedUserDiv, .LoginPasswordExpired, .LockedUser { background-color: #F1F1F1; } /* ----- */ /* hide header signin link on login page */ .LoginMaster a.signin { display: none !important; } /* ----- move cart summary to top right ----- */ /* .CheckOutPage #CurrentCartSummary { position: absolute; right: -350px; top: 155px; height: 150px; } */ /* BOTTOM NAVIGATION */ /* CheckoutPaymentSubmission */ .WizardButtonsContainer .next, .WizardButtonsContainer .finish, .WizardButtonsContainer .saveForLater { float: right; margin-right: 12px; } .WizardButtonsContainer .cancel { display: none; } .checkoutFinalBack, .productDetailsBack { float: left; } .checkoutFinalCheckout, .productDetailsContinue, .checkoutFinalNext { float: right; margin-right: 12px; } /* product categories tree placement */ .ThemedPageMaster #bodyarea:before { left: 0; } .ThemedPageMaster #bodyarea:after { right: 0; } #navArea { float: left; border-right: 1px solid #999999; } /* File submission - part of this should be moved to default.css */ .propertyList { } .propertyLink { color: var(--color-highlight) !important; } .WizardStepsNavControl { width:100%; padding-bottom:10px; border-bottom: none; margin-bottom: 0; } #productDetailsContainer .WizardStepsNavControl { margin-bottom: 0; } .XmpTooltipPopup TR { vertical-align:top; } .XmpTooltipPopup TD { padding: 3px 10px 3px 5px !important; } /* GalleryGridView/GalleryListView (aka IconTitleGallery/IconDescriptionList) DUC styles per skin (other styles are in default) */ .FieldOptionItem.selected.FOGrid .optionIcon { border: 1px solid var(--color-highlight); } #divDescription{ color:var(--text-color-medium); font-size: var(--text-size-regular); } .FieldOptionItem:hover { color: var(--color-highlight); } .FieldOptionItem.FOList.selected { background-color:var(--color-fill); } .FieldOptionItem.FOList { border-bottom:none; } .tblPriceTagsWrapper *{ font-size:var(--text-size-regular); } .priceHolder, #OrderFinalStep_PriceReview_TotalPrice *{ color: var(--color-highlight); font-size:var(--text-size-label); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////// working XmpieButton styles begin //////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .XmpImageButton { height: 21px; border-radius: 5px; margin-right: 5px; padding: 0 10px; font-size: var(--text-size-fineprint); line-height: 21px; text-decoration: none; display: inline-block; font-weight:normal; } .XmpieTransparentButton { background-color: transparent; } a[id$="_btnBack"], input.FormButton, a.XmpieClearButton.btn.btn-default[id$="_btnRecalculate"], .btn, .XmpieThemeColorButton, .XmpieDisabledButton, .XmpieCancelButton, .XmpieRejectButton, .XmpieAcceptButton, .XmpieApproveButton, .XmpieModifyButton { display: inline-block; padding: 0.5rem 0.875rem; margin-bottom: 0; font-size: var(--button-text-size); font-weight: normal; line-height: calc(var(--button-text-size) * 1.25); text-align: center; white-space: nowrap; vertical-align: middle; -ms-touch-action: manipulation; touch-action: manipulation; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-image: none; border: 1px solid transparent; border-radius: var(--button-border-radius); transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; color:var(--button-primary-text-color); text-decoration: none; } input.FormButton, .XmpieThemeColorButton { background-color:var(--button-primary-background-color); } .XmpieThemeColorButton.Hover /* file submission upload fakeBtn */ { background-color:var(--button-primary-background-color); } .XmpieThemeColorButton:active { background-color:var(--button-primary-background-color); } a[id$="_btnBack"]:hover, a[id$="_btnBack"]:focus, input.FormButton:hover, input.FormButton:focus, .XmpieThemeColorButton:hover, .XmpieThemeColorButton.Hover, a[id$="_btnCancelSplit"]:focus, a[id$="_btnAddNewShippingAddress"]:focus, a[id$="_btnCancelSplit"]:hover, a[id$="_btnAddNewShippingAddress"]:hover, a[id*="_btnSplit"]:focus, a[id*="_btnSplit"]:hover, .btn:hover, .btn:focus, a[id*="_btnChangeCart"]:hover, a[id*="_btnChangeCart"]:focus, #divRecipientListButtons > a:focus, #divRecipientListButtons > a:hover { text-decoration: none; box-shadow: 0 5px 11px 0 rgba(0,0,0,0.3); } .XmpieThemeColorButton[disabled], .XmpieRejectButton[disabled], .XmpieApproveButton[disabled], .XmpieModifyButton[disabled], .XmpieBackLink[disabled] { background-color: #f1f1f3 !important; color:var(--text-color-disabled); box-shadow:none; } .XmpImageButton.HideDisabled[disabled], .XmpieHiddenButton { display: none; } .XmpieClearButton:not(#preview a[id=$"btnUpdateThumbnails"]) { background-color: transparent; height: 40px; text-decoration: underline !important; padding: 0px!important; font-size: var(--text-size-regular); line-height: 21px; font-weight: var(--default-font-weight); color: var(--text-color-dark); } .XmpImageButton.TallButton { height: 32px; line-height: 32px; } .XmpieApproveButton { background-color: #76a43b; background-image: url(XmpImageButton-StrongGreen.svg); background-image: -webkit-linear-gradient(top, #76a43b 50%, #598839 50%); background-image: -moz-linear-gradient(top, #76a43b 50%, #598839 50%); background-image: -ms-linear-gradient(top, #76a43b 50%, #598839 50%); background-image: -o-linear-gradient(top, #76a43b 50%, #598839 50%); background-image: linear-gradient(top, #76a43b 50%, #598839 50%); } .XmpieApproveButton:hover { background-color: var(--color-success); background-image: url(XmpImageButton-StrongGreenHover.svg); background-image: -webkit-linear-gradient(top, rgba(84,128,54,.7) 50%, rgba(64,98,40,.7) 50%); /* #548036 to #406228 with 0.7 opacity */ background-image: -moz-linear-gradient(top, rgba(84,128,54,.7) 50%, rgba(64,98,40,.7) 50%); /* #548036 to #406228 with 0.7 opacity */ background-image: -ms-linear-gradient(top, rgba(84,128,54,.7) 50%, rgba(64,98,40,.7) 50%); /* #548036 to #406228 with 0.7 opacity */ background-image: -o-linear-gradient(top, rgba(84,128,54,.7) 50%, rgba(64,98,40,.7) 50%); /* #548036 to #406228 with 0.7 opacity */ background-image: linear-gradient(top, rgba(84,128,54,.7) 50%, rgba(64,98,40,.7) 50%); /* #548036 to #406228 with 0.7 opacity */ } .XmpieApproveButton:active { background-color: var(--color-success); background-image: url(XmpImageButton-StrongGreenClick.svg); background-image: -webkit-linear-gradient(top, #548036 50%, #406228 50%); background-image: -moz-linear-gradient(top, #548036 50%, #406228 50%); background-image: -ms-linear-gradient(top, #548036 50%, #406228 50%); background-image: -o-linear-gradient(top, #548036 50%, #406228 50%); background-image: linear-gradient(top, #548036 50%, #406228 50%); } .XmpieRejectButton { background-color: #f00000; background-image: url(XmpImageButton-Red.svg); background-image: -webkit-linear-gradient(top, #f00000 50%, #cc0000 50%); background-image: -moz-linear-gradient(top, #f00000 50%, #cc0000 50%); background-image: -ms-linear-gradient(top, #f00000 50%, #cc0000 50%); background-image: -o-linear-gradient(top, #f00000 50%, #cc0000 50%); background-image: linear-gradient(top, #f00000 50%, #cc0000 50%); } .XmpieRejectButton:hover { background-color: #a30000; background-image: url(XmpImageButton-RedHover.svg); background-image: -webkit-linear-gradient(top, rgba(163,0,0,.7) 50%, rgba(128,0,0,.7) 50%); /* #a30000 to #800000 with 0.7 opacity */ background-image: -moz-linear-gradient(top, rgba(163,0,0,.7) 50%, rgba(128,0,0,.7) 50%); /* #a30000 to #800000 with 0.7 opacity */ background-image: -ms-linear-gradient(top, rgba(163,0,0,.7) 50%, rgba(128,0,0,.7) 50%); /* #a30000 to #800000 with 0.7 opacity */ background-image: -o-linear-gradient(top, rgba(163,0,0,.7) 50%, rgba(128,0,0,.7) 50%); /* #a30000 to #800000 with 0.7 opacity */ background-image: linear-gradient(top, rgba(163,0,0,.7) 50%, rgba(128,0,0,.7) 50%); /* #a30000 to #800000 with 0.7 opacity */ } .XmpieRejectButton:active { background-color: #a30000; background-image: url(XmpImageButton-RedClick.svg); background-image: -webkit-linear-gradient(top, #a30000 50%, #800000 50%); background-image: -moz-linear-gradient(top, #a30000 50%, #800000 50%); background-image: -ms-linear-gradient(top, #a30000 50%, #800000 50%); background-image: -o-linear-gradient(top, #a30000 50%, #800000 50%); background-image: linear-gradient(top, #a30000 50%, #800000 50%); } .XmpieModifyButton { background-color: #53b4cf; background-image: url(XmpImageButton-StrongGreen.svg); background-image: -webkit-linear-gradient(top, #53b4cf 50%, #2799b8 50%); background-image: -moz-linear-gradient(top, #53b4cf 50%, #2799b8 50%); background-image: -ms-linear-gradient(top, #53b4cf 50%, #2799b8 50%); background-image: -o-linear-gradient(top, #53b4cf 50%, #2799b8 50%); background-image: linear-gradient(top, #53b4cf 50%, #2799b8 50%); } .XmpieModifyButton:hover { background-color: #358ea6; background-image: url(XmpImageButton-StrongGreen.svg); background-image: -webkit-linear-gradient(top, #358ea6 50%, #1f7b94 50%); background-image: -moz-linear-gradient(top, #358ea6 50%, #1f7b94 50%); background-image: -ms-linear-gradient(top, #358ea6 50%, #1f7b94 50%); background-image: -o-linear-gradient(top, #358ea6 50%, #1f7b94 50%); background-image: linear-gradient(top, #358ea6 50%, #1f7b94 50%); } .XmpieModifyButton:active { background-color: #2f849c; background-image: url(XmpImageButton-StrongGreen.svg); background-image: -webkit-linear-gradient(top, #2f849c 50%, #1b738b 50%); background-image: -moz-linear-gradient(top, #2f849c 50%, #1b738b 50%); background-image: -ms-linear-gradient(top, #2f849c 50%, #1b738b 50%); background-image: -o-linear-gradient(top, #2f849c 50%, #1b738b 50%); background-image: linear-gradient(top, #2f849c 50%, #1b738b 50%); } /* .XmpImageButton_Items_AssignAll { text-decoration: none!important; padding: 0px!important; font-size: var(--text-size-fineprint); font-weight:normal; float: right; display: inline-block; padding-right: 20px; position: relative; } */ .XmpieClearButton_LinkStyle, .options { text-decoration: underline !important; padding: 0px!important; font-size: var(--text-size-regular); line-height: 21px; font-weight: var(--default-font-weight); color: var(--text-color-dark); } .XmpieDisabledButton { color:var(--text-color-disabled); background-color: var(--color-fill); } .checkoutFinalBack a[id$="_btnBack"], .checkoutFinalBack a[id$="_btnBack"]:focus, .checkoutFinalBack a[id$="_btnBack"]:active, .FormButton[id$="_UploadAsset"], .FormButton[id$="_UploadAsset"]:focus, .FormButton[id$="_UploadAsset"]:active, a[id$="_btnBack1"], a[id$="_btnBack1"]:focus, a[id$="_btnBack1"]:active, a#btnRefresh, a#btnRefresh:focus, a#btnRefresh:active, input.FormButton:focus, input.FormButton:active, a.XmpieClearButton.btn.btn-default[id$="_btnRecalculate"], a.XmpieClearButton.btn.btn-default[id$="_btnRecalculate"]:focus, a.XmpieClearButton.btn.btn-default[id$="_btnRecalculate"]:active, a[id$="_btnCancelSplit"], a[id$="_btnCancelSplit"]:focus, a[id$="_btnCancelSplit"]:active, a[id$="_btnEditSplit"], a[id$="_btnEditSplit"]:focus, a[id$="_btnEditSplit"]:active, a[id$="_btnAssignAll"], a[id$="_btnAssignAll"]:focus, a[id$="_btnAssignAll"]:active, a[id$="_btnSplit"], a[id$="_btnSplit"]:focus, a[id$="_btnSplit"]:active, /*.XmpieBackLink, .XmpieBackLink:focus, .XmpieBackLink:active,*/ .XmpieThemeColorButton:not(:nth-last-child(1)), .XmpieThemeColorButton:not(:nth-last-child(1)):focus, .XmpieThemeColorButton:not(:nth-last-child(1)):active, .XmpieBackLink:not(:nth-last-child(1)), .XmpieBackLink:not(:nth-last-child(1)):focus, .XmpieBackLink:not(:nth-last-child(1)):active, .proofLink.btn.btn-default, .proofLink.btn.btn-default:focus, .proofLink.btn.btn-default:active, .buttonsContainer .buttonContainer:first-child .btn, .productDetailsContentFooter .productDetailsBack .btn, .searchButtonsColumn .btn:first-child, .WizardButtonsContainer .back .btn, #btnApproveFileCancel, #RemoveFileDialog a#btnRemoveFileCancel, div[id$="pnlRLEditor"] a[id$="btnDeleteRows"].btn, #trButtons td td:first-child .btn, #preview div[id$="updatePanelDummy"] > a[id$="btnUpdateThumbnails"].btn, .PersonalInformation #trButtons a[id$="_btnCancel"].btn, tr[id$="_trApprovalButtons"] .approvalButton > a.btn, .approverRejectConfirm > a[id$="_btnReject"], form[action^="./uEditCustomization.aspx?"] .modal-footer > #btnColorPickerCancel, .composable-preview-btn { border: 1px solid var(--button-secondary-border-color); background-color:var(--button-secondary-background-color); color:var(--button-secondary-text-color); } a[id$="_btnSplit"]{ margin:10px 0 10px 0; } #wndSelectGlobalAddress, #wndCustomerAddress, #wndDiagramView, #wndTaxDetails, #wndFileInformation{ overflow:hidden; } #wndSelectGlobalAddressFrame, #wndCustomerAddressFrame, #wndAddCompositeTemplateFrame, iframe#wndDiagramViewFrame, #wndTaxDetailsFrame, iframe[id$="_wndDiagramViewFrame"], #wndPrintPropertiesFrame, #wndFileInformationFrame{ height:100%!important; } div[id$="_wndDiagramView"], iframe[id$="_wndDiagramViewFrame"]{ overflow:hidden!important; height: 530px!important; } .proofLink.btn.btn-default:focus, .proofLink.btn.btn-default:active { box-shadow: 0 5px 11px 0 rgba(0,0,0,0.3); } .buttonsContainer .buttonContainer:first-child a:link.btn, .buttonsContainer .buttonContainer:first-child a:visited.btn, .productDetailsContentFooter .productDetailsBack a:link.btn , .productDetailsContentFooter .productDetailsBack a:visited.btn , .searchButtonsColumn a:link.btn:first-child, .searchButtonsColumn a:visited.btn:first-child, .WizardButtonsContainer .back a:link.btn, .WizardButtonsContainer .back a:visited.btn, .productDetailsContentFooter > div > div:first-child a:link.btn, .productDetailsContentFooter > div > div:first-child a:visited.btn, .mainAreaFooterFullWidth > a:link.btn:not(:first-child) + .mainAreaFooterFullWidth > a:link.btn:first-child, .mainAreaFooterFullWidth > a:visited.btn:not(:first-child) + .mainAreaFooterFullWidth > a:visited.btn:first-child { color:var(--button-secondary-text-color); } .mainAreaFooterFullWidth .btn { margin-bottom: 20px; margin-top:0; } .btn-primary { color: #ffffff; background-color: var(--color-highlight); border-color: var(--color-highlight); } .btn-primary:hover { color: #ffffff; background-color: var(--color-highlight); border-color: var(--color-highlight); } .btn-primary:focus, .btn-primary.focus { box-shadow: 0 0 0 0.2rem rgba(44, 80, 255, 0.5); } .btn-primary.disabled, .btn-primary:disabled { color: #ffffff; background-color: var(--color-highlight); border-color: var(--color-highlight); } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////// working XmpieButton styles end ////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .footnotes, /* Pricing Table - RadGrid */ #tdProductPricing .rgRow, #tdProductPricing .rgAltRow { font-size: var(--text-size-regular); } #detailsTable.orderDetailsPage hr { display: none; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////// Wizard Navigation Begin ////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ .WizardProgressBarContainer{ width:100%; margin: 0; padding: 0; position:relative; font-size: var(--text-size-label); font-weight:var(--default-font-weight); border-spacing: 0px; border-collapse:separate; overflow: hidden; } .WizardProgressBarContainer TD { } .WizardProgressStep { width:20%; position:relative; padding: 0; } .WizardProgressStep table { width:100%; } .WizardProgressStepInnerTable { width:100%; border-spacing: 0px; } .WizStepTR, .WizStepTRSel { position:relative; width:100%; height:37px; line-height:37px; color: var(--text-color-dark); text-align:center; float:left; padding: 0px; } .WizStepTR[stepStatus='waiting'], .WizStepTRSel[stepStatus='waiting'] { background-image:url('WizardNavigation/waiting_background.png'); color: var(--text-color-dark); } .WizStepTR[stepStatus='done'], .WizStepTRSel[stepStatus='done'] { background-image:url('WizardNavigation/done_background.png'); color: var(--text-color-dark); } .WizStepTR[stepStatus='active'], .WizStepTRSel[stepStatus='active'] { background-image:url('WizardNavigation/active_background.png'); COLOR:var(--button-secondary-text-color); font-weight:var(--default-font-weight); } .WizStepTR[stepStatus='waiting'] .WizStep, .WizStepTRSel[stepStatus='waiting'] .WizStepSel { font-family: var(--font-family); font-size: var(--text-size-h4); line-height: var(--text-size-h4); color: var(--text-color-dark); } .WizStepTR[stepStatus='done'] .WizStep, .WizStepTRSel[stepStatus='done'] .WizStepSel { font-family: var(--font-family); font-size: var(--text-size-h4); line-height: var(--text-size-h4); color: var(--text-color-dark); } .WizStepTR[stepStatus='active'] .WizStep, .WizStepTRSel[stepStatus='active'] .WizStepSel { font-size: var(--text-size-h4); line-height: var(--text-size-h4); COLOR:var(--color-highlight); font-weight:var(--default-text-weight); } /*left element*/ .WizStepTR .leftElement, .WizStepTRSel .leftElement { position:absolute; top:0; left:0px; height:37px; width:10px; } .WizStepTR[stepStatus='waiting'] .leftElement { background-image:url('WizardNavigation/waiting_middle_left.png'); } .WizStepTR[stepStatus='done'] .leftElement { background-image:url('WizardNavigation/done_middle_left.png'); } .WizStepTRSel[stepStatus='active'] .leftElement { background-image:url('WizardNavigation/active_middle_left.png'); } /*right element*/ .WizStepTR .rightElement, .WizStepTRSel .rightElement { position:absolute; top:0; right:0; height:37px; width:10px; } .WizStepTR[stepStatus='waiting'] .rightElement { background-image:url('WizardNavigation/waiting_middle_right.png'); } .WizStepTR[stepStatus='done'] .rightElement { background-image:url('WizardNavigation/done_middle_right.png'); } .WizStepTRSel[stepStatus='active'] .rightElement { background-image:url('WizardNavigation/active_middle_right.png'); } .WizStepFirstStep[stepStatus='waiting'].leftElement { background-image:url('WizardNavigation/waiting_first_left.png'); } .WizStepFirstStep[stepStatus='done'] .leftElement { background-image:url('WizardNavigation/done_first_left.png'); } .WizStepFirstStep[stepStatus='active'] .leftElement { background-image:url('WizardNavigation/active_first_left.png'); } .WizStepLastStep[stepStatus='waiting'] .rightElement { background-image:url('WizardNavigation/waiting_last_right.png'); } .WizStepLastStep[stepStatus='done'] .rightElement { background-image:url('WizardNavigation/done_last_right.png'); } .WizStepLastStep[stepStatus='active'] .rightElement { background-image:url('WizardNavigation/active_last_right.png'); } .WizStep { } .WizardStepImageURL { display:none; } /* ////////////////////////////////////////////////////////////////////////////////////////////////////////// /////////////////////////////////////// Wizard Navigation End ////////////////////////////////////// ////////////////////////////////////////////////////////////////////////////////////////////////////////// */ #categoryTitle { color: #ffffff; text-shadow: 1px 1px 2px #000 } .VerticalMenuDiv ul li:hover, .VerticalMenuDiv_ul_li_active { background-color: var(--button-primary-background-color); } .Duc { margin-bottom: 0; } .Duc>*:first-child{ margin-top: 30px; } #tdPropertyList{ padding-bottom:30px; } .Duc dt, .Duc dd { float:none; color:var(--text-color-dark); font-size:var(--text-size-regular); } .Duc dl { margin-inline-start: 0.5em; margin-inline-end: 0.5em; margin-block-start: 0.5em; margin-block-end: 0.5em; } .CustomizationProperties #customization { width:40%; } .FieldOptionItem .optionTitle { font-weight: var(--default-font-weight); font-size: var(--text-size-regular); color: var(--text-color-dark); padding-top: 7px; } .FieldOptionItem.FOGrid.selected .optionTitle { color:var(--color-highlight); font-weight:var(--default-font-weight); } .CheckOutPage .cartSummary .bottom { height:85px; } .panel-default { border-color:0px; } .ProductDetailsInventory { font-size:var(--text-size-label); font-weight:var(--default-font-weight); } .ShoppingCartControl .inventoryStatus { font-size: var(--text-size-fineprint); font-weight: var(--default-font-weight); } .ShoppingCartControl .editProduct a, .kitIncludedProducts a { font-size: var(--text-size-regular); } .kitIncludedProducts a { cursor: pointer; } .ShoppingCartControl .editProduct a.SiteLink , .SinglePrice,.SinglePriceCurrency, .productPrice{ color:var(--color-highlight); } div.productListTable a img,.ProductListImage { object-fit: contain; width: 100%; height: 100%; border:none; margin:initial; } div.productListTable a{ display:inline; } /* div.productgridview.productListTable div.productDetailsLink , div.productlistview div.productDetailsLink { height: 37px; display:grid; }*/ div.productgridview.productListTable div.thumbnail{ width:230px; height:230px; } div.productList, table.productList { margin-top: 10px; text-align: center; justify-self: inherit; margin-left: auto; margin-right: auto; } div.productListTable .InStock, div.productListTable .StockLevel, div.productListTable .OutOfStock, div.productListTable .OutOfStockChoices { font-size: var(--text-size-regular); } .productgridview div.productQtyRange , .productgridview div.productdesc , .productgridview div.productname { margin-top: 0; height:initial!important; } div.productgridview { background-color:#ffffff; } span[id$="_lblUnitPluralName"]{ font-size:var(--text-size-regular); } .mainareaFullWidth{ padding:10px 0px; } .ShoppingCartControl .productName , .ShoppingCartGrid_Column_Units, .ShoppingCartGrid_Column_ProductName{ font-size:var(--text-size-label); font-weight:var(--default-font-weight); } table, .CheckOutPage .cartSummary .bottom { border-color:var(--color-line); } ul.CheckOutPage li.cartSummary ul { color:var(--text-color-dark); } a.AccountLinks{ font-size:var(--text-size-label); font-weight:var(--default-font-weight); } tr[class*="Manage"]{ font-size:var(--text-size-regular); } div.rlEditorContainer table > tbody > tr{ font-size:var(--text-size-regular); } .ShoppingCartControl .SoldOut .divSoldOut { display:none!important; } #tblRegistration .InfoButton { display: initial !important; } .mainAreaFooterFullWidth .btn{ font-size: var(--text-size-label); } .breadCrumbs,.breadCrumbs * { font-size: var(--text-size-h3); color:var(--text-color-ultra-dark); font-weight:var(--default-font-weight)!important; } .boxHeading { display:inline-block; font-size: var(--text-size-label); font-weight:var(--default-font-weight); padding-bottom:5px; color: var(--text-color-dark); } .addressBoxWrapper, .tblPriceTags .FormLabel,.tblPriceTags .FormField{ font-size: var(--text-size-regular); color: var(--text-color-dark); } a.formSelectionField{ color:var(--color-highlight); } img[src="./Images/Add.gif"], img[src="./Images/icon-Edit.gif"]{ display:none!important; } tr[id$="_trShipping"] table, tr[id$="_trBillingAddress"] table{ /*width:100%!important;*/ } tr[id$="MainContent_trShipping"] > td, tr[id$="MainContent_trBillingAddress"] > td{ border: solid 1px var(--color-line); padding: 10px; padding-left: 20px; margin-bottom: 30px; display: block; } .RadGrid_Default .rgAltRow > td , .RadGrid_Default .rgRow > td { font-size: var(--text-size-regular); } a.btn:link, a.btn:visited{ font-size: var(--text-size-label); } .CheckOutPage .cartSummary .bottom { border: 1px solid var(--color-line); border-top: none; border-radius:0; border-bottom-left-radius: 0; border-bottom-right-radius: 0; margin-bottom: 20px; padding-bottom: 5px; background-color: #ffffff; display:flex; align-items:center; } .CheckOutPage .cartSummary .top { border: 1px solid var(--color-line); border-top: none; border-bottom: none; padding-bottom: 14px; margin-bottom: 0; } .CheckOutPage .cartSummary .aboveTop { border: 1px solid var(--color-line); border-bottom: none; border-radius:0; height: 15px; } .OrderPriceTable tr:nth-last-of-type(1) td{ font-size:var(--text-size-label); color: var(--color-highlight); } .Normal, .NormalBold { font-weight: var(--default-font-weight); font-size: var(--text-size-label); line-height:initial; } .OrderPriceTable a { color: var(--color-highlight); font-size: var(--text-size-label); text-decoration: underline; } a:hover{ text-decoration:underline; } .ui-dialog .divDialogButtons{ display:flex; flex-direction:row-reverse; width:100%; background-color:var(--color-fill); } .ui-dialog .divDialogButtons a{ margin-left:5px; } .ui-dialog-titlebar-close.ui-corner-all:before{ content: "\2715"; vertical-align: middle; color:#ffffff; } .ui-dialog .ui-dialog-titlebar-close span { display:none!important; } .ui-dialog-titlebar.noTitle, .NewItemMenuTitle { color:#ffffff; background:var(--color-highlight); } .NewItemMenu .VerticalMenuDiv ul li { height: initial; } /*Override reversed buttons order to make first button primary*/ .backLinkContainer .XmpieBackLink, .backLinkContainer .XmpieBackLink:focus, .backLinkContainer .XmpieBackLink:active, .backLinkContainer .XmpieBackLink:hover, .footerButtons #btnOk:not(:nth-last-child(1)), .footerButtons #btnOk:not(:nth-last-child(1)):focus, .footerButtons #btnOk:not(:nth-last-child(1)):active, #RemoveFileDialog a#btnRemoveFileOK, a#btnApproveFileNext, .PersonalInformation #trButtons a[id$="_btnUpdate"].btn, #MissingFontsDialog>.divDialogButtons>a#btnMissingFontsOK, form[action^="./FileSubmission.aspx"]~.BasicDialogContainer.XmpPopupWindow #divSlidesPerPage>div>#btnSlidesSelect.btn, form[action^="./uEditCustomization.aspx?"] .modal-footer>#btnColorPickerOK{ border: 1px solid var(--button-primary-border-color); background-color:var(--button-primary-background-color); color:var(--button-primary-text-color); } #NewItemMenu{ background:#ffffff; } .VerticalMenuDiv ul li:hover, .VerticalMenuDiv_ul_li_active { background:var(--color-fill); color:var(--color-highlight); } .VerticalMenuDiv ul li { font-weight: var(--default-font-weight); } #UploadFileDialog{ background:#ffffff; font-size:var(--text-size-regular); } #preview div[id$="updatePanelDummy"]>a[id$="btnUpdateThumbnails"].btn{ text-decoration: none !important; margin-top:25px; position: relative; } #preview div[id$="updatePanelDummy"]{ text-align:center; } *[id$="_LblErrorMessage"]{ color:var(--color-error); margin-bottom: 20px; } .ui-dialog .ui-dialog-content { background-color:#ffffff!important; } #ApproveConfirm b{ font-weight:var(--default-font-weight); } #UploadRLWrapper span[id$="lblDownloadTemplateExplanation"]>*{ font-weight: var(--default-font-weight); } div[id$="rlmWrapper_4_RLM_4_pnlUpload"]>#UploadRLWrapper>.well{ padding-top: 16px; padding-left: 19px; padding-right: 19px; padding-bottom: 19px; margin-bottom: 20px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); background-color:var(--color-fill); border: 1px solid #e3e3e3; } div[id$="rlmWrapper_4_RLM_4_pnlUpload"]>#UploadRLWrapper>.form-group>label[id$="rlmWrapper_4_RLM_4_lblFile"], div[id$="rlmWrapper_4_RLM_4_pnlUpload"]>#UploadRLWrapper>.form-group>label[id$="rlmWrapper_4_RLM_4_lblListDescription"]{ padding-left:0; } div[id$="rlmWrapper_4_RLM_4_pnlUpload"]{ padding-bottom:20px; } span[id$="Stepsnav1_MyList"] a.btn{ border-radius:0; padding-top:6px !important; padding-left:6px !important; padding-right:6px !important; padding-bottom:0 !important; margin-left:2px; background-color: transparent; } span[id$="Stepsnav1_MyList"] a.btn:hover, span[id$="Stepsnav1_MyList"] a.btn:focus{ background-color: #e6e6e6; box-shadow:none; } .ClearingConfigCell span[id$="_InfoMessage"]{ color:var(--color-error)!important; } td.ClearingConfigCell, tr[id$="_trPaymentMethods"] label{ font-size:var(--text-size-label); color:var(--text-color-dark); } .stacktable th{ background-color:var(--color-primary); } .OrderFinalStepProperties .PropertyListItemTitle { border-bottom: none; } .OrderFinalStepProperties .PropertyListItemTitle .titleText { font-size: var(--text-size-h4); font-weight: var(--default-font-weight); color: var(--text-color-medium); } #tdCheckoutCompleteSuccessfuly{ font-size:var(--text-size-h4); color:var(--text-color-dark); padding:0; line-height:calc(var(--text-size-label) * 2); } #tdCheckoutCompleteMessage, #tdCheckoutCompleteOrderNumber{ font-size:var(--text-size-label ); line-height:calc(var(--text-size-label) * 2); padding:0; } .CheckoutCompleteOrderNumber { color:var(--color-highlight); font-size:var(--text-size-label); font-weight:var(--default-font-weight); } td.Normal:empty{ padding:0; } #tblCheckOutComplete{ margin-left: auto; text-align: left; margin-right: auto; width:initial; max-width:600px; } a.btn[id$="_btnContinueShopping"]{ margin-top:20px; } span.boxHeading[id$="_lblBillingAddress"]{ margin-bottom:10px; } span.boxHeading + table.boundedBox{ border:none; padding:0; } .PersonalInformation tr[id="_trRequiredField"].SmallItalic>span[id$="lblRequiredField"]{ font-style: normal; } #fullpage>.mainareaFullWidth>div[id$="_divAddresses"]{ padding-top:10px; margin-left:-15px; } .ustore_Login .btn{ margin-top: 10px; } #tblRegistration table tr{ display:flex; flex-direction:row; flex-flow:wrap; } #tblRegistration table td{ flex-basis: 100%; padding:0; } .ustore_Login .formbox { border:none; } .ustore_Login .uStoreLegacy-padding5_37_5_0 { padding: 5px 0 15px 0; float: left; padding-left: 0; } .ustore_Login .subtitle{ display:none; } #tblSignIn{ padding-bottom:5px; } #tblSignIn .uStoreLegacy-padding0_18 td>div>span { display:block; } #tblRegistration tr:nth-last-child(1) td{ width:15px; } .uStoreLegacy-floatRight { float: left; } .ustore_Login span[id$="_vldAcceptTermsConditions"]{ color:var(--color-error); } #tblRegistration tr[id$="_trAcceptTermsConditions"] td{ padding-bottom:10px; } #tblRegistration table td:nth-child(1){ padding-top:5px; } .uStoreLegacy-border2solidE0E0E0 { border:none; } #fullpage>.mainareaFullWidth>.uStoreLegacy-textAlignCenter>span[id$="_lblUnknownOrder"]{ color:var(--color-error); } #wndUserSelectCoupon{ overflow:hidden; } div[id$="_pnlUpload"]>#UploadRLWrapper>div.form-group:nth-child(3){ display:block; margin-top:20px; } div[id$="_pnlUpload"]>#UploadRLWrapper>div.form-group:nth-child(3)>label, div[id$="_pnlUpload"]>#UploadRLWrapper>div.form-group:nth-child(3)>input{ display:inline; } iframe[id$="_uEditRTF_IFrame"]{ height:420px!important; } .ustore_CheckoutFinal .selectAddressWrapper{ display:flex; flex-direction:row; flex-wrap:wrap; } .ustore_CheckoutFinal .selectAddressWrapper span:nth-of-type(3){ flex-basis:100%; } .ustore_CheckoutFinal .selectAddressWrapper .uStoreLegacy-width100percent{ width:initial!important; } .ustore_CheckoutFinal .selectAddressWrapper span:not(:nth-of-type(1)){ margin-left:15px; align-self:center; } .ustore_CheckoutFinal .selectAddressWrapper span:nth-of-type(3){ margin-left:0; } #tableShipmentsContainer, #orderTableContainer { border-color:var(--color-line); } #fullpage>.mainareaFullWidth>div[id$="_pnlDrafts"]{ position:relative; top:-20px; } div[id$="_pnlOrderList"]+table{ width:100%; } div[id$="_pnlOrderList"]+table>tbody>tr:nth-last-child(2)>td>table{ width:720px; } div[id$="_pnlOrderList"]+table>tbody>tr:nth-last-child(2)>td>table>tbody>tr>td{ width:180px; } .Duc dl { margin-left:0; } .Duc dl .dtiName .FormLabel { margin-bottom:10px; display:inline-block; } .datetimeWrapper > div:nth-child(1){ display: flex; flex-direction: row; line-height: 34px; align-items:center; } .ustore_MyAccount td{ font-size:var(--text-size-regular); } #tblNumCopies{ font-size:var(--text-size-fineprint); } #detailsTable #divSmpSearch #btnChangeToAdvSrch, #detailsTable a[id$="_btnChangeToSmpSrch"]{ background-image:none; } #detailsTable #tblAdvSearch #trButtons .contentColumn.searchButtonsColumn>a{ margin-top:20px; } #detailsTable #tblAdvSearch #trDateRange>.contentColumn>span.datePickerContainer:nth-child(2){ margin-left:10px; } tr[id$="_trApprovalButtons"] .approvalButton>a.btn, .approverRejectConfirm>a[id$="_btnReject"]{ background-image:none; } #orderTableContainer textarea[id$="_txtRejectNote"]{ width: calc(100% - 100px); } .ustore_Login .globalization{ width:100%; } .ustore_Login .flagList{ position: initial; top: initial; right: initial; text-align: center; margin-top: 0; padding: 0; height:initial; } .ustore_Login .flagList .inlineFlags{ margin-top:0; text-align: center; } .ustore_CheckOutComplete .mainareaFullWidth{ min-height:initial; margin-bottom:30px; } #tblNumCopies #lblNumCopiesWrapper { width: initial; padding-right:15px; } .ustore_OrderDetails ~ .BasicDialogContainer .wndDiagramView { top: 0px !important; max-height: 90vh !important; height: 90vh !important; } .ustore_OrderDetails ~ .BasicDialogContainer #wndDiagramView{ /*max-height:90vh!important;*/ height:calc(100% - 37px)!important; } b{ font-weight:var(--default-font-weight); } div.productgridview { width: 270px; } .productgridview div.productname, .productgridview div.productdesc, .productgridview div.productQtyRange, .productgridview div.productPrice, .productgridview div.productDetailsLink { width: 100%; } .productList #result>tr>td{ padding-bottom:40px; } div[id$="_RecipientDataGridPanel"] .NextPrevNumericAndAdvanced input[type="submit"]{ line-height:12px !important; } table[id*="_RecipientListMapper"] img[id*="_imgMatch"]{ content: url(checked.png); } div[id$="containerPageSubTitle"].subTitleProductNameExists{ display:none; } form[action^="./login.aspx"] #tblSignIn>tbody>tr:nth-child(2) { display: none; } .RLEditorContainer input.riTextBox[type="text"][id$="_GoToPageTextBox"], .RLEditorContainer input.riTextBox[type="text"][id$="_ChangePageSizeTextBox"] { padding-left: 0 !important; padding-right: 0 !important; height:22px; } tr[id$="_trShippingAddress"] #radAsBilling, tr[id$="_trShippingAddress"] #radSelectAddress, tr[id$="_trShippingAddress"] input[id^="radShippingAddressList_"]{ margin-left:0; } div[id$="_dgShippingItems"] tr>td:nth-child(1){ text-align:left; } /* #region Cookie Ribbon (for aspx pages, e.g. Login) */ .cookieRibbonWrapper { width: 100%; background: #000; position: fixed; bottom: 0; z-index: 3; padding: 4px; opacity: .7; } .cookieRibbonWrapper.show { display: flex; } .cookieRibbonWrapper .btn { margin-top: 0; background-color: transparent; background-image: url(icon-close-X.png); background-repeat: no-repeat; background-position: center; border: none; border-radius: 0; min-width: 15px; text-indent: -9999px; } .cookieRibbonWrapper .cookieRibbonText { position: relative; text-align: center; flex-grow: 1; color: #fff; font-size: var(--text-size-fineprint); left: 0; margin-right: 40px; } /*#endregion*/ /* #region Inventory Level colors */ .ShoppingCartControl .OutOfStock { color: var(--color-error); } .ShoppingCartControl .OutOfStockChoices { color: var(--color-warning); } div.productListTable .OutOfStock { color: var(--color-error); } div.productListTable .OutOfStockChoices { color: var(--color-warning); } div.productListTable .InStock { color: var(--color-success); } div.productListTable .StockLevel { color: var(--color-success); } td.ProductDetailsInventory .OutOfStock { color: var(--color-error); } td.ProductDetailsInventory .OutOfStockChoices { color: var(--color-warning); } td.ProductDetailsInventory .InStock { color: var(--color-success); } td.ProductDetailsInventory .StockLevel { color: var(--color-success); } td.OrderFinalStepFinalStepInventory .OutOfStock { color: var(--color-error); } td.OrderFinalStepFinalStepInventory .OutOfStockChoices { color: var(--color-warning); } td.OrderFinalStepFinalStepInventory .InStock { color: var(--color-success); } td.OrderFinalStepFinalStepInventory .StockLevel { color: var(--color-success); } /*#endregion*/ .uedit-application .btn{ min-width:0; border: 1px solid #cccccc; border-radius: 4px; background-color:#f5f5f5; } .uedit-application .large-icon-button{ padding: 0 1px 0 1px !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .uedit-application .large-icon-button.active, .uedit-application .large-icon-button:active{ background-color: #e6e6e6; outline-color:var(--color-highlight); } .uedit-application .small-icon-button{ min-width:0; width:26px; height:26px; background-color: #f5f5f5; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); padding:0 !important; } .uedit-application .small-icon-button.active, .uedit-application .small-icon-button:active{ background-color: #e6e6e6; box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); outline-color:var(--color-highlight); } .uedit-application .btn.color-button{ width:23px; height:23px; padding:2px; margin:1px; min-width:0; border-radius: 4px; background-color: #e6e6e6; } .uedit-application .color-menu-button{ padding: 0 7px 3px 0 !important; } .uedit-application .btn:hover, .uedit-application .btn:focus, .uedit-application .btn:active, .uedit-application .btn.active, .uedit-application .btn.disabled, .uedit-application .btn[disabled]{ background-color: #e6e6e6; } .uedit-application .btn:hover, .uedit-application .btn:focus{ box-shadow:none; -webkit-transition: background-position .1s linear; -moz-transition: background-position .1s linear; -o-transition: background-position .1s linear; transition: background-position .1s linear; } .uedit-application .combo .combo-title{ min-height:25px; } #tblSignIn > tbody > tr > td:nth-child(1) { padding-bottom: 10px; } #trWizardStepsNav > .progressBarHead > .WizardStepsNavControl > .WizardProgressBarContainer { overflow: visible; } div[id^="Dial_"].Duc>dl[id$="ducWrapper"]>dt:nth-child(1), div[id^="Dial_"].Duc>ul[id$="ducWrapper"]>li>dl>dt:nth-child(1){ padding-bottom:10px; } .productList #result>tr:not(:nth-child(1))>td{ padding-top:40px; } #cartOrderTableWrapper .ShoppingCartGrid_Column_ProductName>.productName>span[id$="_lblProductName"]{ line-height: var(--text-size-label); } .uedit-application #cmbFontSize, .uedit-application #cmbFontSize>.combo-title{ min-width:92px !important; } .uedit-application #cmbBorderWeight, .uedit-application #cmbBorderWeight>.combo-title{ min-width:98px !important; } .modifyOrderDialog-content{ padding:15px 15px 35px 15px; } .modifyOrderDialog .divDialogButtons a{ margin:15px 15px 15px 0; } .modifyOrderDialog .divDialogButtons a[id$="btnCancelOrderModification"]{ border: 1px solid var(--button-secondary-border-color); background-color: var(--button-secondary-background-color); color: var(--button-secondary-text-color); } .modifyOrderDialog .divDialogButtons a[id$="btnApproveOrderModification"], .modifyOrderDialog .divDialogButtons a[id$="btnCloseOrderEditMsg"] { border: 1px solid var(--button-secondary-border-color); background-color: var(--button-primary-background-color); color: var(--button-primary-text-color); } .shoppingCart_selectAll_wrapper{ text-align: left; } input[id$="_cbIsIncluded"], input[id$="_cbSelectGroup"], input[id$="_cbSelectAll"]{ height: 15px; width: 15px; cursor:pointer; } input[id$="_cbIsIncluded"]{ bottom: 5px; } .ShoppingCartGrid_Column_Buttons{ position: relative; } .ShoppingCartGrid_Column_Buttons a[id$="_btnDelete"]{ position: absolute; top: 10px; right: 10px; } .composable-preview-panel { background-color: var(--color-fill); width: 318px; height: 200px; padding: 20px; border-radius: 10px; margin: 0 auto; justify-content: space-around; display: flex; flex-direction: column; align-items: center; cursor: pointer; } .composable-preview-icon { width: 90px; height: 76px; background-image: url(fingerClick.svg); background-position: center; background-repeat: no-repeat; background-size: contain; } .composable-preview-btn.btn.btn-default { box-shadow: none; } /*uStoreImagesViewer classes*/ .uStoreImagesViewer_Window { height: calc(100% - 130px); } .uStoreImagesViewer_Container { height: 611px; display: flex; justify-content: space-between; } .uStoreImagesViewer_PagerPrev { color: black; font-size: 40px; cursor: pointer; text-align: center; height: 100%; display: flex; text-align: center; justify-content: center; align-items: center; padding-left: 35px; padding-right: 25px; } .uStoreImagesViewer_PagerPrev.Disabled { color: gray; cursor: default; } .uStoreImagesViewer_PagerNext { font-size: 40px; cursor: pointer; height: 100%; display: flex; text-align: center; justify-content: center; align-items: center; padding-left: 25px; padding-right: 35px; } .uStoreImagesViewer_PagerNext.Disabled { color: gray; cursor: default; } .uStoreImagesViewer_PagerNextContent { height: 25px; width: 15px; color: var(--text-color-dark); } .uStoreImagesViewer_Pager { width: 100%; clear: both; display: flex; text-align: center; justify-content: center; align-items: center; padding-top: 20px; padding-bottom: 40px; } .uStoreImagesViewer_PagerPoint { width: 7px; height: 7px; margin-right: 5px; margin-left: 5px; border-radius: 50%; background-color: #D6D6D6; cursor: pointer; } .uStoreImagesViewer_PagerPoint.Selected { background-color: var(--color-highlight); cursor: default; } .uStoreImagesViewer_MainImageDivBase { background-repeat: no-repeat; background-position: center; background-color: white; width: calc(100% - 173px); height: calc(100% - 86px); display: flex; justify-content: center; align-items: center; padding: var(--image-box-padding); margin-top: 38px; overflow: hidden; } .uStoreImagesViewer_MainPdfDiv { padding: 0px !important; width: 100% !important; height: calc(100% - 45px) !important; } .uStoreImagesViewer_ErrorMessage { display: none; text-align: center; justify-content: center; align-items: center; color: red; font-size: 20px; } .uStoreImagesViewer_MainImageDivWait { background-size: initial !important; background-image: url('/uStore/Images/imageLoading.gif'); } .uStoreImagesViewer_MainImageDivNoZoom { background-image: none !important; } .uStoreImagesViewer_MainImageDivReadyToZoom { background-image: none !important; } .uStoreImagesViewer_MainImageDivZoomed { background-image: none !important; } .uStoreImagesViewer_MainImageReadyToZoom { cursor: zoom-in; } .uStoreImagesViewer_MainImageZoomed { cursor: move; } .uStoreImagesViewer_MainImageNoZoom { cursor: not-allowed; } .uStoreImagesViewer_proofMainPdf { width: 100%; height: 100%; } /*end uStoreImagesViewer classes*/ /*uStoreProofViewer classes*/ .uStoreProofImagesModal { position: fixed; z-index: 1010; left: 0; top: 0; width: 100%; height: calc(100% + 5px); background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); display: flex; justify-content: center; align-items: flex-start; padding-top: 20px; } .uStoreProofImagesModalContent { border: 1px solid #979797; background-color: #F1F1F3; } .uStoreProofModalClose { color: var(--text-color-on-highlight-bg); float: right; font-size: 28px; font-weight: bold; } .uStoreProofModalClose:hover, .uStoreProofModalClose:focus { color: black; text-decoration: none; cursor: pointer; } .uStoreProofHeader { width: 100%; height: 38px; display: flex; justify-content: space-between; align-items: center; background-color: #139FC8; } .uStoreProofHeaderTitle { width: 90%; font-size: var(--text-size-label); color: var(--text-color-on-highlight-bg); padding-left: 16px; } .uStoreProofHeaderClose { padding-right: 33px; } .uStoreProofImagesMainContent { width: 100%; display: flex; justify-content: space-between; } .uStoreProofProductTitle { height: 50px; font-size: 22px; color: black; text-align: center; padding-top: 18px; overflow: hidden; text-overflow: ellipsis; } .uStoreProofMainBlock { background-color: var(--color-fill); width: calc(100% - 351px); height: 662px; display: flex; flex-direction: column; } .uStoreProofListBlock { width: 349px; background-color: #FFFFFF; height: 664px; } .uStoreProofListTitle { color: var(--text-color-medium); font-size: var(--text-size-label); background-color: white; border: solid 1px #D9D9D9; height: 60px; padding-left: 32px; display: flex; align-items: center; border-bottom: solid 1px var(--color-line); } .uStoreProofListItem { border-bottom: solid 1px var(--color-line); color: var(--text-color-medium); font-size: var(--text-size-regular); cursor: pointer; background-color: white; height: 80px; display: flex; text-align: center; align-items: center; } .uStoreProofListItem.Selected { background-color: var(--color-fill); color: var(--text-color-ultra-dark) !important; font-size: var(--text-size-regular); } .uStoreProofListItemName { width: 185px; text-align: left; overflow: hidden; text-overflow: ellipsis; max-height: 55px; padding-left: 20px; white-space: normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .uStoreProofListItemImage { height: 70px; width: 85px; display: flex; align-items: center; justify-content: center; padding-left: 30px; } .uStoreProofListItemImage img { max-height: 60px; max-width: 85px; } .uStoreProofListItems { height: 100%; width: 348px; } .uStoreProofListItemsContent { height: calc(100% - 62px); border-left: solid 1px var(--color-line); overflow-y: auto; width: 100%; } /*end uStoreProofViewer classes*/ /* Kit products */ .kitItemsTitle { font-size: var(--text-size-h4); color: var(--text-color-dark); margin-top: 11px; margin-bottom: 11px; font-weight: 400; } .kitItemContainer { clear: both; height: 80px; display: flex; align-items: center; } .kitItemContainer .kitImage { max-width: 60px; max-height: 60px; cursor: pointer; } .kitItemContainer .kitImageContainer { width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; } .kitItemContainer .kitNameContainer { font-size: var(--text-size-regular); color: var(--text-color-dark); width: 230px; max-height: 55px; align-items: center; padding-left: 15px; white-space: normal; line-height: 25px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .kitItemContainer .kitQuantityContainer { display: flex; flex-direction: column; align-items: flex-start; padding-left: 15px; width: 140px; } .kitItemContainer .kitQuantityInfoContainer { font-size: var(--text-size-regular); color: var(--text-color-dark); } .kitItemContainer .kitItemDownloadImage { background-image: url(/uStore/images/download.svg); width: 21px; height: 19px; } .kitItemContainer .kitPackInfoContainer { font-size: var(--text-size-fineprint); color: var(--text-color-medium); text-overflow: ellipsis; width: 100%; overflow: hidden; } .OrderFinalKitDetails { border: 1px solid var(--color-line); border-radius: var(--form-input-border-radius); width: 480px; min-height: 100px; padding-left: 30px; padding-right: 30px; } .kitIncludedProducts .Link { cursor: pointer; } .kitIncludedProducts { } .kitIncludedProductsLine { border-left: 1px solid var(--color-line); display: inline; margin-left: 10px; padding-left: 10px; } .kitProductsModalContent { border: 1px solid #888; height: 370px; width: 540px; background-color: white; } .kitProductsModal { display: flex; position: fixed; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); align-items: flex-start; justify-content: center; padding-top: 130px; } .kitProductsHeader { width: 100%; height: 45px; position: relative; background-color: white; } .kitProductsModalClose { margin-right: 10px; color: var(--text-color-medium); float: right; font-size: 28px; font-weight: bold; } .kitProductsModalClose:hover, .kitProductsModalClose:focus { color: var(--text-color-medium); text-decoration: none; cursor: pointer; } .kitProductsHeaderTitle { width: 75%; position: relative; float: left; font-size: var(--text-size-h4); padding-top: 7px; padding-left: 12px; color: var(--text-color-dark); } .kitProductsModal .kitProductsHeaderTitle { padding-left: 30px; } .kitProductsHeaderClose { position: relative; float: right; } .kitProductsModalBodyWait { background-image: url(/uStore/Images/imageLoading.gif); background-repeat: no-repeat; background-position: center; width: 100%; height: 100%; } .kitProductsModalBody { padding-bottom: 11px; } .kitProductsModalBodyPopup { overflow-y: auto; height: 324px; padding-left: 30px; } form[action^="./ProductProperties.aspx"] #dvmValidationSummary > ul > li { font-size: var(--text-size-regular); color: var(--color-error); } .productdesc { font-size: var(--text-size-regular); color: var(--text-color-medium); } /* End Kit products */ .uStoreProofImagesModalContent { width: 1072px; height: 702px; } @media (max-width: 1919px) { .uStoreProofImagesModalContent { width: 1030px; height: 702px; } } /* 3D preview */ .viewer3d-displayArea{ position: relative; } .viewer3d-modelContainer{ display: flex; justify-content: center; align-items: center; } .viewer3d-progress{ z-index:9998; background-color: black; position:absolute; text-align: center; vertical-align: middle; filter:alpha(opacity=20); -moz-opacity:.20; opacity:.20; display: flex; align-items: center; justify-content: center; } .viewer3d-controls{ display: flex; width: 72px; height: 138px; position: absolute; bottom: 0; right: 0; justify-content: space-around; flex-direction: column; } .viewer3d-controls>li{ height: 56px; cursor: pointer; background-position: center; background-repeat: no-repeat; background-size: 15px; } /* End 3d Preview*/ .dialCustomization_updatePreviewBtnPnl{ margin-bottom: 20px; } /* file attachemnt duc */ .Duc .fileAttachDropFilesHere a, .Duc .fileAttachDropFilesHere a:hover, .Duc .FileAttachmentDownloadTemplate a, .Duc .FileAttachmentDownloadTemplate a:hover{ border: 1px solid var(--color-line); color: var(--text-color-dark); border-radius: 25px; } .FileAttachmentDownloadTemplate a:before, .fileAttachDropFilesHere a:before{ background-color: var(--text-color-dark); } #fileAttachmentErrorMessage{ font-size: var(--text-size-fineprint); color:var(--color-error); } #fileAttachmentErrorMessage>a{ color:var(--color-highlight); } .fileAttachDropFilesHere .NewItemMenu .VerticalMenuDiv{ border: 1px solid var(--color-line); } /* end file attachemnt duc */ [id$="LblDescription"]{ background-image: url(info_16x16.png); display: inline-block; font-size: 0px; width: 16px; height: 16px; position: relative; top: -14px; background-repeat: no-repeat; background-size: contain; position: relative; } [data-title]:hover:after { opacity: 1; transition: all 0.1s ease 0.5s; visibility: visible; } [data-title]:after { content: attr(data-title); background-color: var(--color-fill); color: var(--text-color-dark); font-size: var(--text-size-regular); position: absolute; margin-left: -30px; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15); opacity: 0; border: 1px solid var(--color-line); z-index: 99999; visibility: hidden; min-width: 240px; max-width: 350px; display: flex; white-space: normal; top: 22px; align-items: center; justify-content: center; text-align: center; padding: 15px; } [data-title] { position: relative; } form[action*="ProductProperties.aspx"] ~ .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable{ max-width: 94%; } form[action*="ProductProperties.aspx"] ~ .ui-dialog.ui-widget.ui-widget-content.ui-corner-all.ui-draggable #wndUploadRepository{ overflow:hidden; max-height: 300px; } form[action*="ProductProperties.aspx"] .mainAreaFooterFullWidth, form[action*="ProductProperties.aspx"] #masterPageFooter, form[action*="ProductProperties.aspx"] #postFooter{ display: none; } form[action*="ProductProperties.aspx"] .mainareaFullWidth{ padding:0 } form[action*="ProductProperties.aspx"] .dtiName { width: 100%; } form[action*="ProductProperties.aspx"] .mainareaFullWidth { min-height: 100px; } form[action*="ProductProperties.aspx"] ~ #wndUploadRepository { height: 0; } /*cookies ribbon*/ .cookies-ribbon { position: fixed; bottom: 0; background-color: #fff; color: var(--text-color-ultra-dark); box-shadow: 0 0 20px rgba(0,0,0,.12); width: 100%; z-index: 2 } .cookies-ribbon svg { vertical-align: middle; overflow: hidden; } .cookies-ribbon table { border-collapse: collapse } .cookies-ribbon *, :after, :before { box-sizing: border-box; } .cookies-ribbon svg { overflow: hidden; } .cookies-consent-container { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; padding: 30px 60px } @media (max-width:767px) { .cookies-consent-container { padding: 30px 20px } } .cookies-consent-container .cookies-consent-title { font-size: var(--text-size-h4); padding-bottom: 20px } .cookies-consent-container .cookies-consent-description { font-size: var(--text-size-label) } .cookies-consent-container .cookies-consent-description span { text-decoration: underline; cursor: pointer } .cross-close-button-container { cursor: pointer } .cross-close-button-container .cross-close-button { vertical-align: top } .cross-close-button-container .cross-close-button .icon svg { width: 15px; height: 15px } .cross-close-button-container.consent { position: absolute; right: 0; top: 0; margin: 20px } @media (max-width:767px) { .cross-close-button-container.consent { margin: 15px } .cross-close-button-container.consent .icon { width: 12px !important; height: 12px !important; background-size: 12px 12px !important } .cross-close-button-container.consent .icon svg { width: inherit; height: inherit } } .cross-close-button-container.policy { position: absolute; right: 0; top: 0; margin: 20px } @media (max-width:767px) { .cross-close-button-container.policy .icon { width: 20px !important; height: 20px !important; background-size: 20px 20px !important } .cross-close-button-container.policy .icon svg { width: inherit; height: inherit } } .cookies-policy-container { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; height: 50vh } @media (max-width:767px) { .cookies-policy-container { height: 100vh } } .cookies-policy-container .cookies-policy-title { font-size: var(--text-size-h4); padding: 30px 60px 20px } @media (max-width:767px) { .cookies-policy-container .cookies-policy-title { padding: 15px 20px; width: 100%; align-self: flex-start; border-bottom: 1px solid var(--color-line) } } .cookies-policy-container .cookies-policy-description { overflow: auto; width: 100%; font-size: var(--text-size-label); padding: 0 60px 30px } @media (max-width:767px) { .cookies-policy-container .cookies-policy-description { padding: 20px 20px 30px } } .cookies-policy-container .cookies-policy-description::-webkit-scrollbar { width: 6px } .cookies-policy-container .cookies-policy-description .cookies-table::-webkit-scrollbar-track, .cookies-policy-container .cookies-policy-description::-webkit-scrollbar-track { border-radius: var(--button-border-radius); background: #fff } .cookies-policy-container .cookies-policy-description .cookies-table::-webkit-scrollbar-thumb, .cookies-policy-container .cookies-policy-description::-webkit-scrollbar-thumb { border-radius: var(--button-border-radius); background: var(--color-line) } .cookies-policy-container .cookies-explanation-title, .cookies-policy-container .cookies-necessary-title, .cookies-policy-container .cookies-table-title { font-size: var(--text-size-label); padding-bottom: 10px } .cookies-policy-container .cookies-explanation-description, .cookies-policy-container .cookies-necessary-description, .cookies-policy-container .cookies-table-description { font-size: var(--text-size-regular); padding-bottom: 30px } .cookies-policy-container .cookies-table { border-radius: var(--form-input-border-radius); border: 1px solid var(--color-line); overflow-x: auto; width: 100% } .cookies-policy-container .cookies-table::-webkit-scrollbar { height: 6px } .cookies-policy-container .cookies-table table { min-width: 100% } .cookies-policy-container .cookies-table table .table-head { border-bottom: 1px solid var(--color-line); font-size: var(--text-size-regular) } .cookies-policy-container .cookies-table table tbody tr:nth-child(odd) { background-color: var(--color-fill) } .cookies-policy-container .cookies-table table .cookie-row { font-size: var(--text-size-fineprint) } .cookies-policy-container .cookies-table table .cookie-row td div { width: 100%; padding: 12px 15px; height: 42px; white-space: nowrap } @media (max-width:767px) { .cookies-policy-container .cookies-table table .cookie-row td div { padding-left: 10px; padding-right: 10px } } .cookies-policy-container .cookies-table table .cookie-row td:last-of-type { min-width: 250px } .icon-image .cross-close-button { width: 15px; height: 15px; } .captcha-image-border { border: 1px solid var(--color-line); } .addressBoxWrapper .ddlAddresses { width: 500px; }