/* Minification failed. Returning unminified contents. (19845,21): run-time error CSS1039: Token not allowed after unary operator: '-fa-style-family' (19846,21): run-time error CSS1039: Token not allowed after unary operator: '-fa-style' (19865,17): run-time error CSS1039: Token not allowed after unary operator: '-fa-display' (19973,21): run-time error CSS1039: Token not allowed after unary operator: '-fa-li-margin' (19982,19): run-time error CSS1039: Token not allowed after unary operator: '-fa-li-width' (19985,15): run-time error CSS1039: Token not allowed after unary operator: '-fa-li-width' (19990,22): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-color' (19991,23): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-radius' (19992,22): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-style' (19993,22): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-width' (19994,17): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-padding' (19999,22): run-time error CSS1039: Token not allowed after unary operator: '-fa-pull-margin' (20004,21): run-time error CSS1039: Token not allowed after unary operator: '-fa-pull-margin' (20010,33): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (20011,25): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (20012,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (20013,29): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (20014,36): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (20015,28): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (20016,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (20017,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (20018,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (20019,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (20025,33): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (20026,25): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (20027,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (20028,29): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (20029,36): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (20030,28): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (20031,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (20032,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (20033,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (20034,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (20040,33): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (20041,25): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (20042,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (20043,29): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (20044,36): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (20045,28): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (20046,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (20047,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (20048,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (20049,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (20055,33): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (20056,25): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (20057,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (20058,29): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (20059,36): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (20060,28): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (20061,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (20062,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (20063,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (20064,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (20070,33): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (20071,25): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (20072,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (20073,29): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (20074,36): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (20075,28): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (20076,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (20077,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (20078,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (20079,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (20085,33): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (20086,25): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (20087,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (20088,29): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (20089,36): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (20090,28): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (20091,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (20092,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (20093,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (20094,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (20100,33): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (20101,25): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (20102,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (20103,29): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (20104,36): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (20105,28): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (20106,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (20107,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (20108,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (20109,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (20113,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (20120,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (20121,29): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (20122,36): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (20123,28): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (20124,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (20125,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (20126,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (20127,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (20159,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale' (20160,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale' (20170,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale' (20171,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale' (20181,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x' (20181,72): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y' (20182,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x' (20182,64): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y' (20185,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x' (20185,71): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y' (20185,118): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height' (20186,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x' (20186,63): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y' (20186,110): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height' (20189,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x' (20189,72): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y' (20190,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x' (20190,64): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y' (20193,52): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound' (20194,44): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound' (20212,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x' (20212,72): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y' (20213,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x' (20213,64): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y' (20216,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x' (20216,71): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y' (20216,118): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height' (20217,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x' (20217,63): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y' (20217,110): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height' (20220,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x' (20220,72): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y' (20221,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x' (20221,64): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y' (20224,52): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound' (20225,44): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound' (20239,19): run-time error CSS1039: Token not allowed after unary operator: '-fa-fade-opacity' (20245,19): run-time error CSS1039: Token not allowed after unary operator: '-fa-fade-opacity' (20251,19): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-opacity' (20257,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale' (20258,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale' (20264,19): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-opacity' (20270,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale' (20271,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale' (20277,38): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x' (20277,59): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y' (20277,80): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z' (20277,101): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle' (20278,30): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x' (20278,51): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y' (20278,72): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z' (20278,93): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle' (20284,38): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x' (20284,59): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y' (20284,80): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z' (20284,101): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle' (20285,30): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x' (20285,51): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y' (20285,72): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z' (20285,93): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle' (20421,34): run-time error CSS1039: Token not allowed after unary operator: '-fa-rotate-angle' (20422,26): run-time error CSS1039: Token not allowed after unary operator: '-fa-rotate-angle' (20440,17): run-time error CSS1039: Token not allowed after unary operator: '-fa-stack-z-index' (20452,15): run-time error CSS1039: Token not allowed after unary operator: '-fa-inverse' (28293,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (28294,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30345,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30346,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30368,21): run-time error CSS1039: Token not allowed after unary operator: '-fa-style-family' (30369,21): run-time error CSS1039: Token not allowed after unary operator: '-fa-style' (30388,17): run-time error CSS1039: Token not allowed after unary operator: '-fa-display' (30496,21): run-time error CSS1039: Token not allowed after unary operator: '-fa-li-margin' (30505,19): run-time error CSS1039: Token not allowed after unary operator: '-fa-li-width' (30508,15): run-time error CSS1039: Token not allowed after unary operator: '-fa-li-width' (30513,22): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-color' (30514,23): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-radius' (30515,22): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-style' (30516,22): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-width' (30517,17): run-time error CSS1039: Token not allowed after unary operator: '-fa-border-padding' (30522,22): run-time error CSS1039: Token not allowed after unary operator: '-fa-pull-margin' (30527,21): run-time error CSS1039: Token not allowed after unary operator: '-fa-pull-margin' (30533,33): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (30534,25): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (30535,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (30536,29): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (30537,36): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (30538,28): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (30539,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (30540,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (30541,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (30542,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (30548,33): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (30549,25): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (30550,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (30551,29): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (30552,36): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (30553,28): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (30554,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (30555,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (30556,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (30557,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (30563,33): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (30564,25): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (30565,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (30566,29): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (30567,36): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (30568,28): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (30569,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (30570,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (30571,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (30572,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (30578,33): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (30579,25): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (30580,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (30581,29): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (30582,36): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (30583,28): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (30584,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (30585,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (30586,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (30587,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (30593,33): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (30594,25): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (30595,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (30596,29): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (30597,36): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (30598,28): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (30599,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (30600,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (30601,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (30602,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (30608,33): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (30609,25): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (30610,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (30611,29): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (30612,36): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (30613,28): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (30614,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (30615,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (30616,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (30617,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (30623,33): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (30624,25): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-delay' (30625,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (30626,29): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (30627,36): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (30628,28): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (30629,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (30630,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (30631,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (30632,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (30636,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (30643,37): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (30644,29): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-direction' (30645,36): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (30646,28): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-duration' (30647,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (30648,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-iteration-count' (30649,43): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (30650,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-animation-timing' (30682,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale' (30683,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale' (30693,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale' (30694,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-scale' (30704,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x' (30704,72): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y' (30705,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x' (30705,64): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y' (30708,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x' (30708,71): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y' (30708,118): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height' (30709,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x' (30709,63): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y' (30709,110): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height' (30712,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x' (30712,72): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y' (30713,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x' (30713,64): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y' (30716,52): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound' (30717,44): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound' (30735,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x' (30735,72): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y' (30736,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-x' (30736,64): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-start-scale-y' (30739,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x' (30739,71): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y' (30739,118): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height' (30740,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-x' (30740,63): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-jump-scale-y' (30740,110): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-height' (30743,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x' (30743,72): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y' (30744,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-x' (30744,64): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-land-scale-y' (30747,52): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound' (30748,44): run-time error CSS1039: Token not allowed after unary operator: '-fa-bounce-rebound' (30762,19): run-time error CSS1039: Token not allowed after unary operator: '-fa-fade-opacity' (30768,19): run-time error CSS1039: Token not allowed after unary operator: '-fa-fade-opacity' (30774,19): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-opacity' (30780,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale' (30781,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale' (30787,19): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-opacity' (30793,35): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale' (30794,27): run-time error CSS1039: Token not allowed after unary operator: '-fa-beat-fade-scale' (30800,38): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x' (30800,59): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y' (30800,80): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z' (30800,101): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle' (30801,30): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x' (30801,51): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y' (30801,72): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z' (30801,93): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle' (30807,38): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x' (30807,59): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y' (30807,80): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z' (30807,101): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle' (30808,30): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-x' (30808,51): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-y' (30808,72): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-z' (30808,93): run-time error CSS1039: Token not allowed after unary operator: '-fa-flip-angle' (30944,34): run-time error CSS1039: Token not allowed after unary operator: '-fa-rotate-angle' (30945,26): run-time error CSS1039: Token not allowed after unary operator: '-fa-rotate-angle' (30963,17): run-time error CSS1039: Token not allowed after unary operator: '-fa-stack-z-index' (30975,15): run-time error CSS1039: Token not allowed after unary operator: '-fa-inverse' (38811,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (38812,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40858,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40859,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40876,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (40877,3): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-' (64330,27): run-time error CSS1030: Expected identifier, found ':' (64330,28): run-time error CSS1031: Expected selector, found 'not(' (64330,28): run-time error CSS1025: Expected comma or open brace, found 'not(' */ @charset "UTF-8"; /* --=.._/( New England Biolabs GLOBAL STYLES )\_..=-- */ /* Author: csaxe, ISITE Design --------- Notes ----------- * html {anything} addresses IE < 6 browser bugs *+html {anything} addresses IE 7 browser bugs ------- typography --------- font-sizes are set in em for resizable goodness. Here's a basic guide for the stylesheet. font-size: .75em; = 9px font-size: 0.835em; = 10px font-size: .9175em; = 11px font-size: 1em; = 12px font-size: 1.085em; = 13px font-size: 1.165em; = 14px font-size: 1.25em; = 15pxt font-size: 1.230769230769231em; = 16px font-size: 1.415em; = 17px font-size: 1.5em; = 18px font-size: 1.585em; = 19px font-size: 1.665em; = 20px font-size: 1.75em; = 21px font-size: 1.835em; = 22px font-size: 1.915em; = 23px font-size: 2em; = 24px font colors: base body color: #333333; link colors: main content a: #0000ff; main content hover: #999999; MEDIA QUERIES */ /* Basic browser reset */ body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, blockquote, fieldset, legend, form { margin: 0; padding: 0; border: 0; } html, input, textarea, select { font-size: 100%; } /* keep ie happy */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { font: 81.25%/1.333333333333333 Arial, Helvetica, sans-serif; } h1, h2, h3, h4, h5, h6 { font-weight: normal; margin: 0 0 .25em 0; } h1 { font-size: 2em; } /* 24px */ h2 { font-size: 1.665em; } /* 20px */ h3 { font-size: 1.415em; } /* 17px */ h4 { font-size: 1.25em; } /* 15px */ h5 { font-size: 1em; } /* 12px; */ h6 { font-size: .9175em; } /* 11px; */ p { margin-bottom: 1em; } abbr, acronym { border-bottom: 1px dotted #999; cursor: help; } ul, ol { margin: 0 0 1em 1em; } ol { padding-left: 1em; } ol.resources { font-size: .875em; } table { border-collapse: collapse; } td { border: 1px solid #ccc; padding: .5em; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } hr { background: #EFEAE2; border: none; color: #EFEAE2; height: 1px; margin-bottom: 1em; } hr.heavy { background: #c3c3c3 none; height: 2px; } /*----------------------------------- Site Structure --------------------*/ html { background-color: #fff; } body { background: #3a3a3a none; } .wrapper { /*background:#f6f6f3 none;*/ position: relative; width: 100%; } /* =HEADER ** base font size: 13px ********************************************************************************/ [role="banner"] { background: #3a3a3a url("/content/img/css/bg-grey-texture.jpg") center top no-repeat; height: 9.5em; border-bottom: 1px solid #cecece; margin-bottom: 2px; position: fixed; width: 100%; z-index: 600; /* make room for absolutley position nav: */ /*margin-bottom: 3.846153846153846em; /* 50 / 13 */ } .tools [role="banner"] { margin-bottom: 0; } [role="banner"] .content { position: relative; } .usertools { /* base font size: 11px */ float: right; margin: .5em 0 0; /* 19.25/11 */ width: 180px; } .tools .usertools { margin: 2.75em 0 0; /* 30.25 / 11 */ } .usertools menu { /* base font size: 10px */ margin: 0.8em 0 0; /* 8 / 10 */ padding: 0; } .usertools li { float: left; /*margin:0 0 0 27px;*/ } .usertools menu li:first-child { margin-right: 15px; } .usertools li.cart { float: right; } .userinfo { line-height: 1.909090909090909; /* 11/21 */ padding: 5px; padding-top: 8px; padding-bottom: 0; } #content { padding-top: 11em; background: #fff; position: relative; z-index: 100; } #modalContent { background: #fff; position: relative; z-index: 100; } .ui-dialog { max-width: 900px; width: auto; } .ui-dialog iframe { display: block; max-width: 545px; /* width: 100%; */ } .bg-decor { /*background:transparent url('/content/img/css/bg-content.png') repeat-x center top;*/ margin: 0 auto; padding: 4em 0 60px; position: relative; z-index: 0; } .shadow { left: 0; position: absolute; top: 0; width: 100%; } .shadow span { background: url("/content/img/css/bg-content-shadow-top.png") no-repeat center top; display: block; height: 27px; margin: -1px auto 0; width: 100%; } .home .bg-decor { margin-bottom: 2em; padding-top: 20px; } .bg-decor-simple { margin-bottom: 2em; padding-top: 10px; } .content-wrap { /*background:transparent url('/content/img/css/bg-decor-paper.png') repeat-x center 30px; margin: -60px auto 0;*/ padding-bottom: 0; position: relative; z-index: 1; } .home .content-wrap { padding-bottom: 12px; } .content { margin: 0 auto; /*width: 940px;*/ } .content-one-column { margin: 0 auto; width: 100%; } .one-column { background: #fff none; border-radius: 1px; padding: 10px; -webkit-box-shadow: 0 0 5px #bbb; -moz-box-shadow: 0 0 5px #bbb; -o-box-shadow: 0 0 5px #bbb; box-shadow: 0 0 5px #bbb; } .home .content { width: 100%; } /* needed to accommodate large table charts NEBCOMQA-246 */ .content-wrap.data { padding: 0; } .data .content { max-width: 1220px; width: 100%; } .data .primary { width: 100%; } #content .content { display: block; } /* needed for wide table charts NEBCOMQA-246 */ /*#content */ .primary { background: #fff none; border-radius: 1px; /*float: left;*/ /*padding:10px;*/ /*width: 668px;*/ /*box-sizing:content-box;*/ } .primary.full { padding: 0 0 25px 0; width: 100%; } /*#content */ .formatted { width: 920px; } [role=main] header { margin: 0 0 2.461538461538462em; } .primary .two-up, .primary .three-up { margin-left: 0; } .primary .two-up a, .primary .three-up a { display: inline-block; padding-right: 2em; } .secondary { /*float: right; width: 220px;*/ } .secondary aside img { max-width: 100%; } aside.cta img { -moz-transition: opacity 0.2s ease-in-out; -webkit-transition: opacity 0.2s ease-in-out; -o-transition: opacity 0.2s ease-in-out; transition: opacity 0.2s ease-in-out; } aside.cta img:hover { opacity: .75; } /* =FOOTER ** base font size: 13px ********************************************************************************/ [role="contentinfo"] { background: #3a3a3a url("/content/img/css/bg-grey-texture.jpg") center top no-repeat; clear: both; margin: 0; /*min-height:365px; /* to reveal textured background */ padding: 7em 0 1em; /* 91 / 13 0 13 / 13 */ position: relative; } [role="contentinfoSimple"] { background: #3a3a3a url("/content/img/css/bg-grey-texture.jpg") center top no-repeat; clear: both; margin: 0; min-height: 80px; /* to reveal textured background */ padding: 0; /* 91 / 13 0 13 / 13 */ position: relative; } .home[role="contentinfo"] { padding-top: 1.384615384615385em; /* 18 / 13 0 13 / 13 */ } footer nav.footer, footer section.contact, footer section.callouts { float: left; margin: 0 20px 0 0; width: 280px; } footer section.callouts { margin: 0; width: 340px; } footer .toolbar { background: #ec6822 url("/content/img/css/bg-footer-nav.jpg") center top no-repeat; border-bottom: 1px solid #a6572c; height: 18px; top: -19px; position: absolute; left: 0; width: 100%; } footer[role="contentinfo"] .cta { background: #303030 url("/content/img/css/bg-footer-sprite.jpg") 0 0 no-repeat; box-shadow: inset 1px 1px 1px #000, inset -1px -1px 0 #999; border-radius: 5px; display: block; margin: 0 0 2em; /* 0 0 13px */ min-height: 5.769230769230769em; /* 75 / 13 */ padding: 1.307692307692308em 0 0 118px; /* 17 / 13 0 0 118px */ } footer[role="contentinfo"] .cta + .cta { margin-top: -1em; } footer[role="contentinfo"] .cta:hover, footer[role="contentinfo"] .cta:focus, footer[role="contentinfo"] .cta:active { background-color: #121212; } footer[role="contentinfo"] .app { background-position: 0 -414px; } footer[role="contentinfo"] .app:hover, footer[role="contentinfo"] .app:focus, footer[role="contentinfo"] .app:active { background-position: 0 -1078px; } footer[role="contentinfo"] .publications { background-position: 0 -6px; } footer[role="contentinfo"] .publications:hover, footer[role="contentinfo"] .publications:focus, footer[role="contentinfo"] .publications:active { background-position: 0 -660px; } footer[role="contentinfo"] .android { background-position: 0 -206px; } footer[role="contentinfo"] .android:hover, footer[role="contentinfo"] .android:focus, footer[role="contentinfo"] .android:active { background-position: 0 -872px; } footer[role="contentinfo"] .newsletter { background-position: 0 -538px; } footer[role="contentinfo"] .newsletter:hover, footer[role="contentinfo"] .newsletter:focus, footer[role="contentinfo"] .newsletter:active { background-position: 0 -1206px; } footer[role="contentinfo"] .cta p { color: #f2661b; font: 1.384615384615385em/1.222222222222222 minion-pro, 'Times New Roman', Times, serif; /* 18 / 13 */ } .footer-main { text-align: center; font-size: 17px; padding-bottom: 20px; } .footer-main .main-links { border-bottom: 1px solid #808080; padding-bottom: 20px; min-height: 45px; } .footer-secondary { text-align: center; margin-top: 15px; } .footer-secondary h2 { font-size: 16px; font-weight: normal; margin: 5px 0; border-bottom: none !important; } .footer-copy { font-size: 11px; text-align: center; } .email-subscription { text-align: left; } .email-subscription label { margin-bottom: 10px; color: white; } .subscribe-box { display: inline-block; width: 75%; height: 28px; } .callouts .social-networking h2 { line-height: 39px; margin: 0 14px 0 0; width: 100%; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-size: 1.1em; font-weight: bold; } .social-networking a { background: transparent url("/content/img/css/bg-footer-sprite-social.png") 0 0 no-repeat; float: left; background-size: auto 30px; height: 33px; margin: 0; text-indent: -9999em; width: 33px; } .social-networking li { display: inline-block; margin: 0 8px 0 0; } .social-networking li:first-child { margin-left: -9px; } .social-networking .twitter { background-image: url("/content/img/css/twitter_white.png"); } .social-networking .twitter:hover { background-image: url("/content/img/css/twitter_hover.png"); } .social-networking .youtube { background-image: url("/content/img/css/Youtube_White.png"); min-width: 50px; background-position-x: 4px; } .social-networking .youtube:hover { background-image: url("/content/img/css/youtube_hover.png"); } .social-networking .facebook { background-image: url("/content/img/css/Facebook_White.png"); } .social-networking .facebook:hover { background-image: url("/content/img/css/facebook_hover.png"); } .social-networking .googleplus { background-image: url("/content/img/css/googleplus_white.png"); min-width: 50px; } .social-networking .googleplus:hover { background-image: url("/content/img/css/googleplus_hover.png"); } .social-networking .linkedin { background-image: url("/content/img/css/linkedin_white.png"); } .social-networking .linkedin:hover { background-image: url("/content/img/css/linkedin_hover.png"); } .social-networking .instagram { background-image: url("/content/img/css/instagram_white.png"); } .social-networking .instagram:hover { background-image: url("/content/img/css/instagram_hover.png"); } [role="contentinfo"] .meta { /* base font size: 11px */ clear: both; padding: 3em 0 0; /* 33 / 11 */ } [role="contentinfo"] .meta > li { display: block; float: none; margin: 0 0 .5em; padding: 0; } /* =TYPOGRAPHY ** base font size: 13px ********************************************************************************/ /*-------- BASELINE TYPOGRAPHY */ body { color: #4c4c4c; } p { margin: 0 0 1.769230769230769em; /* 23 / 13 */ } em, i { font-style: italic; } em.data { color: #212121; display: block; font-family: minion-pro,'Times New Roman',Times,serif; font-size: 4.615384615384615em; /* 60 / 13 */ font-style: normal; line-height: 45px; margin-bottom: 0; position: relative; } .attention { margin-bottom: .5em; } .attention strong { color: #f36e25; font-weight: bold; } .comment { float: right; width: 200px; margin: -6px 15px 6px 45px; } /*-------- HEADINGS */ h1, h2, h3, h4 { color: #2c2c2c; font-family: minion-pro,'Times New Roman',Times,serif; } h1 { color: #2f2f2f; font-size: 2.307692307692308em; /* 30 / 13 */ margin: 0 0 0.4333333333333333em; /* 13 / 30 */ } .primary header h1 { clear: left; float: left; font-size: 2.461538461538462em; /* 34 / 13 */ margin: .5em 0 0; } .tools .primary header { border-bottom: 5px solid #327b70; } .tools .primary header h1 { color: #327b70; font-family: Helvetica, Arial, sans-serif; } .tools .primary header small { font-size: 12px; } h1.new { background: url("/content/img/css/icon-new.png") right 8px no-repeat; padding-right: 34px; } h2 { font-size: 1.846153846153846em; /* 24 / 13 */ line-height: 1em; margin: 0 0 1em; } hgroup h2 + h3 { font: bold 1em Arial, Helvetica, sans-serif; margin: -1.538461538461538em 0 1.384615384615385em; /* 20 / 13 0 18 / 13 */ } .secondary .callout h2 { margin: 0 0 .2em; /* 4 / 20 */ } aside h2, .column-left h2.smaller, .related-content h2 { font-size: 1.538461538461538em; /* 20 / 13 */ } h3 { color: #4c4c4c; font-size: 1.384615384615385em; /* 18 / 13 */ margin: 0 0 .5em; } li h3 { color: #2f2f2f; font: bold 1.153846153846154em Arial, Helvetica, sans-serif; /* 15 / 13 */ line-height: 1; margin: 0 0 0.7333333333333333em; /* 11 / 15 */ } footer h3 { font-size: 1.53846154em; /* 20 / 13 */ } .hide h3 { margin-top: 1.5em; } h4 { color: #4c4c4c; font: bold 1.153846153846154em Arial, Helvetica, sans-serif; /* 15 / 13 */ margin: 0 0 .5em; } h5 { font-size: .9230769230769231em; /* 12 / 13 */ font-weight: bold; margin: 0; /*text-transform:uppercase;*/ } h6 { font-style: italic; margin: 0; } blockquote { font: normal 1.53846154em minion-pro,'Times New Roman',Times,serif; margin: 25px 10px 15px 15px; } blockquote p { margin-bottom: .5em; } header blockquote { color: white; font: normal 1.154em minion-pro,'Times New Roman',Times,serif; /* 15 / 13 */ margin: 25px 10px 15px 15px; text-shadow: 1px 1px 0 black; } header .author { font: normal 0.7222222222222222em Arial, Helvetica, sans-serif; } .section-title { font: bold 1.23076923em Arial, sans-serif; /*16 / 13 */ background-color: #e2e2df; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #545454; clear: both; font-size: 1.230769230769231em; font-weight: bold; margin-left: -14px; padding: 5px 18px; /*width: 574px; needs to be pulled left over the margin. % width cross browser were being grumpy **** Petra: commented out the width, since it wouldn't extend to full width of its parent container on tools-resources.php **** */ } .primary .section-title + p { margin-top: 0; } /*-------- LISTS */ /* see also =SECTIONS for list-based layouts */ ul { margin: 0 0 1em 1em; list-style-image: url("/content/img/css/bullet.png"); } ul li { margin: 0 0 .5em; } ul.items { list-style: none; list-style-image: none; margin: 0; overflow: hidden; padding: 0; } .contact .items li { /* for lists of addressses, etc. */ margin: 0 0 2em; } .tiles li { float: left; margin: 0 20px 2em 0; text-align: center; width: 120px; } .categories { line-height: 1.5; } .categories dt { font-weight: bold; margin-top: 1em; } .categories dd { margin-left: 1em; } .overview li { overflow: hidden; margin-bottom: 1em; } .overview a { display: inline-block; font-weight: bold; margin-top: 10px; margin-bottom: 8px; width: 66%; } .overview img { margin-right: 1em; float: left; } .col-secondary .overview a { width: 100%; } .contact-types { color: #f2661b; font-weight: bold; font-size: 1.07692308em; /*14 / 13 */ text-shadow: 0 1px 2px #fff; } .inner .contact-types { margin: 0 -13px 0 -20px; } .contact-types li { margin: 0; } .contact-types li a { background: transparent url("/content/img/css/bg-contact-types.png") 0 0 no-repeat; height: 90px; float: left; overflow: hidden; padding: 0 20px 0 11px; width: 115px; display: inline-block; padding-top: 34px; } .contact-types li + li > a { margin-left: 2px; } .contact-types .intl a { width: 201px; font-size: 1.28571em; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.75); padding: 0 9px; } .contact-types .intl a { color: #fff; padding-top: 43px; } .contact-types .freezer a { background-position: -221px 0; } .contact-types .catalog a { background-position: -370px 0; } .contact-types .email a { background-position: -518px 0; } .catalog-list { margin: 0 0 0 -5px; padding: 0; } .catalog-list li { list-style: none; } .catalog-list img { float: left; margin-bottom: 1em; margin-right: 1em; } .catalog-list .inner { margin-bottom: 1.5em; } .index li { float: left; } .index li + li:before { content: '|'; padding: 0 .5em; } /*-------- lINKS */ a, a:visited { color: #f2661b; text-decoration: none; } a:hover, a:active, a:focus { color: #983a07; text-decoration: none; } li h3 a, li h3 a:visited { color: #2f2f2f; } li h3 a:hover { color: #898989; } a.brand { display: inline; float: left; height: auto; width: 100%; } a.brand img { border: none; width: 300px; } a[rel="parent"] { display: block; clear: both; padding-top: 0; margin-bottom: .25em; } a[rel="parent"]:before { content: '< '; } a.product-action { background-color: #b1b1b1; padding: 7px 7px 6px 7px; color: #fff; font-weight: bold; text-shadow: 0 1px 1px #474747; border-radius: 5px; border: 1px solid #7a7a7a; border-bottom-color: #d2d2d2; border-right-color: #d2d2d2; font-size: 1.08333333em; /* 13 / 12 */ display: inline-block; margin: 0 10px 1em 0; } .filmstrip + a.right { margin: -.5em -13px 0 0; } .filmstrip + a.right + h1 { margin-top: 1.09375em; /* 35 / 32 */ } .more { margin-top: .5em; } a.pdf { background: transparent url("/content/img/css/icons.png") 0 -500px no-repeat; padding: 1px 0 3px 22px; } a.download { background: transparent url("/content/img/css/icons.png") 0 -852px no-repeat; padding: 1px 0 3px 22px; } a.icon-search { background: transparent url("/content/img/css/icons.png") -4px -38px no-repeat; padding: 1px 0 3px 22px; } /*-------- IMAGES */ header .hero { display: block; margin-bottom: 1em; /*margin:0 -13px 0 -20px;*/ } figure, .figure { margin: 0 0 1.5em; } figure.right { margin: 0 0 4px 1em; } figure img, .figure img { margin-bottom: .75em; } figure.right img { margin-bottom: -4px; } body.page-modal figure, body.page-modal .figure { margin: 0 0 1em 1em; } figcaption, .figcaption { clear: both; } .figcaption { font-style: italic; } article figure { display: inline-block; border: 3px solid #fff; border-bottom-width: 0; box-shadow: 0 0 5px #bbb; } article figure.right { border-bottom-width: 3px; } img.responsive { max-width: 100%; } figure.no-decor { box-shadow: none; border: none; margin-bottom: 1em; } figure.no-decor img { border: 3px solid #fff; box-shadow: 0 0 5px #bbb; } figure.no-decor figcaption, .figcaption { font-style: italic; font-family: 'Minion Pro', Georgia, Times New Roman, serif; } figure.brochure, figure.product { border: 1px solid #bbb; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; padding: 9px; position: relative; width: 100%; } .primary h2 + figure.brochure, .primary h2 + figure.product { margin-top: 0; } figure.tab-img img { box-shadow: 0px 0px 5px #bbb; max-width: 100%; } figure.tab-img .decorator { height: 100%; position: relative; width: 100%; } figure.brochure.partial { float: left; margin-right: 1.230769230769231em; /* 16 / 13 */ width: 282px; } figure.brochure a.modal, figure.product a.modal { height: 100%; width: 100%; z-index: unset; } figure.tab-img a { display: inline-block; height: auto; position: relative; width: auto; } figure.brochure img, figure.product img { display: block; float: none !important; margin: 0 auto !important; max-width: 100%; } figure.brochure figcaption, figure.product figcaption, figure.tab-img figcaption { color: #585858; font-family: 'Minion Pro', Georgia, Times New Roman, serif; font-style: italic; padding: 12px; } .magnifying-button { background: url("/content/img/css/bg-modal-image-zoom.png") no-repeat scroll center center transparent; cursor: pointer; height: 100%; left: 0; position: absolute; top: 0; width: 100%; } .highlight { box-shadow: 9px 0 22px -9px #999; float: left; margin-right: 22px; } .highlight img { border-right: 4px; } a img { border: none; } /* Certification page layout */ .extended-description figcaption { float: left; margin: 0 2.994011976047904%; /* 20 / 668 */ width: 25.44910179640719%; /* 170 / 668 */ } .extended-description img { display: inline-block; margin: 0 0 1.5em; } /*-------- UTILITIES */ /* action links will have JS bound to them. here we make sure they recieve an icon by default. */ .action { background: transparent url("/content/img/css/icons.png") 0 0 no-repeat; } .manage { background-position: right -298px; padding: 0 18px 0 0; } .widget-favorites .manage { float: right; font-size: 0.8461538461538462em; /* 11 / 13 */ font-weight: bold; line-height: 1.636363636363636; /* 18 / 11 */ } .add-to-cart { /* background-position:0 -420px; display:block; height:21px; text-indent:-9999em; width:27px;*/ } /*.add-to-cart:hover { background-position:0 -441px; }*/ .no-float { float: none !important; } /* more is a container for a set of links to more information or an expanded article. expects a block-level wrapper. */ p + .more { line-height: 1; margin: -1.384615384615385em 0 1.769230769230769em; /* 18 / 13 0 23 / 13 */ } li p + .more { margin-top: -1em; } .more a { display: inline-block; } .more a + a { border: 1px solid #4c4c4c; border-width: 0 0 0 1px; margin: 0 0 0 .5em; padding: 0 0 0 .5em; } .information .more a { font-weight: bold; } ul.more { list-style: none; margin: 0; overflow: hidden; padding: 0; } .more li { display: inline; margin: 0; } .more li.last { border: none; } a.more:after { content: '\00A0\00BB'; /*   raquo; */ color: #F2661B; } a.more:hover:after { color: #983A07; } h2 + .note { margin-top: -1.538461538461538em; /* 18 / 13 */ } h2 > a.more { background: transparent url("/content/img/css/bullet.png") 0 0 no-repeat; font: 0.65em Arial, Helvetica, sans-serif; padding: 0 0 0 12px; } .cta h2 > .more { background: transparent none; font-family: Arial, Helvetica, sans-serif; } h2 + .action { margin-top: -1.846153846153846em; } /* addresses - vcards in the content */ .primary .vcard .note { font-size: 0.8461538461538462em; /* 11/13 */ } /* this structure is used in the flyout menus and in .primary header */ .callouts .cta a { /*background:transparent url('/content/img/css/icons.png') 0 -70px no-repeat;*/ display: table-cell; font-weight: bold; height: 3.076923076923077em; /* 40 / 13 */ line-height: 1.153846153846154; /* 15 / 13 */ /*padding:0 0 0 52px;*/ vertical-align: middle; } .callouts .cta img { border: none; float: left; margin-right: 16px; height: 32px; } /* image replacement */ .decorate { background: transparent url("/content/img/css/bg-image-replace.png") 0 0 no-repeat; display: block; text-indent: -9999em; } .my-neb { height: 54px; } .decorate.order { background-image: url("/content/img/css/btn-order.png"); background-position: 0 -38px; display: inline-block; height: 19px; margin: 0 7px -8px 0; width: 48px; } .secondary .cta a, .column-right .cta a { display: block; text-decoration: none; } .secondary .support, .secondary .ad { background: transparent; padding: 0; } .graphic a { text-indent: -9999em; } .support a, .ad a, .support .ad a { background: transparent url("/content/img/css/bg-decor-shadow.png") 0 bottom no-repeat; height: 126px; display: block; } .ad a { height: auto; padding: 0 0 12px 0; } .support img { border-radius: 2px; } .intro { font: 1.384615384615385em 'Minion Pro', Georgia, Times New Roman, serif; /*18 / 13 */ font-style: italic; line-height: 1.3; margin: 0 0 1em 0; overflow: hidden; border: none; box-shadow: none; -webkit-hyphens: auto; -moz-hyphens: auto; hyphens: auto; } .intro img { float: right; border: 2px solid #fff; margin: 2px 2px 2px 34px; } .intro figcaption { clear: none; } .pagination { float: right; font-weight: bold; font-size: 0.769230769em; /* 10 / 13 */ } .pagination li { float: left; padding: 7px 6px; } .pagination a { color: #585858; } .pagination .etc { padding-left: 0; padding-right: 0; } .primary .pagination li.on { background-color: #f79b5c; border-radius: 4px; color: #fff; } .pagination [rel="prev"], .pagination [rel="next"] { text-transform: uppercase; color: #F2661B; } .pagination [rel="prev"]:before { content: '\00AB\00A0 '; /* «  */ color: #F2661B; } .pagination [rel="next"]:after { content: '\00A0\00BB'; /*   raquo; */ color: #F2661B; } .pagination-result-count { float: left; } .pagination-result-count ul { display: inline-block; vertical-align: top; } .pagination-result-count li { display: block; float: left; margin: 0 5px 0 0; } .pagination-result-count .on { font-weight: bold; } /*-------- HEADER TYPOGRAPHY */ [role="banner"] .content { color: #c6c6c6; font-size: 0.8461538461538462em; /* 11 / 13 */ text-transform: uppercase; max-width: 1200px; min-width: 320px; width: 100%; } .usertools menu { font-size: 0.9090909090909091em; /* 10 / 11 */ list-style: none; position: relative; } /*.usertools a, .usertools a:visited { color:#c6c6c6; }*/ [role="banner"] .nav-primary-item .decor a { color: #FFFFFF; } [role="banner"] a:hover, [role="banner"] a:active, [role="banner"] a:focus { color: #3a3a3a; } [role="banner"] a.country { color: #C6C6C6; font-weight: bold; line-height: 118px; margin-left: 1em; /* 11 / 11 */ vertical-align: middle; } [role="banner"] a.country:hover { color: white; } [role="banner"] a.country img { width: 60px; } [role="banner"] a.country span { margin-left: 0.4545em; /* 5 / 11 */ } [role="banner"] a.country img, [role="banner"] a.country span { line-height: 40px; vertical-align: middle; } .usertools a, .usertools a:visited { background: transparent url("/content/img/css/bg-user-tools.png") 0 0 no-repeat; border-radius: 5px; display: inline-block; line-height: 2.1; padding: 0 2px 0 24px; } .usertools a:hover, .usertools a:active, .usertools a:focus, .usertools a:hover em { background-color: #f0f0f0; } .usertools a.cart:hover, .usertools a.cart:active, .usertools a.cart:focus { background-color: #121212; } .usertools a em { border-radius: 5px; font-style: normal; } .account a, .account a:visited { background-position: 0 0; } .account a:hover, .account a:active, .account a:focus { background-position: 0 -21px; } .favorites a, .favorites a:visited { background-position: 0 -42px; } .favorites a:hover, .favorites a:active, .favorites a:focus { background-position: 0 -63px; } .order a, .order a:visited { background-position: 0 -84px; } .order a:hover, .order a:active, .order a:focus { background-position: 0 -105px; } .cart a, .cart a:visited { background-image: none; } .cart a:hover, .cart a:active, .cart a:focus { background-position: 0 -21px; } .usertools a.cart, .usertools a.cart .accessibility, .usertools a.cart:visited, .usertools a.cart:visited .accessibility { background: #2f2f2f url("/content/img/css/icons.png") 10px 13px no-repeat; border-radius: 8px; margin-top: -1.3em; /* -13 / 10 */ padding: 8px 6px 8px 42px; position: absolute; right: 0 !important; top: 0; left: auto; height: auto; text-indent: 0; } .usertools .order { background: #2f2f2f 10px 13px no-repeat; border-radius: 8px; margin-top: -1.3em; /* -13 / 10 */ padding: 8px 6px 8px 6px; top: 0; left: auto; height: auto; text-indent: 0; } .cart .count { background: #4f4f4f none; font-size: 1.2em; /* 12 / 10 */ font-weight: bold; line-height: 1.333333333333333; padding: 4px 6px; } .cart a.count { /* Chrome gives ".usertools a:visited" higher specificity; this rule overrides incorrect line-height. */ line-height: 1.333333333333333; } .cart span { position: absolute; left: -9999em; } .userinfo a { background-image: none; color: #fefeff !important; font-weight: bolder; line-height: 1.909090909090909; /* 11/21 */ padding-left: 2px; } .userinfo a:hover, .userinfo a:active, .userinfo a:focus { color: #3a3a3a; } .userinfo .authentication { float: right; } .userinfo strong { color: #fefeff; } /*-------- FOOTER TYPOGRAPHY */ [role="contentinfo"] { color: #bbb; } /* headings - content and about h2's have underlines; these are overridden elsewhere */ [role="contentinfo"] h2 { border-bottom: 1px solid #bbb; color: #ffd17f; font-size: 1.538461538461538em; /* 20 / 13 */ margin: 0 0 .5em; /* 10 / 20 */ padding: 0 0 .5em; /* 10 / 20 */ } nav.footer h2, section.contact h2 { width: 80%; } nav.footer li { margin: 0; } [role="contentinfo"] h3, .callouts .cta h2 { color: #fff; font-family: Arial, Helvetica, sans-serif; font-size: 1em; /* 13px */ font-weight: bold; line-height: 1.333; margin: 1em 0 0; } footer .callouts h2 { border: none; margin: 0; padding: 0; } footer .toolbar h2 { border: none; display: inline-block; float: left; line-height: 64px; margin: 0; padding: 0; text-shadow: 1px 1px rgba(0, 0, 0, 0.3); } footer .toolbar h2 img { vertical-align: middle; } /* most footer links use these styles */ /*[role="contentinfo"] a, [role="contentinfo"] a:visited { color:#bababa; }*/ [role="contentinfo"] a:hover, [role="contentinfo"] a:focus, [role="contentinfo"] a:active { color: #fff; } [role="contentinfo"] h3 a, [role="contentinfo"] h3 a:visited { color: #fff; } /* copyright and links at bottom of footer */ [role="contentinfo"] .meta { font-size: 0.8461538461538462em; /* 11 / 13 */ } [role="contentinfo"] .meta .links li { border-left: 1px solid #bbb; line-height: 1; /* 11px, to limit height of borders */ padding: 0 0.7272727272727273em; /* 8px */ } [role="contentinfo"] .meta .links li:first-child { border-left: none; padding-left: 0; } .meta-tools { list-style: none; text-align: center; } .meta-tools li { display: inline-block; margin-left: 2.30769230769231em; /* 30 / 13 */ } .meta-tools li:first-child { margin-left: 0; } .meta-tools a { background-position: left center; background-repeat: no-repeat; display: block; line-height: 24px; padding-left: 30px; } .about-neb-next { background-image: url("/content/img/css/icon-neb-next-about.png"); } .tech-support { background-image: url("/content/img/css/icon-help.png"); } .share-this { background-image: url("/content/img/css/icon-share.png"); } .tools-leave { background: #2f2f2f; border-radius: 3px; box-shadow: inset 1px 1px #202020, inset -1px -1px #878787; display: block; margin: 0 auto; padding: 0.46153846153846em 0; /* 8 / 13 */ text-align: center; width: 300px; } /* toolbar is orange bar absolutely positioned above footer; markup is at bottom of source */ footer .toolbar .items { display: inline; float: left; line-height: 64px; padding-left: .5em; } .toolbar .items li { padding: 0 0.6153846153846154em; /* 8 / 13 */ } .tools .toolbar .items li { padding: 0 2.6153846153846154em; /* 34 / 13 */ } .toolbar .items a { color: #fff; display: inline-block; font-weight: bold; line-height: 2; padding: 0 0.3846153846153846em; /* 0 5 / 13 */ text-shadow: 1px 1px rgba(0, 0, 0, 0.3); } .toolbar strong a, .toolbar a:hover { background: #d25512 none; border-radius: 3px; box-shadow: inset 1px 1px #913b0c, inset -1px -1px #e59d76; } .toolbar strong a:hover { background: #923b0c none; } /*-------- SECONDARY NAV TYPOGRAPHY */ nav.section h1 { font-size: 2.153846153846154em; /* 28 / 13 */ line-height: 1; margin: 0 0 0.8571428571428571em; /* 24 / 28 */ } nav.section ul { font: 1.538461538461538em/1.1 minion-pro, 'Times New Roman', Times, serif; /* 20 / 13 */ margin: 0 0 1.2em; /* 24 / 20 */ } nav.section li { background: transparent url("/content/img/css/bg-nav-section.png") 0 bottom no-repeat; display: block; margin: 0; } nav.section a, nav.section a:visited { color: #676767; padding: 0 0 0 2px; padding: .4em 0; /* 6 / 20 */ display: inline-block; } nav.section .on a, nav.section a:hover, nav.section a:active { color: #2f2f2f; } nav.section .on { background-position: -240px bottom; } /* added > selector for NEBCOMQA-824 */ nav.section .on > a { background: transparent url("/content/img/css/indicator-on.png") 0 0.5em no-repeat; margin-left: -20px; padding-left: 20px; } /* =NAVIGATION ********************************************************************************/ nav ul, .meta { list-style: none; list-style-image: none; margin: 0; padding: 0; } [role="navigation"] .content { position: relative; } [role="navigation"] .primary { background: transparent none; float: left; margin: 0; margin-left: 20px; padding: 0; width: 100%; } li.nav-primary-item { background: transparent url("/content/img/css/bg-nav-primary.png") -9999px 0 no-repeat; height: 3.538461538461538em; /* 46 / 13 */ margin: 0 0 0 -3px; padding: 0 0 1px 4px; } /*.nav-primary-item:hover, .nav-primary-item.on { background-color:#fff; background-position:0 -82px; }*/ .nav-primary-item .decor { /*background:transparent url('/content/img/css/bg-nav-primary.png') -9999px 0 no-repeat;*/ display: block; height: 4em; /* 39 / 13 */ border-radius: 3px; /*margin:0 0 -1px; padding:0.6153846153846154em 6px 0 2px; /* 8 / 13 */ position: relative; z-index: 1000; } .nav-primary-item:hover .decor, .nav-primary-item.on .decor { background-position: right -10.23076923076923em; /* 133 / 13 } .nav-primary-item.over .decor { /* extend bottom of container to cover gradient in flyout */ background-color: #fff; margin-bottom: -2.538461538461538em; /* 33 / 13 */ padding-bottom: 2em; /* 33 / 13 */ } .nav-primary-item .decor a { /*background:transparent url('/content/img/css/bg-nav-primary.png') right top no-repeat;*/ border-radius: 3px 3px 0 0; display: block; float: left; font: 2em/1 minion-pro, 'Times New Roman', Times, serif; /* 18 / 13 */ height: 1.666666666666667em; /* 30 / 18 */ padding: 10px 20px; text-transform: uppercase; } .on .decor a, .nav-primary-item:hover .decor a { background-position: right -39px; color: #2f2f2f; } /*.no-js .nav-primary-item:hover .decor a, .no-js .nav-primary-item:hover .decor a:hover, .nav-primary-item.over .decor a, .nav-primary-item.over .decor a:hover { color:#983a07; }*/ /* flyouts */ .nav-primary-item .nav-sub { background: #fff url("/content/img/css/bg-nav-sub.png") 0 0 no-repeat; border: 2px solid #858585; border-top-width: 0; margin: 2px -1px 0; padding: 2.538461538461538em 0 16px 0; /* 33 / 13 */ /* matches padding & margin on .nav-primary-item:hover .decor */ position: absolute; text-transform: none; font-size: 1.5em; color: #4c4c4c; top: 3.538461538461538em; /* 46 / 13 */ left: -9999em; width: 940px; } .no-js li.nav-primary-item:hover .nav-sub, li.nav-primary-item.over .nav-sub { left: -160px; } .nav-sub .decorator { background: #fff url("/content/img/css/bg-nav-sub.png") -940px 0 repeat-y; float: left; } .nav-sub ul { float: left; height: 100%; padding: 0 18px 0 26px; width: 322px; } .nav-sub ul:first-child { padding-left: 27px; width: 352px; } .nav-sub li { display: block; float: none; font-size: 1.153846153846154em; /* 15 / 13 */ padding: 0.5333333333333333em 0; /* 8 / 15 */ } .nav-sub .callouts { float: left; padding: 0 26px 0.5333333333333333em 20px; /* 8 / 15 */ width: 206px; } .nav-sub .cta { clear: both; margin: 0 0 1.230769230769231em; /* 16 / 13 */ width: 100%; } .nav-sub .information, .nav-sub .cta { float: left; width: 100%; } .nav-sub li a, .nav-sub li a:visited { color: #676767; } .nav-sub li a:hover, .nav-sub li a:active { color: #2f2f2f; } span#search-site { float: right; height: 3.538461538461538em; /* 46 / 13 */ line-height: 3.538461538461538; padding: 0; width: 200px; text-align: right; } [role="navigation"] .secondary { background: #fff none; border-radius: 3px 3px 0 0; float: none; font-size: 0.9230769230769231em; /* 12 / 13 */ padding: 12px 2em 8px; position: absolute; bottom: 0; right: 0; text-align: center; width: 374px; box-sizing: content-box; } [role="navigation"] .secondary li { display: inline; float: none; padding: 0 .75em; text-transform: uppercase; } [role="navigation"] .secondary a { border-radius: 5px; color: #484546; display: inline-block; line-height: 1.75; padding: 0 .75em; } [role="navigation"] .secondary a:hover, [role="navigation"] .secondary a:active, [role="navigation"] .secondary a.on { background: #858585 none; color: #fefefe; } [role="navigation"] .search-site { float: right; } .nav-product { border-bottom: 1px solid #bbb; /*bottom: -2px;*/ clear: both; display: table; margin: 0 0 20px; padding: 0; overflow: hidden; position: relative; width: 100%; } .primary.full .nav-product { padding: 0; } .nav-product li { display: inline-block; float: left; list-style: none; margin: 0 3px 0 3px; padding: 0 3px 0 3px; } .line .nav-product li.ui-tabs-selected { background-position: left -263px, right -220px !important; padding: 0 3px; } .line .nav-product li.ui-tabs-selected a { border: none; } .primary.full .nav-product li a { width: 130px; } .nav-product li a { background: #636051 url("/content/img/css/bg-tabs-line-tile.png") 0 0; border-radius: 4px 4px 0 0; color: #fff; display: table-cell; font-weight: bold; height: 28px; line-height: 14px; padding: 6px 4px; text-align: center; text-decoration: none; text-shadow: #000 0 1px 2px; vertical-align: middle; width: 150px; } .nav-product li a:hover { background-position: 0 -150px; color: #ffffff; } .nav-product li.on { background-image: url("/content/img/css/bg-tabs-line-tile.png"), url("/content/img/css/bg-tabs-line-tile.png"); background-position: left -260px, right -218px; background-repeat: no-repeat; padding: 0 3px 0 3px; } .nav-product li.on a { background-position: 0 -75px; border: 1px solid #fff; color: #1a1a1a; text-shadow: none; } /* BREADCRUMBS */ nav.breadcrumbs { position: absolute; top: 14.30769230769231em; /* 186 / 13 */ width: 100%; } .tools nav.breadcrumbs { top: 10.30769230769231em; /* 134 / 13 */ } nav.breadcrumbs ul { margin: 0 auto; width: 920px; } nav.breadcrumbs li { display: inline; } nav.breadcrumbs a { color: #5e584d; font-size: 0.8461538461538462em; margin-left: .3333em; } nav.breadcrumbs .on a { color: #2b2720; } /* ctas in the .primary > header (e.g., New Products, as in flyouts) */ header .callouts { margin-top: 0.7692307692307692em; } header .callouts .cta { float: right; } header .callouts .new { background: url("/content/img/css/icons.png") left -145px no-repeat; padding-left: 47px; } /* page-utilities is the menu in .primary > header */ .page-utilities { clear: both; list-style: none; margin: 0; overflow: hidden; padding: 0; } .page-utilities.inline { clear: none; float: right; margin-top: 28px; } .tools .page-utilities { clear: none; float: right; margin-top: 48px; } .page-utilities li { float: left; padding: 2px 8px 5px 15px; } .page-utilities a, .page-utilities a:visited, .accordion .favorite, .pane .favorite, .page-utilities .unfavorite, .page-utilities .added { background: transparent url("/content/img/css/bg-page-utilities.png") 0 0 no-repeat; color: #676767; display: inline-block; font-size: 0.69230769230769em; /* 9 / 13 */ height: 2em; /* 20 / 10 */ line-height: 2.8; /* 28 / 10 */ margin: 0 0 .8em; padding: 0 0 0 26px; text-transform: uppercase; } .accordion i.favorite, .pane i.favorite { background-position: 0 -32px; font-size: 11px; font-style: normal; margin-bottom: 0; } .page-utilities a { margin: 8px 0; } .page-utilities a:hover, .page-utilities a:active { color: #2f2f2f; } .page-utilities .favorite, .page-utilities .favorite:visited, .accordion .favorite, .accordion .favorite:visited { background-position: 0 -36px; } .page-utilities .unfavorite, .page-utilities .unfavorite:visited, .page-utilities .added, .page-utilities .added:visited, .accordion .added, .accordion .added:visited { background-position: 0 -72px; } .page-utilities .pdf, .page-utilities .pdf:visited { background-position: 3px -144px; } .page-utilities .print, .page-utilities .print:visited { background-position: 0 -108px; } .page-utilities .feedback, .page-utilities .feedback:visited { background-position: 0 -178px; } /*----------------------------------- Forms -------------------------*/ fieldset legend { font-weight: bold; } fieldset ol { list-style-type: none; margin: 0; padding: 0; } fieldset li { margin-bottom: 1em; } .recaptcha-form input[type="reset"] { margin-top: 1.2em !important; /* override the declaration on line 1770 for NEBCOMQA-939 */ } fieldset div.scfSingleLineTextBorder { display: inline-block; float: left; overflow: auto; width: 96%; } div.form-container { display: block; overflow: auto; width: 100%; } div.form-container span.scfRequired { padding-left: 0.0769230769230769em; /* 2 / 13 */ } div.scfMultiColumnTextBox { clear: left; text-align: left; display: inline-block; float: left; overflow: auto; margin: 5px; width: 100%; vertical-align: top; } div.scfMultiColumnTextBox > input { width: 422px; } div.scfMultiColumnTextBox > input.scfProvince { width: 267px; } div.scfMultiColumnDivider { display: block; float: left; padding: 35px 10px 0 10px; font-weight: bold; } div.scfMultiColumnContainer { display: block; float: left; } li.freezer-search { width: 110%; } li.freezer-search > input { float: left; padding-left: 5px !important; width: 125px; } li.freezer-search > button { float: left; } input, select, textarea, label, button { display: block; } input, select, textarea, button { font: 12.6667px Arial; /*font-weight: bold;*/ } .wForm legend, .wForm h4 { padding: 20px 0px 0px 0px !important; } label input, label select { display: inline; } .wrapper input[type=hidden] { display: none; } input:focus { box-shadow: 0 0 4px #7f9db9; outline: none; } input[type='text'], input[type='tel'], input[type='email'], input[type=password], textarea { /*border: 1px solid #7f9db9;*/ } button, a.button, input[type='submit'] { cursor: pointer; background: #fff url("/content/img/css/bg-button.png") 0 0 repeat-x; border: none; color: #fff; display: inline-block; font-size: 1em; border-radius: 4px; -moz-box-sizing: content-box; box-sizing: content-box; padding: 0.5em 1em; /*margin: 0 auto 40px;*/ font-weight: bold; } button[disabled] { cursor: default; opacity: 0.5; } button:focus, a.button:focus, input[type='submit']:focus { outline: 0; } button:hover, a.button:hover, input[type='submit']:hover { background-position: 0 -52px; } button.custom, a.custom { border: none; border-radius: 4px; font-size: 0.8461538461538462em; /* 11 / 13 */ padding: 0.6363636363636364em 0.3636363636363636em 0.5454545454545455em; /* 7 / 11 4 / 11 6 / 11 */ padding: 8px 5px 7px; } button[disabled]:hover { background-position: 0 0; box-shadow: 0 0 4px #ccc; } button.button-lg, a.button-lg, .scfSubmitButtonBorder input[type=submit] { font-size: 1.23076923em; /*16 / 13 */ float: left; margin: 0 9px 1em 0; } .scfSubmitButtonBorder input[type=submit], .contact-info input[type=reset] { width: auto; } .button-lg + span { font-size: 0.923076923em; /* 12 / 13 */ } /* Cancel "button" */ input[type=reset] { background: none; border: none; box-shadow: none; color: #F2661B; cursor: pointer; float: left; font-size: .85em; margin-top: 2.75em; } /* form validation */ .validation-alert { background: transparent url("/content/img/css/icon-alert-validation.png") 0 bottom no-repeat; color: #b70004; display: block; font-weight: bold; min-height: 26px; padding: 0 0 0 37px; margin-bottom: 2em; } .validation-error { color: #b70004; font-size: 0.846153846em; /* 11 / 13 */ } /* custom styled select list */ .primary .select-decor + .group { border-top: 1px solid #efeae2; margin-top: 1em; padding-top: 1em; } .primary .group .select-decor { border-bottom: 1px solid #efeae2; padding-bottom: 1em; } .select-decor .inner { background: #d3d3d3 url("/content/img/css/bg-select-gray.png") right 0 no-repeat; display: inline-block; width: 286px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .select-decor label { display: inline-block; } .select-decor select { background: transparent; border: none; color: #4c4c4c; font-size: 1em; font-weight: bold; line-height: 1.3; padding: 7px 3px; width: 100%; -webkit-appearance: none; } .checkbox ul, .radio ul { list-style: none; margin-left: 0; } .checkbox li, .radio li { list-style-type: none; } .multi-input li { margin-bottom: .75em; } .multi-input input { float: left; } .multi-input input[type='checkbox'] { margin: 8px 14px 0 0; } .multi-input input[type='number'] { width: 30px; margin-right: 6px; } .multi-input span { margin-left: 70px; } .figure-nav label { cursor: pointer; } .figure-nav, .catalog-list { list-style-image: none; } .figure-nav span, .figure-nav a { margin-right: 17px; font-size: 0.923076923em; /* 12 / 13 */ display: block; padding: .25em 0.538461538em; } .primary .figure-nav .on { background: transparent url("/content/img/css/icon-preview.png") right center no-repeat; } .figure-nav li { margin-bottom: 1em; } .figure-nav .on span, .figure-nav .on a { background-color: #e2e2e2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } .checkwrap { margin: 0 79px 1em 0; } .checkwrap legend { padding-bottom: .5em; } .checkwrap li { margin: 0; overflow: hidden; } .checkwrap label { padding-left: 20px; } .checkwrap input { margin-left: -20px; } .contact-info textarea { width: 300px; max-width: 300px; height: 100px; margin: 0; } .primary .contact-info { padding: 17px 12px; margin-right: -13px; } .primary section.tabs + div.scfForm .contact-info { margin-right: 0; } .contact-info label { font-weight: bold; margin-bottom: 6px; } .contact-info input { width: 100%; } .recaptcha-form input { width: 97%; } /*.contact-info input[type=text],*/ .contact-info textarea { width: 97%; } /*.wide .contact-info input[type=text],*/ .wide .contact-info textarea { max-width: 95%; width: 95%; } .email-phone li { margin-bottom: 0; } .email-phone input { width: auto; display: inline; margin: 0; } .email-phone input + label { margin-left: 1em; display: inline-block; width: 68px; font-weight: normal; } .email-phone input[type='text'] { width: 186px; } input.search { background: #ececec url("/content/img/css/icons.png") 0 -33px no-repeat; border: none; box-shadow: inset 1px 1px 1px #777; border-radius: 2px; color: #787877; font-size: 1em; margin: 0 5px 0 0; padding: 5px 0 6px 20px; } input.search:focus { box-shadow: inset 1px 1px 1px #999, 0 0 6px #7f9db9; background-color: #fff; } fieldset.quick-order .inner { width: 350px; float: left; } fieldset.quick-order input { margin-left: 17px; } fieldset.quick-order input, fieldset.quick-order button { margin-bottom: 0; margin-top: 1em; } /* variable number of fields, force to display 3 across */ .variable-field-section { clear: both; } .variable-field-section .filter-section, .variable-field-section .multi-input li { float: left; margin: 0 3% .5em 0; width: 30%; } .variable-field-section .half { width: 12.5%; } .variable-field-section input[type=text]:first-child, .variable-field-section select:first-child { margin-top: 1.384615384615385em; /* line height of label as computed at default font size ( 18/13 ) */ } .variable-field-section input[type=text] { width: 100%; } .variable-field-section select { max-width: 100%; } .variable-field-section .wide { min-width: 200px; } .variable-field-section button { margin: 1em 0 0; } .variable-field-section .standalone { clear: left; width: 100%; } .variable-field-section .multi-input label { white-space: nowrap; } .variable-field-section section { clear: both; padding-top: 2em; } .variable-field-section td { -ms-word-wrap: break-word; word-wrap: break-word; } /* Login modal */ .page-modal .scfSectionBorderAsFieldSet { float: left; width: 100%; } .page-modal .scfForm .contact-info .scfSectionContent { margin-top: 0; } .page-modal .scfFooterBorder, .page-modal .scfSubmitButtonBorder { clear: both; float: left; } .page-modal .scfSubmitButtonBorder { margin-top: 0; } .primary .scfForm .contact-info .scfSectionContent, .primary .scfFooterBorder, .primary .scfSubmitButtonBorder { margin-top: 0; } .halfAvailableWidth { margin: 0 5% 0 0 !important; width: 42% !important; } .halfAvailableWidth .scfSectionBorderAsFieldSet, .halfAvailableWidth .scfCheckBoxListLabel { width: 100%; } .scfCheckBoxList td { padding: 0; } .contact-info [type="checkbox"], .contact-info [type="radio"], .contact-info .scfCheckbox [type="checkbox"], .contact-info .scfCheckbox [type="radio"], .scfCheckbox label, td label { display: inline; } .contact-info [type="checkbox"] { width: auto; } /* .freezer-form */ .freezer-form li input, .freezer-form li textarea { width: 45%; } /*WFM Fields - !important is necessary to override defaults */ .scfForm { font-family: Helvetica, Arial, sans-serif !important; /* margin-top: 1em;*/ } .scfForm .scfTitleBorder { font: normal 1.665em minion-pro,'Times New Roman',Times,serif !important; } .scfSectionContent > div { padding: .5em 0; } .scfForm label { font-weight: bold; width: auto !important; float: none !important; } .scfDropListGeneralPanel select { border: none; padding: 3px 0; } .scfFooterBorder { clear: both; } .scfForm input[type='submit'] { font-size: 1.1em; margin-top: 1em; } .scfRequired, .scfError, .scfValidationSummary, .scfValidatorRequired, .scfValidator { color: #b60101 !important; float: left !important; padding-left: .25em; font-weight: bold; } .scfIntroBorder + .scfValidationSummary { margin-top: 1em; } .scfDropListBorder, .scfEmailBorder, .scfMultipleLineTextBorder, .scfSingleLineTextBorder, .scfPasswordBorder, .scfNumberBorder, .scfDatePickerBorder, .scfDateBorder, .scfRadioButtonListBorder, .scfListBoxBorder, .scfCheckBoxListBorder, .scfFileUploadBorder, .scfDateSelectorBorder, .scfCreditCardBorder, .scfConfirmPasswordBorder, .scfCaptchaBorder, .scfTelephoneBorder, .scfSmsTelephoneBorder { overflow: hidden; } .scfForm .scfEmailGeneralPanel, .scfForm .scfMultipleLineGeneralPanel, .scfForm .scfSingleLineGeneralPanel, .scfForm .scfPasswordGeneralPanel, .scfForm .scfNumberGeneralPanel, .scfForm .scfDatePickerGeneralPanel, .scfForm .scfDateGeneralPanel, .scfForm .scfRadioButtonListGeneralPanel, .scfForm .scfCheckBoxListGeneralPanel, .scfForm .scfFileUploadGeneralPanel, .scfForm .scfDateSelectorGeneralPanel, .scfForm .scfCreditCardGeneralPanel, .scfForm .scfConfirmPasswordGeneralPanel, .scfForm .scfCaptchaGeneralPanel, .scfForm .scfTelephoneGeneralPanel, .scfForm .scfSmsTelephoneGeneralPanel { width: 95%; } /*.scfConfirmPasswordBorder .scfConfirmPasswordGeneralPanel {width:99% !important;} .scfSingleLineGeneralPanel, .scfPasswordGeneralPanel, .scfEmailGeneralPanel, .scfPasswordConfirmation {width:90% !important;}*/ /* for log in and sign in pages that have "*" required that needs to be floated next to input */ .primary .scfForm .contact-info { margin-right: 0; } .scfForm .promoted.contact-info { overflow: hidden; padding: 17px 12px; } .scfSectionBorderAsFieldSet { border: none !important; clear: both; margin: 0 !important; padding: 0 !important; } .scfRadioButtonList td { padding-left: 0; } .scfSectionBorderAsFieldSet .scfSectionLegend { margin: 0 0 -1em 0; padding: 1em 0 0 .5em; } .contact-info .scfRadioButtonList label { float: left; } .contact-info .scfRadioButtonList input { float: left !important; margin: 0 5px 0 0; width: auto !important; } .contact-info .scfRadioButtonListLabel { width: 100%; } .scfForm input[type="reset"] { float: right; margin: 2.4em 1.5em 0 0; } /*.scfSingleLineTextBorder, .scfPasswordBorder, .scfEmailBorder, .scfPasswordConfirmation {padding-left:0 !important;}*/ /* Filter interface for search-type pages*/ .filters { font-size: 0.923076923em; /* 12 / 13 */ margin-bottom: 12px; margin-top: -2.461538461538462em; padding: 0 13px 0 20px; position: relative; } .filters > ol { overflow: hidden; } .filters > ol > li { -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-bottom: 0; padding: 0 10px 0 0; width: 100%; } .filters li + li { border-left: 1px solid #fff; } .filters input { padding: 3px; border: 1px solid #7f9db9; float: left; } .filters select, .box .tabs-small select { border: none; padding: 1px; } .filters .inline div { display: inline-block; } .filters .inline legend { margin: 1em 0 0; padding: .5em 0; width: 100%; } .filters .filter-select, .filters .filter-search { vertical-align: top; width: 29%; } .filters .filter-search input { -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; } .filter-search button { margin: .5em 0 40px .25em; } .filter-search .inner, .filter-search .inner input { width: 100%; } .filter-select select { width: 100%; } .filter-search .loading { background: url("/content/img/css/ajax-loader-small.gif") 95% center no-repeat; } .filter-search .error-alert { background: url("/content/img/css/icon-error.png") left center no-repeat; position: absolute; margin-left: -20px; height: 20px; width: 20px; } .filter-search input.error { border: 1px solid #FF0000; color: black; } .filter-search .error .ui-autocomplete { background: #ffebec; border: none; color: black; position: relative; width: 100% !important; } .filters .autocomplete-results { width: 400px; } .filters .autocomplete-results.error { position: absolute; margin-top: -3px; } .filters .ui-autocomplete { width: 100% !important; } .filters .autocomplete-error { display: block; padding: 0.5em 1em; } .filters .filter-option { text-align: center; width: 5%; } .filters .filter-submit { clear: both; float: right; padding-top: 2em; text-align: right; } .filters .filter-submit *:last-child { margin-right: .5em; margin-left: 1.25em; } .filters .field-label { color: #2f2f2f; font-weight: bold; padding-bottom: 9px; } .filters .inner ~ .inner { margin-top: 2em; } /* add top margin to following inner sections to create spacing */ .filters .inner { overflow: hidden; } .filter-select .inner, .scfDropListGeneralPanel, .box .tabs-small .container-select { overflow: hidden; background: url("/content/img/css/bg-select.png") no-repeat right #fff; border: 1px solid #7f9db9; margin: 0 0 10px 0; width: 100%; } .filter-select .inner select, .scfDropListGeneralPanel select, .box .tabs-small select { background: transparent; -webkit-appearance: none; width: 100%; } .filters .action { background: #f37322; border: transparent; box-shadow: none; float: left; font-size: 0.916666667em; /* 11 / 12 - not a typo, font on the container is 12 */ width: 33px; padding: 7px 0px; margin: -1px 0 0 5px; text-transform: uppercase; text-shadow: 1px 1px 1px #b32b07; background-image: linear-gradient(bottom, #f26519 50%, #f5832b 56%); background-image: -o-linear-gradient(bottom, #f26519 50%, #f5832b 56%); background-image: -moz-linear-gradient(bottom, #f26519 50%, #f5832b 56%); background-image: -webkit-linear-gradient(bottom, #f26519 50%, #f5832b 56%); background-image: -ms-linear-gradient(bottom, #f26519 50%, #f5832b 56%); background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.5, #f26519), color-stop(0.56, #f5832b)); } .facets { margin: 12px 0 0 0; clear: both; overflow: hidden; } .facets li { list-style: none; padding-left: 14px; } .application .facets li { float: right; padding: 0; } .remove { background: transparent url("/content/img/css/icons.png") 0 -741px no-repeat; display: block; margin: 3px 5px 0 -14px; text-indent: -9999em; text-align: left; width: 9px; height: 9px; float: left; } .clear-all { float: right; font-weight: bold; } fieldset .tools-resources-search input { width: 97%; border: 1px solid #7f9db9; margin: 0 0 10px 0; } /* CUSTOM SELECT LIST */ .select-list { font: bold 1em Arial, Helvetica, sans-serif; position: relative; } .tabs .select-list ul { z-index: 1; /* fix for NEBCOMQA-873 */ } .selected { background: url("/content/img/css/icon-select-down.png") no-repeat 96% 50%; cursor: pointer; padding: 6px 12px 6px; } .selected-wide { background: url("/content/img/css/icon-select-down.png") no-repeat 96% 50%; cursor: pointer; padding: 6px 12px 6px; width: 100%; } .selected:hover, .select-list:hover .selected { background: url("/content/img/css/icon-select-up.png") no-repeat 96% 50%; } .select-list ul { background: #e2e2e2; max-height: 250px; list-style: none; margin: 0; left: -999em; overflow-y: scroll; position: absolute; width: 100%; } .box .select-list ul { margin: 0; width: 100%; z-index: 999; } .select-list:hover > ul { left: 0; padding-top: .5em; } .select-list li, .tabs .select-list li { margin-bottom: .25em; padding-left: 12px; } .box .select-list ul li { background-image: none; padding-bottom: 0; } .select-list li:hover { background: #a9a9a9; } .select-list a, .select-list a:visited { color: #4c4c4c; display: block; padding: 5px 0 3px; } .select-list a:hover, .select-list a:focus, .select-list a:active { color: #fff; } /*-------- SITE SEARCH UTILITY */ #search-site input, #search-site button { display: inline-block; margin: 0; } #search-site input { width: 150px; } /*----------------------------------- Tables -------------------------*/ table { border: 1px solid #b3b3b3; font-size: 0.923076923em; /* 12 / 13 */ line-height: 1.33333333em; /* 16 / 12 */ margin: 0; width: 100%; } table + table { margin: 3em 0 0; } table.fixed-table { table-layout: fixed; } table.freezer-form { margin-top: 1em; } thead { background-color: #c6c5c0; } th { border: 1px solid #b3b3b3; padding: 7px; text-align: left; vertical-align: top; } th + th { border-left: 1px solid #b3b3b3; } th.size { width: 94px; } th.group { text-align: center; } th.grid-label { background-color: #5d5e59; color: #fff; font-weight: bold; } tbody th { font-weight: normal; } tbody th a { margin-left: .36em; } tbody .striped th { background-color: #ecede8; } td { border-color: #b3b3b3; border-top-width: 0; border-bottom-width: 0; padding: 8px 7px; /*vertical-align: top;*/ } tbody tr:nth-child(even) { background-color: #ecede8; } .border td { border-bottom-width: 1px; } .border.dashed td { border-bottom-style: dotted; } .no-stripe .striped td, .no-stripe td.striped { background-color: #ecede8; } .no-stripe tbody tr td { background-color: transparent; } .shim-even td { background-color: #ecede8; } td:first-child, th:first-child { border-left-width: 0; /*min-width:4.5em;*/ } td:last-child, th:last-child { border-right-width: 0; } tr.indicated { font-weight: bold; } th.asc, .search-results thead th.asc:first-child { background: transparent url("/content/img/css/icons-table-sort.png") no-repeat bottom 11px left 5px !important; padding: 7px 0 0 17px !important; } th.desc, .search-results thead th.desc:first-child { background: transparent url("/content/img/css/icons-table-sort.png") 5px 11px no-repeat !important; padding: 7px 0 0 17px !important; } th.desc, .search-results thead th.desc:first-child { background-position: 5px -29px; } .publications-list-results thead th, .publications-list-results thead th { background: transparent url("/content/img/css/icons-table-grey-sort.png") no-repeat; padding: 0 !important; } .publications-list-results thead th a { display: inline-block; padding: 7px 0 0 20px; } table .error { color: #9e9e9e; } table + p { margin-top: 1em; } .table-cell-inner-wrap { position: relative; width: 100%; } /* general items table*/ .items { border: none; } .items thead { background: transparent; } .items th { border: none; } /* quick-order*/ table.quick-order, table.quick-order th, table.quick-order td { border: none; font-size: 1em; /* 13 */ } table.quick-order tbody tr:nth-child(even) td { background-color: transparent; } table.quick-order thead { background-color: transparent; } table.quick-order th + th { border: none; } table.quick-order th:first-child, table.quick-order td:first-child { min-width: 0; padding-left: 20px; } table.quick-order th.catalog-number { width: 110px; } table.quick-order th.product-description { width: 325px; } table.quick-order input { border: 1px solid #BBBBBB; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 1em; /* 13 */ padding: 0.4615em; /* 6 / 13 */ width: 100%; } table.quick-order .autocomplete-results { position: absolute; } table.quick-order .loading { background: url("/content/img/css/ajax-loader-small.gif") 95% center no-repeat; } table.quick-order .error { background: url("/content/img/css/icon-error.png") left center no-repeat; padding-left: 20px; } table.quick-order .error input { border: 1px solid #FF0000; color: black; } table.quick-order .error .ui-autocomplete { background: #ffebec; border: none; color: black; } table.quick-order .warning { background: url("/content/img/css/icon-warning.png") left center no-repeat; } table.quick-order .warning input { border: 1px solid #febc00; color: black; } table.quick-order .warning .ui-autocomplete { background: #fff6da; border: none; color: black; } table.quick-order .warning .ui-autocomplete a { color: #f69349; } table.quick-order .warning .ui-autocomplete a:hover, table.quick-order .warning .ui-autocomplete .ui-state-hover { background-color: #ffe7a0; } table.quick-order .autocomplete-message { display: block; padding: 0.5em 1em; } table.quick-order .delete { display: none; } table.quick-order tr[id^="qo-"] .delete { display: inline; line-height: 2.5385em; /* 33 / 13 */ } table.quick-order [disabled], table.quick-order [readonly] { background-color: #FFFFFF; border: 1px solid #E2E2E2; color: #777484; -webkit-text-fill-color: #777484; opacity: 1; } /*cut site table style (enzyme finder)*/ table.cut-site, .cut-site td:first-child, .cut-site th:first-child { width: auto; min-width: inherit; } table.cut-site td { border: 0px; padding: 1px; } table.cut-site td.pre-cut { background: #CCC; } table.cut-site td.post-cut { background: #CFC; } /*double digests */ .double-digest { font-size: 0.6923em; /* 9 / 13 */ font-size: 0.6923em; /* 9 / 13 */ -moz-word-break: break-word; -webkit-word-break: break-word; -ms-word-break: break-word; -o-word-break: break-word; word-break: break-word; table-layout: fixed; } .double-digest thead { background: transparent; } .double-digest tr td:first-child { font-weight: bold; } .double-digest td, .double-digest th { padding: 3px; } .double-digest th { vertical-align: bottom; } .double-digest th + th { border-color: #efeae2; font-weight: bold; border: 1px solid #B3B3B3; } .double-digest tbody tr td { background-color: white; } .double-digest .h-alt { background-color: #ffdfc5; } .double-digest .v-alt { background-color: #d9f1fb; } .double-digest .hf-version { color: #b70004; } .double-digest .buffer { background-color: #f6f6f3; } .double-digest .buffer.vertical { height: 50px; vertical-align: bottom; } .double-digest .buffer.vertical span { display: inline-block; margin-bottom: 14px; margin-left: -10px; text-align: center; -ms-transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: 90deg; } /*Search results table style*/ .search-results { table-layout: fixed; } .search-results h2 { box-sizing: border-box; padding: 0 35% 0 0; position: relative; width: 100%; } .search-results h2 a { display: block; float: right; font-size: .65em; position: absolute; right: 0; top: 0; vertical-align: top; } .search-results table { border: none; } .search-results thead { background: transparent; } .search-results th { border: none; border-bottom: 1px solid #efeae2; } .search-results th + th { border-left: 1px solid #efeae2; } .search-results th a, .search-results th a:hover, .search-results th a:visited { color: #4C4C4C; } .search-results td:first-child, .search-results th:first-child { border-left-width: 0; padding-left: 17px; } .search-results td:last-child, .search-results th:last-child { border-right-width: 0; padding-right: 0; } .search-results td { border-color: #efeae2; } .search-results .application { width: 109px; } .search-results .authors { width: 116px; } .search-results .category { width: 216px; } .search-results .journal { width: 74px; } .search-results .title-publication { width: 230px; } .search-results .title-resource { width: 199px; } .search-results .type { width: 9em; } .search-results .year { width: 40px; } .search-results ul.items { overflow: visible; } .product-table tbody tr:hover { background-color: #ffb87e; cursor: pointer; } .product-table td { border: 0; padding: 5px 7px 2px; word-wrap: break-word; vertical-align: top; } .product-table td + td { border-left: 1px solid #b3b3b3; } .product-table input { /* width: 26px; */ } .product-table .tray { width: 64px; } .product-table .neb-num { width: 64px; } .product-table .category { width: 118px; } .product-table .size { width: 96px; } .product-table .stockroom { width: 82px; } .product-table .list-price { width: 61px; } .product-table .your-price { width: 60px; } .product-table .markup { width: 61px; } .product-table .stock-qty { width: 50px; } .product-table .order-qty { width: 48px; } .product-table .right-align { text-align: right; } .product-table .center-align { text-align: center; } /* Tablesorter styles */ table.tablesorter thead tr .header { padding-right: 28px; position: relative; } table.tablesorter thead tr .header:after { background: transparent url("/content/img/sort-sprite.png") no-repeat 0 0; content: ""; display: inline-block; height: 18px; margin-top: -9px; position: absolute; right: 7px; top: 50%; width: 10px; } table.tablesorter thead tr .header.headerSortUp:after { background-position: 0 -19px; } table.tablesorter thead tr .header.headerSortDown:after { background-position: 0 -46px; margin-top: 0; } /* =SECTIONS AND WIDGETS ******************************************************************************************/ /* baselines */ section { margin: 0 0 1em; } .primary > section, .primary > article, .primary > header, .primary > footer .inner, .primary > div.group, .primary > .inner { /*padding:0 13px 0 20px;*/ } /*.primary section + section, .primary article + article, .primary section + article, .primary article + section, .primary aside + section, .primary aside + article, .primary div.group + section.group, .primary > footer */ .primary .tabs, .primary .related-links + .group, .primary div.group + section.group, .primary section.tabs + div.scfForm { margin-top: 3em; /* 39 / 13*/ padding-top: 1em; } .primary .brochure + .offers { /*margin-top:-2em;*/ padding-top: 1em; } .primary .tabs-small { margin: 0; padding-top: 0; position: relative; } .primary .separator + .separator { border-top: 1px solid #efeae2; margin-top: 2em; /* 39 / 13*/ padding-top: 2em; } /* removed top margin as requested in NEBCOMQA-318, issue occured on /applications/cloning-and-mapping/ */ .primary div.group + section.group { margin-top: 0; } .primary .tabs.no-border { border: none; } .primary .line { border-top: 0; margin-top: 0; } .primary .tabs.static.list.group + footer { margin-top: 3em; padding-top: 1em; } /* mimics .tabs.list style */ .primary .group.full { clear: both; padding-right: 0; } .primary .tabs + .group.full { margin-top: 3em; } .primary div.group + div.group { clear: both; margin-top: -2em; } .primary div.group + div.group.separator { margin-top: -.5em; } .primary aside section + section, .primary aside section + .contact-info { margin-top: .5em; padding-top: 1em; } .primary .column-right + section, .primary .column-right + article { border-top: 1px solid #efeae2; padding-top: .66em; } .primary > footer { /*background:transparent url('/content/img/css/bg-top-decorator.png') 0 0 repeat-x;*/ border: 0; padding: 3em 13px 3em 20px; } .primary > footer .inner { /*background:transparent url('/content/img/css/bg-bottom-decorator.png') 0 bottom repeat-x; padding: 2em 0; 26 / 13 */ padding: 0; overflow: hidden; } .primary > footer.no-decor, .primary > footer .no-decor { background: none; } .primary > footer.offers { background: none; padding: 3em 0 0 0; } .primary > footer.offers .inner { background: none; padding-bottom: 0; } .primary aside + section, .primary aside + article, .primary .column-right + article, .primary .related-links + .group { clear: both; overflow: hidden; } .primary.group > .column-left { margin-right: 25px; } .primary article.wider { padding-top: 1em; margin-top: 1em; } .secondary section, .secondary aside, .primary .column-right .callout { background: #fff none; margin: 0 0 1.769230769230769em; /* 23 / 13 */ padding: 7px; } .primary .column-right section + section { padding-top: 0; margin-top: 0; } .baseline { border-top: 1px solid #EFEAE2; margin-top: -.5em; padding-top: .5em; text-align: right; } .primary aside { float: right; width: 300px; } .primary aside.support, .primary .narrow aside { margin: 0 0 1em 0; width: 220px; } .primary .narrow aside.callout { width: auto; } .primary aside section { padding-left: 0; } .primary .column-left + .column-right.narrow { width: 220px; float: right; } /*Three-column sub-layout*/ .grid-3-col { clear: both; } .grid-3-col > * { float: left; width: 31%; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; } .grid-3-col > * + * { margin-left: 1em; } aside.narrow-155 { float: left; margin-left: 15px; width: 155px; } .narrow-155 label, .narrow-155 h2 { color: #4C4C4C; font: normal 1.538461538461538em/1.3 minion-pro,'Times New Roman',Times,serif; margin-bottom: .35em; } .narrow-155 input { background-image: none; padding-left: 5px; width: 140px; } .primary aside.search { border-left: 1px solid #f6f3ee; margin-bottom: 1em; padding-left: 25px; } aside.search h3 + p { margin: -.75em 0 1em; } aside.search p { font-size: .95em; } aside.search input { margin-bottom: 1em; width: 220px; } /* specific inner layout styles */ /* left hand content; assumes an aside on the right in layout and following in markup. */ .primary .column-left { float: left; margin: 0; /*width:310px;*/ width: calc(100% - 320px); } .primary .narrow-190 { float: left; width: 190px; } .primary .column-left.medium { width: 300px; } .medium h2 + p, .primary h2 + p, .primary h2 + figure, .primary footer h2 + .horizontal-list { margin-top: -1.5em; } .primary h2 + figure.right { margin-top: 0; } .primary .column-left.wide { width: 380px; } .primary .related-links.wide { width: 317px; } .wide h2 + .note { margin-top: -.9em; } .wide h3 + .note { margin-top: -.7em; } .wide p.note + ul, .wide p + ol { margin: -1.35em 0 2em 1em; } .column-left img.left { margin: 0 15px 0 0; } .primary footer { margin-top: 3em; } .primary footer .column-left { margin: 2em 0 2em 0; } .primary footer .column-left + .related-links { margin-top: 2em; } .primary footer .cta h2 { font-size: 1.5em; margin-bottom: 0; } p.action, p.action-offer { font-size: 1.07692308em; /* 14 / 13 */ line-height: 2em; color: #757575; } .primary .column-left + .column-right { float: right; width: 300px; } .column-left.contact-us .tabs.select { border: none; margin: 0; padding: 0; } .column-left.contact-us .tabs .select-list { margin: 0 0 10px; } /* clears space on left for image to be margined into */ .primary .bio { padding-left: 228px; overflow: hidden; } .bio + .bio { border-top: 1px solid #efeae2; margin-top: 1em; padding-top: 3em; /* 39 / 13*/ } .bio .port { background: #fff none; border: 1px solid #ccc; float: left; margin-left: -215px; padding: 1px; } .bio .port img { margin-bottom: -4px; } .bio h2 { color: #3f3f3f; font-size: 1.55em; margin-bottom: 1.25em; } .bio h3 { color: #2c2c2c; } /* clears the padding to create a generic container with specialized content */ .primary .feature { /*background:transparent url('/content/img/css/bg-top-decorator.png') 0 0 repeat-x;*/ border-top: 1px solid #a5a6a1; padding: 2.615384615384615em 0 0; /* 34 / 13 */ } .primary .feature .inner.decor { /*background:transparent url('/content/img/css/bg-bottom-decorator.png') 0 bottom repeat-x;*/ overflow: hidden; } .primary header + .feature { margin-top: -2em; } .primary .promoted { background: #f2f2f2 none; clear: both; display: block; float: none; width: auto; } .primary aside.promoted { padding: 1em 13px 1em 20px; } .primary .column-left + .promoted { border-radius: 5px; clear: none; float: right; padding: 1em 9px 1em 11px; width: 204px; } .contact-us .scfForm .promoted.contact-info { background: transparent none; margin: 0; padding: 0; } .primary .author { text-align: right; } .promoted h2 { font-size: 1.53846em; } .promoted h3 { font-size: 1.3em; margin: 0 0 .25em; } .promoted p { margin-bottom: 0; } /* pull up content to just under main heading. fine line below heading. */ .pull-up { border-top: 1px solid #efeae2; margin-top: -3.75em; padding: 1em 0 0 5px; } /* search results*/ .result-info input { width: 87%; display: inline-block; } .result-info h3 { display: inline; } .result-info .column-right { float: right; } .result-info .column-left { width: 350px; } .result-info .column-left + .column-right { width: 480px; } .result-info .column-right .options { display: inline; } .result-info .related-search-terms { font-size: 1.1em; padding-bottom: 1.1em; margin-bottom: 2em; border-bottom: 1px solid #b6b6b6; } .result-info .related-search-terms .related-terms-label { font-weight: bold; } .result-info .related-search-terms .related-terms .term { text-decoration: underline; padding-left: 4px; } .primary .search-results .column-left { width: 220px; } .primary .search-results .column-right { width: 415px; } .formatted .search-results .column-right { width: 700px; } .collections li { font-weight: bold; padding: 2px; } .collections li + li, .collections .subnav { margin: .5em 0 0 0; list-style-type: none; padding: 0; /* similar to .items but can't take overflow hidden*/ } .collections > li > a { padding-left: 16px; } .collections > li.has-children > a:first-child { background: url("/content/img/css/icon-has-children.png") no-repeat 0 50%; } .collections > li.active > a:first-child { background: url("/content/img/css/icon-expanded.png") no-repeat 0 50%; } .collections .subnav { margin-left: 16px; } .collections .active .subnav .active a { color: #983a07; } .collections p + .select-list { margin-top: -1em; } .search-results .result-list { margin-top: -16px; } .search-results .result-list li { background-color: #f1f1ef; padding: 1em; } .search-results .result-list li:nth-child(2n) { background-color: #ffffff; } .search-results .result-list h3 { margin: 0; } .search-results .result-list h3 + p { font-size: 0.835em; margin: 1em 0 0; } .search-results .result-list li .summary { margin-top: 1em; } .result-list .add-to-cart-list input { width: 20px; } .result-list .cart .add-to-cart-list a, .result-list .cart .add-to-cart-list a:visited { background-image: url("/content/img/css/icons.png"); } .result-list .cart .add-to-cart-list a:hover { background-position: 0 -441px; } .result-list .new { background: transparent url("/content/img/css/icons.png") -13px -690px no-repeat; padding-left: 32px; display: inline-block; height: 28px; } .discontinued { padding-left: 10px; font-size: 0.8em; color: grey; font-style: italic; font-weight: normal; } .search-results .result-list ul.key-matches { background-color: #ffb796; list-style: none; margin-bottom: 1.5em; margin-left: 0; } .search-results .result-list .key-matches li:first-of-type { padding-top: 1.2em; } .search-results .result-list .key-matches li { background: inherit; margin: 0; padding: 0 1.2em 1.2em 1.2em; } .search-results .result-list .key-matches li h3 { color: #2e2e2e; font: bold 1.4em Arial, Helvetica, sans-serif; } .search-results .result-list .key-matches li .url { color: #4c4c4c; margin-top: 0.5em; } /* freezer search results page */ .accent { border-top: 1px solid #efeae2; border-bottom: 1px solid #efeae2; padding-top: 2px; padding-bottom: 2px; } .accent.right { width: 475px; } .accent ul { margin: 0; } .accent li { background: #f6f6f3; list-style: none; margin: 2px 0 0; padding: 12px 15px 6px; } .accent li:first-child { margin-top: 0; } .accent .left { margin: 0; width: 48%; } .accent .right { border-left: 1px solid #efeae2; padding-left: 20px; width: 47%; } .accent .col { float: left; width: 186px; margin-left: -1px; border: 1px solid #efeae2; border-top-width: 0; border-bottom-width: 0; word-wrap: break-word; padding: 0 20px 1em; } .accent .col:first-child { padding-left: 0; border: 0; } .accent .last { padding-right: 0; border: 0; } .vcard .more { display: block; font-weight: bold; margin-top: 1.5em; } .vcard .more:after { content: ''; } /* map */ #map { border: 1px solid #a6a6a3; height: 370px; margin-bottom: 1em; width: 100%; } .map-marker { background: url("/content/img/css/marker.png") no-repeat 0 0; display: block; font: normal 1.538461538461538em minion-pro, 'Times New Roman', Times, serif; margin-top: 1em; min-height: 40px; padding: 20px 0 0 32px; } /*brochure style pages are full-width headers followed by two columns of a section and an aside */ .primary > .brochure { /*margin-top: -2.461538461538462em; /* 32 / 13 */ overflow: hidden; padding: 0; } .primary .brochure section + section { border-top: none; margin-top: 0; padding-top: 0; } .brochure h2 { color: #3a3a3a; font-size: 1.615384615384615em; /* 21 / 13 */ width: 623px; } .brochure h3 { color: #3f3f3f; } /* services - as in student services but is defined by just a bunch of sections with no discernible article*/ .services h2 { color: #3f3f3f; font-size: 1.53846154em; /* 20 / 13 */ } .services > p { font-weight: bold; } /*literature request */ .featured-literature .description img { height: 200px !important; } /* .product-select {} */ .literature-options { width: 32%; padding: 0 0 20px 0; } .primary > .product-header { margin: 0 0 5px; padding: 15px 15px 0 15px; } .primary > .product-header .page-utilities { display: inline-block; vertical-align: top; width: 10%; } .primary > .product-header h1 { margin: 0 0 12px; padding: 12px 0; } .product-heading { display: inline-block; padding: 0 10px 0 0; } .product-cart-search { display: inline-block; margin: 20px 0 2em; width: 500px; } .product-cart-search.search-inline { padding: 0; } .product-cart-search fieldset { margin: 0; width: 45%; } .product-cart-search p { display: inline-block; vertical-align: top; width: 250px; } .product-cart-search [type="text"] { box-shadow: none; display: inline-block; margin: 0 5px 0 0; padding-left: 20px !important; } .product-cart-search [type="text"]:focus { box-shadow: none; outline: none; } .product-cart-search button { display: inline-block; margin: 0; } .product-select-all { display: none; margin: 0 0 .75em; } .js .product-select-all { display: block; } .product-select-all span { background: #f6f6f3 none; float: right; padding: .5em 0 .5em 10px; width: 27.9365%; } .product-select-all input[type=checkbox] { margin-left: 0; } .selections > li { margin-bottom: 2em; } .selections .description { border-right: 1px solid #efeae2; float: left; padding-right: 3.01587%; width: 67.46032%; } .selections .description-archive { border: solid 1px #efeae2; float: left; width: 100%; margin: 10px 0 0 0; padding: 10px 0; text-align: center; } .selections img { float: left; height: 98px; margin: 0 15px 0 0; } .selections h4 + p { margin-top: -0.5em; } .selections fieldset { float: right; height: 100%; width: 27.9365%; } .selections [type=checkbox] { margin-left: 0; } .bottom-hanging { display: inline-block; margin-top: 30px; margin-bottom: 20px; width: 100%; } .bottom-hanging .three-up { width: 36.25%; } /* literature orders */ .product-order .tiles li { position: relative; } .js .product-order .remove-from-cart { background: transparent url("/content/img/css/icons.png") 0 -896px no-repeat; height: 16px; overflow: hidden; position: absolute; top: 3px; right: 3px; width: 17px; } .js .product-order .remove-from-cart input { margin: 0; } .js .product-order .remove-from-cart label { cursor: pointer; display: block; height: 16px; text-indent: -999em; width: 17px; } .product-order .purchase-options [type=checkbox] { width: auto; } .product-order .tiles .description { background: #f6f6f3 none; margin: 0 0 .5em; padding: 20px 1em 1em; } .product-order .tiles img { height: 78px; margin: 0 0 .5em; width: 60px; } .product-order .tiles h5 { height: 2.66667em; overflow: hidden; text-overflow: ellipsis; } /* ----- added for request literature order control on ticket 1139. -----*/ .new-lit-request input[type=text] { padding: 2px 3px; width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .new-lit-request div.form-container { width: 100%; } .new-lit-request div.scfSingleLineTextBorder { width: 100%; } .new-lit-request li.form-column { margin-right: 0; width: 50%; } .new-lit-request li.form-column.address-two { clear: left; float: none; } .new-lit-request div.scfSingleLineTextBorder.col-one { margin-right: 0; width: 95%; } .new-lit-request li.new-lit-city { float: left; margin-right: 5%; width: 300px; } .new-lit-request li.new-lit-state { float: left; margin-right: 1%; width: 145px; } .new-lit-request li.new-lit-filler { float: left; width: 30px; } .new-lit-request li.new-lit-province { float: left; margin-right: 3%; width: 140px; } .new-lit-request li.new-lit-zip { float: left; width: 100px; } .new-lit-request li.areas-of-interest { background: #f6f6f3; padding: 10px; } .new-lit-request li.areas-of-interest fieldset.checkwrap { margin: 0; } .new-lit-request .aoi-item { float: left; margin: 0 0 .25em; width: 50%; } .new-lit-request .aoi-item input { margin: 3px .25em 3px -11px; } .new-lit-request .aoi-item label { padding-right: 1em; } .new-lit-request-controls { float: none; text-align: right; } .new-lit-request-controls button, .new-lit-request-controls [type=reset] { display: inline-block; float: none; } /*----- end request literature order control ticket 1139 -----*/ /* callout on request catalog page */ .contact-info .form-section { border-bottom: 1px solid #c1c1c1; margin-bottom: 15px; padding-bottom: 15px; } .form-column { float: left; -moz-box-sizing: border-box; box-sizing: border-box; width: 50%; } .form-column:first-child { margin-right: 2%; width: 48%; } .wide-col li { float: left; box-sizing: border-box; margin-bottom: 0; } .wide-col li + li { margin-left: 26px; } .wide-col .city { width: 130px; } .wide-col .state { width: 28px; } .wide-col .zip { float: right; width: 80px; } .cancel { display: inline-block; font-size: 0.84615em; margin-top: 12px; } .legend { clear: both; font-size: 0.846153846em; /**/ } .legend dt, .legend dd { display: inline; } .legend.decor { border-top: 1px solid #c1c1c1; padding-top: 1em; } dl.tools { display: table; overflow: hidden; } dl.tools figure { border: 0; box-shadow: none; float: left; padding: 0 18px 4px 0; } dl.tools .inner { clear: both; display: table-row; } dl.tools dt, dl.tools dd { border: 1px solid #efeae2; border-top-width: 0; border-bottom-width: 0; display: table-cell; float: left; margin-left: -1px; min-height: 3.5em; padding-bottom: 1em; padding-right: 17px; width: 207px; } dl.tools dd { padding-left: 17px; } dl.tools dd { width: 331px; } dl.tools .page-utilities { width: 32px; width: 21px; clear: none; padding-right: 0; border-right: 0; /* min-height: 63px;*/ } dl.tools .page-utilities a { text-indent: -999em; display: block; } dl.two-col dd { width: 376px; border-right: none; padding-bottom: 17px; } dl.posters { display: table; overflow: hidden; } dl.posters figure { border: 0; box-shadow: none; float: left; padding: 0 18px 4px 0; } dl.posters .inner { clear: both; display: table-row; } dl.posters dt, dl.posters dd { border-top-width: 0; border-bottom-width: 0; display: table-cell; float: left; margin-left: -1px; min-height: 3.5em; padding-bottom: 1em; padding-right: 17px; width: 207px; } dl.posters dd { padding-left: 17px; } dl.posters dd { width: 631px; } /*similar to .tools, but for a ul */ ul.table-list { margin-left: 0; overflow: hidden; } .table-list li { overflow: hidden; list-style: none; margin: 0; } .table-list a { color: #d9814a; } .table-list .col { float: left; padding: 18px 14px; width: 211px; } .table-list .col + .col { border: 1px solid #efebe2; border-width: 0 1px; margin: 0 0 0 -1px; } .table-list time.col { padding-left: 4px; width: 70px; } .table-list .col.last { border-right: 0; } .offers .cta { background-color: #f6f6f3; font: 0.923076923em Arial, sans-serif; /* 12 / 13 */ box-shadow: inset 0 0 20px #ccc; padding: 7px; color: #2f2f2f; overflow: hidden; float: left; width: 278px; margin: 0; line-height: 1.7; } .offers .cta h3 { font: bold 1em Arial, sans-serif; /* 12 / 13 */ margin: 0; line-height: 1.5; } .offers .cta img { float: left; margin-right: 11px !important; /* !important added for images on special offers filmstrip */ } .offers .cta p { margin-bottom: 0; } .offers .cta a { font-weight: bold; } .offers .cta + .cta { margin-left: 35px; } .offers.three-col .cta { width: 189px; min-height: 92px; } .offers.three-col .cta + .cta { margin-left: 12px; } /* purchase is the area in the catalog where you are able to add items to your cart */ .purchase h2 { color: #4c4c4c; font-size: 1.076923076923077em; /* 14 / 13 */ margin: 0 0 0.5em; } .purchase .information { margin: 0 0 1.769230769230769em; padding: 1em 0; } .purchase .information + .category { border-top: 1px solid #ababab; margin-top: -20px; padding-top: 3em; } .purchase .category + .category { border-top: none; margin-top: 0; padding-top: 2em; } .blind-content { display: none; } .purchase .purchase-options, .purchase-options + .purchase-options { border: none; margin: 0 -13px 0 -17px; padding: 0.6153846153846154em 13px 0 17px; /* 8 / 13 */ } .purchase-options.open { background: #fff none; border: 1px solid #bebcb0; margin: 0 -13px 0 -17px; padding: 0.5384615384615385em 12px 1em 16px; /* 7 / 13 */ } .purchase-options h3 { color: #2f2f2f; font: bold 1em Arial, Helvetica, sans-serif; /* 15 / 13 */ line-height: 1; margin: 0 0 0.3076923076923077em; /* 4 / 13 */ } .purchase-options h3 a { color: #2f2f2f; display: inline-block; width: 82%; } .purchase-options h3 a:hover { color: #898989; } .purchase-options .close, .favorites-list .close, .purchase-options-search .close, .delete-favorite { background: transparent url("/content/img/css/icons.png") 0 -462px no-repeat !important; background-size: initial !important; cursor: pointer; display: inline; float: right; height: 9px; width: 9px; text-indent: -999em; } .purchase-options .close, .purchase-options-search .close { display: none; } .favorites-list .close { margin-top: 4px; } .purchase-options .close:hover, .favorites-list .close:hover { background-position: 0 -472px; } .purchase-options table { margin: 1.153846153846154em 0 0.5384615384615385em; /* 15 / 13 0 7 / 13 */ } .purchase-options td { border: none; padding: 8px 8px 0; } .purchase-options th { padding-bottom: 0; } .purchase-options .cart, .purchase-options .quantity { width: 30px; } .purchase-options .quantity { font-size: 13px; } .purchase-options .price { font-weight: bold; } .purchase-options input { width: 22px; } .blind-active .order { background-position: 0 0; cursor: pointer; vertical-align: top; /*height:11px; margin-bottom:0;*/ } .blind-active .order:hover { background-position: 0 -19px; } .blind-active.open .order { background-position: 0 -38px; cursor: default; /*height:19px; margin-bottom:-8px;*/ } /* inline-search */ .search-inline { clear: both; overflow: hidden; padding: 2em 0 0; } .search-inline h3 { color: #4c4c4c; float: left; line-height: 1.888888888888889; margin-left: 170px; } .search-inline fieldset { float: right; } .search-inline input { background-position: 0 -30px; padding: 7px 0 8px 20px; width: 198px; } .search-inline input, .search-inline button, .inline input, .inline button { display: inline-block; } .tabs.list .search-inline { padding: 2em 0 0 170px; } .secondary .graphic { background: transparent none; } /* ROTATOR */ .rotator { margin: -5px 0 0 -5px; } /*js timeline*/ .timeline { background: url("/content/img/css/bg-lt-grey-texture.jpg") 0 0 repeat-y; padding: 17px 19px; margin: -5px 0 0 -25px; width: 640px; min-height: 220px; box-shadow: inset 0 0 60px rgba(0, 0, 0, 0.6); } .timeline .inner { height: 280px; overflow: hidden; overflow-x: scroll; padding: 0 0 20px; } .timeline.js-active .inner { height: auto; } .timeline dl { overflow: hidden; padding: 0 0 0 0; width: 10000px; /* arbitrarily long to prevent items from wrapping around. reset by javascript */ } .timeline .vevent { float: left; margin: 0 0 0 68px; opacity: .25; filter: alpha(opacity=25); width: 182px; } .timeline.js-active .on, .timeline .vevent.on { opacity: 1; filter: alpha(opacity=100); } .timeline dt { overflow: hidden; position: relative; } .timeline dt time { background-color: #bfbfbd; display: block; font-family: 'Minion Pro', Georgia, Times New Roman, serif; font-size: 2.30769231em; /*30 / 13 */ height: 58px; position: relative; margin: 17px 0 0 -18px; line-height: 28px; position: absolute; text-align: right; padding-right: 7px; writing-mode: tb-rl; white-space: nowrap; width: 86px; z-index: 1; box-shadow: 0 0 3px rgba(22, 22, 22, 0.3); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); } .timeline dt img { box-shadow: 0 0 7px rgba(22, 22, 22, 0.5); border: 2px solid #fff; float: right; height: 89px; position: relative; width: 121px; z-index: 9; } .timeline dd { color: #fff; font-size: 1.07692em; margin: .5em 0; position: relative; text-shadow: 0 1px 1px #565656; top: .5em; } .timeline .title { font-weight: bold; } .timeline a.more { color: #fff; font-weight: bold; } .timeline a.more:hover { color: #ffba85; } .timeline a.more:after { content: url("/content/img/css/icon-more.png"); margin-left: 2px; position: relative; top: 1px; } /* hero rotator*/ .hero-rotator { position: relative; margin-left: -20px; width: 668px; overflow: hidden; padding-top: 1em; } .hero-rotator > .inner { display: block; position: relative; } .hero-rotator > .inner::before { content: ''; position: absolute; width: 100%; height: 100%; box-shadow: inset 0 0 50px #666; } .hero-rotator .action { background: rgba(0, 0, 0, 0.7); color: #fff; font-weight: bold; font-size: 1.38461538em; /* 18 / 13 */ position: absolute; bottom: 0px; width: 668px; padding: 19px 25px; box-sizing: border-box; } .hero-rotator .action a { color: #fff; } .hero-rotator .action .inner { max-width: 435px; } /*tooltips*/ .tooltip-content { text-indent: -9999em; display: block; } /* LIST BASED LAYOUT */ ul.course-support { color: #757575; overflow: initial; padding-left: 7px !important; margin-top: 2.5em; } .course-support > li { width: 100%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; margin: .75em 0; min-height: 130px; font-size: 12px; } .course-support > li h4 { font-size: 14px; } .course-support .description { width: 100%; border-right: 0; padding: 0; } ul.products { color: #757575; } .products > li { float: left; width: 215px; } .products > li + li { margin-left: 11px; } .products img { display: block; margin: 0 0 1em !important; } .feature ul.products { margin-bottom: 2em; } #products .favorites-list .add-to-cart-list input[type=text] { width: 22px; } /* modification on .products */ ul.divided { background: transparent url("/content/img/css/column-bg.gif") 0 0 repeat-y; color: #4c4c4c; left: 4px; position: relative; } /* working around problematic markup output */ .inner .products.divided, .feature .products.divided { background-position: -12px 0; margin: 0 -13px 2em -23px; } .feature .products.divided { margin: 0 0 2em; } header.group + .inner > .divided { margin-top: -1.538461538461538em; /* 20/13 */ } .inner .products.divided:before { /*background:#fff url('/content/img/css/bg-top-decorator.png') 0 0 repeat-x;*/ border-top: 1px solid #a5a6a1; content: '\a0'; display: block; height: 34px; width: 100%; } .inner .products.divided li, .feature .products.divided li { margin: 0; padding: 0 0 1em 23px; width: 204px; } .feature .products.divided li li { padding: 0; width: auto; } .inner .products.divided li:first-child, .feature .products.divided li:first-child { padding-left: 2px; } .divided > li { margin: 0; padding: 0 6px 1em 11px; box-sizing: content-box; } .divided > li + li { padding: 0 6px 1em; margin: 0; } .divided li:last-child { padding-right: 0; } .divided .date { color: #a0a0a0; } /* NEW PRODUCTS FILMSTRIP */ .new-products.filmstrip.inline { padding: 28px 44px 0 32px; } .new-products.filmstrip.inline:after { margin-left: -32px; padding-right: 76px; } .new-products.filmstrip .products li { margin: 0; padding: 0 0 0 12px; width: 192px; } .new-products.filmstrip.inline .next, .new-products.filmstrip.inline .prev { background: #dddddd url("/content/img/css/bg-filmstrip-controls-new.png") left center no-repeat; background-position: -100px center; height: 72px; top: 145px; } .new-products.filmstrip.inline .next { background-position: -100px center; } .new-products.filmstrip.inline .prev { background-position: -32px center; } .new-products.filmstrip.inline .next:hover, .new-products.filmstrip.inline .prev:hover { background-color: #f2661b; } /* PRODUCT DETAIL PAGE */ ul.marketing-alerts, .link-legend, .product-recognition, ul.product-icons { margin-bottom: 1em; } .marketing-alerts strong { color: #983a07; } .product-icons { -moz-border-radius: 4px; -webkit-border-radius: 4px; list-style-type: none; border-radius: 4px; margin: 0 0 1em; padding: 5px 5px 0 20px; display: inline; } @media (max-width: 640px) { .product-icons { display: block; padding-left: 0; } } .product-icons li { background: url("/content/img/css/icons-product-detail.png") no-repeat; display: inline-block; height: 18px; overflow: hidden; text-indent: -9999px; width: 24px; } li.pd-icon-cloned-neb { background-position: 0 -0px; } li.pd-icon-recomb { background-position: 0 -20px; } li.pd-icon-icon-e { background-position: 0 -40px; } li.pd-icon-timesaver { background-position: 0 -60px; } li.pd-icon-icon-star { background-position: 0 -80px; } li.pd-icon-neb1 { background-position: 0 -100px; } li.pd-icon-neb2 { background-position: 0 -120px; } li.pd-icon-neb3 { background-position: 0 -140px; } li.pd-icon-neb4 { background-position: 0 -160px; } li.pd-icon-nebu { background-position: 0 -180px; } li.pd-icon-bsa { background-position: 0 -200px; } li.pd-icon-extractionfree { background-position: 0 -220px; } li.pd-icon-deg37 { background-position: 0 -240px; } li.pd-icon-deg65 { background-position: 0 -260px; } li.pd-icon-sam { background-position: 0 -280px; } li.pd-icon-dam { background-position: 0 -300px; } li.pd-icon-dcm { background-position: 0 -320px; } li.pd-icon-yes { background-position: 0 -340px; } li.pd-icon-no { background-position: 0 -360px; } li.pd-icon-petri { background-position: 0 -380px; } li.pd-icon-high-fi { background-image: none; text-indent: 0em; width: auto; } .product-children { float: right; margin-left: 3em; width: 300px; } @media only screen and (max-width: 1100px) and (min-width: 768px) { .product-children { padding-right: 0.25em; } } .product-children .on { border-left: 5px solid #818181; list-style-image: none; list-style-type: none; margin-left: -1em; padding-left: 0.6153846153846154em; /* 8 / 13 */ } .product-children .on a { color: #656565; } /* the [5'... GAATTC... 3'] image on product detail page. Not always present. margin-bottom to override section+section defaults */ .product-recognition h2 { color: #4c4c4c; font: bold 1em helvetica, verdana, arial, sans-serif; margin-bottom: .75em; } .purchase-options { /*border: 1px solid #efeae2; border-width: 1px 0;*/ padding-bottom: 0.615385em; } .product-recognition + .purchase-options { padding-top: 0; /* when they're both there, it's mayhem. */ } a.back-to-top { color: #969696; float: right; font-size: 0.75em; font-weight: normal; padding-top: 0.25em; } a.back-to-top:hover { color: #2f2f2f; } ul.downloads { list-style-type: none; list-style-image: none; margin: 0; padding: 0; overflow: hidden; } @media (min-width: 768px) { .downloads li { float: left; width: 33.2%; } } .pdp-manuals li { width: 100%; padding-bottom: 0.25em; } .downloads a { background: transparent url("/content/img/css/icons.png") 0 -500px no-repeat; /* pdf by default */ padding: 1px 0 3px 22px; } .dl-pdf a { background-position: 0 -500px; } .dl-pdf.single-column { float: none; width: 100%; } .dl-doc a { background-position: 0 -550px; } .dl-exc a { background-position: 0 -600px; } /* Current Research */ /* accordion-boxes are for the lower part of the page. plugin defaults are a little mixed up with context here but should be pretty easy to extract if needed elsewhere */ .accordion-boxes, .accordion-boxes aside ul { list-style: none; margin: 0; padding: 0; } .accordion-boxes li { list-style-image: none; position: relative; } .accordion-boxes header { margin-bottom: 0; overflow: hidden; padding: 0; } .accordion-boxes .accordion-box-closed header { border-bottom: none; margin-bottom: 0; } .accordion-boxes header img { background-color: #fff; -moz-box-shadow: 0 0 3px rgba(123, 123, 123, 0.4); -webkit-box-shadow: 0 0 3px rgba(123, 123, 123, 0.4); box-shadow: 0 0 3px rgba(123, 123, 123, 0.4); float: left; margin: 0 1.23077em 0 -3px; padding: 2px; } .accordion-boxes > * { /* normally ul>li but this'll allow it to work with whatevers. */ background-color: #f6f6f3; -moz-box-shadow: 0 0 10px rgba(172, 172, 172, 0.4) inset; -webkit-box-shadow: 0 0 10px rgba(172, 172, 172, 0.4) inset; box-shadow: 0 0 10px rgba(172, 172, 172, 0.4) inset; margin-bottom: 1.769230769em; /*23px*/ overflow: hidden; padding: 12px 15px; } /* js switched classes */ /* containers */ .accordion-box-open { display: block; overflow: hidden; position: relative; } .tabs .favorites-list .accordion-box-open { position: static; } .line .pane .accordion-boxes h4 { margin-bottom: 1.5em; } .accordion-box-open .bio { font-size: 90%; font-style: italic; margin-top: 1em; padding: 0; } .accordion-box-open .port { margin: 0 1em 0 0; } .accordion-box-closed { display: none; } .primary li .body.accordion-box-open { /* selector wars */ border-top: 1px solid #e2e2e2; margin: 1em 0 0; padding: 2.46154em 0 1.5em; } .primary li .body.accordion-box-open .inner { margin-bottom: 2.46154em; } .body.accordion-box-open h4 + ul li { margin: 0 0 1.769230769230769em; } /* link */ a.accordion-box-toggle { background: transparent url("/content/img/css/icons.png") right -798px no-repeat; color: #989898; float: right; padding-right: 17px; } a.accordion-box-toggle-closed { background-position: right -822px; } .accordion-box-open .accordion-box-toggle { bottom: 0; position: absolute; right: 0; } .favorites-list > * { background-color: transparent; padding: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .line .pane .favorites-list h3 { font-family: Arial, Helvetica, sans-serif; font-size: 1em; font-weight: bold; margin: 0 0 0 55px; } .tabs .favorites-list a.accordion-box-toggle { background-image: url("/content/img/css/btn-order.png"); display: inline-block; height: 19px; margin: 0; position: absolute; top: 3px; left: 0; text-indent: -9999em; width: 48px; } .tabs .favorites-list a.accordion-box-toggle-open { background-position: 0 0; } .tabs .favorites-list a.accordion-box-toggle-closed { background-position: 0 -38px; } .primary .accordion-boxes header h3 { display: inline; font-size: 1.538461538em; font-weight: normal; padding-right: 1em; } .accordion-boxes h3 + p { margin-top: .5em; } .accordion-boxes a.pdf { background: transparent url("/content/img/css/icons.png") 0 -500px no-repeat; padding: 1px 0 3px 22px; } .primary .pane .accordion-boxes h4, .accordion-boxes p, .accordion-boxes li { color: #757575; } .accordion-boxes .summary { color: #2c2c2c; font-weight: bold; margin: 1em 0; } .accordion-boxes li article, .accordion-boxes li aside { border-right: 1px solid #e2e2e2; float: left; padding-right: 2.5%; width: 47.4%; } .accordion-boxes li aside { border-right: none; padding: 0 0 0 2.5%; } .accordion-boxes aside ul { list-style-type: none; margin: 0; padding: 0; } /* HOME PAGE */ .home #content { padding-top: 9.5em; } .home .primary { background: none; padding: 0; width: 100%; } #lead { margin: 0 0 1.53846em; padding: 0; position: relative; } #lead .content { background: rgba(0, 0, 0, 0.5) none; min-height: 162px; position: absolute; right: 0; top: 0; width: 315px; } #lead > .content { margin-right: -13px; } div.box { background: url(/content/css/img/css/bg-shadow-radial-bottom.png) no-repeat 50% 100%; padding-bottom: 21px; } div.box h2 { background: url("/content/img/css/bg-tabs-aside-feature.png") no-repeat 100% 100%; background-size: cover; } div.home-box { background: #f6f6f3; padding: 20px 20px; margin-bottom: 20px; min-height: 420px; } div.home-box.featured { padding: 0; min-height: 460px; } .featured-main-content { padding: 20px 20px; min-height: 485px; padding-bottom: 40px; } .featured-main-content figure { text-align: center; } .featured-main-content figure a, .featured-main-content figure img { width: 100%; max-height: 220px; } .featured .home-featured { min-height: 460px; } div.home-box h2 { text-align: center; text-transform: Uppercase; border-bottom: 1px solid #808080; padding-bottom: 10px; } .secondary-cta div.home-box { min-height: 330px; } .neb-apps-img { width: 100%; max-height: 200px; } .home-box.featured .cta-button { margin: 0; } .home-box .cta-button { margin-top: 15px; margin-bottom: -20px; margin-left: -20px; margin-right: -20px; } .home-box .cta-button button { width: 100%; height: 35px; padding: .5em 0; margin-bottom: 0; border-radius: 0; } .home-box button a, .home-box button a:hover, .home-box button a:visited, .home-box button a:after, .home-box button a:hover:after { color: #fff; } .home-box .inner { min-height: 354px; } aside.box { background: url(/content/css/img/css/bg-shadow-radial-bottom.png) no-repeat 50% 100%; float: left; margin-right: 15px; padding-bottom: 21px; width: 282px; } aside.box.wide { margin-right: 0; width: 344px; } .box h2 { background: url("/content/img/css/bg-tabs-aside-feature.png") no-repeat 0 0; color: #2f2f2f; display: block; font-size: 1.384615384615385em; height: 29px; margin: 0; padding-top: 7px; text-align: center; text-shadow: 1px 1px 1px #fff; text-transform: uppercase; } .box.wide h2 { background-position: 0 100%; } .box-left h2 { background: url("/content/img/css/bg-tabs-aside-feature.png") no-repeat 0 100%; background-size: cover; } .box h2.tabs-small-header { background: url("/content/img/css/bg-tabs-small-header.png") no-repeat bottom center; -moz-box-sizing: border-box; box-sizing: border-box; height: 36px; line-height: 36px; padding-right: 1em; padding-top: 0; position: absolute; right: 0; text-align: center; top: 0; width: 100%; z-index: -1; /* put behind tabs */ } @media (min-width: 1200px) { .box h2.tabs-small-header { text-align: right; } } .box .inner { background: #fff; border: 1px solid #e2e2df; margin: 0 0 0 2px; padding: 4px; } .box.wide .inner { padding-top: 20px; } /*.home .box .inner { min-height:325px; }*/ .home .wide .inner { min-height: 309px; } .box ul { margin: 15px 10px 2.5em; } .box.wide ul { margin-bottom: 1em; } .box .tabs-small ul { margin: 0; } .box .tabs-small select, .box .tabs-small input { width: 100%; } .box li { /*background:url('/content/img/css/bg-box-list-line.png') no-repeat 100% 100%;*/ border-bottom: 1px #DFDCDC solid; padding-bottom: 1em; } .box.wide li { background-position: 0 100%; } .box .tabs-small fieldset { background: url("/content/img/css/bg-box-list-line.png") no-repeat top center; padding-top: 1em; } .box .tabs-small fieldset li { background: none; border: none; margin: 1em 0 0; padding: 0; } .box .tabs-small fieldset li:first-child { margin-top: 0; } .box .tabs-small fieldset li.collapsed { margin: 0; } .box .tabs-small fieldset li.hidden { display: none; } .box p { margin: 0 10px 1.76923em; } .box .more { font-weight: bold; } .box .tabs-small p { margin: 0 0 1em 0; } [role="contentinfo"] { padding: 2em 0 1em; /* 26 / 13 0 13 / 13 */ } .home .toolbar { background: #EC6822 url("/content/img/css/bg-footer-nav-thin.jpg") no-repeat 50% 0; height: 18px; top: -19px; } /* ALERT */ /*.alert { background:#fff url('/content/img/css/icon-alert.png') no-repeat 12px 50%; margin:0 auto; margin-top: 10px; margin-bottom: 10px; padding:20px 25px 20px 55px; position:relative; width:860px; }*/ /* .alert + .alert { margin-top:-20px; } */ /*.alert p {margin-bottom:.5em;}*/ /*.alert .close { background:url('/content/img/css/icon-close.png') no-repeat 0 0; display:block; height:17px; position:absolute; right:3px; text-indent:-999em; top:3px; width:18px; }*/ /* NOSCRIPT */ noscript div { background: #fff url("/content/img/css/icon-alert.png") no-repeat 12px 50%; -moz-box-sizing: border-box; box-sizing: border-box; margin: 0 auto 40px; padding: 20px 25px 20px 55px; position: relative; width: 100%; } /* CALLOUTS */ .secondary aside.callouts, .secondary section.callouts { background: none; margin: 0; padding: 0; } /* encapsulated for the app callout only, - can be made more general if necessary */ .secondary .app { background: #303030 url("/content/img/css/bg-app-sprite.png") 0 0 no-repeat; box-shadow: inset 1px 1px 1px #000, inset -1px -1px 0 #999; border-radius: 5px; display: block; margin: 0 0 1em; height: 92px; padding: 0.107692em 0 0 92px; box-shadow: none; } .secondary .app:hover { background-position: 0 bottom; } .secondary .app h2 { font-size: 0.923076923em; /*12 / 13 */ } .secondary .app p { color: #F2661B; font: 1.384615384615385em/1.222222222222222 minion-pro, 'Times New Roman', Times, serif; } .secondary .app em { font-size: 1.33333333em; /* 24 / 18 */ font-style: normal; } /* WIDGETS */ /*general*/ /* default accordian styles - appear as My NEB widget in right column */ .accordion { margin: 0 0 0.8461538461538462em; /* 11 / 13 */ } /* no js */ .accordion .panel { height: 156px; overflow: auto; padding-right: 20px; } .horizontal-list { display: block; margin: 2em 0; } .horizontal-list + .horizontal-list { margin-top: -1em; } .horizontal-list dt { color: #414141; display: inline; font-weight: bold; } .horizontal-list dd { display: inline; } #tiptip_holder { background: #fff none; border: 1px solid #999; border-top: 1px solid #ebebeb; border-radius: 4px; box-shadow: 0 2px 1px -2px rgba(0, 0, 0, 0.75), -2px 0 1px -2px rgba(0, 0, 0, 0.75), 2px 0 1px -2px rgba(0, 0, 0, 0.75); display: none; font-size: 0.8461538461538462em; padding: 1em 2px 0; position: absolute; top: 0; left: 0; text-align: center; z-index: 20; } #tiptip_arrow { display: none; } #tiptip_content { background: transparent url("/content/img/css/bg-tiptip.png") center bottom no-repeat; margin-bottom: -12px; padding: 0 1em 1.8em; } /* Tabs - These come in several flavors. baseline markup: