/* Minification failed. Returning unminified contents. (14851,29): run-time error CSS1030: Expected identifier, found ',' (14851,44): run-time error CSS1031: Expected selector, found ')' (14851,44): run-time error CSS1025: Expected comma or open brace, found ')' */ /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 11040; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url("/static/images/fancybox/fancybox.png"); } #fancybox-overlay { position: absolute; position: absolute; top: 0; left: 0; width: 100%; z-index: 11000; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 11010; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 11020; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url("/static/images/fancybox/fancybox.png") -40px 0px; cursor: pointer; z-index: 11030; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url("/static/images/fancybox/blank.gif"); display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url("/static/images/fancybox/fancybox.png"); background-position: -40px -30px; } #fancybox-right-ico { background-image: url("/static/images/fancybox/fancybox.png"); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url("/static/images/fancybox/fancybox-x.png"); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url("/static/images/fancybox/fancybox.png"); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url("/static/images/fancybox/fancybox-y.png"); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url("/static/images/fancybox/fancybox.png"); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url("/static/images/fancybox/fancybox-x.png"); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url("/static/images/fancybox/fancybox.png"); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url("/static/images/fancybox/fancybox-y.png"); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url("/static/images/fancybox/fancybox.png"); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { padding: 10px; background-image: url("/static/images/fancybox/fancy_title_over.png"); display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url("/static/images/fancybox/fancybox.png") -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url("/static/images/fancybox/fancybox-x.png") 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url("/static/images/fancybox/fancybox.png") -55px -90px no-repeat; } .jcarousel-skin-tango .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin-tango .jcarousel-container-horizontal { width: 1200px; padding: 0; } .introduction.jcarousel-skin-tango .jcarousel-container-horizontal { width: 666px; padding: 0; } .jcarousel-skin-tango.small .jcarousel-container-horizontal { width: 201px; padding: 0; } .jcarousel-skin-tango .jcarousel-container-vertical { width: 75px; height: 245px; padding: 40px 20px; } .jcarousel-skin-tango .jcarousel-clip { overflow: hidden; } .jcarousel-skin-tango .jcarousel-clip-horizontal { width: 1200px; height: 425px; } .introduction.jcarousel-skin-tango .jcarousel-clip-horizontal { width: 666px; height: 222px; } .jcarousel-skin-tango.small .jcarousel-clip-horizontal { width: 201px; height: 113px; } .jcarousel-skin-tango .jcarousel-clip-vertical { width: 75px; height: 245px; } .jcarousel-skin-tango .jcarousel-item { width: 1200px; height: 425px; } .introduction.jcarousel-skin-tango .jcarousel-item { width: 666px; height: 222px; } .startpage.jcarousel-skin-tango{ border-bottom: 1px solid #c3d1d9; border-top: 1px solid #c3d1d9; } .jcarousel-skin-tango{ /*border-bottom: 1px solid #c3d1d9;*/ border-top: 1px solid #c3d1d9; } .jcarousel-skin-tango.small .jcarousel-item { width: 201px; height: 113px; } .jcarousel-skin-tango .jcarousel-item-horizontal { margin-left: 0; padding-right: 10px; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; } .jcarousel-skin-tango .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000; } /** * Horizontal Buttons */ .jcarousel-skin-tango .jcarousel-next-horizontal { position: absolute; top: 43px; right: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(/bundles/CSSTop/next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-next-horizontal { left: 5px; right: auto; background-image: url(/bundles/CSSTop/prev-horizontal.png); } .jcarousel-skin-tango .jcarousel-next-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-horizontal:focus { background-position: -32px 0; } .jcarousel-skin-tango .jcarousel-next-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango .jcarousel-next-disabled-horizontal, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active { cursor: default; background-position: -96px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal { position: absolute; top: 43px; left: 5px; width: 32px; height: 32px; cursor: pointer; background: transparent url(/bundles/CSSTop/prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-direction-rtl .jcarousel-prev-horizontal { left: auto; right: 5px; background-image: url(/bundles/CSSTop/next-horizontal.png); } .jcarousel-skin-tango .jcarousel-prev-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-horizontal:focus { background-position: -32px 0; } .jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -64px 0; } .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; background-position: -96px 0; } /** * Vertical Buttons */ .jcarousel-skin-tango .jcarousel-next-vertical { position: absolute; bottom: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(next-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-next-vertical:hover, .jcarousel-skin-tango .jcarousel-next-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-next-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-next-disabled-vertical, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-next-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .jcarousel-skin-tango .jcarousel-prev-vertical { position: absolute; top: 5px; left: 43px; width: 32px; height: 32px; cursor: pointer; background: transparent url(prev-vertical.png) no-repeat 0 0; } .jcarousel-skin-tango .jcarousel-prev-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-vertical:focus { background-position: 0 -32px; } .jcarousel-skin-tango .jcarousel-prev-vertical:active { background-position: 0 -64px; } .jcarousel-skin-tango .jcarousel-prev-disabled-vertical, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:focus, .jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active { cursor: default; background-position: 0 -96px; } .dropreplace { position: relative; float: left; margin: 0 0; border: 1px solid #b4b4b4; padding: 0px 0 0 5px; cursor: pointer; background-color: #fff; } .dropreplace .select{ margin: 0; overflow: hidden; position: relative; font-size: 12px; color: #1b3067; } .dropreplace .select .arrow{ background: url("/static/images/no_repeat_data.png") no-repeat scroll -26px -387px transparent !important; border-left: 1px solid #b4b4b4; float: right; height: 18px; width: 17px; padding-top: 1px; } .dropreplace .select .txtselection{ float: left ; padding-top: 1px; line-height: 18px; white-space: nowrap; overflow: hidden; } .dropreplace.selectwishlist{ border: none !important; padding: 0 !important; display: block !important; height: 0 !important; } .dropreplace .options.selectwishlist.organizeWishlist{ width: 202px !important; } .dropreplace .hoverBorder{ left: -21px; padding: 0 20px 20px; position: absolute; } .dropreplace .options{ background-color: white; border: 1px solid #B4B4B4; left: 20px; line-height: 18px; position: absolute; width: 199px; z-index: 50; } .dropreplace .options.localize{ width: 245px !important; } .dropreplace .options.selectwishlist{ width: 307px !important; } .dropreplace .options .elemWrapper{ margin: 0; position: relative; overflow: hidden; max-height: 144px; overflow: auto; } .dropreplace .options .elemWrapper ul{ margin: 0; list-style: none; position: relative; } .dropreplace .options .elemWrapper ul li{ margin: 0; padding: 0; background: none; } .dropreplace .options a{ display: block; float: none; margin: 0; padding: 0; color: #1b3067; padding-left: 5px; text-decoration: none; font-size: 12px; background: none; } .dropreplace .options a:hover, .dropreplace .options a.selected{ color: white; background-color: #1b3067; text-decoration: none; } .dropreplace .options a span{ color: #1b3067; padding: 0 3px 0 10px; } .dropreplace .options a:hover span{ color: white; } .dropreplace .options .arrow_up, .dropreplace .options .arrow_down{ margin: 0; padding: 5px; background-color: #b4b4b4; display: none !important; } .dropreplace .options .arrow_up div{ width: 15px; height: 7px; margin: 0 auto; } .dropreplace .options .arrow_up.click div{ background-position: -15px center; } .dropreplace .options .arrow_up.click.hover div{ background-position: -59px center; } .dropreplace .options .arrow_down div{ width: 15px; height: 7px; margin: 0 auto; } .dropreplace .options .arrow_down.click div{ background-position: -45px center; } .dropreplace .options .arrow_down.click.hover div{ background-position: -75px center; } .notActiveArrow{ background-color: #ececec !important; cursor: default; } .dropreplacehover { background-color: #1b3067 !important; color: #fff !important; background-position: 5px -244px; } .dropreplace-negate-hover { color: #1b3067 !important; background: none repeat scroll 0 0 transparent !important; } /*listReplace*/ .listreplace{ width: 199px; height: 108px; overflow: auto; border: 1px solid #bfbfbf; margin-bottom: 15px; } .listreplace a{ color: #1b3067; text-decoration: none; padding: 0 5px; display: block; font-size: 12px; line-height: 18px; } .listreplace a:hover, .listreplace .active{ color: white; background-color: #1b3067; } /*default style*/ .nextqselect { padding-left: 2px; padding-right: 0; padding-top: 1px; padding-bottom: 1px; cursor: pointer; background-color: #fff; line-height: 18px; font-size: 12px; height: 21px; color: #1B3067; } /* * CSS Styles that are needed by jScrollPane for it to operate correctly. * * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane * may not operate correctly without them. */ .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 16px; height: 100%; background: red; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 16px; background: red; } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspCap { display: none; } .jspHorizontalBar .jspCap { float: left; } .jspTrack { background: #dde; position: relative; } .jspDrag { background: #bbd; position: relative; top: 0; left: 0; cursor: pointer; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar .jspArrow { height: 16px; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspVerticalBar .jspArrow:focus { outline: none; } .jspCorner { background: #eeeef4; float: left; height: 100%; } /* Yuk! CSS Hack for IE6 3 pixel bug :( */ * html .jspCorner { margin: 0 -3px 0 0; } /* TipTip CSS - Version 1.2 */ #tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999; } #tiptip_holder.tip_top { padding-bottom: 5px; } #tiptip_holder.tip_bottom { padding-top: 5px; } #tiptip_holder.tip_right { padding-left: 5px; } #tiptip_holder.tip_left { padding-right: 5px; } #tiptip_content { font-size: 11px; color: #a6a6a6; line-height: 15px; /*text-shadow: 0 0 2px #000;*/ padding: 10px; border: 1px solid #fff; background-color: #fff; /*background-color: rgba(255,255,255,0.92);*/ /*background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));*/ border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 15px #627580; -webkit-box-shadow: 0 0 15px #627580; -moz-box-shadow: 0 0 15px #627580; } #tiptip_arrow, #tiptip_arrow_inner { position: absolute; border-color: transparent; border-style: solid; border-width: 6px; height: 0; width: 0; } #tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; /*border-top-color: rgba(255,255,255,0.35);*/ } #tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; /*border-bottom-color: rgba(255,255,255,0.35);*/ } #tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; /*border-right-color: rgba(255,255,255,0.35);*/ } #tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; /*border-left-color: rgba(255,255,255,0.35);*/ } #tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: #fff; /*border-top-color: rgba(25,25,25,0.92);*/ } #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92); } /* Webkit Hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) { #tiptip_content { padding: 4px 8px 5px 8px; background-color: #fff; } #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: #fff; } #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: #fff; } } /* AnythingSlider v1.8+ Default theme By Chris Coyier: http://css-tricks.com with major improvements by Doug Neiner: http://pixelgraphics.us/ based on work by Remy Sharp: http://jqueryfordesigners.com/ */ /***************************** SET DEFAULT DIMENSIONS HERE *****************************/ /* change the ID & dimensions to match your slider */ #slider { width: 700px; height: 390px; list-style: none; /* Prevent FOUC (see FAQ page) and keep things readable if javascript is disabled */ overflow-y: auto; overflow-x: hidden; } /****************** SET STYLING HERE ****************** ================================= Default state (no keyboard focus) ==================================*/ /* Overall Wrapper */ .anythingSlider-default { margin: 0 auto; /* 45px right & left padding for the arrows, 28px @ bottom for navigation */ padding: 0 45px 28px 45px; } /* slider window - top & bottom borders, default state */ .anythingSlider-default .anythingWindow { border-top: 3px solid #777; border-bottom: 3px solid #777; } /* Navigation buttons + start/stop button, default state */ .anythingSlider-default .anythingControls a { /* top shadow */ background: #777 url(/static/images/default.png) center -288px repeat-x; color: #000; border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; } /* Make sure navigation text is visible */ .anythingSlider-default .anythingControls a span { visibility: visible; } /* Navigation current button, default state */ .anythingSlider-default .anythingControls a.cur { background: #888; color: #000; } /* start-stop button, stopped, default state */ .anythingSlider-default .anythingControls a.start-stop { background-color: #040; color: #ddd; } /* start-stop button, playing, default state */ .anythingSlider-default .anythingControls a.start-stop.playing { background-color: #800; } /* start-stop button, default hovered text color (when visible) */ /* hide nav/start-stop background image shadow on hover - makes the button appear to come forward */ .anythingSlider-default .anythingControls a.start-stop:hover, .anythingSlider-default .anythingControls a.start-stop.hover, .anythingSlider-default .anythingControls a.start-stop .anythingControls ul a:hover { background-image: none; color: #ddd; } /* ================================= Active State (has keyboard focus) ================================= */ /* slider window - top & bottom borders, active state */ .anythingSlider-default.activeSlider .anythingWindow { border-color: #7C9127; } /* Navigation buttons, active state */ .anythingSlider-default.activeSlider .anythingControls a { /* background image = top shadow */ background-color: #7C9127; } /* Navigation current & hovered button, active state */ .anythingSlider-default.activeSlider .anythingControls a.cur, .anythingSlider-default.activeSlider .anythingControls a:hover { /* background image removed */ background: #7C9127; } /* start-stop button, stopped, active state */ .anythingSlider-default.activeSlider .anythingControls a.start-stop { background-color: #080; color: #fff; } /* start-stop button, playing, active state */ .anythingSlider-default.activeSlider .anythingControls a.start-stop.playing { background-color: #d00; color: #fff; } /* start-stop button, active slider hovered text color (when visible) */ .anythingSlider-default.activeSlider .start-stop:hover, .anythingSlider-default.activeSlider .start-stop.hover { color: #fff; } /************************ NAVIGATION POSITIONING ************************/ /* Navigation Arrows */ .anythingSlider-default .arrow { top: 50%; position: absolute; display: block; } .anythingSlider-default .arrow a { display: block; width: 45px; height: 140px; margin: -70px 0 0 0; /* half height of image */ text-align: center; outline: 0; background: url(/static/images/default.png) no-repeat; } /* back arrow */ .anythingSlider-default .back { left: 0; } .anythingSlider-default .back a { background-position: left top; } .anythingSlider-default .back a:hover, .anythingSlider-default .back a.hover { background-position: left -140px; } /* forward arrow */ .anythingSlider-default .forward { right: 0; } .anythingSlider-default .forward a { background-position: right top; } .anythingSlider-default .forward a:hover, .anythingSlider-default .forward a.hover { background-position: right -140px; } /* Navigation Links */ .anythingSlider-default .anythingControls { outline: 0; display: none; } .anythingSlider-default .anythingControls ul { margin: 0; padding: 0; float: left; } .anythingSlider-default .anythingControls ul li { display: inline; } .anythingSlider-default .anythingControls ul a { font: 11px/18px Georgia, Serif; display: inline-block; text-decoration: none; padding: 2px 8px; height: 18px; margin: 0 5px 0 0; text-align: center; outline: 0; } /* navigationSize window */ .anythingSlider-default .anythingControls .anythingNavWindow { overflow: hidden; float: left; } /* Autoplay Start/Stop button */ .anythingSlider-default .anythingControls .start-stop { padding: 2px 5px; width: 40px; text-align: center; text-decoration: none; float: right; z-index: 100; outline: 0; } /*********************** IE8 AND OLDER STYLING ***********************/ /* Navigation Arrows */ .as-oldie .anythingSlider-default .arrow { top: 30%; } .as-oldie .anythingSlider-default .arrow a { margin: 0; } /* margin between nav buttons just looks better */ .as-oldie .anythingSlider-default .anythingControls li { margin-left: 3px; } /* When using the navigationSize option, the side margins need to be zero None of the navigation panels look good in IE7 now =( */ .as-oldie .anythingSlider-default .anythingControls a { margin: 0; } .as-oldie .anythingSlider-default .anythingNavWindow { margin: 0 2px; } .as-oldie .anythingSlider-default .anythingNavWindow li { padding: 3px 0 0 0; } /*********************** COMMON SLIDER STYLING ***********************/ /* Overall Wrapper */ .anythingSlider { display: block; overflow: visible !important; position: relative; } /* anythingSlider viewport window */ .anythingSlider .anythingWindow { overflow: hidden; position: relative; width: 100%; height: 100%; } /* anythingSlider base (original element) */ .anythingSlider .anythingBase { background: transparent; list-style: none; position: absolute; overflow: visible !important; top: 0; left: 0; margin: 0; padding: 0; } /* Navigation arrow text; indent moved to span inside "a", for IE7; apparently, a negative text-indent on an "a" link moves the link as well as the text */ .anythingSlider .arrow span { display: block; visibility: hidden; } /* disabled arrows, hide or reduce opacity: opacity: .5; filter: alpha(opacity=50); */ .anythingSlider .arrow.disabled { display: none; } /* all panels inside the slider; horizontal mode */ .anythingSlider .panel { background: transparent; display: block; overflow: hidden; float: left; padding: 0; margin: 0; } /* vertical mode */ .anythingSlider .vertical .panel { float: none; } /* fade mode */ .anythingSlider .fade .panel { float: none; position: absolute; top: 0; left: 0; z-index: 0; } /* fade mode active page - visible & on top */ .anythingSlider .fade .activePage { z-index: 1; } /*********************** RTL STYLING ***********************/ /* slider autoplay right-to-left, reverse order of nav links to look better */ .anythingSlider.rtl .anythingWindow { direction: ltr; unicode-bidi: bidi-override; } .anythingSlider.rtl .anythingControls ul { float: left; } /* move nav link group to left */ .anythingSlider.rtl .anythingControls ul a { float: right; } /* reverse order of nav links */ .anythingSlider.rtl .start-stop { /* float: right; */ } /* move start/stop button - in case you want to switch sides */ /* probably not necessary, but added just in case */ .anythingSlider, .anythingSlider .anythingWindow, .anythingSlider .anythingControls ul a, .anythingSlider .arrow a, .anythingSlider .start-stop { transition-duration: 0s; -o-transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; } /* Animate.css - http://daneden.me/animate LICENSED UNDER THE MIT LICENSE (MIT) Copyright (c) 2011 Dan Eden Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. */ .animated { -webkit-animation: 1s ease; -moz-animation: 1s ease; -ms-animation: 1s ease; -o-animation: 1s ease; animation: 1s ease; -webkit-animation-fill-mode: both; -moz-animation-fill-mode: both; -ms-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; } .animated.hinge { -webkit-animation: 2s ease; -moz-animation: 2s ease; -ms-animation: 2s ease; -o-animation: 2s ease; animation: 2s ease; } @-webkit-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-moz-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-ms-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @-o-keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } @keyframes flash { 0%, 50%, 100% {opacity: 1;} 25%, 75% {opacity: 0;} } .flash { -webkit-animation-name: flash; -moz-animation-name: flash; -ms-animation-name: flash; -o-animation-name: flash; animation-name: flash; } @-webkit-keyframes shake { 0%, 100% {-webkit-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-webkit-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-webkit-transform: translateX(10px);} } @-moz-keyframes shake { 0%, 100% {-moz-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-moz-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-moz-transform: translateX(10px);} } @-ms-keyframes shake { 0%, 100% {-ms-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-ms-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-ms-transform: translateX(10px);} } @-o-keyframes shake { 0%, 100% {-o-transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {-o-transform: translateX(-10px);} 20%, 40%, 60%, 80% {-o-transform: translateX(10px);} } @keyframes shake { 0%, 100% {transform: translateX(0);} 10%, 30%, 50%, 70%, 90% {transform: translateX(-10px);} 20%, 40%, 60%, 80% {transform: translateX(10px);} } .shake { -webkit-animation-name: shake; -moz-animation-name: shake; -ms-animation-name: shake; -o-animation-name: shake; animation-name: shake; } @-webkit-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);} 40% {-webkit-transform: translateY(-30px);} 60% {-webkit-transform: translateY(-15px);} } @-moz-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-moz-transform: translateY(0);} 40% {-moz-transform: translateY(-30px);} 60% {-moz-transform: translateY(-15px);} } @-ms-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-ms-transform: translateY(0);} 40% {-ms-transform: translateY(-30px);} 60% {-ms-transform: translateY(-15px);} } @-o-keyframes bounce { 0%, 20%, 50%, 80%, 100% {-o-transform: translateY(0);} 40% {-o-transform: translateY(-30px);} 60% {-o-transform: translateY(-15px);} } @keyframes bounce { 0%, 20%, 50%, 80%, 100% {transform: translateY(0);} 40% {transform: translateY(-30px);} 60% {transform: translateY(-15px);} } .bounce { -webkit-animation-name: bounce; -moz-animation-name: bounce; -ms-animation-name: bounce; -o-animation-name: bounce; animation-name: bounce; } @-webkit-keyframes tada { 0% {-webkit-transform: scale(1);} 10%, 20% {-webkit-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-webkit-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-webkit-transform: scale(1.1) rotate(-3deg);} 100% {-webkit-transform: scale(1) rotate(0);} } @-moz-keyframes tada { 0% {-moz-transform: scale(1);} 10%, 20% {-moz-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-moz-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-moz-transform: scale(1.1) rotate(-3deg);} 100% {-moz-transform: scale(1) rotate(0);} } @-ms-keyframes tada { 0% {-ms-transform: scale(1);} 10%, 20% {-ms-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-ms-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-ms-transform: scale(1.1) rotate(-3deg);} 100% {-ms-transform: scale(1) rotate(0);} } @-o-keyframes tada { 0% {-o-transform: scale(1);} 10%, 20% {-o-transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {-o-transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {-o-transform: scale(1.1) rotate(-3deg);} 100% {-o-transform: scale(1) rotate(0);} } @keyframes tada { 0% {transform: scale(1);} 10%, 20% {transform: scale(0.9) rotate(-3deg);} 30%, 50%, 70%, 90% {transform: scale(1.1) rotate(3deg);} 40%, 60%, 80% {transform: scale(1.1) rotate(-3deg);} 100% {transform: scale(1) rotate(0);} } .tada { -webkit-animation-name: tada; -moz-animation-name: tada; -ms-animation-name: tada; -o-animation-name: tada; animation-name: tada; } @-webkit-keyframes swing { 20%, 40%, 60%, 80%, 100% { -webkit-transform-origin: top center; } 20% { -webkit-transform: rotate(15deg); } 40% { -webkit-transform: rotate(-10deg); } 60% { -webkit-transform: rotate(5deg); } 80% { -webkit-transform: rotate(-5deg); } 100% { -webkit-transform: rotate(0deg); } } @-moz-keyframes swing { 20% { -moz-transform: rotate(15deg); } 40% { -moz-transform: rotate(-10deg); } 60% { -moz-transform: rotate(5deg); } 80% { -moz-transform: rotate(-5deg); } 100% { -moz-transform: rotate(0deg); } } @-ms-keyframes swing { 20% { -ms-transform: rotate(15deg); } 40% { -ms-transform: rotate(-10deg); } 60% { -ms-transform: rotate(5deg); } 80% { -ms-transform: rotate(-5deg); } 100% { -ms-transform: rotate(0deg); } } @-o-keyframes swing { 20% { -o-transform: rotate(15deg); } 40% { -o-transform: rotate(-10deg); } 60% { -o-transform: rotate(5deg); } 80% { -o-transform: rotate(-5deg); } 100% { -o-transform: rotate(0deg); } } @keyframes swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0deg); } } .swing { -webkit-transform-origin: top center; -moz-transform-origin: top center; -ms-transform-origin: top center; -o-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; -moz-animation-name: swing; -ms-animation-name: swing; -o-animation-name: swing; animation-name: swing; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes wobble { 0% { -webkit-transform: translateX(0%); } 15% { -webkit-transform: translateX(-25%) rotate(-5deg); } 30% { -webkit-transform: translateX(20%) rotate(3deg); } 45% { -webkit-transform: translateX(-15%) rotate(-3deg); } 60% { -webkit-transform: translateX(10%) rotate(2deg); } 75% { -webkit-transform: translateX(-5%) rotate(-1deg); } 100% { -webkit-transform: translateX(0%); } } @-moz-keyframes wobble { 0% { -moz-transform: translateX(0%); } 15% { -moz-transform: translateX(-25%) rotate(-5deg); } 30% { -moz-transform: translateX(20%) rotate(3deg); } 45% { -moz-transform: translateX(-15%) rotate(-3deg); } 60% { -moz-transform: translateX(10%) rotate(2deg); } 75% { -moz-transform: translateX(-5%) rotate(-1deg); } 100% { -moz-transform: translateX(0%); } } @-ms-keyframes wobble { 0% { -ms-transform: translateX(0%); } 15% { -ms-transform: translateX(-25%) rotate(-5deg); } 30% { -ms-transform: translateX(20%) rotate(3deg); } 45% { -ms-transform: translateX(-15%) rotate(-3deg); } 60% { -ms-transform: translateX(10%) rotate(2deg); } 75% { -ms-transform: translateX(-5%) rotate(-1deg); } 100% { -ms-transform: translateX(0%); } } @-o-keyframes wobble { 0% { -o-transform: translateX(0%); } 15% { -o-transform: translateX(-25%) rotate(-5deg); } 30% { -o-transform: translateX(20%) rotate(3deg); } 45% { -o-transform: translateX(-15%) rotate(-3deg); } 60% { -o-transform: translateX(10%) rotate(2deg); } 75% { -o-transform: translateX(-5%) rotate(-1deg); } 100% { -o-transform: translateX(0%); } } @keyframes wobble { 0% { transform: translateX(0%); } 15% { transform: translateX(-25%) rotate(-5deg); } 30% { transform: translateX(20%) rotate(3deg); } 45% { transform: translateX(-15%) rotate(-3deg); } 60% { transform: translateX(10%) rotate(2deg); } 75% { transform: translateX(-5%) rotate(-1deg); } 100% { transform: translateX(0%); } } .wobble { -webkit-animation-name: wobble; -moz-animation-name: wobble; -ms-animation-name: wobble; -o-animation-name: wobble; animation-name: wobble; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1); } 50% { -webkit-transform: scale(1.1); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes pulse { 0% { -moz-transform: scale(1); } 50% { -moz-transform: scale(1.1); } 100% { -moz-transform: scale(1); } } @-ms-keyframes pulse { 0% { -ms-transform: scale(1); } 50% { -ms-transform: scale(1.1); } 100% { -ms-transform: scale(1); } } @-o-keyframes pulse { 0% { -o-transform: scale(1); } 50% { -o-transform: scale(1.1); } 100% { -o-transform: scale(1); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.1); } 100% { transform: scale(1); } } .pulse { -webkit-animation-name: pulse; -moz-animation-name: pulse; -ms-animation-name: pulse; -o-animation-name: pulse; animation-name: pulse; } @-webkit-keyframes flip { 0% { -webkit-transform: perspective(400px) rotateY(0); -webkit-animation-timing-function: ease-out; } 40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(170deg); -webkit-animation-timing-function: ease-out; } 50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -webkit-animation-timing-function: ease-in; } 80% { -webkit-transform: perspective(400px) rotateY(360deg) scale(.95); -webkit-animation-timing-function: ease-in; } 100% { -webkit-transform: perspective(400px) scale(1); -webkit-animation-timing-function: ease-in; } } @-moz-keyframes flip { 0% { -moz-transform: perspective(400px) rotateY(0); -moz-animation-timing-function: ease-out; } 40% { -moz-transform: perspective(400px) translateZ(150px) rotateY(170deg); -moz-animation-timing-function: ease-out; } 50% { -moz-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -moz-animation-timing-function: ease-in; } 80% { -moz-transform: perspective(400px) rotateY(360deg) scale(.95); -moz-animation-timing-function: ease-in; } 100% { -moz-transform: perspective(400px) scale(1); -moz-animation-timing-function: ease-in; } } @-ms-keyframes flip { 0% { -ms-transform: perspective(400px) rotateY(0); -ms-animation-timing-function: ease-out; } 40% { -ms-transform: perspective(400px) translateZ(150px) rotateY(170deg); -ms-animation-timing-function: ease-out; } 50% { -ms-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -ms-animation-timing-function: ease-in; } 80% { -ms-transform: perspective(400px) rotateY(360deg) scale(.95); -ms-animation-timing-function: ease-in; } 100% { -ms-transform: perspective(400px) scale(1); -ms-animation-timing-function: ease-in; } } @-o-keyframes flip { 0% { -o-transform: perspective(400px) rotateY(0); -o-animation-timing-function: ease-out; } 40% { -o-transform: perspective(400px) translateZ(150px) rotateY(170deg); -o-animation-timing-function: ease-out; } 50% { -o-transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); -o-animation-timing-function: ease-in; } 80% { -o-transform: perspective(400px) rotateY(360deg) scale(.95); -o-animation-timing-function: ease-in; } 100% { -o-transform: perspective(400px) scale(1); -o-animation-timing-function: ease-in; } } @keyframes flip { 0% { transform: perspective(400px) rotateY(0); animation-timing-function: ease-out; } 40% { transform: perspective(400px) translateZ(150px) rotateY(170deg); animation-timing-function: ease-out; } 50% { transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1); animation-timing-function: ease-in; } 80% { transform: perspective(400px) rotateY(360deg) scale(.95); animation-timing-function: ease-in; } 100% { transform: perspective(400px) scale(1); animation-timing-function: ease-in; } } .flip { -webkit-backface-visibility: visible !important; -webkit-animation-name: flip; -moz-backface-visibility: visible !important; -moz-animation-name: flip; -ms-backface-visibility: visible !important; -ms-animation-name: flip; -o-backface-visibility: visible !important; -o-animation-name: flip; backface-visibility: visible !important; animation-name: flip; } @-webkit-keyframes flipInX { 0% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateX(-10deg); } 70% { -webkit-transform: perspective(400px) rotateX(10deg); } 100% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-moz-keyframes flipInX { 0% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateX(-10deg); } 70% { -moz-transform: perspective(400px) rotateX(10deg); } 100% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-ms-keyframes flipInX { 0% { -ms-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -ms-transform: perspective(400px) rotateX(-10deg); } 70% { -ms-transform: perspective(400px) rotateX(10deg); } 100% { -ms-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @-o-keyframes flipInX { 0% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateX(-10deg); } 70% { -o-transform: perspective(400px) rotateX(10deg); } 100% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } } @keyframes flipInX { 0% { transform: perspective(400px) rotateX(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateX(-10deg); } 70% { transform: perspective(400px) rotateX(10deg); } 100% { transform: perspective(400px) rotateX(0deg); opacity: 1; } } .flipInX { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInX; -moz-backface-visibility: visible !important; -moz-animation-name: flipInX; -ms-backface-visibility: visible !important; -ms-animation-name: flipInX; -o-backface-visibility: visible !important; -o-animation-name: flipInX; backface-visibility: visible !important; animation-name: flipInX; } @-webkit-keyframes flipOutX { 0% { -webkit-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-moz-keyframes flipOutX { 0% { -moz-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-ms-keyframes flipOutX { 0% { -ms-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -ms-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @-o-keyframes flipOutX { 0% { -o-transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateX(90deg); opacity: 0; } } @keyframes flipOutX { 0% { transform: perspective(400px) rotateX(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateX(90deg); opacity: 0; } } .flipOutX { -webkit-animation-name: flipOutX; -webkit-backface-visibility: visible !important; -moz-animation-name: flipOutX; -moz-backface-visibility: visible !important; -ms-animation-name: flipOutX; -ms-backface-visibility: visible !important; -o-animation-name: flipOutX; -o-backface-visibility: visible !important; animation-name: flipOutX; backface-visibility: visible !important; } @-webkit-keyframes flipInY { 0% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -webkit-transform: perspective(400px) rotateY(-10deg); } 70% { -webkit-transform: perspective(400px) rotateY(10deg); } 100% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-moz-keyframes flipInY { 0% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -moz-transform: perspective(400px) rotateY(-10deg); } 70% { -moz-transform: perspective(400px) rotateY(10deg); } 100% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-ms-keyframes flipInY { 0% { -ms-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -ms-transform: perspective(400px) rotateY(-10deg); } 70% { -ms-transform: perspective(400px) rotateY(10deg); } 100% { -ms-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @-o-keyframes flipInY { 0% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { -o-transform: perspective(400px) rotateY(-10deg); } 70% { -o-transform: perspective(400px) rotateY(10deg); } 100% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } } @keyframes flipInY { 0% { transform: perspective(400px) rotateY(90deg); opacity: 0; } 40% { transform: perspective(400px) rotateY(-10deg); } 70% { transform: perspective(400px) rotateY(10deg); } 100% { transform: perspective(400px) rotateY(0deg); opacity: 1; } } .flipInY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipInY; -moz-backface-visibility: visible !important; -moz-animation-name: flipInY; -ms-backface-visibility: visible !important; -ms-animation-name: flipInY; -o-backface-visibility: visible !important; -o-animation-name: flipInY; backface-visibility: visible !important; animation-name: flipInY; } @-webkit-keyframes flipOutY { 0% { -webkit-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -webkit-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-moz-keyframes flipOutY { 0% { -moz-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -moz-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-ms-keyframes flipOutY { 0% { -ms-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -ms-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @-o-keyframes flipOutY { 0% { -o-transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { -o-transform: perspective(400px) rotateY(90deg); opacity: 0; } } @keyframes flipOutY { 0% { transform: perspective(400px) rotateY(0deg); opacity: 1; } 100% { transform: perspective(400px) rotateY(90deg); opacity: 0; } } .flipOutY { -webkit-backface-visibility: visible !important; -webkit-animation-name: flipOutY; -moz-backface-visibility: visible !important; -moz-animation-name: flipOutY; -ms-backface-visibility: visible !important; -ms-animation-name: flipOutY; -o-backface-visibility: visible !important; -o-animation-name: flipOutY; backface-visibility: visible !important; animation-name: flipOutY; } @-webkit-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-moz-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-ms-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @-o-keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } @keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} } .fadeIn { -webkit-animation-name: fadeIn; -moz-animation-name: fadeIn; -ms-animation-name: fadeIn; -o-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translateY(20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUp { 0% { opacity: 0; -moz-transform: translateY(20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInUp { 0% { opacity: 0; -ms-transform: translateY(20px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInUp { 0% { opacity: 0; -o-transform: translateY(20px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUp { 0% { opacity: 0; transform: translateY(20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUp { -webkit-animation-name: fadeInUp; -moz-animation-name: fadeInUp; -ms-animation-name: fadeInUp; -o-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translateY(-20px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDown { 0% { opacity: 0; -moz-transform: translateY(-20px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInDown { 0% { opacity: 0; -ms-transform: translateY(-20px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInDown { 0% { opacity: 0; -ms-transform: translateY(-20px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @keyframes fadeInDown { 0% { opacity: 0; transform: translateY(-20px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -ms-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translateX(-20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeft { 0% { opacity: 0; -moz-transform: translateX(-20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInLeft { 0% { opacity: 0; -ms-transform: translateX(-20px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @-o-keyframes fadeInLeft { 0% { opacity: 0; -o-transform: translateX(-20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeft { 0% { opacity: 0; transform: translateX(-20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeft { -webkit-animation-name: fadeInLeft; -moz-animation-name: fadeInLeft; -ms-animation-name: fadeInLeft; -o-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translateX(20px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRight { 0% { opacity: 0; -moz-transform: translateX(20px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInRight { 0% { opacity: 0; -ms-transform: translateX(20px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @-o-keyframes fadeInRight { 0% { opacity: 0; -o-transform: translateX(20px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRight { 0% { opacity: 0; transform: translateX(20px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRight { -webkit-animation-name: fadeInRight; -moz-animation-name: fadeInRight; -ms-animation-name: fadeInRight; -o-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUpBig { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInUpBig { 0% { opacity: 0; -moz-transform: translateY(2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInUpBig { 0% { opacity: 0; -ms-transform: translateY(2000px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInUpBig { 0% { opacity: 0; -o-transform: translateY(2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInUpBig { 0% { opacity: 0; transform: translateY(2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInUpBig { -webkit-animation-name: fadeInUpBig; -moz-animation-name: fadeInUpBig; -ms-animation-name: fadeInUpBig; -o-animation-name: fadeInUpBig; animation-name: fadeInUpBig; } @-webkit-keyframes fadeInDownBig { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 100% { opacity: 1; -webkit-transform: translateY(0); } } @-moz-keyframes fadeInDownBig { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 100% { opacity: 1; -moz-transform: translateY(0); } } @-ms-keyframes fadeInDownBig { 0% { opacity: 0; -ms-transform: translateY(-2000px); } 100% { opacity: 1; -ms-transform: translateY(0); } } @-o-keyframes fadeInDownBig { 0% { opacity: 0; -o-transform: translateY(-2000px); } 100% { opacity: 1; -o-transform: translateY(0); } } @keyframes fadeInDownBig { 0% { opacity: 0; transform: translateY(-2000px); } 100% { opacity: 1; transform: translateY(0); } } .fadeInDownBig { -webkit-animation-name: fadeInDownBig; -moz-animation-name: fadeInDownBig; -ms-animation-name: fadeInDownBig; -o-animation-name: fadeInDownBig; animation-name: fadeInDownBig; } @-webkit-keyframes fadeInLeftBig { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInLeftBig { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInLeftBig { 0% { opacity: 0; -ms-transform: translateX(-2000px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @-o-keyframes fadeInLeftBig { 0% { opacity: 0; -o-transform: translateX(-2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInLeftBig { 0% { opacity: 0; transform: translateX(-2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; -moz-animation-name: fadeInLeftBig; -ms-animation-name: fadeInLeftBig; -o-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; } @-webkit-keyframes fadeInRightBig { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 100% { opacity: 1; -webkit-transform: translateX(0); } } @-moz-keyframes fadeInRightBig { 0% { opacity: 0; -moz-transform: translateX(2000px); } 100% { opacity: 1; -moz-transform: translateX(0); } } @-ms-keyframes fadeInRightBig { 0% { opacity: 0; -ms-transform: translateX(2000px); } 100% { opacity: 1; -ms-transform: translateX(0); } } @-o-keyframes fadeInRightBig { 0% { opacity: 0; -o-transform: translateX(2000px); } 100% { opacity: 1; -o-transform: translateX(0); } } @keyframes fadeInRightBig { 0% { opacity: 0; transform: translateX(2000px); } 100% { opacity: 1; transform: translateX(0); } } .fadeInRightBig { -webkit-animation-name: fadeInRightBig; -moz-animation-name: fadeInRightBig; -ms-animation-name: fadeInRightBig; -o-animation-name: fadeInRightBig; animation-name: fadeInRightBig; } @-webkit-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-moz-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-ms-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @-o-keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } @keyframes fadeOut { 0% {opacity: 1;} 100% {opacity: 0;} } .fadeOut { -webkit-animation-name: fadeOut; -moz-animation-name: fadeOut; -ms-animation-name: fadeOut; -o-animation-name: fadeOut; animation-name: fadeOut; } @-webkit-keyframes fadeOutUp { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-20px); } } @-moz-keyframes fadeOutUp { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-20px); } } @-ms-keyframes fadeOutUp { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(-20px); } } @-o-keyframes fadeOutUp { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-20px); } } @keyframes fadeOutUp { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-20px); } } .fadeOutUp { -webkit-animation-name: fadeOutUp; -moz-animation-name: fadeOutUp; -ms-animation-name: fadeOutUp; -o-animation-name: fadeOutUp; animation-name: fadeOutUp; } @-webkit-keyframes fadeOutDown { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(20px); } } @-moz-keyframes fadeOutDown { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(20px); } } @-ms-keyframes fadeOutDown { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(20px); } } @-o-keyframes fadeOutDown { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(20px); } } @keyframes fadeOutDown { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(20px); } } .fadeOutDown { -webkit-animation-name: fadeOutDown; -moz-animation-name: fadeOutDown; -ms-animation-name: fadeOutDown; -o-animation-name: fadeOutDown; animation-name: fadeOutDown; } @-webkit-keyframes fadeOutLeft { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-20px); } } @-moz-keyframes fadeOutLeft { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-20px); } } @-ms-keyframes fadeOutLeft { 0% { opacity: 1; -ms-transform: translateX(0); } 100% { opacity: 0; -ms-transform: translateX(-20px); } } @-o-keyframes fadeOutLeft { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-20px); } } @keyframes fadeOutLeft { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-20px); } } .fadeOutLeft { -webkit-animation-name: fadeOutLeft; -moz-animation-name: fadeOutLeft; -ms-animation-name: fadeOutLeft; -o-animation-name: fadeOutLeft; animation-name: fadeOutLeft; } @-webkit-keyframes fadeOutRight { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(20px); } } @-moz-keyframes fadeOutRight { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(20px); } } @-ms-keyframes fadeOutRight { 0% { opacity: 1; -ms-transform: translateX(0); } 100% { opacity: 0; -ms-transform: translateX(20px); } } @-o-keyframes fadeOutRight { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(20px); } } @keyframes fadeOutRight { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(20px); } } .fadeOutRight { -webkit-animation-name: fadeOutRight; -moz-animation-name: fadeOutRight; -ms-animation-name: fadeOutRight; -o-animation-name: fadeOutRight; animation-name: fadeOutRight; } @-webkit-keyframes fadeOutUpBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes fadeOutUpBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-ms-keyframes fadeOutUpBig { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(-2000px); } } @-o-keyframes fadeOutUpBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes fadeOutUpBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(-2000px); } } .fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; -moz-animation-name: fadeOutUpBig; -ms-animation-name: fadeOutUpBig; -o-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; } @-webkit-keyframes fadeOutDownBig { 0% { opacity: 1; -webkit-transform: translateY(0); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes fadeOutDownBig { 0% { opacity: 1; -moz-transform: translateY(0); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-ms-keyframes fadeOutDownBig { 0% { opacity: 1; -ms-transform: translateY(0); } 100% { opacity: 0; -ms-transform: translateY(2000px); } } @-o-keyframes fadeOutDownBig { 0% { opacity: 1; -o-transform: translateY(0); } 100% { opacity: 0; -o-transform: translateY(2000px); } } @keyframes fadeOutDownBig { 0% { opacity: 1; transform: translateY(0); } 100% { opacity: 0; transform: translateY(2000px); } } .fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; -moz-animation-name: fadeOutDownBig; -ms-animation-name: fadeOutDownBig; -o-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; } @-webkit-keyframes fadeOutLeftBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes fadeOutLeftBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-ms-keyframes fadeOutLeftBig { 0% { opacity: 1; -ms-transform: translateX(0); } 100% { opacity: 0; -ms-transform: translateX(-2000px); } } @-o-keyframes fadeOutLeftBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes fadeOutLeftBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(-2000px); } } .fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; -moz-animation-name: fadeOutLeftBig; -ms-animation-name: fadeOutLeftBig; -o-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; } @-webkit-keyframes fadeOutRightBig { 0% { opacity: 1; -webkit-transform: translateX(0); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes fadeOutRightBig { 0% { opacity: 1; -moz-transform: translateX(0); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-ms-keyframes fadeOutRightBig { 0% { opacity: 1; -ms-transform: translateX(0); } 100% { opacity: 0; -ms-transform: translateX(2000px); } } @-o-keyframes fadeOutRightBig { 0% { opacity: 1; -o-transform: translateX(0); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes fadeOutRightBig { 0% { opacity: 1; transform: translateX(0); } 100% { opacity: 0; transform: translateX(2000px); } } .fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; -moz-animation-name: fadeOutRightBig; -ms-animation-name: fadeOutRightBig; -o-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; } @-webkit-keyframes bounceIn { 0% { opacity: 0; -webkit-transform: scale(.3); } 50% { opacity: 1; -webkit-transform: scale(1.05); } 70% { -webkit-transform: scale(.9); } 100% { -webkit-transform: scale(1); } } @-moz-keyframes bounceIn { 0% { opacity: 0; -moz-transform: scale(.3); } 50% { opacity: 1; -moz-transform: scale(1.05); } 70% { -moz-transform: scale(.9); } 100% { -moz-transform: scale(1); } } @-ms-keyframes bounceIn { 0% { opacity: 0; -ms-transform: scale(.3); } 50% { opacity: 1; -ms-transform: scale(1.05); } 70% { -ms-transform: scale(.9); } 100% { -ms-transform: scale(1); } } @-o-keyframes bounceIn { 0% { opacity: 0; -o-transform: scale(.3); } 50% { opacity: 1; -o-transform: scale(1.05); } 70% { -o-transform: scale(.9); } 100% { -o-transform: scale(1); } } @keyframes bounceIn { 0% { opacity: 0; transform: scale(.3); } 50% { opacity: 1; transform: scale(1.05); } 70% { transform: scale(.9); } 100% { transform: scale(1); } } .bounceIn { -webkit-animation-name: bounceIn; -moz-animation-name: bounceIn; -ms-animation-name: bounceIn; -o-animation-name: bounceIn; animation-name: bounceIn; } @-webkit-keyframes bounceInUp { 0% { opacity: 0; -webkit-transform: translateY(2000px); } 60% { opacity: 1; -webkit-transform: translateY(-30px); } 80% { -webkit-transform: translateY(10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInUp { 0% { opacity: 0; -moz-transform: translateY(2000px); } 60% { opacity: 1; -moz-transform: translateY(-30px); } 80% { -moz-transform: translateY(10px); } 100% { -moz-transform: translateY(0); } } @-ms-keyframes bounceInUp { 0% { opacity: 0; -ms-transform: translateY(2000px); } 60% { opacity: 1; -ms-transform: translateY(-30px); } 80% { -ms-transform: translateY(10px); } 100% { -ms-transform: translateY(0); } } @-o-keyframes bounceInUp { 0% { opacity: 0; -o-transform: translateY(2000px); } 60% { opacity: 1; -o-transform: translateY(-30px); } 80% { -o-transform: translateY(10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInUp { 0% { opacity: 0; transform: translateY(2000px); } 60% { opacity: 1; transform: translateY(-30px); } 80% { transform: translateY(10px); } 100% { transform: translateY(0); } } .bounceInUp { -webkit-animation-name: bounceInUp; -moz-animation-name: bounceInUp; -ms-animation-name: bounceInUp; -o-animation-name: bounceInUp; animation-name: bounceInUp; } @-webkit-keyframes bounceInDown { 0% { opacity: 0; -webkit-transform: translateY(-2000px); } 60% { opacity: 1; -webkit-transform: translateY(30px); } 80% { -webkit-transform: translateY(-10px); } 100% { -webkit-transform: translateY(0); } } @-moz-keyframes bounceInDown { 0% { opacity: 0; -moz-transform: translateY(-2000px); } 60% { opacity: 1; -moz-transform: translateY(30px); } 80% { -moz-transform: translateY(-10px); } 100% { -moz-transform: translateY(0); } } @-ms-keyframes bounceInDown { 0% { opacity: 0; -ms-transform: translateY(-2000px); } 60% { opacity: 1; -ms-transform: translateY(30px); } 80% { -ms-transform: translateY(-10px); } 100% { -ms-transform: translateY(0); } } @-o-keyframes bounceInDown { 0% { opacity: 0; -o-transform: translateY(-2000px); } 60% { opacity: 1; -o-transform: translateY(30px); } 80% { -o-transform: translateY(-10px); } 100% { -o-transform: translateY(0); } } @keyframes bounceInDown { 0% { opacity: 0; transform: translateY(-2000px); } 60% { opacity: 1; transform: translateY(30px); } 80% { transform: translateY(-10px); } 100% { transform: translateY(0); } } .bounceInDown { -webkit-animation-name: bounceInDown; -moz-animation-name: bounceInDown; -ms-animation-name: bounceInDown; -o-animation-name: bounceInDown; animation-name: bounceInDown; } @-webkit-keyframes bounceInLeft { 0% { opacity: 0; -webkit-transform: translateX(-2000px); } 60% { opacity: 1; -webkit-transform: translateX(30px); } 80% { -webkit-transform: translateX(-10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInLeft { 0% { opacity: 0; -moz-transform: translateX(-2000px); } 60% { opacity: 1; -moz-transform: translateX(30px); } 80% { -moz-transform: translateX(-10px); } 100% { -moz-transform: translateX(0); } } @-ms-keyframes bounceInLeft { 0% { opacity: 0; -ms-transform: translateX(-2000px); } 60% { opacity: 1; -ms-transform: translateX(30px); } 80% { -ms-transform: translateX(-10px); } 100% { -ms-transform: translateX(0); } } @-o-keyframes bounceInLeft { 0% { opacity: 0; -o-transform: translateX(-2000px); } 60% { opacity: 1; -o-transform: translateX(30px); } 80% { -o-transform: translateX(-10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInLeft { 0% { opacity: 0; transform: translateX(-2000px); } 60% { opacity: 1; transform: translateX(30px); } 80% { transform: translateX(-10px); } 100% { transform: translateX(0); } } .bounceInLeft { -webkit-animation-name: bounceInLeft; -moz-animation-name: bounceInLeft; -ms-animation-name: bounceInLeft; -o-animation-name: bounceInLeft; animation-name: bounceInLeft; } @-webkit-keyframes bounceInRight { 0% { opacity: 0; -webkit-transform: translateX(2000px); } 60% { opacity: 1; -webkit-transform: translateX(-30px); } 80% { -webkit-transform: translateX(10px); } 100% { -webkit-transform: translateX(0); } } @-moz-keyframes bounceInRight { 0% { opacity: 0; -moz-transform: translateX(2000px); } 60% { opacity: 1; -moz-transform: translateX(-30px); } 80% { -moz-transform: translateX(10px); } 100% { -moz-transform: translateX(0); } } @-ms-keyframes bounceInRight { 0% { opacity: 0; -ms-transform: translateX(2000px); } 60% { opacity: 1; -ms-transform: translateX(-30px); } 80% { -ms-transform: translateX(10px); } 100% { -ms-transform: translateX(0); } } @-o-keyframes bounceInRight { 0% { opacity: 0; -o-transform: translateX(2000px); } 60% { opacity: 1; -o-transform: translateX(-30px); } 80% { -o-transform: translateX(10px); } 100% { -o-transform: translateX(0); } } @keyframes bounceInRight { 0% { opacity: 0; transform: translateX(2000px); } 60% { opacity: 1; transform: translateX(-30px); } 80% { transform: translateX(10px); } 100% { transform: translateX(0); } } .bounceInRight { -webkit-animation-name: bounceInRight; -moz-animation-name: bounceInRight; -ms-animation-name: bounceInRight; -o-animation-name: bounceInRight; animation-name: bounceInRight; } @-webkit-keyframes bounceOut { 0% { -webkit-transform: scale(1); } 25% { -webkit-transform: scale(.95); } 50% { opacity: 1; -webkit-transform: scale(1.1); } 100% { opacity: 0; -webkit-transform: scale(.3); } } @-moz-keyframes bounceOut { 0% { -moz-transform: scale(1); } 25% { -moz-transform: scale(.95); } 50% { opacity: 1; -moz-transform: scale(1.1); } 100% { opacity: 0; -moz-transform: scale(.3); } } @-ms-keyframes bounceOut { 0% { -ms-transform: scale(1); } 25% { -ms-transform: scale(.95); } 50% { opacity: 1; -ms-transform: scale(1.1); } 100% { opacity: 0; -ms-transform: scale(.3); } } @-o-keyframes bounceOut { 0% { -o-transform: scale(1); } 25% { -o-transform: scale(.95); } 50% { opacity: 1; -o-transform: scale(1.1); } 100% { opacity: 0; -o-transform: scale(.3); } } @keyframes bounceOut { 0% { transform: scale(1); } 25% { transform: scale(.95); } 50% { opacity: 1; transform: scale(1.1); } 100% { opacity: 0; transform: scale(.3); } } .bounceOut { -webkit-animation-name: bounceOut; -moz-animation-name: bounceOut; -ms-animation-name: bounceOut; -o-animation-name: bounceOut; animation-name: bounceOut; } @-webkit-keyframes bounceOutUp { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(20px); } 100% { opacity: 0; -webkit-transform: translateY(-2000px); } } @-moz-keyframes bounceOutUp { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(20px); } 100% { opacity: 0; -moz-transform: translateY(-2000px); } } @-ms-keyframes bounceOutUp { 0% { -ms-transform: translateY(0); } 20% { opacity: 1; -ms-transform: translateY(20px); } 100% { opacity: 0; -ms-transform: translateY(-2000px); } } @-o-keyframes bounceOutUp { 0% { -o-transform: translateY(0); } 20% { opacity: 1; -o-transform: translateY(20px); } 100% { opacity: 0; -o-transform: translateY(-2000px); } } @keyframes bounceOutUp { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(20px); } 100% { opacity: 0; transform: translateY(-2000px); } } .bounceOutUp { -webkit-animation-name: bounceOutUp; -moz-animation-name: bounceOutUp; -ms-animation-name: bounceOutUp; -o-animation-name: bounceOutUp; animation-name: bounceOutUp; } @-webkit-keyframes bounceOutDown { 0% { -webkit-transform: translateY(0); } 20% { opacity: 1; -webkit-transform: translateY(-20px); } 100% { opacity: 0; -webkit-transform: translateY(2000px); } } @-moz-keyframes bounceOutDown { 0% { -moz-transform: translateY(0); } 20% { opacity: 1; -moz-transform: translateY(-20px); } 100% { opacity: 0; -moz-transform: translateY(2000px); } } @-ms-keyframes bounceOutDown { 0% { -ms-transform: translateY(0); } 20% { opacity: 1; -ms-transform: translateY(-20px); } 100% { opacity: 0; -ms-transform: translateY(2000px); } } @keyframes bounceOutDown { 0% { transform: translateY(0); } 20% { opacity: 1; transform: translateY(-20px); } 100% { opacity: 0; transform: translateY(2000px); } } .bounceOutDown { -webkit-animation-name: bounceOutDown; -moz-animation-name: bounceOutDown; -ms-animation-name: bounceOutDown; animation-name: bounceOutDown; } @-webkit-keyframes bounceOutLeft { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(20px); } 100% { opacity: 0; -webkit-transform: translateX(-2000px); } } @-moz-keyframes bounceOutLeft { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(20px); } 100% { opacity: 0; -moz-transform: translateX(-2000px); } } @-ms-keyframes bounceOutLeft { 0% { -ms-transform: translateX(0); } 20% { opacity: 1; -ms-transform: translateX(20px); } 100% { opacity: 0; -ms-transform: translateX(-2000px); } } @-o-keyframes bounceOutLeft { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(20px); } 100% { opacity: 0; -o-transform: translateX(-2000px); } } @keyframes bounceOutLeft { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(20px); } 100% { opacity: 0; transform: translateX(-2000px); } } .bounceOutLeft { -webkit-animation-name: bounceOutLeft; -moz-animation-name: bounceOutLeft; -ms-animation-name: bounceOutLeft; -o-animation-name: bounceOutLeft; animation-name: bounceOutLeft; } @-webkit-keyframes bounceOutRight { 0% { -webkit-transform: translateX(0); } 20% { opacity: 1; -webkit-transform: translateX(-20px); } 100% { opacity: 0; -webkit-transform: translateX(2000px); } } @-moz-keyframes bounceOutRight { 0% { -moz-transform: translateX(0); } 20% { opacity: 1; -moz-transform: translateX(-20px); } 100% { opacity: 0; -moz-transform: translateX(2000px); } } @-ms-keyframes bounceOutRight { 0% { -ms-transform: translateX(0); } 20% { opacity: 1; -ms-transform: translateX(-20px); } 100% { opacity: 0; -ms-transform: translateX(2000px); } } @-o-keyframes bounceOutRight { 0% { -o-transform: translateX(0); } 20% { opacity: 1; -o-transform: translateX(-20px); } 100% { opacity: 0; -o-transform: translateX(2000px); } } @keyframes bounceOutRight { 0% { transform: translateX(0); } 20% { opacity: 1; transform: translateX(-20px); } 100% { opacity: 0; transform: translateX(2000px); } } .bounceOutRight { -webkit-animation-name: bounceOutRight; -moz-animation-name: bounceOutRight; -ms-animation-name: bounceOutRight; -o-animation-name: bounceOutRight; animation-name: bounceOutRight; } @-webkit-keyframes rotateIn { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(-200deg); opacity: 0; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateIn { 0% { -moz-transform-origin: center center; -moz-transform: rotate(-200deg); opacity: 0; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateIn { 0% { -ms-transform-origin: center center; -ms-transform: rotate(-200deg); opacity: 0; } 100% { -ms-transform-origin: center center; -ms-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateIn { 0% { -o-transform-origin: center center; -o-transform: rotate(-200deg); opacity: 0; } 100% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateIn { 0% { transform-origin: center center; transform: rotate(-200deg); opacity: 0; } 100% { transform-origin: center center; transform: rotate(0); opacity: 1; } } .rotateIn { -webkit-animation-name: rotateIn; -moz-animation-name: rotateIn; -ms-animation-name: rotateIn; -o-animation-name: rotateIn; animation-name: rotateIn; } @-webkit-keyframes rotateInUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInUpLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(90deg); opacity: 0; } 100% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpLeft { 0% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; -moz-animation-name: rotateInUpLeft; -ms-animation-name: rotateInUpLeft; -o-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; } @-webkit-keyframes rotateInDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInDownLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(-90deg); opacity: 0; } 100% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownLeft { 0% { transform-origin: left bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } } .rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; -moz-animation-name: rotateInDownLeft; -ms-animation-name: rotateInDownLeft; -o-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; } @-webkit-keyframes rotateInUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInUpRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(-90deg); opacity: 0; } 100% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInUpRight { 0% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInUpRight { -webkit-animation-name: rotateInUpRight; -moz-animation-name: rotateInUpRight; -ms-animation-name: rotateInUpRight; -o-animation-name: rotateInUpRight; animation-name: rotateInUpRight; } @-webkit-keyframes rotateInDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } } @-moz-keyframes rotateInDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } } @-ms-keyframes rotateInDownRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(90deg); opacity: 0; } 100% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } } @-o-keyframes rotateInDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } } @keyframes rotateInDownRight { 0% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } 100% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } } .rotateInDownRight { -webkit-animation-name: rotateInDownRight; -moz-animation-name: rotateInDownRight; -ms-animation-name: rotateInDownRight; -o-animation-name: rotateInDownRight; animation-name: rotateInDownRight; } @-webkit-keyframes rotateOut { 0% { -webkit-transform-origin: center center; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: center center; -webkit-transform: rotate(200deg); opacity: 0; } } @-moz-keyframes rotateOut { 0% { -moz-transform-origin: center center; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: center center; -moz-transform: rotate(200deg); opacity: 0; } } @-ms-keyframes rotateOut { 0% { -ms-transform-origin: center center; -ms-transform: rotate(0); opacity: 1; } 100% { -ms-transform-origin: center center; -ms-transform: rotate(200deg); opacity: 0; } } @-o-keyframes rotateOut { 0% { -o-transform-origin: center center; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: center center; -o-transform: rotate(200deg); opacity: 0; } } @keyframes rotateOut { 0% { transform-origin: center center; transform: rotate(0); opacity: 1; } 100% { transform-origin: center center; transform: rotate(200deg); opacity: 0; } } .rotateOut { -webkit-animation-name: rotateOut; -moz-animation-name: rotateOut; -ms-animation-name: rotateOut; -o-animation-name: rotateOut; animation-name: rotateOut; } @-webkit-keyframes rotateOutUpLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutUpLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-ms-keyframes rotateOutUpLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } 100% { -ms-transform-origin: left bottom; -ms-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutUpLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutUpLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { -transform-origin: left bottom; -transform: rotate(-90deg); opacity: 0; } } .rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; -moz-animation-name: rotateOutUpLeft; -ms-animation-name: rotateOutUpLeft; -o-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; } @-webkit-keyframes rotateOutDownLeft { 0% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: left bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutDownLeft { 0% { -moz-transform-origin: left bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: left bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-ms-keyframes rotateOutDownLeft { 0% { -ms-transform-origin: left bottom; -ms-transform: rotate(0); opacity: 1; } 100% { -ms-transform-origin: left bottom; -ms-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutDownLeft { 0% { -o-transform-origin: left bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: left bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutDownLeft { 0% { transform-origin: left bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: left bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; -moz-animation-name: rotateOutDownLeft; -ms-animation-name: rotateOutDownLeft; -o-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; } @-webkit-keyframes rotateOutUpRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(90deg); opacity: 0; } } @-moz-keyframes rotateOutUpRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(90deg); opacity: 0; } } @-ms-keyframes rotateOutUpRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } 100% { -ms-transform-origin: right bottom; -ms-transform: rotate(90deg); opacity: 0; } } @-o-keyframes rotateOutUpRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(90deg); opacity: 0; } } @keyframes rotateOutUpRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(90deg); opacity: 0; } } .rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; -moz-animation-name: rotateOutUpRight; -ms-animation-name: rotateOutUpRight; -o-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; } @-webkit-keyframes rotateOutDownRight { 0% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(0); opacity: 1; } 100% { -webkit-transform-origin: right bottom; -webkit-transform: rotate(-90deg); opacity: 0; } } @-moz-keyframes rotateOutDownRight { 0% { -moz-transform-origin: right bottom; -moz-transform: rotate(0); opacity: 1; } 100% { -moz-transform-origin: right bottom; -moz-transform: rotate(-90deg); opacity: 0; } } @-ms-keyframes rotateOutDownRight { 0% { -ms-transform-origin: right bottom; -ms-transform: rotate(0); opacity: 1; } 100% { -ms-transform-origin: right bottom; -ms-transform: rotate(-90deg); opacity: 0; } } @-o-keyframes rotateOutDownRight { 0% { -o-transform-origin: right bottom; -o-transform: rotate(0); opacity: 1; } 100% { -o-transform-origin: right bottom; -o-transform: rotate(-90deg); opacity: 0; } } @keyframes rotateOutDownRight { 0% { transform-origin: right bottom; transform: rotate(0); opacity: 1; } 100% { transform-origin: right bottom; transform: rotate(-90deg); opacity: 0; } } .rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; -moz-animation-name: rotateOutDownRight; -ms-animation-name: rotateOutDownRight; -o-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; } @-webkit-keyframes hinge { 0% { -webkit-transform: rotate(0); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 20%, 60% { -webkit-transform: rotate(80deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 40% { -webkit-transform: rotate(60deg); -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 80% { -webkit-transform: rotate(60deg) translateY(0); opacity: 1; -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; } 100% { -webkit-transform: translateY(700px); opacity: 0; } } @-moz-keyframes hinge { 0% { -moz-transform: rotate(0); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 20%, 60% { -moz-transform: rotate(80deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 40% { -moz-transform: rotate(60deg); -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 80% { -moz-transform: rotate(60deg) translateY(0); opacity: 1; -moz-transform-origin: top left; -moz-animation-timing-function: ease-in-out; } 100% { -moz-transform: translateY(700px); opacity: 0; } } @-ms-keyframes hinge { 0% { -ms-transform: rotate(0); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; } 20%, 60% { -ms-transform: rotate(80deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; } 40% { -ms-transform: rotate(60deg); -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; } 80% { -ms-transform: rotate(60deg) translateY(0); opacity: 1; -ms-transform-origin: top left; -ms-animation-timing-function: ease-in-out; } 100% { -ms-transform: translateY(700px); opacity: 0; } } @-o-keyframes hinge { 0% { -o-transform: rotate(0); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 20%, 60% { -o-transform: rotate(80deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 40% { -o-transform: rotate(60deg); -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 80% { -o-transform: rotate(60deg) translateY(0); opacity: 1; -o-transform-origin: top left; -o-animation-timing-function: ease-in-out; } 100% { -o-transform: translateY(700px); opacity: 0; } } @keyframes hinge { 0% { transform: rotate(0); transform-origin: top left; animation-timing-function: ease-in-out; } 20%, 60% { transform: rotate(80deg); transform-origin: top left; animation-timing-function: ease-in-out; } 40% { transform: rotate(60deg); transform-origin: top left; animation-timing-function: ease-in-out; } 80% { transform: rotate(60deg) translateY(0); opacity: 1; transform-origin: top left; animation-timing-function: ease-in-out; } 100% { transform: translateY(700px); opacity: 0; } } .hinge { -webkit-animation-name: hinge; -moz-animation-name: hinge; -ms-animation-name: hinge; -o-animation-name: hinge; animation-name: hinge; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollIn { 0% { opacity: 0; -webkit-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } } @-moz-keyframes rollIn { 0% { opacity: 0; -moz-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } } @-ms-keyframes rollIn { 0% { opacity: 0; -ms-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -ms-transform: translateX(0px) rotate(0deg); } } @-o-keyframes rollIn { 0% { opacity: 0; -o-transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } } @keyframes rollIn { 0% { opacity: 0; transform: translateX(-100%) rotate(-120deg); } 100% { opacity: 1; transform: translateX(0px) rotate(0deg); } } .rollIn { -webkit-animation-name: rollIn; -moz-animation-name: rollIn; -ms-animation-name: rollIn; -o-animation-name: rollIn; animation-name: rollIn; } /* originally authored by Nick Pettit - https://github.com/nickpettit/glide */ @-webkit-keyframes rollOut { 0% { opacity: 1; -webkit-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -webkit-transform: translateX(100%) rotate(120deg); } } @-moz-keyframes rollOut { 0% { opacity: 1; -moz-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -moz-transform: translateX(100%) rotate(120deg); } } @-ms-keyframes rollOut { 0% { opacity: 1; -ms-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -ms-transform: translateX(100%) rotate(120deg); } } @-o-keyframes rollOut { 0% { opacity: 1; -o-transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; -o-transform: translateX(100%) rotate(120deg); } } @keyframes rollOut { 0% { opacity: 1; transform: translateX(0px) rotate(0deg); } 100% { opacity: 0; transform: translateX(100%) rotate(120deg); } } .rollOut { -webkit-animation-name: rollOut; -moz-animation-name: rollOut; -ms-animation-name: rollOut; -o-animation-name: rollOut; animation-name: rollOut; } /* tables */ table.tablesorter { width: 100%; text-align: left; } table.tablesorter thead tr th, table.tablesorter tfoot tr th { font-size: 12px; font-weight: normal; } table.tablesorter thead tr .header { cursor: pointer; } table.tablesorter thead tr .header .headerArrow { background-image: url("/static/images/no_repeat_data.png"); background-position: -1px -389px; background-repeat: no-repeat; display: inline-block; height: 9px; width: 9px; margin-left: 2px; margin-right: 3px; } table.tablesorter tbody td { } table.tablesorter tbody tr.odd td { } table.tablesorter thead tr .headerSortUp .headerArrow { background-image: url("/static/images/no_repeat_data.png"); background-position: -10px -389px; background-repeat: no-repeat; } table.tablesorter thead tr .headerSortDown .headerArrow { background-image: url("/static/images/no_repeat_data.png"); background-position: -20px -389px; background-repeat: no-repeat; } table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp { } /* Caption fix */ caption.Table_Header{ caption-side:top; font-weight:normal; text-align:left;} caption.Table_Footer{ caption-side: bottom; text-align: left; color: #A6A6A6; font-size: 11px; } /* tr.Table_Subheader should be rendered as header */ tr.Table_Subheader td, tr.Table_Subheader th{ color: #000; font-size: 12px; line-height: 18px; background-color: #c3d1d9; padding: 12px 10px; margin-bottom: 2px; border-right:1px solid #fff;border-top: 5px solid #fff; border-bottom: 2px solid #fff !IMPORTANT; text-align:left; font-weight: normal; } /* for small scale plasmid table issue.*/ tr.Table_Subheader_new td, tr.Table_Subheader_new th{ color: #000; font-size: 12px; line-height: 18px; background-color: #c3d1d9; margin-bottom: 2px; border-right:1px solid #fff;border-top: 5px solid #fff; border-bottom: 2px solid #fff !IMPORTANT; text-align:left; font-weight: normal; } /* Since we do not necessarily have divs in our tables, we need to specify the border in the next row This will most probably not work in IE < 7 or 8 due to selector issues. */ tr.Table_Subheader + tr > td{ border-top: 1px solid #C3D1D9; } p:empty { margin: 0px; padding: 0px; } /* Copyright 2012 Qiagen All Rights Reserved The intended structure of this document to follow is to have 3 levels in order to better represent all the visible components. Also, a table of contents [TOC that follows that 3 level structure] is provided in order to five a fast overview of the document. The swatch colors used by the styles are: #000 = black #C2DBF9 = #000000 = black #e0003c = #1b3067 = #e9eef2 = #3c5061 = #bfbfbf = #a6a6a6 = #fff = white #62809e = #143c64 = #2864a0 = #404040 = #c3d1d9 = #ffffff = white #627580 = #e4ebf0 = #9e9e9e = #f2f8ff = #284663 = #5cb639 = #b3c2d1 = #e7e7e7 = #e9edf0 = = Gray #d4dce6 = #d3dad4 = #e7edf4 = #64737C = #95aabe = #8fa5b2 = #9eb0c4 = The convention for declaration structure in 3 levels looks as follows: LEVEL 1 (in capital letters) / *---=--- * / / *---=--- ============ * / LEVEL 2 / *--=--* / LEVEL 3 / *-=-* / the convention includes a special character, an equal sign (=), as a flag to aid searching within a text editor. Table Of Contents: -GLOBAL:Resets and overrides =Fonts =Elements *Checkboxes =Height, width, padding, margin =Badges =Elements =Border -LINKS AND TYPE =Share link =Layer for share link dialog -MAIN LAYOUT -SECONDARY LAYOUT STRUCTURES =Resource Center page =Welcome page =Location/Language change selection =PageDetailsModule -FORM ELEMENTS =ABCsearchfield =Headline =Micellaneous =SearchfieldForm =Scrollpane =Input,select,form =Buttons *action button *edit button *new button *delete button *print button *share button *bookmark button *download button *organize button =Anchor href =DIV Table =Table =Collapsible table =Header =Footer =Content startpage =Carousel nav =MainContainer =Middle Content =Category Teaser =Topic Teaser =News Portal =Default Button =Specific_product_info =Sidebar right =SimpleLightbox =ListOptions =List tables =Configuration_option =ListInfoBox =Tabs =Panes =SubTotal =Accordion =WorkflowNavigation =Plates =Wishlist =SocialActivity =FilterSet =Eventlist =Toolbox =Teaser with botttom head =SearchField =MediaGallery =FAQ =FAQ collapsible =NAVIGATION *Levels *SERP Navigation *Filter navigation *Quicklinks *FilterSet Navigation *ProductNavi =Localization window =Pt_serp =Add wishlist window =For WishList Description Width =Collapsible text =StepByStep Navigation =Select gene =Select gene with scrollbar =Wishlist lightbox tabs =Pager =Login =Webinars =ProductFinder =Compatibility mode of oldQ and dropreplace =datePicker =Press Release =Account =Recommendations =Inventory =Resource Center =Event Calendar =Event Picker =Feedback Form =AnythingSlider =BoderBottomBar -MICELLANEOUS =Buttons Sizes -FIREFOX */ /*---=GLOBAL:Resets and overrides--- ============ */ /*--=Fonts--*/ @font-face { font-family: "futura"; src: url("/static/fonts/futura-t-demi-latin-1.eot") format("embedded-opentype"), url("/static/fonts/futura-t-demi-latin-1.woff") format("woff"), url("/static/fonts/futura-t-demi-latin-1.svg") format("svg"); font-weight: normal; font-style: normal; } @font-face { font-family: "futura"; src: url("/static/fonts/futura-t-demi-latin-1-oblique.eot") format("embedded-opentype"), url("/static/fonts/futura-t-demi-latin-1-oblique.woff") format("woff"), url("/static/fonts/futura-t-demi-latin-1-oblique.svg") format("svg"); font-weight: normal; font-style: oblique; } @font-face { font-family: "futura-book"; src: url("/static/fonts/futura-t-book.eot") format("embedded-opentype"), url("/static/fonts/futura-t-book.woff") format("woff"), url("/static/fonts/futura-t-book.svg") format("svg"); } /*--=Elements--*/ /* cross-browser focus styles */ :focus { outline: 0; /*No outline by default*/ } @-moz-document url-prefix() { button.blueButton::-moz-focus-inner { border: 0; } input.blueButton::-moz-focus-inner { border: 0; } } /*headline margin*/ div.pane div.subline { margin-bottom: 12px; } div.copy.dots ul, div.dots ul { display: inline-block; margin-left: -5px; width: 430px; } div.copy.dots ol, div.dots ol { display: inline-block; margin-left: -5px; width: 430px; } body { margin: 0; padding: 0; font-size: 15px; font-family: arial; font-weight: normal; position: relative; } body > form > table, #bodywrapper > form > table { margin: 0 auto; } body > table { margin: 0 auto; } .top-bar { top: 71px; border-bottom: 2px solid #E0003C; position: absolute; width: 100%; z-index: -100; left: 0; } .bottom-bar { border-bottom: 2px solid #1B3067; bottom: 93px; position: absolute; width: 100%; z-index: -100; left: 0; } .spacer { height: 80px; } h6 { color: #000; font-size: 13px; font-weight: normal; margin: 0; text-align: left; font-family: arial; } .defaultlogin { font-size: 12px; color: #000000; } .hideWishList1, .displayNone, .tableHeaderGroup, .tableFooterGroup, .hideNoJS, div.inCartText, div.addToCartText, .nextqselect { display: none; } a.hideNoJS { display: none; } ul { margin: 0; padding: 0; list-style: none; } .fleft { float: left; } .fright { float: right; } .catNoAboveCartButton { text-align: right; display: block; margin-bottom: -10px; margin-top: 20px; font-style: italic; } .cartButton { float: right; padding-top: 1px; } /*When its not possible to use clear:both due to any flickering layout in IE, then use instead .flicklerFreeClear.*/ .clear { clear: both; float: none; padding: 0 !important; margin: 0 !important; } .flicklerFreeClear { overflow: auto; width: 100%; float: none; margin: 0 !important; padding: 0 !important; } .main, .footer { width: 1200px; margin: 0 auto; } .introductionTop h1 em { font-family: futura; font-style: oblique; } /*-=Checkboxes-*/ /*checkboxes: there are two types, input-based and a-based checkboxes*/ /*a-based checkboxes*/ /* Uniform Style */ a.checkbox { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -232px -2736px; } a.checkbox.active { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -232px -2604px; } span.uniform > input[type="checkbox"] { display: none; } /* Enlarge Register button on Webinar detail page*/ a.webinarbutton { background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -169px #aaaaaa; float: right; border: medium none; color: #ffffff; font-size: 18px; font-weight: bold; min-height: 24px; line-height: 26px; cursor: pointer; text-decoration: none; width: 106px; _width: 106px; text-align: center; padding-bottom: 2px; padding-top: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; display: inline; } a.webinarbutton:hover { color: #fff; } /*input-based checkboxes, they assume a wrapper "span.uniform.checked" *This is done to achieve the same visual representation across browsers*/ /* Uniform Style */ span.uniform { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -232px -2736px; margin-top: -6px; min-height: 22px; line-height: 22px; width: 19px; height: 20px; padding: 0px; display: block; clear: left; float: left; } span.uniform.checked { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -232px -2604px; margin-top: -5px; } /*--=height, width, padding, margin--*/ .height0 { height: 0px; } .height10 { height: 10px; } .height15 { height: 15px; } .height21 { height: 21px; } .height30 { height: 30px; } .height31 { height: 31px; } .height45 { height: 45px; } .height47 { height: 47px; } .height50 { height: 50px; } .height70 { height: 70px; } .height75 { height: 75px; } .height85 { height: 85px; } .width20 { width: 20px; text-align: right; } .width22 { width: 22px; } .width75 { width: 75px; } .width85 { width: 85px; } .w30px { width: 30px; } .width101 { width: 101px; } .width110 { width: 110px; } .width154 { width: 154px; } .width176 { width: 176px; } .width186 { width: 186px; } .width186 .listreplace { max-width: 186px; } .width186 input { max-width: 176px; } .width191 { width: 191px; } .width191 .listreplace { max-width: 181px; } .width191 input { max-width: 181px; } .width194 { width: 194px; } .width201 { width: 201px; } .width251 { width: 251px; } .width201 .listreplace { max-width: 186px; } .width201 input { max-width: 191px; } .width206 { width: 206px; } .width206 .listreplace { max-width: 206px; } .width206 input { max-width: 196px; } .width210 { width: 210px; } .width302 { width: 302px; } .width320 { width: 320px; } .width340 { width: 340px; } .width370 { width: 370px; } .width386 { width: 386px; } .width395 { width: 395px; } .width402 { width: 402px; position: relative; min-height: 50px; } .width432 { width: 432px; } .width440 { width: 440px; } .width420 { width: 420px; } .width423 { width: 423px; position: relative; } .width428 { width: 428px; } .width449 { width: 449px; } .width510 { width: 510px; } .width540 { width: 540px; } .width614 { width: 614px; } .width33 { width: 33%; } .width66 { width: 66%; } .width100 { width: 100%; } .marginLR6 { margin: 0 6px; } .paddingRight8 { padding-right: 8px; } .paddingRight20 { padding-right: 20px !important; } .paddingLeft10 { padding-left: 10px !important; } .paddingLeft5 { padding-left: 5px !important; } .paddingLeft20 { padding-left: 20px !important; } .paddingLeft215 { padding-left: 215px; } .paddingTop3 { padding-top: 3px; } .paddingTop7 { padding-top: 7px; } .paddingTop10 { padding-top: 10px; } .paddingTop12 { padding-top: 12px; } .paddingTop13 { padding-top: 13px; } .paddingTop15 { padding-top: 15px; } .paddingTop20 { padding-top: 20px; } .paddingTop34 { padding-top: 34px; } .paddingTop116 { padding-top: 116px; } .paddingBottomIntro { padding-bottom: 7px; } .paddingBottom4 { padding-bottom: 4px; } .paddingBottom10 { padding-bottom: 10px; } .paddingBottom13 { padding-bottom: 13px; } .paddingBottom15 { padding-bottom: 15px; } .paddingBottom16 { padding-bottom: 16px; } .paddingBottom20 { padding-bottom: 20px; } .paddingBottom27 { padding-bottom: 27px; } .marginAuto { margin: auto; } .marginTopM3 { margin-top: -3px; } .marginTop0 { margin-top: 0px; } .marginTop2 { margin-top: 2px; } .marginTop3 { margin-top: 3px; } .marginTop5 { margin-top: 5px; } .marginTop10 { margin-top: 10px; } .marginTop20 { margin-top: 20px; } .marginTop21 { margin-top: 21px; } .marginTop40 { margin-top: 40px; } .marginTopM3 { margin-top: -3px; } .marginLeft0 { margin-left: 0px; } .marginLeft5 { margin-left: 5px; } .marginLeft10 { margin-left: 10px; } .marginLeft20 { margin-left: 20px; } .noMarginRight { margin-right: 0px !important; } .marginRight3 { margin-right: 3px; } .marginRight5 { margin-right: 5px; } .marginRight10 { margin-right: 10px; } .marginRight15 { margin-right: 15px; } .marginRight20 { margin-right: 20px; } .marginBottom3 { margin-bottom: 3px; } .marginBottom { margin-bottom: 14px; } .marginBottom0 { margin-bottom: 0px; } .bottom9px { margin-bottom: 9px; } .marginBottom10 { margin-bottom: 10px; } .marginBottom15 { margin-bottom: 15px; } .marginBottom18 { margin-bottom: 18px; } .marginBottom20 { margin-bottom: 20px !important; } .marginBottom28 { margin-bottom: 28px; } .marginBottom40 { margin-bottom: 40px; } .noHeight { height: auto !important; } .lineHeight24 { line-height: 24px; } /*--=Badges--*/ .badges { width: 30px; height: 30px; background-image: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD"); background-repeat: no-repeat; margin-right: 10px; } .badges.green { background-position: -2px -408px; } .badges.yellow { background-position: -2px -438px; } .badges.red { background-position: -2px -469px; } /*--Elements--*/ a { text-decoration: none; } .p66 { width: 66%; } .blueBig { background-color: #e9eef2; border-top: 1px solid #c3d1d9; border-Bottom: 1px solid #c3d1d9; height: 57px; padding-bottom: 10px; margin-bottom: -16px; } .blueBig .head { font-size: 15px; color: #000; padding: 16px 0 0 20px; background: none; width: 213px; } .blueBig > .copy { width: 420px; padding-top: 16px; } .Image-Right { width: auto; margin-left: 58%; } a.fancy, a.fancyVideo { display: block; } .errorWrapper input { border: 1px solid #e0003c; } .errorWrapper label { color: #e0003c; } .errorWrapper.border { border: 1px solid #e0003c; color: #e0003c; font-size: 12px; padding: 2px 4px; margin-bottom: 9px; } .errorWrapper .bold { font-weight: bold; } .errorWrapper.border .show { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 7px -276px transparent; color: #1B3067; padding-left: 20px; } .dragger { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat right 0; width: 9px; height: 75px; margin-right: 10px; cursor: pointer; } label { font-size: 12px; } .listEntries { padding: 12px 10px; font-size: 12px; border-top: 1px solid #c3d1d9; border-bottom: 1px solid #c3d1d9; } .bottomRight { bottom: 35px; position: absolute !important; right: 20px; } .bottomLeft { margin-left: 20px; margin-top: 23px; } /*--=Border--*/ .borderTop { border-top: 1px solid #c3d1d9; } .borderBottom { border-bottom: 1px solid #c3d1d9; } .borderBottomE5 { border-bottom: 1px solid #e5effa; } .borderLeft { border-left: 1px solid #C3D1D9; } .borderLeft5 { border-left: 5px solid #E9EEF2; } .borderBottomDotted { border-bottom: 1px dotted #C3D1D9; } .borderTopDotted { border-top: 1px dotted #C3D1D9; } .webinarbox { display: block; position: absolute; z-index: 10; left: 20px; top: 20px; } .webinar .image { padding-top: 4px; } .video span { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat 64px -1078px; width: 201px; height: 113px; position: absolute; z-index: 10; display: block; } .topicTeaser .video a { display: inline-block; float: left; height: 113px; margin-right: 30px; width: 201px; } .topicTeaser .video span { display: none; } .video a:hover span { background-position: 64px -1316px; } .zoom span { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 181px -1552px transparent; width: 201px; height: 113px; position: absolute; z-index: 10; display: block; } .presentation span { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat 64px -1198px; width: 201px; height: 113px; position: absolute; z-index: 10; display: block; } .topicTeaser .presentation a { display: inline-block; float: left; height: 113px; margin-right: 30px; width: 201px; } .topicTeaser .presentation span { display: none; } .presentation a:hover span { background-position: 64px -1428px; } .oldPrice { text-decoration: line-through; } .newPrice { color: #e0003c; line-height: 12px; } .marketing-text { color: #e0003c; font-size: 13px; } .subMenu { background-color: #e9eef2; height: 24px; margin-top: 9px; } .subMenu .category { font-size: 12px; color: #3c5061; padding-left: 15px; line-height: 24px; } .arrowBlueTop { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0 -1017px transparent; color: #1B3067; font-size: 11px; line-height: 19px; padding-left: 12px; text-decoration: none; } .arrowBlueTop.top-page-link { color: #1b3067; font-size: 12px; } .arrowBlueTop.top-page-link:hover { color: #2864a0 !important; } .arrowBlueTopWorkflow { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0 -1016px transparent; color: #1B3067; font-size: 11px; line-height: 19px; padding-left: 12px; text-decoration: none; } .arrowBlueDown { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 5px -972px transparent; padding-left: 15px; text-decoration: none; } .showAll, .showLess, .showAllAutoSuggest { line-height: 17px; border-bottom: 1px dotted #c3d1d9; width: 100%; font-size: 11px; text-align: center; cursor: pointer; background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -698px transparent; } .showAll .arrows, .showLess .arrows { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0 -390px transparent; display: inline-block; height: 8px; margin-right: 3px; width: 9px; } input[type="submit"].greyButton, a.greyButton { border: 1px solid #bfbfbf; color: #bfbfbf; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0 14px 1px; position: relative; } .logInCart { width: 200px; margin-top: 5px; } .head .teaser_arrow { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -3px 0; width: 21px; height: 20px; float: left; margin-right: 5px; } .btmRight { margin-top: 10px; } table table.noHead tbody tr:first-child td, #fancybox-content table.noHead tbody tr:first-child td { border-top: 1px solid #C3D1D9; } table table.shinyBorder tr td, #fancybox-content table.shinyBorder tr td { border-bottom: 1px solid #e5effa !important; } .a6a6a6 { color: #a6a6a6; font-size: 12px; } .fullwidth { width: 654px; } .textLeft { text-align: left; } .textCenter { text-align: center; } .textRight { text-align: right; } .textUnderline { text-decoration: underline; } .textItalic { font-style: italic; } .textUppercase { text-transform: uppercase; } .bubble { padding: 3px 8px; color: #fff; background-color: #62809e; font-size: 10px; font-weight: bold; margin-right: 10px; margin-top: 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; } .tabs .bubble { background-color: #143c64; color: #fff; margin-left: 10px; top: -3px; } .tabs .current .bubble { background-color: #fff; color: #143c64; } .listOptions.noTop { margin: 0; padding: 0; } .buttonHeadline { padding-bottom: 6px; border-bottom: 1px solid #c3d1d9; margin-top: 30px; padding-right: 10px; } /*---=LINKS AND TYPE--- ============ */ /*--=Share link--*/ .addthis_toolbox { z-index: 16; position: absolute; margin-left: 600px; margin-top: -19px; } /*--=Layer for share link dialog--*/ .coverdiv { border-bottom-style: solid; border-width: thin; display: none; z-index: 15; width: 100%; height: 100%; top: 0; left: 0; position: absolute; } /*---=MAIN LAYOUT--- ============ */ /*---=SECONDARY LAYOUT STRUCTURES--- ============ */ /*--=Resource Center page--*/ .resource-list .headline { font-size: 15px; color: #000; font-family: arial !important; } .resource-list .q-td.list-item-description { width: 475px; } .resource-search .search-section .searchtext { font-size: 12px; color: #000; font-family: arial; } .resource-search .search-section .separator { height: 10px; background: url("/static/images/tabs_back.png?lastmod=YYYYMMDD") repeat-x scroll 0 -16px transparent; } .resource-search #dopdownRS .searchtext.label { float: left; margin-right: 10px; } .resource-search .search-section { margin-top: 18px; border-width: 1px 0px 1px 1px; border-style: solid; border-color: rgb(195, 209, 217); /*padding-top: 12px; padding-bottom: 12px;*/ background-color: #F2F8FF; } .resource-search .search-section .subsection { padding: 18px; } /* Uniform Style */ #incrementul span.uniform, #labincrementul span.uniform { margin-top: -2px !important; margin-right: 0px !important; margin-left: 0px !important; } #incrementul #increment span.uniform, #labincrementul span.uniform { margin-top: 2px !important; } #incrementul span.uniform.checked, #labincrementul span.uniform.checked { margin-top: -2px !important; margin-right: 0px !important; margin-left: 0px !important; background-position: -232px -2603px; } #incrementul #increment span.uniform.checked, #labincrementul span.uniform.checked { margin-top: 2px !important; } .filter .filterset span.uniform label { margin-top: 2px; margin-left: 20px; display: block; } .wishlisttabs #download .checkboxes span.uniform, .wishlisttabs #download .checkboxes span.uniform.checked { margin-left: 0 !important; margin-right: 3px !important; margin-top: -3px !important; } /*--=Welcome page--*/ .welcomePageMarginTop { margin-top: 5px; } .welcomePageMarginTopHeadline { margin-top: -5px; } /*--=Location/Language change selection--*/ #fancybox-content .localization #GoButton { margin-bottom: 1px; } /*--=PageDetailsModule--*/ .headingtext { font-size: 15px !important; font-family: arial !important; font-weight: normal !important; margin-bottom: 12px !important; color: Black !important; } .headingtext a:hover { font-size: 15px !important; font-family: arial !important; font-weight: normal !important; margin-bottom: 12px !important; color: Black !important; } .internal-links { margin-left: -7px; font-size: 15px; } .resourceList { margin-left: 10px; width: 125px; } /*---=FORM ELEMENTS--- ============ */ /*--=ABCsearchfield--*/ .abcSearchfield { border-top: 1px solid #ffffff; border-bottom: 1px solid #c3d1d9; margin-top: -31px; /*Needed in order to cancel the margin from image above. Expected is total padding/margin of 20px. */ } .abcSearchfield input { margin: 20px 10px 10px; width: 636px; } .abcSearchfield .abc { margin-bottom: 15px; margin-left: 10px; overflow: auto; } .abcSearchfield .abc li { float: left; width: 24px; } .abcSearchfield .abc li a { color: #a6a6a6; font-size: 12px; text-decoration: none; text-align: center; display: block; } .abcSearchfield .abc li a:hover, .abcSearchfield .abc li a.active { color: #1b3067; } .abcSearchfield .abc li input { color: #a6a6a6; font-size: 12px; text-decoration: none; text-align: center; display: block; border: 0 none; margin: 0; padding: 0; } .abcSearchfield .abc li input:hover, .abcSearchfield .abc li input.active { color: #1b3067; border: 0 none; margin: 0; padding: 0; } .phone { font-size: 15px; } .phone .phone { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -124px -156px transparent; color: #000000; width: 20px; height: 15px; display: inline-block; } a.blueLink { color: #1b3067; text-decoration: none; line-height: 25px; padding-right: 10px; } a.blueLink:hover { color: #2864a0; } a.small { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -335px transparent; color: #A6A6A6; font-size: 11px; line-height: 19px; margin-left: 10px; padding-left: 8px; text-decoration: none; } a.small1 { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -337px transparent; color: #A6A6A6; font-size: 11px; line-height: 19px; margin-left: 10px; padding-left: 8px; text-decoration: none; } a.small1.OSMacType { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -339px transparent; color: #A6A6A6; font-size: 11px; line-height: 19px; margin-left: 10px; padding-left: 8px; text-decoration: none; } .collapsible a.small { background-position: -3px -337px; } /*--=Headline--*/ .headline { font-size: 21px; color: #1b3067; margin-bottom: 3px; font-family: futura-book; } table table .headline, #fancybox-content table table .headline { font-size: 15px; color: #000; margin-bottom: 0px; font-family: arial; } table table .headline a { font-size: 15px; color: #000; margin-bottom: 3px; line-height: 24px; } table .title.limitHeight { height: 25px; overflow: auto; } /* added as a fix for for Qiagen-3693 for global search */ table .title.height { overflow: auto; } .middle table .title a { font-size: 15px; color: #000; margin-bottom: 3px; line-height: 24px; } .middle table .title a:hover { color: #2864a0; } .subline.big, .productHead { font-size: 15px; color: #000; margin-bottom: 2px; } .subline.small { font-size: 13px; color: #000; margin-bottom: 2px; } caption.Table_Header { font-size: 13px; color: #000; margin-bottom: 2px; text-align: left; } /*--=Micellaneous--*/ .listAnnot { font-size: 12px; color: #a6a6a6; } .listAnnot a { margin-left: 10px; } .copy, .label, .blue-label { font-size: 12px; color: #404040; line-height: 18px; } #designtabs .searchField .separator { display: block; height: 35px; } .label { color: #000000; } .label.big { font-size: 15px; } .label.input { font-size: 13px; line-height: 22px; } .blue-label { color: #3C5061; } .field.input { font-size: 12px; color: #404040; } .copy p { margin-top: 4px; } .copy.paddingTop { padding-top: 10px; } .copy a.arrowBlue, .copy a.arrowBlue1, .copy a.arrowBlue2 { display: inline; float: none; margin-left: 4px; } .copy a.arrowBlue.noMargin, .copy a.arrowBlue2.noMargin { margin-left: 0px !important; } div.copy ul li, div.copy dt { background: url("/static/images/squarebullet.png?lastmod=YYYYMMDD") no-repeat scroll 0 1px transparent; color: #404040; font-size: 12px; line-height: 18px; padding-left: 15px; } div.copy ul li { float: none !important; } div.copy ul { padding-left: 8px; } p.expandable { cursor: pointer; } p.collapsed, p.collapsedDesc { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 20em; } p.collapsedDesc { height: 20px; } span.highlight-search { color: #b80; } .foundElementHighlight { color: red; } /*revert unneeded images*/ div.copy .dropreplace .options ul li { background: none; padding-left: 0px; } div.copy .dropreplace .options ul { padding-left: 0px; } div.copy ol { padding-left: 25px; } .descHelp { font-size: 11px; color: #a6a6a6; line-height: 15px; } .footnote { font-size: 11px; color: #a6a6a6; line-height: 15px; } .navigationTitle { font-size: 12px; color: #3c5061; } img.borderTop { border-top: 1px solid #c3d1d9; } img.borderBottom { border-bottom: 1px solid #c3d1d9; } /*--=SearchfieldForm--*/ .searchfieldForm { width: 646px; padding: 0 10px; margin-bottom: 10px; } .searchfieldForm .line { font-size: 12px; color: #404040; } .searchfieldForm .searchfield { width: 518px; margin-bottom: 10px; } .searchfieldForm .searchfield.v1 { height: 38px; } .searchfieldForm .searchfield.v3 { width: 100%; } /*--=Scrollpane--*/ .jspArrowUp { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -76px transparent !important; padding: 0 !important; cursor: pointer; } .jspArrowDown { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -92px transparent !important; padding: 0 !important; cursor: pointer; } .jspTrack { background-color: #e9eef2 !important; } .jspTrack .jspDrag { background-color: #c3d1d9; } /*--=Input,select,form--*/ input, select, textarea { font-family: arial; border: 1px solid #bfbfbf; color: #999999; padding: 1px 5px; width: 189px; font-size: 13px; } select { color: #000; box-sizing: content-box; } textarea { padding: 6px; } /* show all / less with "tab" */ .showTab { line-height: 17px; width: 100%; font-size: 13px; text-align: center; cursor: pointer; margin-top: -40px; } .showTab.less { margin-top: -24px; } .showTab .arrows { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 1px -975px transparent; display: inline-block; height: 8px; margin-right: 3px; width: 9px; } .showTab.less .arrows { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 1px -1024px transparent; } .showTab .text { position: relative; z-index: 100; color: #2864A0; } .showTab.all .text { padding-top: 8px; } .showTab > img { opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */ } .showTab .bar { background: url("/static/images/showmore.png?lastmod=YYYYMMDD") center top; /*border-bottom: 1px dotted #c3d1d9;*/ line-height: 36px; margin-top: -12px; position: relative; height: 42px; width: 100%; z-index: 95; } .showTab.less .bar { line-height: 51px; } input[type="submit"], input[type="reset"], input[type="checkbox"], input[type="radio"] { margin-bottom: 0; width: auto; border: none; } .alignCheckbox { margin: 0; padding: 0; margin-top: 2px !important; } .fileUpload { background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -188px transparent; color: #fff; margin-left: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; } .fileUpload .buttonText { font-size: 12px; font-weight: bold; height: 20px; line-height: 20px; position: absolute; text-align: center; top: 0; width: 100%; cursor: pointer; } input[type="reset"] { color: #1b3067; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -1px -853px transparent; font-size: 12px; padding-left: 8px; text-decoration: none; line-height: 16px; border: none; cursor: pointer; } input[type="submit"] { border: 1px solid #a6a6a6; color: #a6a6a6; padding: 3px 0px; font-weight: bold; font-size: 12px; cursor: pointer; background-color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; } input[type="button"] { border: 1px solid #a6a6a6; color: #a6a6a6; padding: 3px 14px; font-weight: bold; font-size: 12px; cursor: pointer; background-color: #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; } input[type="submit"].addToWishlist { border: none; background-color: transparent; color: #1B3067; font-size: 11px; font-weight: normal; width: auto; padding: 4px 10px 0 0; position: relative; } input[type="submit"].addToWishlist:hover { color: #2864a0; } .radio { margin-bottom: 15px; width: 201px; } .radio .radioInfo { line-height: 18px; margin-left: 2px; margin-top: 1px; } .wishlisttabs .radio .radioInfo { margin-top: 0px; } .radio .radioInfo .head { font-size: 12px; color: #404040; } .radio .radioInfo .description { font-size: 12px; color: #a6a6a6; } .col0spacer { margin-left: 10px; } .col1spacer { margin-right: 30px; } .col2spacer, .col3spacer { margin-right: 31px; } label { margin-bottom: 6px; } input.activeInput, textarea.activeInput { color: #404040 !important; } input.loginpass { color: #999999 !important; } .blueLine { background-color: #E9EEF2 !important; } table.shinyBorder tr.blueLine td { border-color: #fff !important; } /*--=Anchor href--*/ a, .arrowBlue { color: #1b3067; font-size: 12px; text-decoration: none; line-height: 16px; } a.Text_Anchor { color: #1B3067; font-size: 20px; } .arrowBlue, a.arrowBlue2 { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent; padding-left: 8px; } span.arrowBlue, a.arrowBlue.OSMacType, a.arrowBlue2.OSMacType { background-position: -3px -856px; } a.arrowBlueOpenLightBox { background-position: 218px -854px; padding-left: 230px; } a.arrowBlue1 { background-position: -3px -853px; padding-left: 8px; } a.arrowBlue.fleft, a.arrowBlue1.fleft, a.arrowBlue2.fleft { margin-left: 10px; line-height: 21px; } a.arrowBlue.fleft.noMarginLeft, a.arrowBlue1.fleft.noMarginLeft { margin-left: 0; background-position: -3px -852px; } a:hover, a.arrowBlue:hover { color: #2864a0; } a.small:hover { color: #A6A6A6; } a.small1:hover { background-position: -3px -2489px; color: #2864a0; } a.small1.OSMacType:hover { background-position: -3px -2491px; color: #2864a0; } a.arrowBlue.collapsable { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent; } a.arrowBlue.collapsable.active { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -31px -387px transparent; padding-left: 10px; } a.arrowBlue#DetailLink { background-position: -3px -856px; } /*--=Buttons--*/ /*-=action button*/ a.actionbutton { border: 1px solid #bfbfbf; background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -691px transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0px 20px 0px 5px; cursor: pointer; } a.actionbutton > span { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -854px transparent; padding: 1px 0px 5px 8px; margin-left: 10px; line-height: 19px; } /*-=edit button-*/ a.editButton { background: url("/static/images/icons.jpg?lastmod=YYYYMMDD") no-repeat -803px top; height: 17px; display: block; text-decoration: none; color: #a6a6a6; padding-left: 20px; font-size: 12px; margin-right: 10px; } a.editButton.aspNetDisabled { background: url("/static/images/icons.jpg?lastmod=YYYYMMDD") no-repeat -803px -90px; height: 17px; display: block; text-decoration: none; color: #dee0e2; padding-left: 20px; font-size: 12px; margin-right: 10px; } input[type=submit].editButton { height: 17px; background: url("/static/images/icons.jpg?lastmod=YYYYMMDD") no-repeat scroll -803px top transparent; width: 21px; border: 0px none; padding-left: 0px; margin-left: 10px; } a.editButton.active { background-position: -803px -30px; color: #1b3067; } a.editButton:hover, input[type=submit].editButton:hover { background-position: -803px -60px; color: #2864a0; } /*-=new button-*/ a.newButton { background: url("/static/images/icons.jpg?lastmod=YYYYMMDD") no-repeat -1344px top; height: 17px; display: block; text-decoration: none; color: #a6a6a6; padding-left: 20px; font-size: 12px; margin-right: 10px; } a.newButton.aspNetDisabled { background: url("/static/images/icons.jpg?lastmod=YYYYMMDD") no-repeat -1344px -90px; height: 17px; display: block; text-decoration: none; color: #dee0e2; padding-left: 20px; font-size: 12px; } a.newButton.active { background-position: -1344px -30px; color: #1b3067; } a.newButton:hover { background-position: -1344px -60px; color: #2864a0; } /*-=delete button-*/ a.deleteButton { background: url("/static/images/icons.jpg?lastmod=YYYYMMDD") no-repeat -983px top; height: 17px; display: block; text-decoration: none; color: #a6a6a6; padding-left: 20px; font-size: 12px; } input[type=submit].deleteButton { height: 17px; background: url("/static/images/icons.jpg?lastmod=YYYYMMDD") no-repeat -983px top transparent; width: 21px; border: 0px none; padding-left: 0px; margin-left: 10px; } a.deleteButton.active { background-position: -983px -30px; color: #1b3067; } a.deleteButton:hover { background-position: -983px -60px; color: #2864a0; } /*-=print button-*/ a.printButton { background: url("/static/images/icons.jpg?lastmod=YYYYMMDD") no-repeat -606px top; height: 17px; display: block; text-decoration: none; color: #a6a6a6; padding-left: 20px; font-size: 12px; margin-right: 10px; } a.printButton.aspNetDisabled { background: url("/static/images/icons.jpg?lastmod=YYYYMMDD") no-repeat -606px -90px; height: 17px; display: block; text-decoration: none; color: #dee0e2; padding-left: 20px; font-size: 12px; margin-right: 10px; } a.printButton.active { background-position: -606px -30px; color: #1b3067; } a.printButton:hover { background-position: -606px -60px; color: #2864a0; } /*-=share button-*/ div.shareButton, a.shareButton { background: url("/static/images/icons.jpg?lastmod=YYYYMMDD") no-repeat -206px top; height: 17px; display: block; text-decoration: none; color: #a6a6a6; font-size: 12px; padding-left: 20px; margin-right: 10px; } div.shareButton.aspNetDisabled, a.shareButton.aspNetDisabled { background: url("/static/images/icons.jpg?lastmod=YYYYMMDD") no-repeat -206px -90px; height: 17px; display: block; text-decoration: none; color: #dee0e2; font-size: 12px; padding-left: 20px; margin-right: 10px; } div.shareButton.active, a.shareButton.active { background-position: -206px -30px; color: #1b3067; } div.shareButton:hover, a.shareButton:hover { background-position: -206px -60px; color: #2864a0; } div.aspNetDisabled.shareButton.fleft:hover, a.aspNetDisabled.shareButton.fleft:hover { background-position: -206px top; color: #a6a6a6; cursor: pointer; } /*-=bookmark button-*/ a.bookmarkButton { background: url("/static/images/icons.jpg?lastmod=YYYYMMDD") no-repeat -1163px top; height: 17px; display: block; text-decoration: none; color: #a6a6a6; font-size: 12px; padding-left: 20px; margin-right: 10px; } a.bookmarkButton:hover { background-position: -1163px -60px; color: #2864a0; } /*-=download button-*/ div.downloadButton, a.downloadButton { background: url("/static/images/icons.jpg?lastmod=YYYYMMDD") no-repeat -402px top; height: 17px; display: block; text-decoration: none; color: #a6a6a6; font-size: 12px; padding-left: 20px; margin-right: 10px; } div.downloadButton.aspNetDisabled, a.downloadButton.aspNetDisabled { background: url("/static/images/icons.jpg?lastmod=YYYYMMDD") no-repeat -402px -90px; height: 17px; display: block; text-decoration: none; color: #dee0e2; font-size: 12px; padding-left: 20px; margin-right: 10px; } div.downloadButton.active, a.downloadButton.active { background-position: -402px -30px; color: #1b3067; } div.downloadButton:hover, a.downloadButton:hover { background-position: -402px -60px; color: #2864a0; } a.aspNetDisabled.downloadButton.fleft:hover, a.aspNetDisabled.downloadButton.fleft:hover { background-position: -402px top; color: #a6a6a6; cursor: pointer; } /*-=organize button-*/ div.organizeButton, a.organizeButton { background: url("/static/images/icons.jpg?lastmod=YYYYMMDD") no-repeat 0 top; height: 17px; display: block; text-decoration: none; color: #a6a6a6; font-size: 12px; padding-left: 20px; margin-right: 10px; cursor: pointer; } div.organizeButton.aspNetDisabled, a.organizeButton.aspNetDisabled { background: url("/static/images/icons.jpg?lastmod=YYYYMMDD") no-repeat 0 -90px; height: 17px; display: block; text-decoration: none; color: #dee0e2; font-size: 12px; padding-left: 20px; margin-right: 10px; cursor: pointer; } div.organizeButton.active, a.organizeButton.active { background-position: 0 -30px; color: #1b3067; } div.organizeButton:hover, a.organizeButton:hover { background-position: 0 -60px; color: #2864a0; } div.aspNetDisabled.organizeButton.fleft:hover, a.aspNetDisabled.organizeButton.fleft:hover { background-position: 0px top; color: #a6a6a6; cursor: pointer; } div.shareButton:hover, div.organizeButton:hover, div.downloadButton:hover { cursor: pointer; } /*--=DIV Table--*/ .q-table { width: 100%; border-spacing: 0; margin-bottom: 10px; } .q-table.noBorder { } .noPaddingLeft .q-table { margin-top: 5px; } /*-=DIV Tr--*/ .q-tr { float: left; background-color: #E9EEF2; border: medium none; line-height: 18px; } .q-tr.nth { background-color: #FFFFFF; } .q-table.noNth .q-tr { background-color: #FFFFFF; } /*-=DIV Td--*/ .q-td { color: #404040; font-size: 12px; padding-left: 10px; } .q-tdEvent { color: #404040; font-size: 12px; padding-top: 08px; } .q-table.noPadding .q-tbody .q-td { padding: 0; } .q-table.noBorder .q-tbody .q-td { border-right: medium none; padding-top: 10px; } /*-=DIV Table Others--*/ .q-table.noBorder .q-td.paddingTopLess { padding-bottom: 13px; padding-top: 5px; } .q-table.noBorder .q-td { border-right: medium none; } .panes .q-table .q-tr .q-th:first-child, .panes .q-table .q-tr .q-td:first-child { padding-left: 10px; } .q-table .headline a, .q-table .headline span { color: #000000; font-size: 15px; line-height: 24px; } .middle .q-table .title a { color: #000000; font-size: 15px; line-height: 24px; margin-bottom: 3px; } .q-table .q-tr .q-td:first-child img { padding-bottom: 12px; padding-left: 10px; } .q-table .q-tr .q-td:first-child a img { border: medium none; } .q-table.noBorder input[type="checkbox"] { margin: 0 10px; } /*--=Table--*/ table table, #fancybox-content table { border-bottom: 1px solid #c3d1d9; width: 666px; margin-bottom: 10px; } table table.noBorder, #fancybox-content table.noBorder { border-bottom: 1px dotted #c3d1d9; } table table td, #fancybox-content table td { padding: 0; } table table tr.lastTR td, #fancybox-content table tr.lastTR td { border-bottom: none !important; } table table.head thead td, #fancybox-content table.head thead td { border-bottom: 1px solid #c3d1d9; border-right: 1px solid #fff; } table table.head thead tr td div, #fancybox-content table.head thead tr td div { color: #000; font-size: 12px; line-height: 26px; background-color: #c3d1d9; padding-left: 10px; margin-bottom: 9px; } table table tbody tr td, #fancybox-content table tbody tr td { padding-left: 10px; font-size: 12px; color: #404040; } table table.noPadding tbody tr td, #fancybox-content table.noPadding tbody tr td { padding: 0; } table table tbody tr td, table table.borderRight tbody tr td { border-right: 1px solid #c3d1d9; } .tdBorder { border-left: 1px solid #c3d1d9; } table table tbody tr td.last { border-right: none; } table table tbody tr, #fancybox-content table tbody tr { border: none; line-height: 18px; background-color: #e9eef2; } table table.noNth tbody tr, #fancybox-content table.noNth tbody tr { background-color: #fff; } table table.noNth tbody tr td, #fancybox-content table.noNth tbody tr td { border-bottom: 1px solid #c3d1d9; } table table tbody tr.nth, #fancybox-content table tbody tr.nth { background-color: #fff; } table table.tablesorter tbody tr.nth, #fancybox-content table.tablesorter tbody tr.nth { background-color: transparent; } table table tbody tr td li, #fancybox-content table tbody tr td li { float: left; font-size: 12px; color: #404040; } table table tbody tr td li a, #fancybox-content table tbody tr td li a { color: #1b3067; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent; font-size: 12px; padding-left: 8px; text-decoration: none; line-height: 16px; margin-right: 10px; } table table.noNth.discontinue tbody tr, table table.noNth.discontinue tbody tr td { border: none; } table.discontinue, .panes table.discontinue { border-bottom: solid 1px #C3D1D9; border-top: solid 1px #C3D1D9; padding: 10px 0px; } td.no-border { border: none !important; } /*--=Collapsible table--*/ .collapsible { position: relative; padding-bottom: 12px; } .collapsible.noBottomPadding { padding-bottom: 0px; } .collapsible .listreplace { margin-bottom: 0; } .collapsible .bottomRight { bottom: 0px; } .collapsible table { border-left: 5px solid #E9EEF2; margin-bottom: 0; width: 666px; } .collapsible.noBorder table { border-left: none; } .collapsible .headbar { padding: 12px 10px; border-bottom: 1px solid #C3D1D9 !important; background-color: #e9eef2; z-index: 13; } .collapsible .headbar.relativeheadbar { position: relative; } .collapsible .headbar.open { border: none !important; } .collapsible .headbar.first { border-top: 1px solid #C3D1D9 !important; } .collapsible .headbar.white { background-color: #fff; } .collapsible .headbar.v2 .bubble { margin-left: 10px; margin-bottom: 0; margin-top: 0; } .collapsible .headbar .head { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -727px transparent; color: #1B3067; font-size: 15px; padding-left: 15px; cursor: pointer; } .collapsible .headbar .head.open { background-position: -3px -654px; } .collapsible .headbar .copy { font-size: 12px; color: #3c5061; width: 245px; padding-left: 15px; } .collapsible .headbar .species { font-size: 12px; color: #3c5061; position: absolute; bottom: 12px; } .collapsible .headbar .species span { color: #a6a6a6; margin-right: 10px; } .collapsible .headbar .details { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -504px transparent; color: #A6A6A6; cursor: pointer; font-size: 12px; padding-left: 12px; } .collapsible .headbar .details.open { background-position: -3px -581px; } .collapsible .hideIt { position: relative; z-index: 14; } .collapsible .hideByDefault { display: none; } /*--=Header--*/ .header { /* For CEP we have to hide the header and this will keep the space so the content won't overlap the red line */ height: 72px; display: table; width: 100%; } .header .headerContent { width: auto; margin-left: 33px; margin-right: 33px; } /* on the main page the header should have full width */ .header.home .headerContent { margin-left: 0; margin-right: 0; } .header .logo { width: 116px; height: 100px; float: left; } .header .logo, .header .logo > img { height: 50px; width: 60px; border-left: 10px solid white; border-right: 10px solid white; border-top: 0px; border-bottom: 0px; margin-left: -10px; background: white; } .header .account { position: relative; margin-top: -5px; margin-bottom: 7px; } .header .account a, .header .account #punchoutUserAccount { font-family: futura-book; color: #5f6e94; text-decoration: none; font-size: 15px; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -856px transparent; padding-left: 8px; margin-right: 32px; line-height: 34px; } .header .account span { } .header .account input[type="submit"].addToWishlist { border: none; background-color: transparent; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -2px -852px transparent; color: #1B3067; font-size: 12px; font-weight: normal; width: auto; padding: 4px 10px 0 9px; } .header .account .logout a { /* color: #1b3067; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent; */ } .header .account a:hover, .header .account input[type="submit"].addToWishlist:hover { color: #87a6d5; } .header .account .login a:hover, .header .account .login input[type="submit"].addToWishlist:hover { color: #87a6d5; } .header .account .logout a.lnkLogout { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -12px -4490px transparent; } .header .account .login a.addToWishlist, .header .account .logout a.addToWishlist { /*margin-right: 5px;*/ } .header .account .logout a.lnkWishlist { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -11px -4544px transparent; } .header .account .logout a.lnkUserAccount { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -214px -4496px transparent; } .header .account .wishlistElems { background-color: #95AABE; color: #FFFFFF; font-size: 12px; padding: 2px 10px; margin-right: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; } .header .account .wishlistElems.cartCount { margin-right: 15px; float: left; } .header .account .cartImage { cursor: pointer; font-size: 15px; /* workaround for cart page */ margin-left: -5px; padding-left: 2px; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0 -853px transparent; } .header .account .red-counter { float: left; background-color: #e0003c; border-radius: 15px; color: #ffffff; font-size: 11px; padding: 1px 4px 0 4px; line-height: 13px; } .header .account .red-counter.empty { display: none; } .header .account .qcart-menu .red-counter { margin-left: -33px; margin-top: 18px; } .header .account .qwishlist-menu .red-counter { margin-left: -30px; margin-top: 18px; } .header .account .qmenu { cursor: pointer; padding-left: 26px; float: left; } .header .account .qmenu:first-child, .header .account .qmenu:first-child .qicon { margin-left: 0px; } .header .account .logout .qmenu.qlogout-menu { padding-left: 0px; margin-left: 0; position: relative; } .header .account .loginIcon { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0px -4998px transparent; padding-left: 24px; } .header .account .loginIcon:hover { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -125px -4998px transparent; padding-left: 24px; } .header .account .cartIcon { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0px -5027px transparent; padding-left: 32px; } .header .account .cartIcon:hover { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -125px -5027px transparent; padding-left: 32px; } .header .account .useraccIcon { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -6px -3846px transparent; padding-left: 26px; } .header .account .wishlistIcon { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0px -5056px transparent; padding-left: 22px; } .header .account .wishlistIcon:hover { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -125px -5055px transparent; padding-left: 22px; } .header .account .contactusIcon { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -5085px transparent; margin-right: 0; padding-left: 24px; } .header .account .contactusIcon:hover { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -128px -5085px transparent; margin-right: 0; padding-left: 24px; } .header .account .logoutIcon { padding-left: 0px; margin-left: 3px; margin-right: 10px; } .header .account .qicon a, .header .account #punchoutUserAccount { padding-left: 0px; background: none; white-space: nowrap; } .header .account .qiahomeIcon { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -6px -3893px transparent; } .header .account .qiaentertIcon { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -9px -3941px transparent; } .header .account .logoutIcon .arrow { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0 -977px transparent !important; position: absolute; height: 8px; width: 8px; top: 15px; right: 21px; } .header .account .cartImage a { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll right -1400px transparent; margin-right: 0px !important; padding-right: 28px; } .header .account .cartImage a:hover { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll right -1433px transparent; margin-right: 0px !important; padding-right: 28px; } .header .account .qsubmenu-container { position: relative; } .header .account .qsubmenu { background-color: #f2f8ff; border: 1px solid #bcbcbc; box-shadow: 2px 2px 15px #4c4c4c; color: #627580; font-family: arial; font-size: 12px; left: 0; position: absolute; top: 38px; z-index: 1000; width: 12em; } .header .account .qsubmenu li { background: none; border-bottom: 1px solid #c3d1d9; float: none; line-height: 21px; } .header .account .qsubmenu li a { color: #627580; display: block; font-family: arial; font-size: 12px; font-weight: normal; line-height: 32px; padding: 0 6px 0 22px; margin-left: 11px; } .header .account .qsubmenu .inset-topright-corner { background: none repeat scroll 0 0 #fff; } .header .account .qsubmenu a { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -850px transparent; margin-left: 16px; } .qsubmenu-top-pointer { background: url("/static/images/box-shadow-up-pointer.png?lastmod=YYYYMMDD") no-repeat scroll -55px -2px transparent; height: 10px; left: 0; position: absolute; top: 30px; width: 58px; z-index: 1001; } .header .mainNav { margin-top: 29px; } .header .mainNav > ul { margin: 20px 0px 0px 0px; padding: 0; list-style: none; float: left; width: 70%; display: table; table-layout: fixed; } .header .mainNav > ul > li { display: table-cell; text-align: center; white-space: nowrap; } .header .mainNav > ul > li a { color: #1B3067; font-size: 20px; line-height: 15px; text-decoration: none; /*margin-left: 35px; margin-right: 35px;*/ font-family: futura-book; } .header .mainNav > ul > li a.first { margin-left: 0px; margin-right: 0px; /*width: 115px; text-align: center;*/ } .header .mainNav > ul > li a:hover, .header .mainNav > ul > li a.active { color: #87a6d5; } .header .mainNav .search { float: right; position: relative; margin: 15px 0px 0 0; border: 1px solid #1B3067; width: 258px; height: 20px; } /** search placeholder */ #md_h_main_header_0_TextBox1::-webkit-input-placeholder { color: #9a9a9a; } #md_h_main_header_0_TextBox1::-moz-placeholder { color: #9a9a9a; } #md_h_main_header_0_TextBox1:-moz-placeholder { color: #9a9a9a; } #md_h_main_header_0_TextBox1:-ms-input-placeholder { color: #9a9a9a !important; } /** search placeholder on focus*/ #md_h_main_header_0_TextBox1:focus::-webkit-input-placeholder { color: #fff; } #md_h_main_header_0_TextBox1:focus::-moz-placeholder { color: #fff; } #md_h_main_header_0_TextBox1:-moz-placeholder:focus { color: #fff; } #md_h_main_header_0_TextBox1:-ms-input-placeholder:focus { color: #fff; } .searchDefaultValue { display: none; } .header .mainNav .search input { border: none; } .header .mainNav .search .searchInputContainer { margin-right: 30px; width: auto; } .header .mainNav .search input.searchValue { width: 100%; height: 20px; background: none; color: #a6a6a6; } .header .mainNav .search .startSearch { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -7px -45px transparent; display: block; height: 11px; position: absolute; right: 3px; text-indent: -9999px; top: 5px; width: 19px; } .header .mainNav .search .resultBox { width: 100%; border-bottom: 1px solid #c3d1d9; background: #fff; position: absolute; z-index: 9999; font-size: 12px; font-family: arial; color: #627580; background: url("/static/images/resultBoxShadow.png?lastmod=YYYYMMDD") repeat-y scroll 0 0 transparent; left: -8px; padding: 0 8px; top: 20px; } .header .simpleheader { height: 20px; border-top: 3px solid #e0003c; } .mainNav .showAllLink { display: block; text-align: left; } .mainNav .showAllLink > a { display: inline-block; padding-top: 5px; padding-left: 6px; font-weight: bold; font-size: 12px !important; } .middle .pt_serp .resultBox { width: 526px; border-left: 2px solid #c3d1d9; border-right: 2px solid #c3d1d9; border-bottom: 1px solid #c3d1d9; background: #fff; position: absolute; z-index: 10; font-size: 12px; color: #627580; background-color: #fff; left: 13px; top: 32px; } .header .mainNav .search .resultBox .head, .middle .pt_serp .resultBox .head { border-top: 1px solid #c3d1d9; background-color: #E4EBF0; border-bottom: 1px solid #C3D1D9; padding: 4px 6px 3px; } .headAutoSuggest { border-top: 1px solid #c3d1d9; background-color: #E4EBF0; border-bottom: 1px solid #C3D1D9; } .header .mainNav .search .resultBox .head .left, .middle .pt_serp .resultBox .head .left { float: left; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0 -971px transparent; padding-left: 12px; } .header .mainNav .search .resultBox .head .right, .middle .pt_serp .resultBox .head .right { float: right; color: #fff; padding: 2px 10px; background-color: #62809e; font-size: 10px; font-weight: bold; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; } .header .mainNav .search .resultBox ul, .middle .pt_serp .resultBox ul { background-color: #f2f8ff; width: 100%; border-bottom: 1px solid #C3D1D9; } .header .mainNav .search .resultBox li, .middle .pt_serp .resultBox li { line-height: 21px; float: none; background: none; border-bottom: 1px solid #C3D1D9; } .header .mainNav .search .resultBox li a, .middle .pt_serp .resultBox li a { padding: 0 6px; font-size: 12px; font-family: arial; color: #627580; font-weight: normal; line-height: 26px; display: block; } .header .mainNav .search .resultBox li a:hover, .middle .pt_serp .resultBox li a:hover { background-image: none; background-color: #1b3067; color: #fff; } .header .mainNav .search .resultBox .showAll, .showAllAutoSuggest.middle .pt_serp .resultBox .showAll { padding-right: 6px; line-height: 19px; border-bottom: 1px solid #C3D1D9; padding-bottom: 2px; width: auto; } .showAllAutoSuggest { padding-right: 6px; line-height: 19px; border-bottom: 1px solid #C3D1D9; background-color: #fff; padding-bottom: 2px; width: auto; } .resultboxhover { background-color: #1b3067 !important; color: #fff !important; background-position: 5px -244px; } .main-nav-overlay { z-index: 10001; position: absolute; top: 0px; left: 0px; } .menu-hover-cover { border-bottom-style: inherit; border-width: thin; display: none; z-index: 10000; width: 100%; height: 100%; top: 0; left: 0; position: absolute; } /*responsive-menu-overlay-columns*/ .mainNav.hovermenu:after { content: "5"; /*default 5 columns*/ display: none; } .mainNav .main-nav-top { float: left; z-index: 10003; position: absolute; width: 42px; height: 16px; background: url("/static/images/box-shadow-up-pointer.png?lastmod=YYYYMMDD") no-repeat scroll 0 0px transparent; } .mainNav .main-nav-top.ie { background-image: url("/static/images/box-shadow-up-pointer-ie.png?lastmod=YYYYMMDD"); } .main-nav-overlay-close { width: 29px; height: 30px; background: transparent url("/static/images/fancybox/fancybox.png?lastmod=YYYYMMDD") -40px 0px; cursor: pointer; right: -12px; top: -12px; position: absolute; z-index: 1002; } .main-nav-overlay .touch-title { float: left; text-align: left; margin-right: 10px; padding-bottom: 10px; } .main-nav-overlay .touch-title a { color: #1B3067; font-size: 20px; line-height: 15px; font-family: futura; margin-left: 15px; } .main-nav-overlay .main-nav-center { } .main-nav-overlay .main-nav-center .content { top: 0px; float: left; border: 1px solid #BCBCBC; -moz-box-shadow: 2px 2px 15px #4C4C4C; -webkit-box-shadow: 2px 2px 15px #4C4C4C; box-shadow: 2px 2px 15px #4C4C4C; } .main-nav-overlay .main-nav-center .content .wrapper { float: left; padding: 10px; border: 10px solid #ffffff; background-color: #F2F8FF; } .main-nav-overlay .main-nav-center .content .wrapper .column { float: left; } .main-nav-overlay .main-nav-center .content .section.fixed-width { width: 190px; } .main-nav-overlay .main-nav-center .content .section { float: left; margin-top: 20px; margin-bottom: 20px; margin-right: 5px; border-left: 1px solid #C3D1D9; margin-left: 10px; padding-left: 12px; min-height: 20px; } .main-nav-overlay .main-nav-center .content .section .title { margin-bottom: 5px; } .main-nav-overlay .main-nav-center .content .section .title > a { font-size: 15px; color: black; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -760px transparent; padding-left: 10px; } .main-nav-overlay .main-nav-center .content .section .links { } .main-nav-overlay .main-nav-center .content .section .links a { font-size: 13px; } .main-nav-overlay .main-nav-bottom { height: 30px; float: left; } /*--=Footer--*/ .footer { margin-bottom: 10px; } .footer .footer-content { position: relative; margin-left: 33px; margin-right: 33px; } .footer.home .footer-content { margin-left: -2px; margin-right: 0px; } .footer .footer-title { background-color: white; font-family: futura-book; font-size: 16px; color: #1B3067; margin-bottom: 35px; margin-top: 35px; margin-left: -10px; border-left: 10px solid white; border-right: 10px solid white; } .footer .footer-title-poc { margin-bottom: 51px; } .footer .divider { border-bottom: 2px solid #1B3067; width: 100%; } .footer .divider_mobile { background: url("/static/images/shadowFooter.jpg?lastmod=YYYYMMDD"); height: 21px; width: 666px; } .footer .linklist_top, .footer .linklist_bottom { margin-left: 5px; margin-right: 5px; padding: 5px 0 0 0; list-style: none; line-height: 16px; } .footer .linklist_top li:last-of-type { border: 0 !important; } #md_f_main_footer_0_ctl00 { position: absolute; bottom: 21px; right: 0; } #md_f_main_footer_0_ctl00 li { border: 0; padding: 0; margin: 0; } #md_f_main_footer_0_ctl00 li select { width: 110px; } .footer li a, .footer label { color: #1b3067; text-decoration: none; font-size: 10px; } .footer .linklist_top li, .footer .linklist_bottom li { float: left; padding: 0 10px; font-size: 10px; border-right: 1px solid #1b3067; color: #1b3067; } .footer li a { color: #1b3067; text-decoration: none; font-size: 10px; } .footer li a:hover { color: #2864a0; } .footer .linklist_top li:first-child, .footer .linklist_bottom li:first-child { padding-left: 0; } .footer .linklist_bottom li:first-child { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent; padding-left: 8px; } .footer .linklist_bottom li:first-child span.bold { font-weight: bold; padding-right: 17px; } .footer .linklist_top li.last, .footer .linklist_bottom li.last { padding-right: 0; border: none; } .footer .copyright { font-size: 10px; color: #1b3067; position: absolute; bottom: 3px; right: 5px; } .footer #languageSelector, .footer #countrySelector { float: right; margin-left: 12px; margin-top: -4px; } .footer select { width: auto; border-color: #D4D4E0; font-size: 10px; } .footer input[type=submit] { line-height: 10px; font-size: 10px; padding: 3px 3px; } /*CSS Copied from Footer.ascx page*/ div#RadWindowWrapper_md_f_main_footer_0_RadWindow1 table, div#RadWindowWrapper_md_f_main_footer_0_RadWindow2 table { padding: 0; margin: 0; } div#RadWindowWrapper_md_f_main_footer_0_RadWindow1 table tbody tr, div#RadWindowWrapper_md_f_main_footer_0_RadWindow2 table tbody tr { background-color: transparent; } /*--=Content startpage--*/ .content .newsline { margin-top: 25px; margin-bottom: 25px; font-size: 15px; } .content .newsline .bold { font-weight: bold; } .content .newsline a { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent; color: #3C5061; padding-left: 5px; text-decoration: none; display: inline-block; margin-left: 5px; font-size: 12px; } .content .newsline a:hover { color: #2864A0; } .content .jcarousel-skin-tango .jcarousel-clip-horizontal { border-top: 1px solid #c3d1d9; border-bottom: 1px solid #c3d1d9; } .content .jcarousel-skin-tango.singleImage .jcarousel-clip-horizontal { border-bottom: 0 none; } .content .jcarousel-skin-tango li { position: relative; } .content .jcarousel-skin-tango li .box { position: absolute; left: 20px; top: 20px; width: 386px; } .content .jcarousel-skin-tango li .box .fleft { float: left !important; } .content .jcarousel-skin-tango li .box .headline { margin-bottom: 10px; text-align: left; color: #404040; } .content .jcarousel-skin-tango li .box .headline > a { font-size: 21px; font-family: futura-book; line-height: inherit; } .content .jcarousel-skin-tango li .box .headline > a.bigtext { font-size: 36px; line-height: normal; color: #404040; } .content .startpage.carouselNavigation { top: -2px; height: 0px; overflow: hidden; position: relative; width: 100%; padding-bottom: 33.33%; } .content .startpage.carouselNavigation .elastic-wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow: hidden; } .content .startpage.carouselNavigation ul.carousel { height: 400px; width: 1200px; list-style: none; } .content .startpage.carouselNavigation ul.carousel li .box { width: auto; /*background-color: rgba(255,255,255,0.2);*/ padding: 10px; } .content .startpage.carouselNavigation ul.carousel li .box .headline { width: auto !important; } .content .introduction.carouselNavigation { overflow: hidden; position: relative; height: 222px; width: 666px; } .content .introduction.carouselNavigation ul.carousel { height: 222px; width: 666px; list-style: none; } .content .carouselNavigation.small { height: 113px; overflow: hidden; width: 201px; position: relative; } .content .carouselNavigation.small ul { height: 113px; } .content .carouselNavigation.small.jsActive { height: 148px; overflow: hidden; } /*Revert back to smaller height when we have a single image*/ .content .carouselNavigation.small.singleImage { height: 113px; } .carouselNavigation.jsActive { overflow: visible; } .carouselNavigationNone { display: none; } .carouselNavigation.jsActive .carouselNav { display: table !important; } .content .startpage.teaser_block { margin-top: 20px; padding-bottom: 30px; } .content .startpage.teaser_block .teaser { width: 21.5%; float: left; } .content .startpage.teaser_block li.first .teaser:first-child { margin-left: 0; } .content .startpage.teaser_block .teaser:first-child { margin-left: 4.6%; } .content .startpage.teaser_block .teaser .head { color: #3c5061; font-size: 12px; height: 22px; font-weight: bold; line-height: 19px; width: 100%; } .content .startpage.teaser_block .teaser .head img { float: left; display: block; } .content .startpage.teaser_block .teaser .teaser_content { border-bottom: 1px solid #c3d1d9; margin-top: -2px; height: auto; } .content .startpage.teaser_block .teaser .teaser_content .teaser-image > img { width: 100% !important; height: auto !important; } .content .startpage.teaser_block .teaser .subline { font-size: 13px; color: #000; margin-top: 10px; margin-bottom: 5px; } .content .startpage.teaser_block .teaser .sublink a { text-decoration: none; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent; padding-left: 8px; color: #3c5061; font-size: 12px; } .content .startpage.teaser_block .teaser .sublink a:hover { color: #2864a0; } /*--=Carousel nav--*/ .carouselNav { background-color: #fff; position: absolute; right: 10px; bottom: 10px; padding: 5px; } .small .carouselNav { background-color: #FFFFFF; bottom: 0; left: 0; margin: 0 auto; padding: 5px; position: relative; } .mediaGallery .next, .carouselNav .next { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -22px -359px transparent; } .mediaGallery .prev, .carouselNav .prev { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -1px -359px transparent; } .carouselNav .next, .carouselNav .prev, .mediaGallery .next, .mediaGallery .prev { width: 22px; height: 25px; cursor: pointer; float: left; } .carouselNav ul { margin: 5px 0 0 0; padding: 0; list-style: none; float: left; } .carouselNav li { float: left; text-indent: -9999px; border: 1px solid #bfbfbf; margin: 0 2px; width: 14px; height: 14px; } .carouselNav li.small { border: none; width: 2px; height: 16px; } .carouselNav li.right.small { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -13px -308px transparent; } .carouselNav li.left.small { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -308px transparent; } .carouselNav li a { width: 12px; height: 12px; display: block; margin: 1px; } .carouselNav li.small a { width: 2px; } .carouselNav li.active a { background-color: #1b3067; } /*--=MainContainer--*/ .mainContainer > .sidebarLeft, .mainContainer > .sidebarRight { width: 201px; padding: 29px 0 80px; margin-left: 33px; float: left; } .mainContainer > .sidebarLeft, .mainContainer > .sidebarRight, .mainContainer > .middle .mainContainer > .middleTwoColumns { padding-top: 20px; } .mainContainer > .middle { width: 666px; padding: 26px 0px 30px; margin-left: 33px; float: left; } .mainContainer > .middleTwoColumns { width: 900px; padding: 26px 0px 30px; margin-left: 33px; float: left; } .mainContainer .navStandard .head { font-size: 12px; color: #3c5061; } .middlecontainer { padding: 11px 0px 0px; } /*--=Middle Content--*/ .middle .contentDefault .introduction { position: relative; margin-bottom: 31px; } .middle .contentDefault .introduction img { border-top: 1px solid #c3d1d9; border-bottom: 1px solid #c3d1d9; width: 100%; height: auto; float: left; } .middle .contentDefault .introduction .title { color: #404040; font-size: 21px; left: 20px; position: absolute; top: 20px; font-family: futura-book; } .middle .contentDefault .introduction .title.japanese, .header .mainNav li a.japanese { font-family: arial,sans-serif; } .middle .contentDefault .introduction .title.japanese.safari, .header .mainNav li a.japanese.safari { font-size: 23px; } .middle .contentDefault .introductionTop .title h1, .middleTwoColumns .contentDefault .introductionTop .title h1 { font-size: 21px; font-weight: normal; margin: 0px; margin-top: -2px; } .middle .contentDefault .introductionSubline { font-size: 13px; color: #000; margin-top: 10px; width: 201px; margin-right: 33px; float: left; } .middle .contentDefault .introductionCopy { float: left; margin-top: 10px; clear: right; font-size: 12px; color: #404040; width: 432px; line-height: 16px; } .middle .contentDefault .introductionCopy ul li, div.copy dt { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -3485px transparent; color: #404040; font-size: 12px; line-height: 18px; padding-left: 15px; } .middle .contentDefault .introductionCopy ul { padding-left: 8px; } .middle .contentDefault .title { color: #a6a6a6; font-size: 12px; line-height: 18px; } .error500 { border-bottom: 1px solid #c3d1d9; margin-bottom: 10px; padding-bottom: 50px; width: 100%; } .error500 .hint { color: #a6a6a6; font-size: 35px; margin-bottom: 30px; margin-top: 50px; } .error500 .text { font-size: 20px; } /*--=Category Teaser--*/ .middle .contentDefault .categoryTeaserList { margin: 0; padding: 0; list-style: none; margin-top: 10px; overflow: hidden; margin-bottom: 31px; width: 666px; height: auto !important; min-height: 155px; height: 155px; position: relative; top: 8px; } .middle .contentDefault .categoryTeaserList li { float: left; margin-left: 31px; } .middle .contentDefault .categoryTeaserList li.clear { clear: left; display: block; height: 0px; width: 630px; } .middle .contentDefault .categoryTeaserList li.first { margin-left: 0; } .middle .contentDefault .categoryTeaserList img { height: 113px; width: 201px; } .middle .contentDefault .categoryTeaser { width: 201px; position: relative; word-wrap: break-word; margin-bottom: 30px; } .middle .contentDefault .categoryTeaser:last-child { margin-right: 0; } .middle .contentDefault .categoryTeaser .teaserheadline { color: #1B3067; font-size: 13px; font-weight: bold; left: 13px; position: absolute; top: 10px; } .middle .contentDefault .categoryTeaser img { border-top: 1px solid #c3d1d9; border-bottom: 1px solid #c3d1d9; margin-bottom: 10px; } .middle .contentDefault .categoryTeaser .subline, .middle .contentDefault .categoryTeaser .subline a { font-size: 13px; color: #000; margin-bottom: 1px; } .middle .contentDefault .categoryTeaser .category a { color: #1b3067; font-size: 12px; } .middle .contentDefault .categoryTeaser .copy { font-size: 12px; color: #404040; margin-top: 0px; width: 201px; } .middle .contentDefault .categoryTeaser .title, .middle .contentDefault .categoryTeaser .duration { color: #a6a6a6; font-size: 12px; line-height: 18px; } .middle .contentDefault .categoryTeaser .title a { color: #000; font-size: 13px; } .middle .contentDefault .categoryTeaser .limitHeight13px_1em { height: 18px; overflow: hidden; } .middle .contentDefault .categoryTeaser .limitHeight13px_2em { height: 33px; overflow: hidden; } .middle .contentDefault .categoryTeaser a.blueArrow { color: #1b3067; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent; font-size: 12px; padding-left: 8px; text-decoration: none; margin-bottom: 7px; display: block; } .middle .contentDefault .categoryTeaser a:hover, .middle .contentDefault .categoryTeaser .category a:hover, .middle .contentDefault .categoryTeaser .title a:hover { color: #2864a0; } .middle .contentDefault .categoryTeaser .description { clear: right; color: #404040; float: left; font-size: 12px; line-height: 16px; margin-top: 10px; width: 201px; } /*--=Topic Teaser--*/ .middle .contentDefault .topicTeaser { border-top: 1px solid #c3d1d9; border-bottom: 1px solid #c3d1d9; margin-bottom: 18px; } .middle .contentDefault .topicTeaser img { display: block; float: left; margin-right: 30px; } .middle .contentDefault .topicTeaser .text { float: left; clear: right; padding-top: 12px; padding-bottom: 11px; width: 433px; } .middle .contentDefault .topicTeaser.withForm .text { width: 201px; margin-right: 30px; clear: none; } .middle .contentDefault .topicTeaser .head, .middle .contentDefault .workflowTeaser .head { font-size: 15px; margin-bottom: 2px; } .middle .contentDefault .topicTeaser .head a, .middle .contentDefault .topicTeaser .head a:hover { font-size: 15px; margin-bottom: 2px; color: #000; } .middle .contentDefault .topicTeaser .copy, .middle .contentDefault .workflowTeaser .copy { font-size: 12px; color: #404040; line-height: 18px; } .copy.limitHeight { height: 35px; overflow: hidden; } .copy.limitHeight90 { height: 90px; overflow: hidden; } /* Applied to Product Detail Tab having one image only (no carousel navi)*/ .copy.limitMinHeight60 { min-height: 60px; overflow: hidden; } .middle .contentDefault .topicTeaser .workflow.limitHeight { height: 18px; overflow: hidden; } /* Duplicate Class For Fixing the Height in Head Section*/ .middle .contentDefault .workflowTeaser .head_content, .middle .contentDefault .workflowTeaser .head_content a, .middle .contentDefault .workflowTeaser .head_content a:hover { font-size: 15px; margin-bottom: 2px; height: 17px; color: #000; cursor: pointer; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /* Duplicate Class For Fixing the Height in Content Section*/ .middle .contentDefault .workflowTeaser .copy_content { font-size: 12px; color: #404040; line-height: 18px; height: 34px; overflow: hidden; width: 200px; } .middle .contentDefault .topicTeaser.withForm .form { width: 201px; padding-top: 20px; float: right; clear: right; } .middle .contentDefault .topicTeaser.withForm .form input[type="text"] { border: 1px solid #bfbfbf; color: #bfbfbf; padding: 3px 5px; margin-bottom: 10px; float: right; width: 201px; } .middle .contentDefault .topicTeaser .workflow { color: #9E9E9E; font-size: 12px; line-height: 18px; } .middle .contentDefault .topicTeaser a.blueArrow, .middle .contentDefault .workflowTeaser a.blueArrow { color: #1b3067; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent; font-size: 12px; padding-left: 8px; text-decoration: none; line-height: 18px; border: none; } .middle .contentDefault .topicTeaser a:hover, .middle .contentDefault .workflowTeaser a:hover { color: #2864a0; } /*blueButton inserted from sitecore */ a.bluebuttonsc { background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -188px #aaaaaa; float: none !important; border: medium none !important; color: #ffffff !important; font-size: 12px !important; font-weight: bold !important; min-height: 17px !important; line-height: 20px !important; cursor: pointer !important; text-decoration: none !important; width: 106px !important; _width: 106px !important; text-align: center !important; padding-bottom: 2px !important; padding-top: 1px !important; padding-right: 5px !important; padding-left: 5px !important; -webkit-border-radius: 2px !important; -moz-border-radius: 2px !important; border-radius: 2px !important; position: relative !important; display: inline !important; } /*--=News Portal--*/ .middle .contentDefault.news-portal .categoryTeaser .subline { font-size: 13px; margin-bottom: 5px; color: #000; } .middle .contentDefault.news-portal .categoryTeaser .duration { margin: 5px 0 5px 0; color: #404040; font-size: 11px; } .promoted-video { margin-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #c3d1d9; width: 100%; height: 240px; } .promoted-video > .video-player { width: 434px; height: 100%; float: left; } .promoted-video > .video-detail { width: 30%; height: 100%; float: right; overflow: hidden; } .promoted-video .video-detail > .duration { margin: 5px 0 5px 0; color: #404040; font-size: 11px; } .mostly { margin-top: 10px; } .mostly ul { font-size: 12px; } .mostly ul li { color: #1B3067; margin-bottom: 10px; font-weight: bold; } .mostly ul li a { padding-left: 10px; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") -2px -855px no-repeat; font-weight: normal; display: block; } .videos { margin-top: 5px; padding: 0 0 10px 0; } .videos li a { font-weight: bold; padding: 0; margin-bottom: 10px; display: block; } .videos .more { float: none; display: block; } .videos .more span { padding-left: 10px; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") -2px -855px no-repeat; } .videos img { max-width: 100%; margin-bottom: 10px; border: none; } .videos a { border: none; } .image-text-section { display: inline-block; margin-top: 10px; margin-bottom: 10px; width: 666px; } .image-text-section .image { } .image-text-section .shortDescription { margin: 6px; } /*-=Default Button--*/ a.blueButton, input[type="submit"].blueButton, input[type="button"].blueButton, .middle .contentDefault .topicTeaser.withForm .form input[type="submit"] { background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -188px #aaaaaa; float: right; border: medium none; color: #ffffff; font-size: 12px; font-weight: bold; min-height: 17px; line-height: 20px; cursor: pointer; text-decoration: none; width: 106px; _width: 106px; text-align: center; padding-bottom: 2px; padding-top: 1px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; display: inline; } a.blueButton { padding-top: 0; line-height: 20px; font-weight: bold; } a.blueButton.disabled, a.blueButton.disabled:hover { cursor: default; font-size: 12px; font-weight: bold; border: 1px solid #bfbfbf; color: #a6a6a6 !important; background: #C3D1D9; width: 104px; } .inCart a, .inCart input { border: 1px solid #bfbfbf; padding: 0 14px 2px; display: block; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; text-align: center; position: relative; width: 78px; } .inCart input { width: 106px; } .inCart a.blueButton:hover, .inCart a.greyButton:hover, .inCart input.blueButton:hover, .inCart input.greyButton:hover { color: #bfbfbf !important; } .pane .inCart a, .pane .inCart input { margin-top: 0; } .inCart { position: relative; } .inCart .ok { display: block; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat 0 -988px; width: 17px; height: 19px; position: absolute; top: -2px; right: 3px; z-index: 10; } .inCart .ok .btmRight { padding-bottom: 2px; right: 3px; z-index: 10; } .inCart .btmRight { display: block; margin-top: 18px !important; } a.blueButton:hover, input[type="submit"].blueButton:hover, input[type="button"].blueButton:hover, .middle .contentDefault .topicTeaser.withForm .form input[type="submit"]:hover { background-position: 0 -170px; color: #fff !important; } input.blueButton.light, a.blueButton.light { background: #478ebc; background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -735px; /* Old browsers */ background: -moz-linear-gradient(top, #478ebc 0%, #2867a1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#478ebc), color-stop(100%,#2867a1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #478ebc 0%,#2867a1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #478ebc 0%,#2867a1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #478ebc 0%,#2867a1 100%); /* IE10+ */ background: linear-gradient(to bottom, #478ebc 0%,#2867a1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#478ebc', endColorstr='#2867a1',GradientType=0 ); /* IE6-9 */ } input.blueButton.light:hover, a.blueButton.light:hover { background: #69a8d7; background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -768px; /* Old browsers */ background: -moz-linear-gradient(top, #69a8d7 0%, #3c7fbe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#69a8d7), color-stop(100%,#3c7fbe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #69a8d7 0%,#3c7fbe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #69a8d7 0%,#3c7fbe 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #69a8d7 0%,#3c7fbe 100%); /* IE10+ */ background: linear-gradient(to bottom, #69a8d7 0%,#3c7fbe 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69a8d7', endColorstr='#3c7fbe',GradientType=0 ); /* IE6-9 */ } .no-css3 input.blueButton.light, .no-css3 a.blueButton.light { filter: none; /* IE6-9 */ } input.blueButton.light, a.blueButton.light { background: #478ebc; background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -735px; /* Old browsers */ background: -moz-linear-gradient(top, #478ebc 0%, #2867a1 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#478ebc), color-stop(100%,#2867a1)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #478ebc 0%,#2867a1 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #478ebc 0%,#2867a1 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #478ebc 0%,#2867a1 100%); /* IE10+ */ background: linear-gradient(to bottom, #478ebc 0%,#2867a1 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#478ebc', endColorstr='#2867a1',GradientType=0 ); /* IE6-9 */ } input.blueButton.light:hover, a.blueButton.light:hover { background: #69a8d7; background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -768px; /* Old browsers */ background: -moz-linear-gradient(top, #69a8d7 0%, #3c7fbe 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#69a8d7), color-stop(100%,#3c7fbe)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #69a8d7 0%,#3c7fbe 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #69a8d7 0%,#3c7fbe 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #69a8d7 0%,#3c7fbe 100%); /* IE10+ */ background: linear-gradient(to bottom, #69a8d7 0%,#3c7fbe 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69a8d7', endColorstr='#3c7fbe',GradientType=0 ); /* IE6-9 */ } .no-css3 input.blueButton.light, .no-css3 a.blueButton.light { filter: none; /* IE6-9 */ } input[type="button"].newssignupbutton:hover { background-position: 0 -170px; color: #fff !important; } .middle .contentDefault .workflowTeaserGroup { margin: 31px 0; } .middle .contentDefault .workflowTeaserGroup ul { overflow: auto; } .middle .contentDefault .workflowTeaserGroup li { float: left; margin-right: 31px; } .middle .contentDefault .workflowTeaserGroup li.clear { clear: left; display: block; height: 0px; width: 630px; } .middle .contentDefault .workflowTeaserGroup li.lastInRow, div.lastInRow { margin-right: 0; } .middle .contentDefault .workflowTeaser { padding: 15px 0; margin-bottom: 18px; width: 201px; border-top: 1px solid #c3d1d9; border-bottom: 1px solid #c3d1d9; } .middle .contentDefault .introductionTop { margin-bottom: 5px; } .middle .contentDefault .introductionTop.borderBottom, .middleTwoColumns .contentDefault .introductionTop.borderBottom { padding-bottom: 6px; border-bottom: 1px solid #C3D1D9; width: 100%; } .middle .contentDefault .introductionTop.padding { padding-bottom: 1px; } .middle .contentDefault .introductionTop .title, .middleTwoColumns .contentDefault .introductionTop .title { font-size: 21px; color: #404040; float: left; line-height: 24px; font-family: futura-book; } .middle .contentDefault .introductionTop .sharing { display: table-cell; vertical-align: bottom; margin-top: -2px; float: right; position: relative; top: -1px; } #ProductDetailsHeading .zoom a > div { width: 201px; height: 113px; overflow: hidden; } /* added to reduce margin of blue triangle on product details tab*/ a.arrowBlueProductTab { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -2489px transparent; padding-left: 6px; color: #2864a0; } .copy a { color: #2864a0; } .copy a:hover, a.arrowBlueProductTab:hover { color: #c3d1d9; } .middle .contentDefault .introductionTop .printButton, .middle .contentDefault .introductionTop .shareButton, .middle .contentDefault .introductionTop .blueButton, .middle .contentDefault .introductionTop .bookmarkButton { float: left; margin-left: 11px; text-decoration: none; } .middle .contentDefault .introductionTop .printButton, .middle .contentDefault .introductionTop .shareButton, .middle .contentDefault .introductionTop .bookmarkButton { margin-top: 4px; } .middle .contentDefault .introductionTop .bookmarkButton { margin-left: 0px; display: none; } /*--=Specific_product_info--*/ .product_info { padding: 20px; width: 666px; } .product_info.twocolumn { padding: 20px; width: 436px; } .product_info .headline { background: url("/static/images/productInfoHeadGardient.jpg?lastmod=YYYYMMDD") repeat-x scroll 0 bottom transparent; margin-bottom: 10px; padding-bottom: 10px; } .product_info.v2 .headline { background: url("/static/images/productInfoHeadGardient.jpg?lastmod=YYYYMMDD") repeat-x scroll 0 top transparent; border-bottom: 1px solid #D8E0E5; line-height: 35px; margin-bottom: 10px; margin-top: 14px; padding: 12px 0 14px; } .product_info .subheadline { font-size: 15px; color: #000; margin-bottom: 20px; } .product_info.v2 .subhead { color: #a6a6a6; font-size: 15px; line-height: 23px; margin-top: 8px; } .product_info .subcopy { font-size: 12px; color: #404040; margin-bottom: 25px; } .product_info .description { font-size: 12px; color: #a6a6a6; } .product_info .width201 .text { margin-bottom: 28px; } .product_info .text .head { font-size: 15px; color: #404040; } .product_info .text .copy { font-size: 12px; color: #404040; line-height: 16px; } .product_info .head { font-size: 21px; color: #1b3067; } .product_info .wishlistHead { font-size: 21px; color: #404040; } .product_info.overlay .head { font-family: futura; } .product_info .headSub { font-size: 15px; color: #000; line-height: 20pt; } .product_info.v2 a.arrowBlue { margin-right: 10px; padding-top: 2px; background-position: -3px -851px; line-height: 22px; } .product_info.v2 input[type="submit"].blueButton { padding-top: 2px; } .dropdown .head { color: #3c5061; font-size: 12px; background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -221px transparent; height: 23px; font-weight: bold; line-height: 19px; position: relative; } .dropdown .head img { display: block; margin-top: -1px; } .dropdown .head .text { text-align: center; cursor: pointer; } .dropdown .head .leftArrow { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -3px -362px; position: absolute; left: 0; top: 0; width: 20px; height: 20px; } .dropdown .head .rightArrow { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -22px -362px; position: absolute; right: 0; top: 0; width: 20px; height: 20px; } .dropdown .image { border-bottom: 1px solid #c3d1d9; margin-top: -3px; } .dropdown table tr td { width: 464px; } .dropdown table tr td:first-child { border-right: 1px solid #c3d1d9; width: 201px; } /*--=Sidebar right--*/ .socialLinks { padding: 0 3px 3px 0; width: 27px; height: 27px; } .sidebarRight .teaserLinklist { margin-bottom: 28px; } .sidebarRight .teaserLinklist .showAllTeasers, .sidebarRight .teaserLinklist .showLessTeasers { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -335px transparent; border: medium none; color: #A6A6A6; float: right; font-size: 11px; line-height: 14px; padding-left: 8px; padding-top: 3px; cursor: pointer; text-decoration: none; width: auto; } .sidebarRight .teaserLinklist .showAllTeasers:hover, .sidebarRight .teaserLinklist .showLessTeasers:hover { color: #2864a0; background-position: -3px -2487px; } .sidebarRight .teaserLinklist .showAllTeasers.active, .sidebarRight .teaserLinklist .showLessTeasers, .sidebarRight .teaserLinklist ul li.invisible { display: none; } .sidebarRight .teaserLinklist .showAllTeasers, .sidebarRight .teaserLinklist .showLessTeasers.active { display: block; } .sidebarRight .teaserLinklist .line { background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0px -262px transparent; font-size: 10px; margin-bottom: 4px; margin-top: 2px; } .sidebarRight .teaserLinklist .title { float: left; font-size: 12px; color: #3c5061; } .sidebarRight .teaserLinklist .showAll, .socialActivity .small { float: right; font-size: 11px; color: #a6a6a6; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -337px transparent; padding-left: 8px; text-decoration: none; border: none; width: auto; line-height: 14px; } .sidebarLeft .showAll, .sidebarLeft .resetAll { float: right; font-size: 11px; color: #a6a6a6; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -338px transparent; padding-left: 8px; text-decoration: none; border: none; width: auto; line-height: 14px; } .sidebarRight .teaserLinklist .image { position: relative; } .sidebarRight .teaserLinklist .image img { border-bottom: 1px solid #c3d1d9; margin-bottom: 10px; } .sidebarRight .teaserLinklist .image .teaserheadline { color: #1B3067; font-size: 13px; left: 13px; top: 10px; position: absolute; font-family: futura; } .sidebarRight .teaserLinklist .image .headline { font-size: 12px; color: #000; margin: 0 0px; font-family: arial; } .sidebarRight .teaserLinklist .image .subline { margin: 0 6px 0 0; color: #1b3067; font-size: 12px; padding-bottom: 11px; border-bottom: 1px solid #c3d1d9; margin-bottom: 11px; } .sidebarRight .teaserLinklist .image .subline a:hover { color: #2864a0; } .sidebarRight .teaserLinklist .linklist ul { padding: 0 6px; } .sidebarRight .teaserLinklist li.movie { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 169px -115px transparent; } .sidebarRight .teaserLinklist .linklist li a { line-height: 18px; } .sidebarRight .teaserLinklist .linklist li a:hover { color: #2864a0; } .sidebarRight .teaserLinklist .infoBlock { margin-bottom: 18px; } .sidebarRight .teaserLinklist .infoBlock .subline { font-size: 12px; color: #000; line-height: 18px; } .sidebarRight .teaserLinklist .infoBlock .copy { font-size: 12px; color: #404040; line-height: 18px; } .sidebarRight .teaserLinklist .contact { padding: 0 6px; } .sidebarRight .teaserLinklist .contact .title { font-size: 12px; font-weight: bold; color: #000; } .sidebarRight .teaserLinklist .contact .numbers { font-size: 12px; } .sidebarRight .teaserLinklist .contact .numbers .title { float: left; width: 75px; font-weight: normal; line-height: 18px; } .side barRight .teaserLinklist .contact .numbers .number { clear: right; line-height: 18px; font-size: 12px; font-weight: normal; } .sidebarRight .teaserLinklist .line.end { display: none; } .sidebarRight .teaserLinklist.contactus-teaser { margin-bottom: 58px; } .sidebarRight .teaserLinklist.contactus-teaser .title > a { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -10px -4626px transparent; padding-left: 22px; } .sidebarRight .teaserLinklist.contactus-teaser .image .subline { border: none; margin-bottom: 10px; margin-top: 10px; padding-bottom: 0px; } .sidebarRight .teaserLinklist.contactus-teaser ul li { margin-bottom: 10px; } .sidebarRight .teaserLinklist.contactus-teaser .line.end { display: inherit; } /*--=SimpleLightbox--*/ .simpleLightbox { width: 189px; padding: 20px; } .simpleLightbox .headline, .simpleForm .headline { margin-bottom: 20px; color: #000; font-size: 15px; } .simpleForm { width: 394px; padding: 20px; } /*--=ListOptions--*/ .listOptions { border-top: 1px solid #c3d1d9; border-bottom: 1px solid #c3d1d9; font-size: 11px; margin-top: 30px; background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -691px transparent; } .listOptions.marginTop0 { margin-top: 0px; } .noNavMargin .listOptions { margin-top: 0; border-top: none; } .listOptions > ul { position: relative; } .listOptions > ul > li { float: left; width: 117px; margin-left: 5px; line-height: 24px; color: #1B3067; } .listOptions > ul > li.active { border-left: 1px solid #c3d1d9; border-right: 1px solid #c3d1d9; width: 115px; } .listOptions > ul > li a { color: #1b3067; text-decoration: none; padding: 4px 0 5px; display: block; padding-left: 6px; font-size: 11px; cursor: pointer; } .listOptions a.inactive { color: #A6A6A6; } .listOptions a.blueLink { font-size: 11px; line-height: 24px !important; } .listOptions > ul > li a.expand { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 5px -272px transparent; padding-left: 20px; } .listOptions > ul > li a:hover { background-color: #fff; color: #2864a0; background-position: 5px -216px; } .listOptions > ul > li.active a:hover { background-color: #1b3067; color: #fff; background-position: 5px -244px; } .listOptions > ul > li a.expand:hover { background-color: #fff; color: #2864a0; background-position: 5px -216px; } .listOptions > ul > li > ul { position: absolute; background-color: #fff; z-index: 20; border-left: 1px solid #c3d1d9; border-right: 1px solid #c3d1d9; border-bottom: 1px solid #c3d1d9; margin-left: -1px; width: 115px; } .listoptionhover { background-color: #1b3067 !important; color: #fff !important; background-position: 5px -244px; } .sort-status-label { color: #1B3067; line-height: 23px; margin-right: 20px; } /*--=List tables--*/ table table .quantity, #fancybox-content table .quantity { margin-left: 10px; margin-right: 10px; text-align: center; width: 40px; border: 1px solid #BFBFBF; line-height: normal; } table table.noBorder tbody tr td, #fancybox-content table.noBorder tbody tr td { padding-top: 10px; } table table.noBorder thead tr th, #fancybox-content table.noBorder thead tr th { border-bottom: 1px solid #c3d1d9; } table table.noBorder thead th, #fancybox-content table.noBorder thead th { background: none; font-size: 12px; font-weight: normal; line-height: 22px; color: #1b3067; } .lastDistance { padding-right: 8px !important; } table table.noBorder tbody tr td, #fancybox-content table table.noBorder tbody tr td { border-right: none; } table table.noBorder input[type="checkbox"], #fancybox-content table.noBorder input[type="checkbox"] { margin: 0 10px; } table table.noBorder tbody tr td.paddingTopLess, #fancybox-content table.noBorder tbody tr td.paddingTopLess { padding-top: 5px; padding-bottom: 13px; } table table.noBorder tbody tr td.paddingTopLess2, #fancybox-content table table.noBorder tbody tr td.paddingTopLess2 { padding-top: 7px; padding-bottom: 13px; } table table.noBorder tbody tr td.paddingTopLess3, #fancybox-content table table.noBorder tbody tr td.paddingTopLess3 { padding-top: 9px; padding-bottom: 13px; } table table.noBorder tbody tr td.paddingTopLess4, #fancybox-content table.noBorder tbody tr td.paddingTopLess4 { padding-top: 13px; padding-bottom: 13px; } table table.noBorder tbody tr td.paddingTopLess5, #fancybox-content table table.noBorder tbody tr td.paddingTopLess5 { padding-top: 11px; padding-bottom: 13px; } table.noBorder tbody tr td.paddingTopLess6, #fancybox-content table table.noBorder tbody tr td.paddingTopLess6 { padding-bottom: 0px; } table.noBorder tbody tr td.paddingTopLess7, #fancybox-content table table.noBorder tbody tr td.paddingTopLess7 { padding-top: 7px; } table table.noBorder tbody tr td.paddingTopLess8, #fancybox-content table table.noBorder tbody tr td.paddingTopLess9 { padding-top: 9px; } table table.noBorder tbody tr td.paddingTopLess9, #fancybox-content table table.noBorder tbody tr td.paddingTopLess9 { padding-top: 12px; } table.noBorder.bottomBorder { border-bottom: 1px solid #C3D1D9 !important; } table.noBorder.noBottomBorder { border-bottom: none !important; } table table.borderTopDotted tbody tr:first-child td { border-top: 1px dotted #C3D1D9; } .collapsible table.noLeftBorder { border-left: none; } .buttons { margin-top: 4px; } table table tr td:first-child img, #fancybox-content table tr td:first-child img { padding-left: 10px; padding-bottom: 12px; } table tr td:first-child a img { border: none; } .q-td.list-item-description { width: 335px; margin-right: 5px; } td .infobox { margin: 0 0 0 0px; line-height: 21px; float: right; min-width: 58px; } td .infobox.marginTop { margin-top: 20px; } td .infobox .title { font-size: 12px; color: #a6a6a6; margin-right: 10px; } td .infobox .data { font-size: 12px; color: #404040; max-width: 570px; } td .infobox .data a { line-height: 21px; } td .categorybox { margin-top: 10px; } td .categorybox .title { font-size: 12px; color: #a6a6a6; margin-right: 0px; padding-top: 1px; } td .categorybox .data { font-size: 12px; color: #404040; margin-top: -2px; } td .categorybox .data .arrowBlue { background-position: -3px -852px; } /*--=Configuration_option--*/ .configuration_option { padding: 20px; width: 665px; } .configuration_option table { border-bottom: none; } .configuration_option table.noNth tbody tr td { border-bottom: 1px solid #e5effa; } .configuration_option form { margin-top: 20px; } .configuration_option form label { font-size: 12px; color: #404040; } /*--=ListInfoBox--*/ table table.noBorder.v2 tbody tr.lastTR, #fancybox-content table.noBorder.v2 tbody tr.lastTR { background: url("/static/images/list_h_gardient.png?lastmod=YYYYMMDD") repeat-x scroll 0 bottom !important; } #fancybox-content table.noBorder.v2 tbody tr, table table.noBorder.v2 tbody tr, table table.noBorder.v2 tbody tr.nth { background-color: #f2f8ff; } #fancybox-content table.noBorder.v2 tbody tr td, table table.noBorder.v2 tbody tr td, table table.noBorder.v2 tbody tr.nth td { border-bottom: 1px solid #e5effa; } .listInfoBox { border-top: 1px solid #c3d0de; border-bottom: 1px solid #c3d0de; position: relative; padding: 13px 20px 13px 9px; } .listInfoBox .headline { color: #000; font-family: arial; } .listInfoBox .headline span { font-size: 12px; color: #3c5061; padding-left: 5px; } .listInfoBox .fright { position: absolute; bottom: 13px; right: 10px; } .listInfoBox .fright a { line-height: 16px; } /*--=Tabs--*/ .yui-navset { /*margin-top: -18px !important;*/ } .yui-navset .yui-content { border-left: 1px solid #C3D1D9 !important; border-bottom: 1px solid #C3D1D9 !important; border-right: 1px solid #C3D1D9 !important; border-top: 0 !important; padding: 20px 10px 20px 20px; } ul.tabs, ul.tabs.yui-nav { overflow: auto; background: url("/static/images/tabs_back.png?lastmod=YYYYMMDD") repeat-x scroll 0 -16px transparent; padding-top: 13px; } ul.tabs li, ul.tabs.yui-nav li { float: left; margin-right: -1px; margin-top: 3px; } ul.tabs li a, ul.tabs.yui-nav li a, ul.tabs.yui-nav li a:hover { padding: 3px 10px 6px 9px; color: #284663; line-height: 18px; text-decoration: none; height: 14px; font-size: 15px; display: block; border-left: 1px solid #C3D1D9; border-right: 1px solid #C3D1D9; border-bottom: 1px solid #C3D1D9; } ul.tabs li a.current { background-image: none; } ul.tabs li a .arrow { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -5px -727px; width: 10px; height: 18px; display: inline-block; } ul.tabs li a.current, ul.tabs.yui-nav li.selected a { /* background-color: #fff !important; color: #284663; */ background: url("/static/images/tabs.png?lastmod=YYYYMMDD") repeat-x scroll 0 -32px transparent; color: #ffffff; padding-top: 3px; border-left: 1px solid #c3d1d9; } ul.tabs li a.current .arrow, ul.tabs.yui-nav li.selected a .arrow { background-position: -3px -247px; } /*--=Panes--*/ .panes { padding-top: 20px; } .panes.v2 .border { border-left: 1px solid #c3d1d9; border-bottom: 1px solid #c3d1d9; padding: 20px 10px 20px 20px; } .panes.v3 .border { border-bottom: 1px solid #c3d1d9; padding: 20px 10px 20px 20px; } .panes.v2 { padding-bottom: 6px; padding-top: 0; width: 100%; } .panes table { border-bottom: 1px solid #c3d1d9; } .panes table tr th:first-child, .panes table tr td:first-child { padding-left: 10px; } .panes tr.nthTR { background: none; } .panes tr.nthTR td, .panes tr td { border-bottom: 1px solid #e5effa; } .panes .copy.solo { padding-left: 10px; padding-right: 10px; border-bottom: 1px solid #c3d1d9; border-top: 1px solid #c3d1d9; padding-bottom: 12px; padding-top: 12px; margin-top: 17px; } .panes .pane .link { padding-top: 20px; } .panes .pane .filter .filterHead { padding-top: 0px; } /*--=SubTotal--*/ .subTotal { padding: 30px 8px 12px 62px; border-bottom: 1px solid #c3d1d9; margin-bottom: 12px; } .subTotal .headline { color: #000; font-family: arial; } .subTotal .headline .info { font-size: 12px; color: #404040; padding-left: 5px; } .subTotal .fright .price { text-align: right; padding-bottom: 10px; margin-top: 6px; } .subTotal .fright .arrowBlue { padding-right: 10px; line-height: 22px; background-position: -3px -856px; } .noPaddingLeft table { margin-top: 5px; } .noPaddingLeft table thead tr td:first-child { padding-left: 0; } /*--=Accordion--*/ .accordion > div { height: auto !important; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .accordion .bubble { padding: 2px 7px; margin-left: 5px; font-size: 12px; font-weight: normal; margin-top: 0; } .accordion div.head { background-color: #E9EEF2; border-bottom: 1px solid #C3D1D9; border-top: 1px solid #C3D1D9; padding: 7px 10px; position: relative; font-size: 15px; font-weight: normal; color: #1b3067; cursor: pointer; margin: 0; } .accordion.white div.head { background-color: #fff; } .accordion h3 div.arrow { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -727px transparent; padding-left: 15px; } .accordion h3.selected div.arrow { background-position: -3px -654px; } /*--=Vertical alignment, compatible to IE8&9, Mozilla, Safari--*/ .vertical-aligned-parent { display: table; } .vertical-aligned-child { display: table-cell; vertical-align: middle; } /*--=WorkflowNavigation--*/ .workflowNavigation { margin-bottom: 9px; width: 100%; /*Added for [QEA-4758]*/ padding: 9px 0 90px 0px; } .workflowNavigation .head { padding-right: 0px; } .workflowNavigation .head .name { color: #000000; font-size: 15px; line-height: 24px; margin-top: -3px; } .workflowNavigation .step { height: 46px; margin-bottom: 22px; margin-left: -10px; display: table; } .workflowNavigation .step.first { margin-left: 0px; } .workflowNavigation.p16 .step { width: 119px; /* 16%, px needed for mac */ } .workflowNavigation.p20 .step { width: 140px; /* 21%, px needed for mac */ } .workflowNavigation.p25 .step { width: 25%; } .workflowNavigation.p33 .step { width: 33%; } .workflowNavigation.p50 .step { width: 50%; } .workflowNavigation.p100 .step { width: 100%; } .workflowNavigation .step div.text, .workflowNavigation .step a { color: #1B3067; display: inline-block; font-size: 12px; display: inline-block; max-width: 70%; vertical-align: middle; margin: 8px auto; text-decoration: none; line-height: 14px; word-wrap: break-word; overflow: hidden; max-height: 30px; } .workflowNavigation .step div.text > span { display: table-cell; vertical-align: middle; height: 30px; } .workflowNavigation .step a.p16, .workflowNavigation .step div.p16 { max-width: 59px; } .workflowNavigation .step a.p20, .workflowNavigation .step div.p20 { max-width: 79px; } .workflowNavigation .step a.p25, .workflowNavigation .step div.p25 { max-width: 109px; } .workflowNavigation .step a.p33, .workflowNavigation .step div.p33 { max-width: 165px; } .workflowNavigation .step a.p50, .workflowNavigation .step div.p50 { max-width: 269px; } .workflowNavigation .step a.p100, .workflowNavigation .step div.p100 { max-width: 600px; } .workflowNavigation .step.active div.text, .workflowNavigation .step.active a { color: #fff; line-height: 14px; } .workflowNavigation .step .left { background: url("/static/images/workflow.png?lastmod=YYYYMMDD") no-repeat 0px -2px; color: #1B3067; font-size: 15px; height: 48px; line-height: 44px; padding-left: 28px; text-align: center; width: 100%; } .workflowNavigation .step .right { background: url("/static/images/workflow.png?lastmod=YYYYMMDD") no-repeat -222px -54px #fff; height: 48px; width: 28px; margin-left: -3px; } .workflowNavigation .step .right img[id*=_imgArrow_] { display: none; left: 0; position: relative; top: -1px; } .workflowNavigation .step.active .left { background-position: 0px -106px; } .workflowNavigation .step.active .right { background-position: -223px -158px; } .workflowNavigation .step:hover .left { background-position: 0px -106px; } .workflowNavigation .step:hover .right { background-position: -223px -158px; } .workflowNavigation .step:hover a, .workflowNavigation .step:hover span, .workflowNavigation .step:hover div.text { color: #FFFFFF; } .workflowNavigation .step.inactive .left, .workflowNavigation .step.inactive:hover .left { background-position: 0px -210px; } .workflowNavigation .step.inactive .right, .workflowNavigation .step.inactive:hover .right { background-position: -223px -263px; } .workflowNavigation .step.inactive a, .workflowNavigation .step.inactive:hover a, .workflowNavigation .step.inactive span, .workflowNavigation .step.inactive:hover span, .workflowNavigation .step.inactive div.text, .workflowNavigation .step.inactive:hover div.text { color: #A6A6A6; cursor: default; } .workflowTitle { color: #3C5061; font-size: 12px; margin-bottom: 10px; } /*--=Plates--*/ .plate { margin-left: 16px; margin-top: 12px; font-size: 12px; } .plate:first-child { margin-left: 10px; } .plate input { margin-top: 6px; } .plate01 { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat right -1074px; width: 94px; height: 64px; } .plate02 { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat right -1140px; width: 94px; height: 64px; } .plate03 { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat right -1206px; width: 94px; height: 64px; } .plate04 { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat right -1272px; width: 94px; height: 64px; } .headerArrow { background-image: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD"); background-position: -1px -389px; background-repeat: no-repeat; display: inline-block; height: 9px; width: 9px; margin-left: 2px; margin-right: 3px; } /*--=Wishlist--*/ .wishlist .description { color: #404040; font-size: 12px; line-height: 18px; padding-right: 10px; } .wishlist .info { width: 540px; line-height: 18px; font-size: 12px; color: #a6a6a6; } .WishlistPopupHeadline { font-family: futura-t-book; } .wishlist .bottomLine { margin-top: 10px; margin-bottom: 10px; padding-top: 7px; padding-bottom: 4px; border-top: 1px solid #C3D1D9; border-bottom: 1px solid #C3D1D9; } .wishlist .listOptions { margin-top: 0; } .wishlistItem { padding-top: 6px; position: relative; background-color: #fff; } .wishlistItem .row, .notAvailable .row { margin-top: 20px; margin-bottom: 6px; } .wishlistItem .row span.uniform input[type="checkbox"] { margin: 0px; } .wishlistItem .row span.uniform { margin-top: -5px; } .wishlistItem .updated { font-size: 11px; color: #5cb639; border: 1px solid #5cb639; padding: 1px 10px; line-height: 18px; } .wishlistOrganizerSubline { color: #A6A6A6; font-size: 15px; font-family: arial; } .wishlistItem .updated .bold { font-weight: bold; margin-right: 5px; } .wishlistItem .updated .icon { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -119px 0; width: 30px; height: 30px; position: absolute; left: 12px; top: -2px; } .wishlistItem .updated .arrowBlue { margin-left: 5px; } .wishlistItem .options .subTotal { padding: 13px 10px 13px 71px; margin-bottom: 0; border-bottom: none; } .wishlistItem .options .subTotal .sum { line-height: 17px; margin-top: 8px; } .wishlistItem .row .headline, .wishlistItem .row .headline a { font-size: 15px; color: #000; font-family: arial; } .wishlistItem .options table { margin-bottom: 0; } .wishlistItem .options table th { border-bottom: 1px solid #C3D1D9; border-top: 1px solid #C3D1D9; } .wishlistItem .optionBox { height: 18px; border-bottom: 1px dotted #c3d1d9; font-size: 11px; line-height: 18px; background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x 0 0; color: #404040; } .wishlistItem .optionBox .show { margin-left: 10px; width: 116px; cursor: pointer; color: #3c5061; } .wishlistItem .optionBox.hideit { display: none; } .wishlistItem .optionBox.hideit .show { width: 100px; } .wishlistItem .optionBox.active { margin-top: 0; padding-top: 0; } .wishlistItem .optionBox.active.hideit { display: block; } .wishlistItem .optionBox.active.hideit .chancel { margin-right: 5px; } .wishlistItem .optionBox.active.showit { display: none; } .wishlistItem .optionBox .show .arrow { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat 0 -384px; width: 10px; height: 18px; display: inline-block; } .wishlistItem .optionBox .subtotal { margin-right: 20px; } .wishlistItem .optionBox .subtotal span { margin-left: 5px; } .wishlistItem .optionBox .arrowBlue { margin-right: 10px; font-size: 11px; } /* not available */ .wishlist div.notAvailable { padding-top: 6px; display: block; } .wishlist div.notAvailable .box { background-color: #ccc; margin-left: 19px; } .wishlist div.notAvailable .text { min-height: 70px; height: 70px; color: #000; padding-left: 20px; display: table-cell; vertical-align: middle; font-weight: bold; } .wishlist div.notAvailable .wishlistItem .optionBox.showit a.remove, .wishlist div.notAvailable .wishlistItem .optionBox.active.showit { display: block !important; } .showAllWishlistDetails { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -335px transparent; border: medium none; color: #A6A6A6; float: right; font-size: 11px; line-height: 17px; padding-left: 8px; text-decoration: none; cursor: pointer; } .showAllWishlistDetails:hover { color: #2864a0; background-position: -3px -2487px; } .showAllWishlistDetails.hideall, .showAllWishlistDetails.active.showall { display: none; } .showAllWishlistDetails.active.hideall { display: block; } /*--=SocialActivity--*/ .socialActivity .header { background: none; border-bottom: 1px solid #c3d1d9; padding-bottom: 5px; } .socialActivity .header > .fleft { font-size: 15px; color: #143c64; font-weight: bold; } .socialActivity .channel { padding-bottom: 20px; border-bottom: 1px solid #e5effa; margin-bottom: 5px; } .socialActivity .channel > .head { color: #000; font-size: 14px; margin-bottom: 14px; margin-top: 10px; } .socialActivity .channel > .head > .small { margin-left: 5px; } .socialActivity .channel .head .small { display: inline-block; float: none; } .socialActivity .channel .head .small a { font-size: 11px; color: #A6A6A6; } .socialActivity .channel .newsBox .head { font-size: 12px; color: #000; line-height: 12px; } .socialActivity .channel .newsBox .date { font-size: 12px; color: #9e9e9e; line-height: 18px; } .socialActivity .channel .newsBox.facebook .icon { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -119px -37px; width: 27px; height: 27px; margin-right: 8px; } .socialActivity .channel .newsBox.twitter .icon { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -119px -66px; width: 27px; height: 27px; margin-right: 8px; } .socialActivity .channel.youtube .icon { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -119px -95px transparent; height: 27px; margin-right: 8px; margin-top: 5px; width: 27px; } .socialActivity .channel.slideshare .icon { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -119px -125px transparent; height: 27px; margin-right: 8px; margin-top: 5px; width: 27px; } .socialActivity .channel.youtube .newsBox > .video { margin-bottom: 10px; } .socialActivity .channel.youtube .video img { border-top: 1px solid #c3d1d9; border-bottom: 1px solid #c3d1d9; } .socialActivity .channel.youtube .copy { line-height: 18px; } .socialActivity .channel.youtube .timecode { line-height: 18px; font-size: 12px; color: #9e9e9e; } .socialActivity .channel.slideshare { border-bottom: 1px solid #c3d1d9; } .socialActivity .channel.slideshare .presentation { margin-bottom: 10px; } .socialActivity .channel.slideshare .presentation img { border-top: 1px solid #c3d1d9; border-bottom: 1px solid #c3d1d9; } /*--=FilterSet--*/ .filter .filterSelected { float: left; border: 1px solid #c3d1d9; padding: 0px 5px; color: #404040; font-size: 12px; margin-left: 10px; margin-top: 2px; cursor: pointer; background-color: #f2f8ff; } .filter .filterSelected .delete { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") repeat scroll 0 -2964px transparent; display: inline-block; height: 12px; width: 13px; } .filter .filterHead { font-size: 12px; color: #3c5061; margin-bottom: 10px; } .filter .filterHead a.small { background-position: -1px -338px; } .filter .filterHead a.small.resetFilter:hover { background-position: -1px -2490px; color: #2864A0; cursor: pointer; } .filter a.small.selectAllFilter { background-position: -1px -339px; } .filter a.small.selectAllFilter:hover { background-position: -1px -2491px; color: #2864A0; } .filter .filterset { font-size: 12px; line-height: 20px; width: 624px; margin-left: 20px; margin-bottom: 15px; } .filter .filterset ul { margin-right: 7px; width: 201px; margin-top: 5px; } .filter .filterset li { width: 100%; border-top: 1px solid #c3d1d9; background: url(/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD) repeat-x 0 -660px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .filter .filterset li input { margin-right: 6px; } .filter .filterset li a { padding-top: 3px; } .filter .filterset li.last { border-bottom: 1px solid #c3d1d9; } .filter .filterset span:not(.uniform):not(.checkbox) { background-color: #B3C2D1; height: 12px; line-height: 12px; margin-right: 6px; margin-top: 1px; padding: 2px 8px; } .filter .arrowBlue.collapsable:not(.uniform) { font-weight: bold; display: block; margin-top: 1px; margin-left: 3px; } .filter .arrowBlue.collapsable:not(.uniform):not(.active) { background-position: -3px -853px; } .filter a.arrowBlue.collapsable { font-weight: bold; display: block; margin-top: 1px; margin-left: 6px; } .alignCheckbox { margin: 0; padding: 0; } /*--=Eventlist--*/ .events ul li { position: relative; border-bottom: 1px solid #e5effa; } .events ul li.last { border-bottom: 1px solid #c3d1d9; } .events ul li > div { padding: 12px 10px; } .events ul li .headline { line-height: 18px; font-size: 15px; color: #000; font-family: arial; } .events ul li .small.grey { color: #a6a6a6; font-size: 12px; line-height: 14px; } .events ul li .blueButton { position: absolute; top: 12px; right: 0; } /*--=Toolbox--*/ .toolbox .toolplace { width: 664px; border-left: 1px solid #c3d1d9; border-right: 1px solid #c3d1d9; border-bottom: 1px solid #c3d1d9; background-color: #e7e7e7; min-height: 50px; margin-top: -3px; } .toolbox .head { background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -221px transparent; color: #3C5061; font-size: 12px; font-weight: bold; height: 23px; line-height: 19px; position: relative; } .toolbox .head .icon { display: inline-block; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -238px -140px; width: 13px; height: 15px; margin: 0 0 0 5px; } /*--=Teaser with botttom head--*/ .teaser.v2 .head { background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -221px transparent; height: 23px; } .teaser.v2 .head a { color: #3C5061; font-size: 12px; font-weight: bold; line-height: 19px; text-decoration: none; display: block; } /*--=SearchField--*/ .searchField { padding: 20px; border-top: 1px solid #c3d1d9; border-bottom: 1px solid #c3d1d9; background-color: #f2f8ff; margin-bottom: 27px; } .searchField .dropreplace { margin-bottom: 0; } /*The text should have the same color as the background image of the search field. Which is needed for IE slower initialization purposes.*/ .searchFieldNotReady { color: #E9EDF0; } /*--=MediaGallery--*/ #zoom-close { background: url("/static/images/fancybox/fancybox.png?lastmod=YYYYMMDD") repeat scroll -40px 0 transparent; cursor: pointer; height: 30px; left: 0; position: absolute; top: 0; width: 30px; z-index: 3210; } #gallery-fullscreen-image-overlay { left: 0; position: absolute; top: 0; width: 100%; z-index: 2200; } #featured .toZoom { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0px -1642px transparent; width: 17px; height: 21px; position: absolute; display: block; cursor: pointer; bottom: 115px; left: 775px; z-index: 1; } #featured span.zoomed { position: absolute; z-index: 3110; display: none; cursor: pointer; left: 0; top: 0; } #featured { width: 1200px; position: relative; border: 0px solid #ccc; height: 580px; overflow: hidden; background: #fff; padding-left: 0px; padding-top: 0px; padding-bottom: 0px; padding-right: 10px; } #featured .leftArrow { background: url("/static/images/left-right-buttons-normal.png?lastmod=YYYYMMDD") no-repeat scroll -14px -28px transparent; position: absolute; left: 53px; height: 32px; width: 18px; top: 515px; padding: 0; margin: 0; display: none; } #featured .leftArrow:hover { background: url("/static/images/left-right-buttons-normal.png?lastmod=YYYYMMDD") no-repeat scroll -14px -90px transparent; cursor: pointer; } #featured .rightArrow { background: url("/static/images/left-right-buttons-normal.png?lastmod=YYYYMMDD") no-repeat scroll -40px -28px transparent; position: absolute; left: 729px; height: 32px; width: 18px; top: 515px; padding: 0; margin: 0; display: none; } #featured .rightArrow:hover { background: url("/static/images/left-right-buttons-normal.png?lastmod=YYYYMMDD") no-repeat scroll -40px -90px transparent; cursor: pointer; } #fullgallery-left-arrow { background: url("/static/images/prev-next-buttons-normal.png?lastmod=YYYYMMDD") no-repeat scroll -19px -40px transparent; cursor: pointer; height: 50px; left: 0; position: fixed; top: 0; width: 28px; z-index: 3210; } #fullgallery-left-arrow:hover { background: url("/static/images/prev-next-buttons-active.png?lastmod=YYYYMMDD") no-repeat scroll -19px -40px transparent; } #fullgallery-right-arrow { background: url("/static/images/prev-next-buttons-normal.png?lastmod=YYYYMMDD") no-repeat scroll -59px -40px transparent; cursor: pointer; height: 50px; left: 0; position: fixed; top: 0; width: 28px; z-index: 3210; } #fullgallery-right-arrow:hover { background: url("/static/images/prev-next-buttons-active.png?lastmod=YYYYMMDD") no-repeat scroll -59px -40px transparent; } #featured div#product-description-holder { background-color: #fff; border: 0px solid #c3d1d9; border-left-width: 1px; padding-left: 40px; padding-right: 40px; padding-top: 40px; padding-bottom: 60px; position: absolute; top: 66px; left: 800px; list-style: none; width: 330px; height: 500px; overflow-x: hidden; overflow-y: auto; } #featured #navigation-separator { border: 0px solid #c3d1d9; border-top-width: 1px; top: 479px; left: 0px; padding: 0; margin: 0; width: 800px; position: relative; } #featured .ui-tabs-nav { padding: 0; margin: 0; } #featured .ui-tabs-nav-wrapper { overflow: hidden; height: 100px; /* 800 minus the icons size (2 x 20pixel)*/ width: 564px; position: absolute; top: 480px; left: 124px; padding: 0; margin: 0; } #featured .ui-tabs-nav .ui-tabs-nav-item { float: left; padding-top: 12px; margin-right: 16px; } #featured .ui-tabs-nav .ui-tabs-nav-item:hover, .ui-tabs-nav .ui-tabs-nav-item[test] { background: url("/static/images/gallery-selected-item.gif") no-repeat scroll -5px -1px transparent; } #featured .ui-tabs-nav-item a { border: 1px solid #ffffff; display: block; overflow: hidden; } #featured .ui-tabs-nav-item a:hover, #featured .ui-tabs-nav-item.active a { /*border: 1px solid #c3d1d9; */ border: 1px solid #63819D; } /* #featured .ui-tabs-nav .active a{ background:#c3d1d9; overflow: hidden; }*/ #featured .galimage { border: 1px solid #c3d1d9; overflow: hidden; float: left; width: 75px; height: 75px; } #featured .ui-tabs-nav .ui-tabs-nav-item img { width: 75px; height: 75px; float: left; background: #fff; border: 0; } #featured .galtext { display: none; } #featured .ui-tabs-panel { width: 800px; height: 475px; position: relative; overflow: hidden; background-color: #fff; cursor: pointer; display: table-cell; vertical-align: middle; } #featured .ui-tabs-panel-legend { width: 800px; height: 28px; position: absolute; overflow: hidden; background-color: #f2f8ff; top: 450px; text-align: center; line-height: 22px; border: 1px solid #63819D; /*border: 1px solid #c3d1d9;*/ border-right-width: 0; border-left-width: 0; display: none; z-index: 2; opacity: 0.85; filter: alpha(opacity=85); /* For IE8 and earlier */ } #featured .ui-tabs-panel-legend > span.subline.big { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; margin-top: 3px; padding-left: 10px; padding-right: 10px; } /*--=Sticky --*/ .sticky-menu-back-to-top { background: url("/static/images/up-down-buttons-normal.png?lastmod=YYYYMMDD") no-repeat scroll -22px -9px transparent; cursor: pointer; height: 18px; width: 32px; left: 0; position: fixed; top: 0; z-index: 3210; padding: 5px; margin: 0; border: 1px solid #BCBCBC; -moz-box-shadow: 2px 2px 15px #4C4C4C; -webkit-box-shadow: 2px 2px 15px #4C4C4C; box-shadow: 2px 2px 15px #4C4C4C; } .sticky-menu-back-to-top:hover { background: url("/static/images/up-down-buttons-normal.png?lastmod=YYYYMMDD") no-repeat scroll -85px -9px transparent; } /*--=FAQ --*/ table table .faqHeadline { color: #000; font-size: 15px; margin-bottom: 3px; line-height: 13px; } table tbody tr .faq { line-height: 18px; } /*--=FAQ collapsible --=Collapsible text--*/ .collapsibleFAQ { position: relative; padding-bottom: 12px; } .collapsibleText { position: relative; padding-bottom: 12px; font-size: 13px; } .collapsibleFAQ .showMore, .collapsibleFAQ .hideMore, .collapsibleText .showMore, .collapsibleText .hideMore { padding-left: 5px; color: #1B3067; display: inline-block; } .collapsibleFAQ .showMoreOnNextLine, .collapsibleFAQ .hideMoreOnNextLine { color: #1B3067; display: inline-block; padding-left: 7px !important; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent; } .collapsibleFAQ .showMore:hover, .collapsibleFAQ .hideMore:hover, .collapsibleText .showMore:hover, .collapsibleText .hideMore:hover { color: #2864a0; cursor: pointer; } .collapsibleFAQ .arrowBlue, .collapsibleText .arrowBlue { color: #1b3067; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -854px transparent; font-size: 12px; padding-left: 8px; text-decoration: none; line-height: 16px; margin-left: 3px; } .collapsibleFAQ .arrowBlue.OSMacType, .collapsibleText .arrowBlue.OSMacType { color: #1b3067; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent; font-size: 12px; padding-left: 8px; text-decoration: none; line-height: 16px; margin-left: 3px; } .disabled-link { color: Gray; cursor: default; } /*--=NAVIGATION --*/ .mainContainer .productNav .head, .naviRestrictive .head { color: #3C5061; font-size: 12px; margin-bottom: 7px; } .naviRestrictive .head.filterset { margin-bottom: 11px; } .naviRestrictive > ul { background: url("/static/images/dividerGardient.jpg?lastmod=YYYYMMDD") repeat-x 0 bottom; padding-bottom: 4px; } /*-=Levels-*/ .naviRestrictive > ul > li.level1 { background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -331px transparent; width: 100%; word-wrap: break-word; } .naviRestrictive > ul > li.level1.open.active > a, .naviRestrictive > ul > li.level1.open > a { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 1px -3066px transparent; display: block; padding-left: 18px; margin-left: 0px; } .naviRestrictive > ul > li.level1:hover { background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -295px transparent; margin-left: 0; } .naviRestrictive > ul > li.level1 > a { color: #1b3067; font-size: 15px; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -755px transparent; padding-left: 10px; margin-left: 5px; line-height: 25px; text-decoration: none; display: block; word-wrap: break-word; } .naviRestrictive > ul > li.level2, .naviRestrictive > ul > li.level3.open, .naviRestrictive > ul > li.level4.open { background-color: #d4dce6; position: relative; font-size: 12px; color: #d3dad4; line-height: 22px; margin-left: 0px; display: block; padding-left: 7px; border-top: 1px solid #aebcc9; word-wrap: break-word; } .naviRestrictive > ul > li.level2:hover, .naviRestrictive > ul > li.level3:hover, .naviRestrictive > ul > li.level3.active:hover, .naviRestrictive > ul > li.level4:hover, .naviRestrictive > ul > li.level4.active:hover, .naviRestrictive > ul > li.levelN:hover, .naviRestrictive > ul > li.levelN.active:hover { background: #fff; display: block; line-height: 22px; } .naviRestrictive > ul > li.level2 a, .naviRestrictive > ul > li.level3 a, .naviRestrictive > ul > li.level4 a, .naviRestrictive > ul > li.levelN a { margin-bottom: 3px; margin-top: 3px; word-wrap: break-word; } .naviRestrictive > ul > li.level3 { background-color: #e7edf4; position: relative; font-size: 12px; color: #1b3067; line-height: 22px; margin-left: 0px; display: block; padding-left: 15px; border-top: 1px solid #aebcc9; word-wrap: break-word; } .naviRestrictive > ul > li.level4, .naviRestrictive > ul > li.levelN { background-color: #E7EDF4; position: relative; font-size: 12px; color: #1b3067; line-height: 22px; margin-left: 0px; display: block; padding-left: 23px; border-top: 1px solid #aebcc9; word-wrap: break-word; } .naviRestrictive > ul > li.level3.highlight, .naviRestrictive > ul > li.level4.highlight, .naviRestrictive > ul > li.levelN.highlight { background-color: #F2F8FF; } .naviRestrictive li .backTo { color: #64737C !important; margin-left: 7px; } .naviRestrictive li div.backTo { margin-left: -3px; } .naviRestrictive > ul > li.open.active.endpoint { background: #fff; display: block; line-height: 22px; } .naviRestrictive > ul > li.level1.open.active.endpoint { background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -331px rgba(0, 0, 0, 0); } .naviRestrictive > ul > li.level1.open.active.endpoint:hover { background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -295px transparent; } .naviRestrictive > ul > li.level1.open.active.endpoint { background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -331px rgba(0, 0, 0, 0); } .naviRestrictive > ul > li.level3.active.open.endpoint { padding-left: 15px; } .naviRestrictive > ul > li.level4.active.open.endpoint { padding-left: 23px; } /*-=SERP Navigation-*/ .naviRestrictive.serp > ul > li.level1, .naviRestrictive.serp > ul > li.level2, .naviRestrictive.serp > ul > li.level3 { padding-top: 15px; background: url("/static/images/dividerGardient.jpg?lastmod=YYYYMMDD") repeat-x 0 0; position: relative; padding-left: 0px; border-top: 0px; word-wrap: break-word; } .naviRestrictive.serp > ul > li.level1.open.active > a, .naviRestrictive.serp > ul > li.level1.open > a, .naviRestrictive.serp > ul > li.level2.open.active > a, .naviRestrictive.serp > ul > li.level2.open > a, .naviRestrictive.serp > ul > li.level3.open.active > a, .naviRestrictive.serp > ul > li.level3.open > a { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 1px -3066px transparent !important; display: block; padding-left: 18px; margin-left: 0px; } .naviRestrictive.serp > ul > li.level1 > a, .naviRestrictive.serp > ul > li.level2 > a, .naviRestrictive.serp > ul > li.level3 > a { color: #1b3067; font-size: 15px; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -755px transparent; padding-left: 10px; margin-left: 5px; line-height: 26px; text-decoration: none; display: block; word-wrap: break-word; } .naviRestrictive.serp > ul > li.level1:hover, .naviRestrictive.serp > ul > li.level1.active, .naviRestrictive.serp > ul > li.level1 .open:hover .active:hover, .naviRestrictive.serp > ul > li.level2:hover, .naviRestrictive.serp > ul > li.level2.active, .naviRestrictive.serp > ul > li.level2 .open:hover .active:hover, .naviRestrictive.serp > ul > li.level3:hover, .naviRestrictive.serp > ul > li.level3.active, .naviRestrictive.serp > ul > li.level3 .open:hover .active:hover { background: url("/static/images/dividerGardient.jpg?lastmod=YYYYMMDD") repeat-x 0 0; display: block; } .naviRestrictive.serp > ul > li .bubble { padding: 0px 5px; line-height: 14px; margin-top: 6px; margin-right: 5px; } .naviRestrictive.serp > ul > li .level2, .naviRestrictive.serp > ul > li .level3, .naviRestrictive.serp > ul > li .level4 { background-color: #e9eef2; padding-left: 8px; border-top: 1px solid #c3d1d9; word-wrap: break-word; } .naviRestrictive.serp > ul > li.level4 > a { font-size: 12px; color: #1b3067; line-height: 21px; width: 145px; } .naviRestrictive.serp > ul > li.level4 .bubble { background-color: #95aabe; margin-top: 4px; } .naviRestrictive .showAll, .naviRestrictive .resetAll, .naviRestrictive.filter .resetAll, .naviRestrictive.serp .resetAll { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -856px transparent; border: medium none; color: #3C5061; float: right; font-size: 11px; line-height: 14px; padding-left: 8px; text-decoration: none; width: auto; } .naviRestrictive .showAll:hover, .naviRestrictive .resetAll:hover, .naviRestrictive.serp .showAll:hover, .naviRestrictive.serp .resetAll:hover { color: #2864a0; background-position: -3px -2490px; } .naviRestrictive .showAll a, .naviRestrictive .resetAll a, .naviRestrictive.filter .resetAll a, .naviRestrictive.serp .resetAll a { margin-top: -1px; float: right; font-size: 11px; color: #3C5061; text-decoration: none; width: auto; line-height: 14px; } .naviRestrictive .showAll a:hover { color: #2864a0; } .naviRestrictive .resetAll, .naviRestrictive.filter .resetAll { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -856px transparent; } .naviRestrictive .resetAll a, .naviRestrictive.filter .resetAll a { color: #3C5061; } .naviRestrictive .resetAll a:hover, .naviRestrictive .resetAll:hover, .naviRestrictive.filter .resetAll:hover, .naviRestrictive.filter .resetAll a:hover, .naviRestrictive.serp .resetAll a:hover { color: #2864a0; background-position: -3px -2490px; } /*-=Filter navigation-*/ .naviRestrictive.filter { margin-bottom: 28px; } /*Reset all level paddings, special states (open, endpoint, active, highlight) should be overwritten*/ .naviRestrictive.filter > ul > li.level2 { padding-left: 0px; } .naviRestrictive.filter > ul > li.level3 { padding-left: 0px; background-color: #E7EDF4; } .naviRestrictive.filter > ul > li.level4 { padding-left: 0px; } .naviRestrictive.filter > ul > li.levelN { padding-left: 0px; } .naviRestrictive.filter > ul > li .bubble { background-color: #95aabe; padding: 0px 5px; line-height: 14px; margin-top: 7px; top: -4px; margin-right: 5px; } .naviRestrictive.filter > ul > li.level1 .bubble { margin-top: 10px; } .naviRestrictive.filter > ul > li.level2 > a, .naviRestrictive.filter > ul > li.level3 > a, .naviRestrictive.filter > ul > li.level4 > a, .naviRestrictive.filter > ul > li.levelN > a { width: 145px; word-wrap: break-word; } .naviRestrictive.filter > ul > li.level2 > a.fleft, .naviRestrictive.filter > ul > li.level3 > a.fleft { width: 145px; } .naviRestrictive.filter > ul > li.level3:hover, .naviRestrictive.filter > ul > li.level4:hover { background: none #FFFFFF; } .naviRestrictive.filter > ul > li.level2.active.open > a, .naviRestrictive.filter > ul > li.level3.active.open > a, .naviRestrictive.filter > ul > li.level4.active.open > a, .naviRestrictive.filter > ul > li.levelN.active.open > a { color: #FFFFFF; } /* TODO: Provide better sprite repeat image for multi-lines text (e.g.: >35px). Current image on position 0 -188px does not have sufficient height. */ .naviRestrictive.filter > ul > li.level2.active.open, .naviRestrictive.filter > ul > li.level3.active.open, .naviRestrictive.filter > ul > li.level4.active.open, .naviRestrictive.filter > ul > li.levelN.active.open { background-image: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD"); background-position: 1px -3066px; background-color: #143C64 !important; display: block; line-height: 22px; } .naviRestrictive.filter > ul > li.level2.active.open:hover, .naviRestrictive.filter > ul > li.level3.active.open:hover, .naviRestrictive.filter > ul > li.level4.active.open:hover, .naviRestrictive.filter > ul > li.levelN.active.open:hover { background-color: #2864A0 !important; } .naviRestrictive.filter > ul > li.level2.active.open.nobackto, .naviRestrictive.filter > ul > li.level3.active.open.nobackto, .naviRestrictive.filter > ul > li.level4.active.open.nobackto, .naviRestrictive.filter > ul > li.levelN.active.open.nobackto { background-image: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD"); background-position: 0 -3121px; /*open white arrow*/ } .naviRestrictive.filter > ul > li.level2.active.open.endpoint, .naviRestrictive.filter > ul > li.level3.active.open.endpoint, .naviRestrictive.filter > ul > li.level4.active.open.endpoint, .naviRestrictive.filter > ul > li.levelN.active.open.endpoint { background-image: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD"); background-position: 0 -3221px; /*closed white arrow*/ } /*workaround because otherwise, the item"s text shifts by some pixels to right*/ .naviRestrictive.filter > ul > li.level3.active.open div.fleft, .naviRestrictive.filter > ul > li.level4.active.open div.fleft, .naviRestrictive.filter > ul > li.levelN.active.open div.fleft { display: none; } .naviRestrictive.filter > ul > li.level2.open.nobackto, .naviRestrictive.filter > ul > li.level3.open.nobackto, .naviRestrictive.filter > ul > li.level4.open.nobackto, .naviRestrictive.filter > ul > li.levelN.open.nobackto { background-image: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD"); background-position: 0 -3179px; /*open blue arrow*/ /*background-position: 0 -3251px; closed blue arrow*/ } .naviRestrictive.filter > ul > li.level2 > a { padding-left: 8px; width: 146px !important; } .naviRestrictive.filter > ul > li.level3 > a { padding-left: 20px; width: 139px !important; } .naviRestrictive.filter > ul > li.level4 > a { padding-left: 27px; width: 137px !important; } .naviRestrictive.filter > ul > li.levelN > a { padding-left: 34px; width: 132px !important; } /*Special states (open, endpoint, active, highlight) have arrows that require space and therefore should be overwritten*/ .naviRestrictive.filter > ul > li.level2.open > a { padding-left: 0px; width: 138px !important; /*special case, because of the symbol "<" in navigation*/ } .naviRestrictive.filter > ul > li.level2.open.nobackto > a { padding-left: 6px; width: 146px !important; } .naviRestrictive.filter > ul > li.level3.open > a { padding-left: 12px; width: 139px !important; } .naviRestrictive.filter > ul > li.level4.open > a { padding-left: 19px; width: 137px !important; } .naviRestrictive.filter > ul > li.levelN.open > a { padding-left: 26px; width: 132px !important; } /*Special states (open, endpoint, active, highlight) have arrows that require space and therefore should be overwritten*/ .naviRestrictive.filter > ul > li.level2.open { padding-left: 7px !important; } .naviRestrictive.filter > ul > li.level3.open { padding-left: 7px !important; } .naviRestrictive.filter > ul > li.level4.open { padding-left: 7px !important; } .naviRestrictive.filter > ul > li.levelN.open { padding-left: 7px !important; } /*-=Quicklinks-*/ .naviRestrictive.quicklink > ul > li { background: none; } .naviRestrictive.quicklink > ul > li > a { display: block; border-top: 1px solid #c3d1d9; color: #1b3067; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 6px -852px transparent; background-color: #F2F8FF; font-size: 12px; padding-left: 16px; text-decoration: none; line-height: 21px; margin-left: 0; } /*-=FilterSet Navigation-*/ .naviRestrictive .collapsableFilterset { margin-bottom: 38px; } .naviRestrictive .collapsableFilterset .filtersetHead { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -243px -79px; line-height: 21px; font-size: 12px; color: #1b3067; font-weight: bold; padding-left: 10px; margin-left: 4px; cursor: pointer; } .naviRestrictive .collapsableFilterset .filtersetHead.active { background-position: 0px -2847px; padding-left: 15px; } .naviRestrictive.collapsableFilterset .showAllFilters, .naviRestrictive.collapsableFilterset .showLessFilters { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -847px transparent; border: medium none; color: #3C5061; float: left; font-size: 12px; line-height: 14px; padding-left: 8px; padding-top: 10px; cursor: pointer; text-decoration: none; width: auto; } .naviRestrictive.collapsableFilterset .showAllFilters.fright, .naviRestrictive.collapsableFilterset .showLessFilters.fright { float: right; margin-top: -2px; } .naviRestrictive.collapsableFilterset .showAllFilters:hover, .naviRestrictive.collapsableFilterset .showLessFilters:hover { color: #2864a0; background-position: -3px -2482px; } .naviRestrictive.collapsableFilterset .showAllFilters.active, .naviRestrictive.collapsableFilterset .showLessFilters, .naviRestrictive.collapsableFilterset ul li.invisible { display: none; } .naviRestrictive.collapsableFilterset .showAllFilters, .naviRestrictive.collapsableFilterset .showLessFilters.active { display: block; } .naviRestrictive .collapsableFilterset ul li { font-size: 12px; line-height: 22px; position: relative; background-color: #f2f8ff; color: #1b3067; margin-left: 0px; display: block; border-top: 1px solid #c3d1d9; } .naviRestrictive .collapsableFilterset ul li input { margin-top: 5px; margin-right: 5px; } .naviRestrictive .collapsableFilterset ul li div.fleft, .naviRestrictive .collapsableFilterset ul li a.fleft { width: 133px; } .naviRestrictive.collapsableFilterset ul li .bubble { padding: 1px 5px; line-height: 12px; top: 2px; background-color: #95aabe; margin-right: 5px; } .naviRestrictive.collapsableFilterset a.checkbox { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -232px -2736px; padding-left: 20px; margin-left: 3px; padding-top: 3px; min-height: 22px; line-height: 18px; cursor: pointer; } .naviRestrictive.collapsableFilterset a.checkbox.active { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -232px -2604px; } .naviRestrictive.collapsableFilterset a.checkbox.OSMacType { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -230px -3422px; } .naviRestrictive.collapsableFilterset a.checkbox.active.OSMacType { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -230px -3214px; } .naviRestrictive.collapsableFilterset .radiobutton { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -234px -2191px; padding-left: 20px; margin-left: 3px; padding-top: 3px; min-height: 22px; line-height: 22px; } .naviRestrictive.collapsableFilterset .radiobutton.active { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -232px -2059px; } /*-=ProductNavi-*/ .productNav .back { border-top: 1px solid #c3d1d9; font-size: 12px; color: #8fa5b2; line-height: 21px; background-color: #e9eef2; padding-left: 5px; display: block; text-decoration: none; } .productNav > ul > li.level2 { border-top: 1px solid #c3d1d9; } .productNav .naviRestrictive > ul > li.level2 { font-size: 12px; color: #1b3067; padding: 10px 6px; cursor: pointer; background-color: #f2f8ff !important; } .productNav .naviRestrictive > ul > li.level2 .delete { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -242px -158px; float: right; width: 10px; height: 13px; } .productNav .naviRestrictive ul > li.big.last { padding: 20px 6px 10px; } .productNav .naviRestrictive ul > li a.arrowBlue { background-position: -3px -851px; } .productNav .naviRestrictive ul > li a.arrowBlue.fleft { margin-left: 0px; } .productNav .naviRestrictive ul > li.description { font-size: 11px; color: #a6a6a6; padding: 8px 6px; border-top: solid 1px #c3d1d9; } /*--=Localization window --*/ .localization { padding: 30px 30px 50px 30px; width: 350px; } .localization .headline { margin-bottom: 10px; } .localization .subheadline { font-size: 15px; color: #000; margin-bottom: 20px; } .localization > select { font-size: 12px; line-height: 22px; color: #1B3067; padding: 0px; margin-bottom: 20px; } .bottomRight29 { bottom: 29px; position: absolute !important; right: 20px; } /*--=Pt_serp --*/ .pt_serp { position: relative; } .pt_serp .header { background: none; padding-bottom: 5px; } .pt_serp .header > .fleft { font-size: 15px; color: #143c64; font-weight: bold; } .pt_serp .header > .fleft p.breakword { width: 550px; word-wrap: break-word; margin-top: 7px; margin-bottom: 0px; } .pt_serp .searchfield { width: 518px; } .pt_serp .search-section { height: 60px; border-width: 1px 0px 1px 1px; border-style: solid; border-color: rgb(195, 209, 217); /*-moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; */ padding-top: 12px; padding-left: 12px; padding-bottom: 12px; } .pt_serp .line { margin-top: 10px; color: #404040; font-size: 12px; } input[type="button"].newssignupbutton { background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -188px transparent; float: right; border: medium none; color: #FFFFFF; font-size: 12px; font-weight: bold; height: 20px; line-height: 20px; cursor: pointer; text-decoration: none; width: 106px; text-align: center; padding-bottom: 2px; padding-top: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; padding-left: 20px; padding-right: 20px; } .pt_serp input[type="button"].blueButton, .pt_serp a.blueButton { height: 20px; padding-bottom: 3px; padding-top: 0; padding-left: 20px; padding-right: 20px; margin-right: 10px; } /* added new class for Global search page with no left/right pagging*/ .pt_serp input[type="button"].blueButtonSearch, .pt_serp a.blueButtonSearch { padding-left: 0px; padding-right: 0px; } .checkbox_container { width: 600px; float: left; border: #666 solid 0px; line-height: 20px; } .checkbox_container ul { float: left; padding: 0px; margin: 0px; list-style: none; width: 624px; } .checkbox_container ul li { padding: 0; margin: 5px 7px 0px 0px; display: inline; float: left; width: 201px; } .checkbox_container ul li input, .checkbox_container ul li span { float: left; } .alert { border: 1px solid #e0003c; color: #e0003c; font-size: 12px; padding: 2px 4px; margin-bottom: 9px; } /*--=Add wishlist window --*/ .addwishlist { padding: 30px 30px 50px 30px; width: 350px; } .addwishlist a { float: left; margin-right: 10px; } .addwishlist .subheadline { font-size: 15px; color: #000; margin-bottom: 20px; } .addwishlist .text { font-size: 12px; line-height: 18px; color: #000; margin-top: 20px; margin-bottom: 10px; } .addwishlist > select { font-size: 12px; line-height: 22px; color: #1B3067; padding: 0px; margin-bottom: 20px; } .addwishlist .textboxwrapper { width: 308px; height: 18px; } .addwishlist input { padding-left: 1px; width: 282px !important; height: 19px; font-size: 12px; } .addwishlist textarea { padding-left: 1px; width: 283px !important; font-size: 12px; } .addwishlist .arrow, .organizeWishlist.arrow { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -26px -386px transparent !important; display: block; border: 1px solid #b4b4b4; border-left: none; height: 20px; width: 17px; } .organizeWishlistWrapper .textboxwrapper { width: 203px; height: 18px; } .organizeWishlistWrapper input { padding-left: 1px; height: 19px; width: 177px !important; max-width: 177px !important; font-size: 12px; } /* For WishList Description Width */ .wishlistDescriptionWidth { width: 650px; word-wrap: break-word; } .backToTop, .backToTop:hover { float: right; font-size: 11px; color: #a6a6a6; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -5px -581px transparent; padding-left: 8px; text-decoration: none; border: none; width: auto; line-height: 14px; } .mismatchLine { margin-top: 20px; margin-bottom: 40px; } .matchGreen { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0px -2327px transparent; width: 10px; margin-right: 3px; } .matchYellow { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0px -2193px transparent; width: 10px; margin-right: 2px; } .matchRed { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0px -2062px transparent; width: 10px; margin-right: 3px; } /*--=StepByStep Navigation--*/ .stepNav .head { color: #3C5061; font-size: 12px; margin-bottom: 5px; } .stepNav .back { border-top: 1px solid #c3d1d9; line-height: 21px; background-color: #e9eef2; padding-left: 5px; display: block; text-decoration: none; margin-bottom: 19px; } .stepNav > ul > li .bubble { line-height: 14px; padding: 0 5px; margin-top: 1px; } .stepNav > ul > li.level2 .bubble { background-color: #95AABE; margin-top: 4px; } .stepNav > ul > li { background: url("/static/images/dividerGardient.jpg?lastmod=YYYYMMDD") repeat-x scroll 0 bottom transparent; padding-bottom: 7px; padding-left: 4px; } .stepNav > ul > li.back > a { font-size: 12px; color: #9eb0c4; } .stepNav > ul > li > a { color: #c3d1d9; font-size: 15px; } .stepNav > ul > li.active > a { color: #1b3067; } .stepNav > ul > li.level1 { padding-top: 21px; } .stepNav > ul > li.level2 { line-height: 21px; font-size: 12px; color: #a6a6a6; background-color: #e9eef2; } .stepNav > ul > li.level2.inactive { background-color: #e9eef2; } .stepNav > ul > li.level2.active { background-color: #fff; } .stepNav > ul > li.level2 > a { font-size: 12px; color: #1b3067; } .stepNav .naviRestrictive > ul > li.level2 .delete { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -242px -158px; float: right; width: 10px; height: 13px; } .stepNav .naviRestrictive ul > li.big.last { padding: 20px 6px 10px; } .stepNav .naviRestrictive ul > li a.arrowBlue { background-position: -3px -851px; } .stepNav .naviRestrictive ul > li a.arrowBlue.fleft { margin-left: 0px; } .stepNav .naviRestrictive ul > li.description { font-size: 11px; color: #a6a6a6; padding: 8px 6px; border-top: solid 1px #c3d1d9; } /*--=Select gene--*/ .selectGene { width: 706px; } .selectGene .left { width: 434px; float: left; padding: 20px; } .selectGene .left .head { font-size: 21px; color: #1b3067; width: 100%; padding-bottom: 9px; border-bottom: 1px solid #c3d1d9; padding-top: 4px; } .selectGene .left .filter { padding: 20px 10px 10px; width: 414px; font-size: 12px; color: #404040; border-bottom: 1px solid #c3d1d9; } .selectGene .left .filter input { border: 1px solid #bfbfbf; padding: 2px 5px; font-size: 12px; color: #bfbfbf; margin-left: 10px; width: 330px; } .selectGene .left .filterList .listHeader { border-bottom: 1px solid #c3d1d9; font-size: 11px; color: #3c5061; height: 23px; line-height: 23px; } .selectGene .left .filterList .listHeader .col1 { padding-left: 30px; } .selectGene .left .filterList .col1 { width: 220px; } .selectGene .left .filterList .col2 { width: 100px; text-align: right; } .selectGene .left .filterList .col3 { width: 74px; text-align: right; padding-right: 10px; } .selectGene .left .filterList .list li { font-size: 12px; color: #404040; padding: 12px 0; line-height: 36px; border-bottom: 1px solid #e5effa; cursor: pointer; } .selectGene .left .filterList .list li:hover { background-color: #f2f8ff; } .selectGene .left .filterList .list li .col1 { padding-left: 10px; width: 240px; line-height: 34px; } .selectGene .left .filterList .list li span { font-size: 15px; color: #000; margin-left: 2px; } .selectGene .left .filterList .list li.last { border-bottom: 1px solid #c3d1d9; margin-bottom: 20px; } .selectGene .left input[type="submit"] { cursor: auto; } .selectGene .listArrowSpace { float: left; padding-top: 150px; position: relative; width: 10px; } .selectGene .listArrowSpace .listArrowMarker { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 0 -937px transparent; width: 11px; height: 21px; position: absolute; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s; } .selectGene .right { width: 180px; padding-left: 10px; float: left; padding: 27px 20px 20px; background-color: #f2f8ff; border-left: 1px solid #c3d1d9; } .selectGene .right .infoHead { font-size: 12pt; color: #3c5061; background: url("/static/images/infoGardient.jpg?lastmod=YYYYMMDD ") repeat-x 0 bottom; padding-bottom: 15px; margin-bottom: 6px; } .selectGene .right .info .head { font-size: 12px; color: #404040; line-height: 16px; } .selectGene .right .info .description { font-size: 12px; color: #a6a6a6; line-height: 16px; } /*--=Select gene with scrollbar--*/ .selectGene.scrollbar { width: 706px; } .selectGene.scrollbar .left { width: 434px; float: left; padding: 20px; } .selectGene.scrollbar .list.listreplace { width: 434px; height: 500px; border: none; border-top: 1px solid #BFBFBF; border-bottom: 1px solid #BFBFBF; } .selectGene.scrollbar .left .filterList .listHeader { border-bottom: none; } .selectGene.scrollbar .left .filterList .listHeader .col1 { padding-left: 30px; } .selectGene.scrollbar .left .filterList .col1 { width: 220px; } .selectGene.scrollbar .left .filterList .col2 { width: 80px; text-align: right; } .selectGene.scrollbar .left .filterList .col3 { width: 50px; text-align: right; padding-right: 10px; } /*--=Wishlist lightbox tabs--*/ .downloadWishlist .headline { color: #1B3067; font-size: 21px; margin-bottom: 3px; } .downloadWishlist .subheadline { font-size: 15px; color: #000; margin-bottom: 20px; } .shareWishlist .text, .downloadWishlist .text { font-size: 12px; color: #000; margin-top: 10px; margin-bottom: 10px; } .downloadWishlist .text.underline { text-decoration: underline; } .shareWishlist .checkboxes .text { margin-top: 2px; } .shareWishlist .radio, .downloadWishlist .radio { margin-bottom: 5px; } .downloadWishlist .checkboxes .text { color: #404040; font-size: 12px; line-height: 18px; padding-bottom: 3px; margin-bottom: 5px; margin-top: 0px; } .shareWishlist a.blueButton, .downloadWishlist a.blueButton { float: left; margin-top: 10px; } .shareWishlist .mailform { margin-top: 10px; background-color: #F2F8FF; padding: 5px; width: 98%; } .shareWishlist .mailform .line { margin-top: 10px; margin-bottom: 5px; color: #404040; font-size: 12px; width: 98%; } .shareWishlist .mailform .line.top { margin-top: 0px; } .shareWishlist .mailform .subline { margin-top: -4px; margin-bottom: 5px; color: #404040; font-size: 11px; } .shareWishlist div.blueButton { background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -188px transparent; border: medium none; color: #FFFFFF; font-size: 12px; font-weight: bold; height: 20px; line-height: 20px; cursor: pointer; text-decoration: none; width: 106px; text-align: center; padding-bottom: 2px; padding-top: 0; margin-top: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; padding-left: 20px; padding-right: 20px; } .shareWishlist .mailform input { width: 98%; } .shareWishlist .mailform .checkboxes input { width: 10px; } .shareWishlist .mailform textarea { height: 38px; width: 98%; } .shareWishlist .checkboxes { margin-top: 10px; } .WishlistItemNotSelected { color: #404040; font-size: 12px; font-weight: bold; line-height: 24px; width: 660px; } /*--=Pager--*/ .pager-control { margin-top: 12px; } .pager-bluebutton { margin-left: auto; margin-right: auto; display: table; border: 1px solid #bfbfbf; background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -691px transparent; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0px 20px 0px 5px; } .pager-back { margin-top: -23px; margin-right: 10px; } .pager-arrow { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll 5px -277px transparent; padding: 1px 0px 5px 20px; margin-left: 10px; line-height: 27px; } .pager-next { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -22px -361px transparent; cursor: pointer; float: left; height: 22px; width: 22px; margin-left: 10px; } .pager-prev { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -1px -361px transparent; cursor: pointer; float: left; height: 22px; width: 22px; margin-left: 10px; } #dr_paging-select.dropreplace { margin-left: 5px; float: right; /*Chrome needs this margin-top:-17px;*/ } .pager-pagelink { margin-left: 10px; margin-top: 5px; } .pager-page { margin-left: 10px; margin-top: 2px; } .pager-page-list-section { width: 250px; float: left; margin-top: 1px; } .pager-page-list-text-section { margin-left: auto; margin-right: auto; text-align: center; } .pager-firstlast-link { float: left; margin-top: 3px; margin-left: 10px; } .pager-items-label { font-size: 12px; font-family: arial; line-height: 21px; margin-right: 10px; margin-top: 2px; } .pager-current-item { font-size: 15px; line-height: 21px; color: #000; margin-left: 10px; } /*--=Login--*/ table td.login-separator { padding: 0px; border-right: 0px; } table td.login-content { padding-top: 20px; padding-left: 0px; font-family: arial,sans-serif; border-right: 0px; font-weight: normal; border: medium none; } table td.login-content table { border: medium none; } table td.login-content table tbody tr { background: none repeat scroll 0 0 transparent; color: #404040; font-family: arial; font-size: 12px; line-height: 16px; } table td.login-content table tbody tr td { border: medium none; padding-left: 0; } table td.login-content table input[type="button"], table td.login-content table input[type="submit"] { float: left !important; } table td.login-content .headline { color: #1B3067; font-family: futura; font-size: 21px; margin-bottom: 3px; } table td.login-content li { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -3485px transparent; float: none; padding-left: 15px; } table td.login-content table.regSwitch tr.nth { font-weight: normal !important; } table td.login-content div a.panelListLink, table td.login-content div a:link.panelListLink, table td.login-content div a:active.panelListLink, table td.login-content div a:visited.panelListLink { color: #000000; font-weight: normal; } table.login-main { border-bottom: 0px; margin-bottom: 0px; } table td.login-img img { padding: 0px; } table td.login-img { border: 0px; } /*--=Webinars--*/ #webinarSlider .carouselNavigation .jcarousel-container { margin-top: -5px; } /*--=ProductFinder--*/ .product-finder a.blueArrow { color: rgb(27, 48, 103); background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent; font-size: 12px; padding-left: 8px; text-decoration: none; margin-bottom: 7px; display: block; cursor: pointer; } .product-finder p { padding: 0; margin: 0; } /* MAIN STYLES */ .product-finder #sg_container { width: 676px; } .product-finder.product-finder-details .filterTeaserGroup { position: relative; padding: 10px 10px 10px 10px; background: #F2F8FF; } .product-finder.product-finder-details .filterTeaser { float: left; margin-right: 21px; margin-bottom: 18px; width: 201px; position: relative; } .product-finder.product-finder-details .filterTeaser .head_content { margin-bottom: 5px; font-size: 13px; } .product-finder.product-finder-categories .category-page { background-color: #F2F8FF; padding: 15px 5px 15px 5px; } .product-finder.product-finder-categories .category-page .category-help { max-width: 18px; margin-right: 9px; } .product-finder .row { width: 666px; margin-bottom: 15px; height: 50px; } .product-finder .posts { width: 100%; float: left; position: relative; padding: 10px 10px 10px 10px; } .product-finder .post { width: 225px; height: 160px; word-wrap: break-word; overflow: hidden; cursor: pointer; display: inline-block; } .product-finder.product-finder-categories .post { height: 60px; width: 221px !important; } .product-finder .post-inner { width: 95%; position: relative; padding-top: 1px; height: 315px; top: 10px; } .product-finder.product-finder-categories .post-inner { background-color: #c3d1d9; } .product-finder .post:hover { z-index: 11; } .product-finder .post-inner div { font-weight: normal; } .product-finder .post-inner .link { position: absolute; float: right; right: 10px; bottom: 10px; } .product-finder .post-inner .link a { color: rgb(27, 48, 103); text-decoration: none; display: block; float: right; } .product-finder .post-inner .desc { width: 90%; overflow: hidden; text-overflow: ellipsis; } .product-finder .post-inner div { width: 90%; margin-left: 10px; } .product-finder.product-finder-categories .post-inner div.productHead { width: 90%; padding-bottom: 0px; margin-bottom: 0px; } .product-finder .post-inner .desc, .product-finder .post-inner li { width: 90%; font-size: 12px; color: rgb(64, 64, 64); } .product-finder ul.features { list-style: none; margin-top: 10px; width: 100%; float: left; overflow: hidden; max-height: 140px; } .product-finder ul.features li { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -3485px transparent; color: rgb(64, 64, 64); font-size: 12px; line-height: 18px; padding-left: 15px; } .product-finder.product-finder-categories .activeCat * { color: rgb(255,255,255) !important; background-color: #1b3067; } .product-finder.product-finder-categories .activeCat .arrowBlue { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat transparent -3px -3224px !important; } /**** Isotope Filtering ****/ .product-finder .isotope-item { z-index: 2; } .product-finder .isotope-hidden.isotope-item { pointer-events: none; z-index: 1; } .product-finder.product-finder-categories .filter-group-footer { padding-top: 10px; padding-bottom: 10px; } .product-finder.product-finder-details .count-message { margin-top: 21px; margin-bottom: 10px; } /**** Isotope CSS3 transitions ****/ .product-finder .isotope, .product-finder .isotope .isotope-item { -webkit-transition-duration: 0.8s; -moz-transition-duration: 0.8s; -ms-transition-duration: 0.8s; -o-transition-duration: 0.8s; transition-duration: 0.8s; } .product-finder .isotope { -webkit-transition-property: height, width; -moz-transition-property: height, width; -ms-transition-property: height, width; -o-transition-property: height, width; transition-property: height, width; } .product-finder .isotope .isotope-item { -webkit-transition-property: -webkit-transform, opacity; -moz-transition-property: -moz-transform, opacity; -ms-transition-property: -ms-transform, opacity; -o-transition-property: -o-transform, opacity; transition-property: transform, opacity; } /**** disabling Isotope CSS3 transitions ****/ .product-finder .isotope.no-transition, .product-finder .isotope.no-transition .isotope-item, .product-finder .isotope .isotope-item.no-transition { -webkit-transition-duration: 0s; -moz-transition-duration: 0s; -ms-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } /*---=MICELLANEOUS--- ============ */ /*--=Buttons Sizes --*/ /* arrowBlueWishList class is defined to display the blue arrow beside the "show more" and "hide" text in wishlist items.*/ .arrowBlueWishList { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -854px transparent; padding-left: 8px; } .arrowRightTeaserBlue { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -856px transparent; padding-left: 8px; } .orderingSupportEmail { color: #1b3067; font-size: 12px; text-decoration: none; line-height: 16px; } .disclaimer-section ul.features li { list-style-type: square; font-size: 12px; line-height: 18px; padding-left: 4px; } .disclaimer-section ul.nonfeatures li { font-size: 12px; line-height: 18px; padding-left: 4px; } /*Longer texts should appear justified*/ .justifiedCopy { text-align: justify; } /*Required, in order to match the distance from the top to the text - consistent with input.blueButton*/ a.blueButton { padding-top: 0px; padding-bottom: 3px; min-height: 17px; max-height: 17px; } /*Required, input.blueButton renders differently than a.blueButton => ends up in total 20px height*/ .middle .contentDefault .topicTeaser.withForm .form input[type="submit"], input[type="submit"].blueButton { min-height: 17px; padding-top: 0px; padding-bottom: 1px; } /*--=Cart*/ input.blueButton.light.cart.initial, a.blueButton.light.cart.initial, input.blueButton.light.landingPageCart.initial, input.blueButton.light.cart-btn.initial, a.blueButton.light.cart-btn.initial { background: #478ebc; background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -725px; /* Old browsers */ background: url("/static/images/cart-icon.png?lastmod=YYYYMMDD") no-repeat, -moz-linear-gradient(top, #478ebc 0%, #2867a1 100%); /* FF3.6+ */ background: url("/static/images/cart-icon.png?lastmod=YYYYMMDD") no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#478ebc), color-stop(100%,#2867a1)); /* Chrome,Safari4+ */ background: url("/static/images/cart-icon.png?lastmod=YYYYMMDD") no-repeat, -webkit-linear-gradient(top, #478ebc 0%,#2867a1 100%); /* Chrome10+,Safari5.1+ */ background: url("/static/images/cart-icon.png?lastmod=YYYYMMDD") no-repeat, -o-linear-gradient(top, #478ebc 0%,#2867a1 100%); /* Opera 11.10+ */ background: url("/static/images/cart-icon.png?lastmod=YYYYMMDD") no-repeat, -ms-linear-gradient(top, #478ebc 0%,#2867a1 100%); /* IE10+ */ background: url("/static/images/cart-icon.png?lastmod=YYYYMMDD") no-repeat, linear-gradient(to bottom, #478ebc 0%,#2867a1 100%); /* W3C */ padding-left: 11px; /*space needed for the icon, so that no text overlaps with it*/ } input.blueButton.light.cart.initial:hover, a.blueButton.light.cart.initial:hover, input.blueButton.light.landingPageCart.initial:hover, input.blueButton.light.cart-btn.initial:hover, a.blueButton.light.cart-btn.initial:hover { background: #69a8d7; background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -758px; /* Old browsers */ background: url("/static/images/cart-icon.png?lastmod=YYYYMMDD") no-repeat, -moz-linear-gradient(top, #69a8d7 0%, #3c7fbe 100%); /* FF3.6+ */ background: url("/static/images/cart-icon.png?lastmod=YYYYMMDD") no-repeat, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#69a8d7), color-stop(100%,#3c7fbe)); /* Chrome,Safari4+ */ background: url("/static/images/cart-icon.png?lastmod=YYYYMMDD") no-repeat, -webkit-linear-gradient(top, #69a8d7 0%,#3c7fbe 100%); /* Chrome10+,Safari5.1+ */ background: url("/static/images/cart-icon.png?lastmod=YYYYMMDD") no-repeat, -o-linear-gradient(top, #69a8d7 0%,#3c7fbe 100%); /* Opera 11.10+ */ background: url("/static/images/cart-icon.png?lastmod=YYYYMMDD") no-repeat, -ms-linear-gradient(top, #69a8d7 0%,#3c7fbe 100%); /* IE10+ */ background: url("/static/images/cart-icon.png?lastmod=YYYYMMDD") no-repeat, linear-gradient(to bottom, #69a8d7 0%,#3c7fbe 100%); /* W3C */ } .no-css3 input.blueButton.cart.light.initial, .no-css3 a.blueButton.cart.light.initial, .no-css3 input.blueButton.cart-btn.light.initial, .no-css3 a.blueButton.cart-btn.light.initial { background: url("/static/images/cart-icon.png?lastmod=YYYYMMDD") no-repeat !important; /*margin-top:0px;*/ } .no-css3 .cart-btn-icon { background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -735px !important; height: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; /*margin-top:10px;*/ } .no-css3 .cart-btn-icon:hover { background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -768px !important; } /*--=Various --*/ ul.carousel li { text-align: center; } .showMoreResults { display: inline-block !important; } .productHead { margin-bottom: 12px; margin-top: 10px; } .nullitemmsg { color: #1B3067; font-size: 11px; padding-left: 20px; } .openlightboxlink { margin-top: 5px; } .field.input.error, .label.input.error { color: #E0003C; border-color: #E0003C; } /*Account Modules/Controllers Css fixes*/ a.blueArrowLink { color: #1B3067; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -855px transparent; padding-left: 8px; } .clsError { border: 0; } div.oldQ input.button, input[type="submit"].button, input[type="submit"].buttonstyle { font-weight: bold; line-height: 21px; padding-top: 0; background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -188px #aaaaaa; border: medium none; color: #ffffff; font-size: 12px; font-weight: bold; height: 21px; min-height: 18px; line-height: 20px; cursor: pointer; text-decoration: none; text-align: center; padding-bottom: 2px; padding-top: 0; width: 106px; _width: 106px; width: auto; padding-left: 20px; padding-right: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; } div.oldQ .dropreplace .select { height: 17px; line-height: 17px; } div.oldQ .options li { float: none; } div.oldQ .options li a { background: none; } div.oldQ .middle table tr.nth, div.oldQ .middle table tr { background: none; } div.oldQ .middle table tr td { border-right: 0; } div.oldQ .middle table tr.nth td.last { border: 0 !important; } div.oldQ .middle table tr.nth td.last.lastDistance { border-bottom: 1px solid #C3D1D9; } /*Cart Modules/Controllers Css fixes*/ div.oldQ input.buttonBlueHugeMiddle, div.oldQ input.buttonBlueSmallMiddle, div.oldQ input.buttonBlueTinyMiddle, input.buttonBlueSmall, input.buttonBlueHuge, input.buttonBlueHugeMiddle, input.buttonBlueSmallMiddle, div.oldQ input[type="submit"] { font-weight: bold; line-height: 21px; padding-top: 0; background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -188px #aaaaaa; border: medium none; color: #ffffff; font-size: 12px; font-weight: bold; height: 21px; min-height: 18px; line-height: 20px; cursor: pointer; text-decoration: none; text-align: center; padding-bottom: 2px; padding-top: 0; width: 106px; _width: 106px; padding-left: 20px; padding-right: 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; } div.oldQ table.cartFrame td.cartCaptionLarge { background: none; background-color: #c3d1d9; } div.oldQ table.cartFrame td.cartCaptionSimple { background: #c3d1d9 !important; border: 0; border-right: 1px solid #fff; line-height: 29px; padding-bottom: 0; padding-top: 0; vertical-align: middle; } div.oldQ table.cartFrame td, div.oldQ table.cartFrame td.last { border-bottom: 1px solid #c3d1d9 !important; } div.oldQ table.cartFrame, div.oldQ table.cartFrame td { border-left: 0; border-right: 0; border-top: 0; } div.oldQ table.cartFrame div.cartLinksLeft { float: left; font-size: 11px; font-weight: normal; line-height: normal; margin-top: 5px; } div.oldQ table.cartFrame div.cartLinksLeft a img { padding-bottom: 0px; padding-left: 0px; } .catalog-input-list td input { margin-top: 9px; } .promocode { float: left; width: 270px; } div.oldQ table.cartFrame tbody tbody { border-bottom: 0; } div.oldQ span.cartProductDescTitle a { color: #1B3067; } div.oldQ span.cartProductDescID, div.oldQ span.cartProductDescDetails { font-size: 12px; line-height: 14px; } div.oldQ .buttonBlueTinyContainer .buttonBlueTinyLeft, div.oldQ .buttonBlueTinyContainer .buttonBlueTinyRight, div.oldQ .buttonBlueSmallContainer .buttonBlueSmallLeft, div.oldQ .buttonBlueSmallContainer .buttonBlueSmallRight, div.oldQ .buttonBlueHugeContainer .buttonBlueHugeLeft, div.oldQ .buttonBlueHugeContainer .buttonBlueHugeRight, .buttonBlueSmallContainer .buttonBlueSmallLeft, .buttonBlueSmallContainer .buttonBlueSmallRight, .buttonBlueHugeContainer .buttonBlueHugeLeft, .buttonBlueHugeContainer .buttonBlueHugeRight { display: none; } /* table table .quantity{ border: 0; } */ div.oldQ div.cartFootLinks { width: auto; } div.oldQ table.cartFrame .cartGreyBody td { border-bottom: 0 !important; } div.oldQ table.cartFrame table td, div.oldQ table.cartFrame table td.last { border-bottom: 0 !important; } div.oldQ table.cartFrame td.cartCaptionBlue { background: none; color: black; padding: 0; margin: 0; border-right: 1px solid #fff; } div.oldQ td, div.oldQ tr, div.oldQ table { font-size: 12px; } div a.panelListLink, div a:link.panelListLink, div a:active.panelListLink, div a:visited.panelListLink { color: #1b3067; background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat -3px -855px; font-size: 12px; padding-left: 8px; text-decoration: none; } div a.panelListLink:hover, div a:link.panelListLink:hover { color: #2864a0; } div.oldQ a { color: #1b3067; font-size: 12px; text-decoration: none; } div.oldQ a:hover { color: #2864a0; } div.oldQ table table.head thead td, div.oldQ table tbody tr td, #fancybox-content div.oldQ table.head thead td { border-right: white !important; } div.oldQ table tbody tr td { border-bottom: none !important; } div.oldQ table.cartFrame { width: 100%; } div.oldQ input[type="image"] { border: none; } div.oldQ div.promocode table tbody tr, div.oldQ div.promocode table tbody tr.nth { background-color: #fff; } div.oldQ table table { border-bottom: 0; } div.oldQ select { width: 250px; } div.oldQ .cartFrame ul { list-style: none; } div.oldQ p, div.oldQ li { font-size: 12px; } div.oldQ div.checkOutFootLinks { width: 806px; } div.oldQ { color: #404040; } div.oldQ input.checkout { background: url("/static/images/checkout.png?lastmod=YYYYMMDD") no-repeat 0 bottom transparent; font-size: 12px; font-weight: bold; height: 40px; margin-right: 0px; min-width: 160px; padding: 0 0 2px; } div.oldQ input.checkout:hover { background: url("/static/images/checkout.png?lastmod=YYYYMMDD") no-repeat 0 top transparent; } div.oldQ input.checkout.forward-btn { background: url("/static/images/cart-forward-button.png?lastmod=YYYYMMDD") no-repeat 0 bottom transparent; } div.oldQ input.checkout.forward-btn:hover { background: url("/static/images/cart-forward-button.png?lastmod=YYYYMMDD") no-repeat 0 top transparent; } .headingtext, .subline { display: block; } .jcarousel-skin-tango, .content .jcarousel-skin-tango .jcarousel-clip-horizontal { border-top: 0; } .middle .contentDefault .introductionTop { margin: 0; } .ContentDetail h6 { margin: 12px 0; } /*=Compatibility mode of oldQ and dropreplace*/ div.oldQ .dropreplace ul { margin-top: 0px; padding-left: 0px; list-style-image: none; } div.oldQ .dropreplace table tbody tr td li a { background: none; } /*=datepicker*/ .datepicker-arrow { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -26px -387px transparent !important; border-left: 1px solid #B4B4B4; float: right; height: 18px; width: 17px; float: left; margin-left: -19px; margin-top: 3px; } /*=Press Release*/ .pressrelease-search .label, .pressrelease-search .pr-date { color: #3C5061; font-size: 12px; } .pressrelease-search .search-term-label { margin-top: 30px; } .pressrelease-detail .productHead { font-weight: bold; } /*=Account*/ /*=Recommendations*/ div.oldQ ul.recommendationList { margin: 0 0 31px; overflow: auto; padding-left: 0px; width: auto; } div.oldQ ul.recommendationList li { border-bottom: solid 1px #C3D1D9; border-top: solid 1px #C3D1D9; float: left; list-style: none; margin-bottom: 10px; margin-left: 3px; padding: 0px 10px; width: 240px; } div.oldQ ul.recommendationList li.first { margin-left: 0px; } div.oldQ .recommendation { font-size: 12px; padding-top: 7px; } div.oldQ .recommendation.headline { font-size: 21px; margin-bottom: 10px; } div.oldQ .recommendation .title { color: #000000; font-size: 15px; height: 32px; line-height: 17px; margin-bottom: 2px; /* overflow: hidden;*/ text-overflow: ellipsis; /*white-space: nowrap;*/ } div.oldQ .recommendation .description { color: #404040; line-height: 18px; padding-right: 10px; overflow: hidden; text-overflow: ellipsis; height: 34px; } div.oldQ .recommendation .catNo { color: #707070; } div.oldQ .recommendation .priceInfo { color: #000; } div.oldQ .recommendation .cartButton, div.oldQ .recommendation input[type="submit"] { float: left !important; margin-bottom: 16px; margin-top: 10px; } .oldQ-width { width: 806px !important; } .borderLess { border: 0 none !important; } /*=Inventory*/ .search-inventory { } .search-inventory .infobox > div { /*line-height:*/ } .search-inventory .filter-section { padding: 15px; } .search-inventory .inventory-item { margin-bottom: 15px; /*display: inline-block;*/ width: 100%; } .search-inventory .inventory-item .title a, .search-inventory .inventory-item .title span { font-size: 15px; color: #000; margin-bottom: 3px; line-height: 24px; } .search-inventory .inventory-item .title > .label { font-size: 12px; color: #000; } .inventory-disclaimer { margin-top: 20px; margin-left: 10px; } .inventory-item .section { line-height: 30px; margin-top: 10px; } .inventory-item .material-info-value { height: 40px; } .search-inventory .filter-section .filter-clear { cursor: pointer; } .search-inventory .filter-section > .q-table { display: inline-block; width: 100%; } .search-inventory .filter-section .catalog-box .q-td, .search-inventory .filter-section .catalog-box-header .q-td { float: left; width: 29%; padding: 0px; margin-left: 2%; margin-right: 2%; margin-top: 10px; } .search-inventory .filter-section .catalog-box .q-td.hcat { width: 14%; } .search-inventory .filter-section .catalog-box .catalog-detail { cursor: pointer; } .search-inventory .filter-section .catalog-box .q-td.hcat input { width: 100px; } .search-inventory .filter-section .catalog-box .q-td.hinv { padding-left: 20px; width: 33%; } .search-inventory .filter-section .catalog-box .q-td.hdet { width: 37%; } .search-inventory .filter-section > .q-table .q-tr { width: 100%; clear: both; float: none; } .search-inventory .listOptions { margin-top: 0px; } .search-inventory .listOptions > div { line-height: 24px; } .search-inventory-seperator { display: block; position: relative; padding: 0; margin: auto; height: 20px; width: 100%; max-height: 20px; font-size: 1px; line-height: 0; clear: both; } /*=Resource Center*/ .resource-tab .tab-header { min-width: 310px; } .resource-tab .tab-header > a { min-width: 310px; } /*=Event Calendar*/ .event-calendar .calendar-header { color: #3c5061; font-size: 12px; background: url("/static/images/sprite_repeat_h.png?lastmod=YYYYMMDD") repeat-x scroll 0 -218px transparent; height: 25px; line-height: 19px; width: 668px; } .event-calendar .calendar-header .prev-month { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -1px -359px; cursor: pointer; float: left; height: 25px; width: 22px; } .event-calendar .calendar-header .next-month { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -22px -359px; cursor: pointer; float: right; height: 25px; width: 22px; } .event-calendar .calendar-header .prev-month.inactive { background-position: -101px -359px; } .event-calendar .calendar-header .next-month.inactive { background-position: -122px -359px; } .event-calendar .listOptions > ul > li > ul > li > a { font-weight: normal; } .event-calendar .calendar-body { background-color: #F2F8FF; border: 1px solid #C3D1D9; border-top: 0px; width: 100%; margin-bottom: 10px; float: left; margin-top: -1px; } .event-calendar .calendar-body > .months { margin-left: 0px; margin-right: 0px; } .event-calendar .calendar-body .month { margin-top: 16px; margin-left: 17px; margin-right: 42px; background-color: #F2F8FF; float: left; } .event-calendar .calendar-body .month.last { margin-right: 0px; } .event-calendar .calendar-body .month > .title { color: #1B3067; font-size: 12px; line-height: 16px; width: 171px; padding-bottom: 1px; border-bottom: solid 1px #C3D1D9; margin-bottom: 2px; } .event-calendar .calendar-body .month > .title.selected { color: #FFFFFF; background-color: #1B3067; } .event-calendar .calendar-body .month > .days-header > .date { color: #404040; font-size: 12px; line-height: 22px; float: left; } .event-calendar .calendar-body .month > .days, .event-calendar .calendar-body .month > .days-header { width: 171px; } .event-calendar .calendar-body .month > .days > .day { color: #1B3067; font-size: 12px; line-height: 22px; float: left; cursor: pointer; } .event-calendar .calendar-body .month > .days > .day, .event-calendar .calendar-body .month > .days-header > .date { width: 26px; } .event-calendar .calendar-body .month > .days > .day.last, .event-calendar .calendar-body .month > .days-header > .date.last { width: 15px; } .event-calendar .calendar-body .month > .days > .day.empty { color: #A6A6A6; cursor: default; } .event-calendar .calendar-body .month > .days > .day > .highlight { color: #FFFFFF; background-color: #1B3067; margin-left: -7px; padding-left: 7px; padding-right: 7px; } .event-calendar .calendar-body > .calendar-footer { /*height: 30px;*/ background-color: #E9EEF2; border-top: 1px solid #FFFFFF; width: 100%; float: left; margin-top: 5px; } .event-calendar .calendar-body > .calendar-footer > a.arrowBlue { background-position: -3px -852px; } .event-calendar .calendar-body > .calendar-footer > a.arrowBlue.showCalendar { background-position: -3px -3178px; padding-left: 10px; } .event-calendar .calendar-body > .calendar-footer > a.arrowBlue.hideCalendar { background-position: -0px -1018px; padding-left: 10px; } .event-calendar .calendar-header .listOptions { background: none; border: none; font-size: 11px; margin-top: 0px; } /*corrects text jumping*/ .event-calendar .listOptions > ul > li { margin-right: 1px; } .event-calendar .listOptions > ul > li.active { margin-left: 4px; margin-right: 0px; } .event-calendar .listOptions > ul > li, .event-calendar .listOptions > ul > li.active { line-height: 14px; margin-top: 3px; } .event-calendar .listOptions > ul > li > a { line-height: 14px; } /*corrects smalled width*/ .event-calendar .listOptions.years > ul { width: 60px; } .event-calendar .listOptions.years > ul > li, .event-calendar .listOptions.years > ul > li.active { width: 60px; } .event-calendar .listOptions.years > ul > li > ul { width: 60px; } .event-calendar .listOptions.months > ul { width: 80px; } .event-calendar .listOptions.months > ul > li, .event-calendar .listOptions.months > ul > li.active { width: 80px; } .event-calendar .listOptions.months > ul > li > ul { width: 80px; } #event-list .subtle.description { color: #A6A6A6; font-size: 12px; line-height: 18px; } #event-list .headline a, #event-list .headline span { line-height: 18px; font-family: arial; } #event-list .headline { margin-top: 10px; margin-bottom: 0px; } .event-detail .carouselNavigation { padding-right: 12px; padding-bottom: 12px; } .event-detail .carouselNavigation.small.jsActive { /*height: auto;*/ } /*=Event Picker*/ .event-calendar.month-calendar { width: 202px; z-index: 1000; position: absolute; top: 0px; } .event-calendar.month-calendar > .calendar-header > .listOptions.months { margin-left: 25px; } .event-calendar.month-calendar .calendar-body { margin-bottom: 0px; } .event-calendar.month-calendar .calendar-body .month { margin-right: 17px; } .event-calendar.month-calendar .calendar-header { width: 204px; } .eventpicker-arrow { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -27px -387px !important; margin-top: 2px; } /*=Feedback Form*/ .upload-section .uploaded-file { line-height: 22px; margin-bottom: 5px; } .upload-section .uploaded-file .filename { width: 200px; } .upload-section .uploaded-file .filesize { width: 150px; } .upload-section .uploaded-file .filesize span { width: 120px; } .upload-section .uploaded-file .filesize > div > a { margin-left: 30px; } .upload-section { width: 660px; } /* change the ID & dimensions to match your slider */ #slider { width: 1200px; height: 400px; } /*=AnythingSlider*/ .anythingSlider-default { padding: 0; } .content .startpage.carouselNavigation .carouselNav, .content .introduction.carouselNavigation .carouselNav { z-index: 999; } .content .startpage.carouselNavigation .anythingSlider-default.activeSlider .anythingWindow, .content .introduction.carouselNavigation .anythingSlider-default.activeSlider .anythingWindow { border: none; } /*=BoderBottomBar*/ .pane { position: relative; } .mm_t03_backCont { position: absolute; background: url(/static/images/b2_bg.png) repeat-x left bottom; height: 40px; width: 666px; text-align: right; bottom: -65px; left: 0; z-index: 100; box-shadow: 0 0px 32px 3px rgba(0, 0, 0, 0.5); } .mm_t03_backCont a { display: inline-block; margin: 12px 10px 0 0; } .mm_t03_backCont.mm_t03_fixedBottom { position: absolute !important; left: 0 !important; bottom: -65px !important; box-shadow: 0 0px 0 0 rgba(0, 0, 0, 0); height: 65px; } .mm_t03_backCont.mm_t03_fixedBottom a { margin: 34px 10px 0 0; } /*=CartFlyout*/ .cartDialogContainer { width: 500px; height: 270px; border: 1px solid #BDBEBD; background-color: #fff; padding: 10px; } .cartsubDialogContainer { background-color: #F7FBFF; float: left; min-height: 265px; } .cartFlyoutTitle { background-color: #C6D3DE; width: 100%; height: 45px; float: left; } .cartFlyoutTitle span { color: #29344A; margin: 10px; font-size: 18px; } img.cartDialogClose { vertical-align: middle; float: right; margin-right: 5px; margin-top: -5px; } div.cartFlyoutDetialsHeading { padding: 15px 10px; float: left; width: 96%; } .cartFlyoutDesc { float: right; padding-left: 10px; word-wrap: break-word; width: 55%; } .productTitle { color: #394142; font-size: 14px; margin-bottom: 10px; margin-top: 10px; font-weight: bold; } .productDesc { font-size: 12px; color: #6B717B; word-wrap: break-word; } .greyButtonPopup { border-width: 1.5px 1px 1px 1px; border-style: solid; border-color: #CED3D6; color: #63696B; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 0 14px 1px; position: relative; font-weight: bold; background-color: #CED7DE; } div.shoppinglinks a { min-height: 21px !important; max-height: 21px !important; padding: 2px !important; width: 140px !important; } div.shoppinglinks span { display: inline-block; } span.arrow_left_black { background: url('/static/images/no_repeat_data2.png') no-repeat 0 -414px; width: 12px; height: 18px; float: left; } span.arrow_right_blue { background: url('/static/images/no_repeat_data.png') no-repeat 0 -1053px; width: 8px; height: 18px; float: right; margin-right: 4px; } div.shoppinglinks a.greyButton { background-color: #E7E7EF; float: left; border: medium none; color: #394142; font-size: 12px; font-weight: bold; min-height: 21px; line-height: 20px; cursor: pointer; text-decoration: none; text-align: center; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; position: relative; display: inline; } div.shoppinglinks a.greyButton:hover { background-color: #EBEBF3; color: #394142 !important; } /*---=FORM ELEMENTS--- ============ */ .form-validation-summary { color: #E0003C; border: 1px solid #E0003C; margin-top: 10px; padding: 5px; width: auto; font-size: 13px; } .contact-info { font-weight: normal !important; } /*Address FF issues*/ @-moz-document url-prefix() { /*Required, input.blueButton renders differently than a.blueButton => ends up in total 20px height*/ .middle .contentDefault .topicTeaser.withForm .form input[type="submit"], input[type="submit"].blueButton, input[type="button"].blueButton { min-height: 20px; max-height: 20px; padding-top: 1px; padding-bottom: 2px; } /*--=Welcome page--*/ .welcomePageMarginTop { margin-top: -25px; } /*--=Welcome page--*/ .welcomePageMarginTopHeadline { margin-top: -31px; } /*-=FilterSet Navigation-*/ .naviRestrictive.collapsableFilterset .checkbox { padding-top: 3px; } .header .account input[type="submit"].addToWishlist { background: url("/static/images/no_repeat_data.png?lastmod=YYYYMMDD") no-repeat scroll -3px -850px transparent; padding: 4px 10px 0 5px; } /*=datepicker*/ .datepicker-arrow { margin-top: 1px; } /*=Pager */ .pager-firstlast-link { margin-top: 2px; } .pager-items-label { margin-top: 1px; } /*--=Specific_product_info--*/ .product_info.v2 a.arrowBlue { padding-top: 0px; background-position: -3px -853px; line-height: 21px; } /*--=Share link--*/ .addthis_toolbox { margin-top: -39px; } /*--Resource List---*/ .found { float: right; width: 275px; padding-bottom: 15px !important; word-wrap: break-word; } /*--Contact Data Form---*/ .labelStyle { color: #404040; font-size: 12px; } } /************************************* Added for [QEA-4758] START *****************************************/ .circle-wrap { /*width: 24%;*/ float: left; position: relative; } .circle-active { background-color: #1B3B71; } .circle-inactive { border: 2px solid #bfbfbf !important; } .circle { width: 86px; height: 86px; border-radius: 50%; border: 2px solid #1B3B71; float: left; text-align: center; display: table-cell; vertical-align: middle; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; transform-style: preserve-3d; } .arrow-width { float: left; height: 45px; width: calc(100% - 96px); margin-left: -2px; } .arrow-width-active { border-bottom: 1px solid #1B3B71; } .arrow-width-inactive { border-bottom: 1px solid #bfbfbf; } .arrow-head { width: 0; height: 0; float: right; margin-top: -7px; margin-right: 4px; font-size: 24px; display: block; border-top: 7px solid #fff; border-bottom: 7px solid #fff; } .arrow-head-active { border-left: 7px solid #1B3B71; } .arrow-head-inactive { border-left: 7px solid #bfbfbf; } .dot { display: block; width: 10px; height: 10px; border-radius: 50%; background-position: -239px 0px; margin-top: 40px; margin-left: -4px; } .dot-active { background-color: #FFF; border: 1px solid #1B3B71; position: absolute; z-index: 1; } .dot-normal { background-color: #1B3B71; } .dot-inactive { background-color: #bfbfbf; } .circle-active a { color: #FFF; } .circle-inactive a { color: #bfbfbf; pointer-events: none !important; cursor: default !important; } .circle a { position: relative; /*top: 35%;*/ /*transform: translateY(-50%);*/ font-size: 13px !important; font-family: futura-book !important; height: 100%; width: 100%; display: table; } .circle a span { display: table-cell; vertical-align: middle; padding: 5px; max-width: 75px; overflow: hidden; text-overflow: ellipsis; } .circle:not(.circle-inactive,.circle-active) a { color: #1b3067; } .circle:hover:not(.circle-inactive) { background-color: #1B3B71; } .circle:hover:not(.circle-inactive) a { color: #FFF; } .workflowNavigation .circle-step:last-child .arrow-width { display: none; } .workflowNavigation .circle-step:last-child .arrow-head { display: none; } /************************************* Added for [QEA-4758] END *****************************************/ iframe[name='google_conversion_frame'] { height: 0 !important; width: 0 !important; line-height: 0 !important; font-size: 0 !important; margin-top: -13px; float: left; } /************************************* Added for [QEA-6559] *****************************************/ #countryChangeWrapper { display: none; } .countryChange { width: 540px; margin: 40px 40px 20px 40px; text-align: center; } .countryChange .countryChangeTitle { font-weight: bold; margin-bottom: 30px; } .countryChange .proceed { margin-top: 40px; } /************************************* Added for [QEA-6559] END *****************************************/ /* QENTRY */ #qentry .qbtn { display: inline-block; font-family: futura-book; background-color: #1b3067; color: #fff; padding: 10px 20px; font-size: 22px; line-height: 22px; text-decoration: none; font-weight: normal; cursor: pointer; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; } #qentry .qbtn:hover { background-color: #1562ad; } #qentry .qbtn.light { background-color: transparent; color: #1b3067; } #qentry .qbtn.light:hover { color: #1562ad; } /** qlink */ #qentry .qlink { display: inline-block; text-decoration: none; font-weight: bold; color: #1b3067; font-size: 14px; } #qentry .qlink:hover { color: #1562ad; } #qentry ul, #qentry ul li { margin: 0; padding: 0; border: 0; font: inherit; font-size: 14px; line-height: 18px; list-style-type: none; } /** forms */ #qentry input[type='text'], #qentry input[type='email'], #qentry input[type='password'] { display: inline-block; padding: 10px; border: 1px #bfbfbf solid; background-color: #fff; width: 100%; font-size: 14px; line-height: 16px; color: #404040; } #qentry .invalid { border: 1px #e0003c solid !important; } #qentry .qrow { padding: 15px 0 0 0; } /** qmessages */ #qentry .qmessage { display: block; padding: 5px 0 0 0; } #qentry .qmessage span { font-size: 14px; line-height: 18px; font-weight: normal; } #qentry .qmessage span a { text-decoration: underline; color: inherit; font-weight: bold; } #qentry .qmessage span a:hover { color: #ff0044; } #qentry .qmessage.error span { color: #e0003c; } #qentry .qmessage strong { color: inherit; font-size: inherit; font-weight: normal; } /** qentry - new login/register entry page */ #qentry { width: 1134px; /** adjust width to container */ margin: 0 auto; font-family: arial, sans-serif; color: #404040; padding: 60px 0 30px 0; } #qentry * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } #qentry > h1 { font-size: 26px; margin: 0; padding: 0 0 15px 0; } #qentry h1, #qentry h2 { font-weight: normal; font-family: futura-book; } #qentry .qentry-table { display: table; border-collapse: separate; } #qentry .qentry-row { display: table-row; } #qentry .qentry-col { display: table-cell; width: 50%; background-color: #e9eef2; } #qentry .qentry-col:first-child { border-right: 15px #fff solid; } #qentry .qentry-col:last-child { border-left: 15px #fff solid; } /** qentry-box */ #qentry .qentry-box { padding: 30px 30px 40px 150px; background-position: 26px 28px; background-repeat: no-repeat; border-bottom: 1px #fff solid; } #qentry .qentry-box:last-child { border-bottom: 0; } #qentry .qentry-box h2 { font-size: 24px; margin: 0; padding: 0 0 15px 0; } #qentry .qentry-box p { font-size: 14px; line-height: 18px; margin: 0; } #qentry #qentry-register { background-image: url(/static/images/new-user.png); } #qentry #qentry-register .qbtns { padding-top: 20px; } #qentry .qfaq { padding: 20px 0 0 0; } #qentry .qfaq .qlink { font-weight: normal; } #qentry #qentry-info { background-image: url(/static/images/information.png); background-position: 26px 34px; } #qentry #qentry-info ul li { padding: 0 0 8px 26px; background-image: url(/static/images/check.png); background-position: 0 -1px; background-repeat: no-repeat; background-size: 18px auto; } #qentry #qentry-info ul li:last-child { padding-bottom: 0; } #qentry #qentry-login { background-image: url(/static/images/registered-user.png); } #qentry #qentry-login form, #qentry #qentry-login .fieldset { padding: 10px 80px 0 0; } #qentry #qentry-login .btns { padding-top: 20px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: 0; } /** placeholders */ #qentry input::-webkit-input-placeholder { color: #bfbfbf; } #qentry input:-moz-placeholder { color: #bfbfbf; } #qentry input::-moz-placeholder { color: #bfbfbf; } #qentry input:-ms-input-placeholder { color: #bfbfbf; } /* QENTRY - END */ /** Footer change Language/Location dorpdowns */ #footer #languageCountrySelector { position: absolute; right: 0; bottom: 20px; font-size: 10px; line-height: 12px; z-index: 100; } #footer #languageCountrySelector #languageSelector, #footer #languageCountrySelector #countrySelector { float: left; display: none; } #footer #languageCountrySelector .selector { float: left; padding: 0 0 0 10px; margin: 0; } #footer #languageCountrySelector .selector:first-child { padding-left: 0; } #footer #languageCountrySelector .selector .label, #footer #languageCountrySelector .selector .dropdown { position: relative; float: left; font-size: 10px; line-height: 12px; } #footer #languageCountrySelector .selector .label { color: #1b3067; padding: 3px 5px 0 0; } #footer #languageCountrySelector .selector .dropdown .dropdownBtn { position: relative; width: 90px; border: 1px #d4d4e0 solid; cursor: default; padding: 2px 20px 2px 4px; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #footer #languageCountrySelector .selector .dropdown .dropdownBtn::after { position: absolute; top: 6px; right: 4px; content: ''; display: block; width: 0; height: 0; border-top: 4px #404040 solid; border-right: 4px transparent solid; border-bottom: 0; border-left: 4px transparent solid; } #footer #languageCountrySelector .selector .dropdown .dropdownBtn > span { display: block; width: 100%; overflow: hidden; white-space: nowrap; } #footer #languageCountrySelector .selector .dropdown .dropdownList { display: none; position: absolute; bottom: 17px; left: 0; max-height: 300px; min-width: 140px; background-color: #fff; border: 1px #adadad solid; overflow-x: none; overflow-y: auto; } #footer #languageCountrySelector .selector.active .dropdown .dropdownList { display: block; } #footer #languageCountrySelector .selector.active .dropdown .dropdownBtn::after { top: 5px; border-top: 0; border-right: 4px transparent solid; border-bottom: 4px #404040 solid; border-left: 4px transparent solid; } #footer #languageCountrySelector .selector .dropdown .dropdownList ul, #footer #languageCountrySelector .selector .dropdown .dropdownList ul li, #footer #languageCountrySelector .selector .dropdown .dropdownList ul li .selectionLink { display: block; } #footer #languageCountrySelector .selector .dropdown .dropdownList ul li { padding: 0; } #footer #languageCountrySelector .selector .dropdown .dropdownList ul li .selectionLink { font-size: 10px; line-height: 16px; color: #404040; padding: 1px 4px; cursor: pointer; } #footer #languageCountrySelector .selector .dropdown .dropdownList ul li .selectionLink:hover { color: #1562ad; background-color: #f1f1f1; } /** Footer change Language/Location dorpdowns - end */ .hidden { display: none } #MsgForUS_CATelNo .input-hint { color: #AAA; font-size: 13px; } /* Recommendation Carousel - required css */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none !important; } .slick-arrow { content: ''; position: relative; text-indent: -99999px; display: block; padding: 0; color: transparent !important; font-size: 0 !important; line-height: 0 !important; background-color: transparent !important; border: 0 !important; } .slick-arrow:before { position: absolute; content: ''; display: block; width: 0; height: 0; } .slick-next:hover:before { border-left-color: #1562AD !important; } .slick-prev:hover:before { border-right-color: #1562AD !important; } /** recommendations common */ .recommendationWrap { overflow: hidden; } .recommendationWrap .recommendationHeader { margin: 0 0 20px 0; padding: 0 60px 10px 0; border-bottom: 1px #c3d1d9 solid; font-family: futura-book; font-size: 24px; font-weight: normal; } .recommendationWrap .recommendationItems { position: relative; } .recommendationWrap .recommendationItem .recommendationImage img { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .recommendationWrap .recommendationItem .recommendationCatno, .recommendationWrap .recommendationItem .recommendationName > a, .recommendationWrap .recommendationItem .recommendationPrice { font-family: futura-book; } .recommendationWrap .recommendationItem .recommendationCatno { padding-bottom: 5px; font-size: 14px; } .recommendationWrap .recommendationItem .recommendationName { margin: 0; padding: 10px 10px 10px 0; } .recommendationWrap .recommendationItem .recommendationName > *, .recommendationWrap .recommendationItem .recommendationName > a { font-size: 20px; line-height: 22px; font-weight: normal; margin: 0; } .recommendationWrap .recommendationItem .recommendationName > a > * { margin: 0; } .recommendationWrap .recommendationItem .recommendationDesc { line-height: 18px; font-size: 14px; padding: 0 10px 10px 0; } .recommendationWrap .recommendationItem .recommendationPrice { font-size: 18px; font-weight: bold; padding-bottom: 10px; } .recommendationWrap .recommendationItem .blueBox { padding: 8px 15px; } /** recommendations.flyout */ .recommendationWrap.flyout { width: 438px; padding: 35px 0 15px 0; } .recommendationWrap.flyout .recommendationHeader { font-size: 19px; } .recommendationWrap.flyout .recommendationItems .recommendationItem { width: 209px; padding-right: 10px; float: left; } .recommendationWrap.flyout .recommendationItems .recommendationItem .recommendationImage { position: relative; display: block; height: 80px; width: 100%; } .recommendationWrap.flyout .recommendationItems .recommendationItem .recommendationImage img { display: block; height: 80px; width: auto !important; max-width: 95%; } /** recommendations.flyout.static */ .recommendationWrap.flyout.static .recommendationItems::after { content: ""; display: table; clear: both; } .recommendationWrap.flyout.static .recommendationItems .recommendationItem:nth-child(n+3) { display: none; } .recommendationWrap.flyout.static .recommendationItems .recommendationItem .recommendationImage img { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /** recommendations.flyout.active (carousel) */ .recommendationWrap.flyout.active .recommendationItems { height: 300px; overflow: hidden; } .recommendationWrap.flyout.active .recommendationItems .recommendationItem { -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; } .recommendationWrap.flyout.active .recommendationItems > .slick-arrow { position: absolute; top: -55px; margin: 0; width: 24px; height: 24px; } .recommendationWrap.flyout.active .recommendationItems > .slick-next { right: 0; } /** recommendationEmpty */ .recommendationWrap.recommendationEmpty .recommendationHeader { margin: 0; } .slick-next:before { top: 4px; left: 7px; border-top: 8px transparent solid; border-bottom: 8px transparent solid; border-left: 8px #404040 solid; } .recommendationWrap.flyout.active .recommendationItems > .slick-prev { right: 25px; } .slick-prev:before { top: 4px; right: 7px; border-top: 8px transparent solid; border-bottom: 8px transparent solid; border-right: 8px #404040 solid; } /** slick-initialized */ .recommendationWrap.flyout.active .recommendationItems.slick-initialized { height: auto !important; overflow: visible !important; } .recommendationWrap.flyout.active .recommendationItems.slick-initialized .recommendationItem { -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; } /** * Recommendation Carousel Disabled - AB Testing * Class name ".recommendationCarouselDisabled" is adding with JS to