.CompareRevealed .ComparePreviewContainer { bottom: 0; border-top: 2px solid #b7b7b7; } .ComparePreviewContainer { position: fixed; z-index: 40000; right: 0; bottom: -100px; left: 0; background: rgba(27, 43, 54, 0.85); transition: bottom .8s ease, top .8s ease; } .ComparePreview { position: relative; width: 978px; margin: 0 auto; } .CompareContent * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .ComparePreview ol { list-style: none; padding: 0; float: left; } .CompareContent ol { display: block; list-style-type: decimal; -webkit-margin-before: 1em; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; -webkit-padding-start: 0px; } .ComparePreview li:first-child { margin: 0; } .CompareContent li { display: list-item; text-align: -webkit-match-parent; } .ComparePreview .CompareThumbnail { float: left; width: 50px; height: 50px; } .CompareContent a { color: #085eb9; text-decoration: none; } .CompareContent a:-webkit-any-link { color: -webkit-link; text-decoration: underline; cursor: auto; } .ComparePreview .CompareThumbnail img { margin: 0 auto; vertical-align: middle; display: inline-block; } .img-responsive, .thumbnail>img, .thumbnail a>img, .carousel-inner>.item>img, .carousel-inner>.item>a>img { display: block; max-width: 100%; height: auto; } .CompareContent img { border: 0; } .ComparePreview .CompareTitle { position: absolute; top: 10px; left: 60px; width: 92px; height: 50px; padding: 2px 0 2px 10px; font-size: 11px; line-height: 1.4; overflow: hidden; text-overflow: ellipsis; color: #085EB9; } .ComparePreview .CompareTitle a:visited, .ComparePreview .CompareTitle a:link, .ComparePreview .CompareTitle a:active { color: #085EB9; } .ComparePreview .CompareRemove.ficon-size-mini { font-size: 9px; color: #085eb9; } .ComparePreview .CompareRemove { position: absolute; top: 0; right: 0; width: 28px; height: 28px; border: 0; background: transparent; color: #085eb9; cursor: pointer; } .ComparePreview li.empty { background: #231f20; } .ComparePreview li { display: block; float: left; position: relative; width: 180px; height: 70px; margin: 0 0 0 15px; padding: 10px; background: #fff; box-shadow: 2px 2px 2px 0px rgba(134, 131, 131, 0.6); } .ComparePreview li:before, .ComparePreview li:after { content: " "; display: table; } .ComparePreview li:after { clear: both; } .ComparePreview li:before, .ComparePreview li:after { content: " "; display: table; } #CompareButton { position: absolute; top: 33px; left: 790px; width: 110px; } #CompareButton .SvgButtonSecondary { width: 107px; } #ClearAllButton { position: absolute; top: 36px; right: 0; border: 0; margin: 0; padding: 0; font-size: 13px; font-weight: normal; line-height: 1; } .PreviewOptions { display: block; float: right; position: absolute; height: 70px; padding: 10px; right: 0; } #ClearAllButton .SvgButtonSecondary { background: transparent; width: 70px; } #ClearAllButton .SvgButtonText { color: #fff; font-size: 13px; font-weight: normal; } .RemovePreviewItem { position: absolute; padding-left: 150px; margin-top: -8px; } .CompareMessaging { width: 100%; } .CompareMessaging .Line1 { width: 100%; margin: auto; padding-top: 15px; } .CompareMessaging .Line2 { width: 65%; margin: auto; padding-top: 15px; } .CompareMessaging .Line3 { width: 32%; margin: auto; padding-top: 20px; } .CompareThumbnail .SpOverlay{ display: none; } .CompareThumbnail .BoOverlay{ display: none; } .CompareThumbnail .BesOverlay{ display: none; } .CompareThumbnail .BosOverlay{ display: none; } .CompareThumbnail .BmsOverlay{ display: none; } .CompareThumbnail .ExcOverlay{ display: none; } .CompareThumbnail .FpfOverlay{ display: none; } .CompareThumbnail .FrsOverlay{ display: none; } .CompareThumbnail .NewOverlay{ display: none; } .CompareThumbnail .TopOverlay{ display: none; } .CompareThumbnail .WewOverlay{ display: none; } .CompareThumbnail .WlsOverlay{ display: none; }