/* 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

ÃÀ¹úÒ»¼¶Ã«Æ¬³ÝÃâ·ÑµÄ

    1. <form id=asPKLJPep><nobr id=asPKLJPep></nobr></form>
      <address id=asPKLJPep><nobr id=asPKLJPep><nobr id=asPKLJPep></nobr></nobr></address>

      tag */ .recommendationCarouselDisabled .recommendationWrap .slick-arrow { display: none !important; } /** Recommendations buttons 'Add to Cart' aligment bo the bottom */ .recommendationWrap .recommendationItems .recommendationItem { padding-bottom: 65px; } .recommendationWrap .recommendationItems .recommendationItem .recommendationPrice { position: absolute; bottom: 40px; padding: 0; } .recommendationWrap .recommendationItems .recommendationItem .recommendationBtns { position: absolute; bottom: 0; } /* Contact modal ----------------------------------------------------------*/ .dialog-contact-info { padding: 10px; width: 320px; background-color: #fff; -webkit-box-shadow: 2px 2px 25px rgba(0,0,0,0.4); -khtml-box-shadow: 2px 2px 25px rgba(0,0,0,0.4); -moz-box-shadow: 2px 2px 25px rgba(0,0,0,0.4); -ms-box-shadow: 2px 2px 25px rgba(0,0,0,0.4); -o-box-shadow: 2px 2px 25px rgba(0,0,0,0.4); box-shadow: 2px 2px 25px rgba(0,0,0,0.4) } .dialog-contact-info>.wrap { background-color: #f2f8ff; padding: 20px 15px } .dialog-contact-info>.wrap .row { padding: 0 0 15px 0 } .dialog-contact-info>.wrap .row h3 { font-family: arial, sans-serif; font-size: 13px; line-height: 17px; padding: 0 0 5px 12px; font-weight: bold; background: transparent url("/static/images/no_repeat_data.png") no-repeat -3px -760px } .dialog-contact-info>.wrap .row>ul>li { display: block; font-size: 12px; line-height: 16px; padding: 0 0 2px 12px } .dialog-contact-info>.wrap .row>ul>li a { display: inline; text-decoration: underline; color: inherit; -webkit-transition: color 0.3s; -khtml-transition: color 0.3s; -moz-transition: color 0.3s; -ms-transition: color 0.3s; -o-transition: color 0.3s; transition: color 0.3s } .dialog-contact-info>.wrap .row>ul>li a:hover { color: #1562ad } .dialog-contact-info>.wrap .row>ul>li:last-of-type { padding-bottom: 0 } .dialog-contact-info>.wrap .row:last-child { padding-bottom: 0 } .dialog-contact-info .close { position: absolute; top: 26px; right: 26px; display: block; width: 20px; height: 20px; background: transparent url("/static/images/no_repeat_data.png") 2px -750px no-repeat } .dialog-contact-info::before { display: none; content: ''; display: block; position: absolute; top: -16px; right: 35px; width: 42px; height: 16px; background: transparent url("/static/images/no_repeat_data.png") no-repeat 0 0 } .headerContent .dialog-contact-info::before { background: transparent url('/static/images/box-shadow-up-pointer.png') no-repeat 0 0 !important; right: 20px !important; } .headerContent .dialog-contact-info .close { background: transparent url('/static/images/no_repeat_data.png') no-repeat scroll -235px -156px !important; margin: 0 !important; padding: 0 !important; } .headerContent .dialog-contact-info > .wrap { padding-top: 5px !important; font-size: 12px !important; color: #1b3067 !important; } .headerContent #md_h_main_header_0_salesRepInformation { padding-left: 12px !important; } .account #contact-info-wrap { display: block; position: absolute; top: 41px; right: 0; z-index: 10; } /*Flyout*/ .flyout { width: 438px; padding: 30px } .flyout #cart > header { position: relative; padding-bottom: 10px; border-bottom: 1px #c3d1d9 solid } .flyout #cart > header > h1 { width: 80%; font-size: 24px; line-height: 28px; float: left; margin: 0; padding: 0; font-family: futura-book, arial, sans-serif; font-weight: normal; } .flyout #cart > header #nav-handy { top: 0; right: 0; bottom: auto; position: absolute; z-index: 10; /* display: block; */ } .flyout #cart > header #nav-handy > ul::after { content: ""; display: table; clear: both; } .flyout #cart > header #nav-handy > ul > li:last-of-type { padding-right: 0; } .flyout #cart > header .col .thumb { width: 90px; } .flyout #cart > header .col .thumb > img { width: 80px; height: auto } .flyout #cart > footer { padding-top: 20px; border-top: 1px #c3d1d9 solid } .flyout #nav-handy > ul > li { position: relative; float: left; padding: 5px 35px 5px 30px; font-family: futura-book, arial, sans-serif; text-decoration: none; font-size: 14px; line-height: 14px; color: #5f6e94; } .flyout #nav-handy ul, .flyout #nav-handy ul > li, .flyout #nav-handy ul > li > a { display: block; } .flyout #nav-handy > ul > li > a { color: #5f6e94; } .flyout #nav-handy > ul > li > a > small { position: absolute; bottom: -1px; left: -2px; display: block; padding: 1px 4px; font-family: inherit; font-size: 11px; line-height: 11px; background-color: #e0003c; color: inherit; -webkit-border-radius: 10px; -khtml-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; } .flyout #nav-handy > ul > li.cart > a > small { color: #fff; } .flyout #nav-handy > ul > li > a::before { position: absolute; top: 0; left: 0; content: ''; display: block; width: 26px; height: 26px; } .flyout #nav-handy > ul > li.cart > a::before { background: transparent url(/static/images/sprite.png) -4px -5031px no-repeat; } .flyout #cart > header::after { content: ""; display: table; clear: both; } .flyout #cart #cart-data .row:last-of-type { border: 0; } .flyout #cart .col { font-size: 14px; line-height: 20px; padding: 15px 0; } .flyout .table { display: table; width: 100%; border-collapse: collapse; } .flyout .table > .row > .col { position: relative; display: table-cell; width: auto; text-align: left; vertical-align: top; } .flyout #cart #cart-data .col.data > .title { padding: 0 0 6px 0; font-family: futura-book, arial, sans-serif; font-size: 20px; font-weight: normal; margin: 0; } .flyout #cart #cart-data .col.data > .title > a { font-family: inherit; color: #1b3067; -webkit-transition: color 0.2s; -khtml-transition: color 0.2s; -moz-transition: color 0.2s; -ms-transition: color 0.2s; -o-transition: color 0.2s; transition: color 0.2s; } .flyout #cart #cart-data .col.data > *:last-child { padding-bottom: 0 !important; } .flyout #cart #cart-data .col.data > .catno { font-family: futura-book, arial, sans-serif; padding: 0 0 10px 0; } .flyout .table > .row > .col::after { content: ""; display: table; clear: both; } .flyout #cart .col.subtotal { width: 15%; text-align: right; } .flyout #cart #cart-data .col.quantity > span:first-child, #cart #cart-data .col.price > span:first-child, #cart #cart-data .col.subtotal > span:first-child { padding: 6px 0 0 0; } .flyout #cart #cart-data .col.subtotal > span { font-weight: bold; } .flyout #cart #cart-data .col.quantity > span, #cart #cart-data .col.price > span, #cart #cart-data .col.subtotal > span { display: block; } .flyout footer > .btns > .right { float: right; } .flyout footer > .btns > .left { float: left; } .flyout footer > .btns > .left > a { font-weight: bold; } /*End Flyout*/ ul.pagination { display: inline-block; padding: 0; margin: 0; } ul.pagination li {display: inline;} ul.pagination li a { color: #1b3067; float: left; padding: 1.5px 10px; text-decoration: none; transition: background-color .3s; border: 1px solid #ddd; } ul.pagination li a.active { background-color: #2867a1; color: white; border: 1px solid #2867a1; } ul.pagination li a:hover:not(.active) {background-color: #ddd;} ul.pagination li a.disabled { color: currentColor; cursor: not-allowed; opacity: 0.5; text-decoration: none; } .pagination-footer .inline { display: inline-block; } /* reset */ body .wc-app, .wc-app button, .wc-app input, .wc-app textarea { font-family: "Segoe UI", sans-serif; font-size: 15px; } .wc-app button { background-color: #0063b1; border: none; border-radius: 1px; color: #ffffff; cursor: pointer; outline: none; transition: color .2s ease, background-color .2s ease; } .wc-app h1, .wc-app h2, .wc-app h3, .wc-app h4, .wc-app p, .wc-app ul, .wc-app ol { margin: 0; padding: 0; } .wc-app audio, .wc-app video { display: block; } /* docking */ .wc-hidden { visibility: hidden; } .wc-header { background-color: #0063AF; box-shadow: 0 1px rgba(0, 0, 0, 0.2); box-sizing: content-box; color: #ffffff; font-weight: 500; height: 30px; left: 0; letter-spacing: 0.5px; padding: 8px 8px 0 8px; position: absolute; right: 0; top: 0; z-index: 1; } .wc-time { color: #999999; margin-bottom: 10px; } .wc-message-groups { bottom: 50px; left: 0; transform: translateY(0); overflow-x: hidden; overflow-y: scroll; padding: 10px; position: absolute; right: 0; top: 38px; transition: transform 0.2s cubic-bezier(0, 0, 0.5, 1); } .wc-message-group-content { overflow: hidden; } .wc-suggested-actions { background-color: #f9f9f9; bottom: 50px; height: 0; left: 0; overflow: hidden; position: absolute; right: 0; transition: height 0.2s cubic-bezier(0, 0, 0.5, 1); } .wc-suggested-actions .wc-hscroll > ul { height: 40px; padding: 2px 3px; } .wc-suggested-actions .wc-hscroll > ul > li { display: inline-block; padding: 2px; max-width: 50%; box-sizing: border-box; } .wc-suggested-actions .wc-hscroll > ul > li button { background-color: #fff; color: #3a96dd; min-height: 32px; overflow: hidden; padding: 0 16px; text-overflow: clip; white-space: nowrap; width: 100%; } .wc-suggested-actions .wc-hscroll > ul > li button:hover { background-color: #fff; border-color: #3a96dd; color: #3a96dd; } .wc-suggested-actions .wc-hscroll > ul > li button:active { background-color: #3a96dd; border-color: #3a96dd; color: #ffffff; } .wc-suggested-actions button.scroll { background-color: #d2dde5; height: 40px; overflow: hidden; padding: 0; position: absolute; top: 0; width: 28px; } .wc-suggested-actions button.scroll:disabled { display: none; } .wc-suggested-actions button.scroll:hover { background-color: #808c95; } .wc-suggested-actions button.scroll svg { fill: #ffffff; } .wc-suggested-actions button.scroll svg path { transform: translateY(6px); } .wc-suggested-actions button.scroll.previous { left: 0; } .wc-suggested-actions button.scroll.next { right: 0; } .wc-message-pane.show-actions .wc-message-groups { transform: translateY(-40px); } .wc-message-pane.show-actions .wc-suggested-actions { height: 40px; padding-right: 20px; } .wc-console { border: 5px solid #dbdee1; bottom: 0; box-sizing: border-box; height: 50px; left: 0; position: absolute; right: 0; } /* views */ .wc-chatview-panel { overflow: hidden; position: absolute; right: 0; left: 0; top: 0; bottom: 0; } /* messages */ .wc-message-wrapper { animation: animationFrames 2s; animation-iteration-count: 1; clear: both; margin-bottom: 10px; overflow: hidden; position: relative; /*transition: max-height 2s ease-in-out;*/ } @keyframes animationFrames { 0% { /*max-height: 0;*/ opacity: 0; } 20% { opacity: 1; } 100% { /*max-height: 2000px;*/ } } .wc-message { position: relative; } .wc-message-wrapper.carousel .wc-message { padding-right: 8px; } .wc-message svg.wc-message-callout { height: 22px; position: absolute; stroke: none; top: 12px; width: 6px; } .wc-message-content { border-radius: 2px; box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.2); padding: 8px; word-break: break-word; } .wc-message-content.clickable { cursor: pointer; } .wc-message-content.selected { box-shadow: 0px 1px 1px 0px #ffa333; } .wc-message-content img { max-height: 320px; max-width: 100%; } .wc-message-content .video iframe { border: 0; } .wc-message-content audio, .wc-message-content video { max-width: 100%; } .wc-message-content audio + h1, .wc-message-content video + h1 { margin-top: 11px; } .wc-message-from { clear: both; color: #999999; font-size: 11px; margin-top: 5px; } /* cards */ .wc-card { background-color: #ffffff; } .wc-card .non-adaptive-content { margin: 8px 8px 0 8px; } .wc-card button { background-color: transparent; color: #3a96dd; min-height: 32px; width: 100%; padding: 0 16px; box-sizing: border-box; } .wc-card button:hover { background-color: transparent; border-color: #3a96dd; color: #3a96dd; } .wc-card button:active { background-color: #3a96dd; border-color: #3a96dd; color: #ffffff; } .wc-card.receipt table { border-collapse: collapse; width: 100%; } .wc-card.receipt th, .wc-card.receipt td { text-align: right; vertical-align: top; } .wc-card.receipt th:first-child, .wc-card.receipt td:first-child { text-align: left; } .wc-card.receipt th { color: #808c95; font-size: inherit; font-weight: normal; line-height: 1.75; } .wc-card.receipt thead tr:last-child th { padding-bottom: 16px; } .wc-card.receipt th[colspan="2"] { color: inherit; font-size: 15px; font-weight: 700; } .wc-card.receipt td { padding: 4px 8px 0 8px; } .wc-card.receipt td img { float: left; margin: 5px 8px 8px 0; max-height: 50px; max-width: 50px; } .wc-card.receipt div.title { font-weight: bolder; } .wc-card.receipt div.subtitle { font-weight: lighter; } .wc-card.receipt tbody tr, .wc-card.receipt tfoot tr { border-top: 1px solid #d2dde5; } .wc-card.receipt tbody tr:first-child, .wc-card.receipt tfoot tr:first-child { border-top-width: 2px; } .wc-card.receipt tfoot td { line-height: 2.25; } .wc-card.receipt tfoot .total { font-weight: bold; } .wc-card.thumbnail img { float: right; margin-bottom: 10px; margin-left: 10px; width: 100px; } .wc-card.signin h1 { margin: 10px 24px 16px 14px; } .wc-card.error { text-align: center; } .wc-card.error .error-icon { fill: #cccccc; height: 56px; margin-bottom: 2px; margin-top: 20px; padding-left: 12px; } .wc-card.error .error-text { color: #cccccc; font-weight: 600; letter-spacing: 0.5px; margin-bottom: 20px; text-align: inherit; } /* alternate chat sizes */ .wc-message { max-width: 91%; } .wc-card { border: 1px solid #d2dde5; } .wc-wide .wc-card { border: 1px solid #d2dde5; width: 398px; } .wc-wide .wc-adaptive-card { width: 414px; } .wc-narrow .wc-card { border: 1px solid #d2dde5; width: 198px; } .wc-narrow .wc-adaptive-card { width: 214px; } /* adaptive card adjustments from wc-card */ .wc-adaptive-card p { margin-left: 0; margin-right: 0; } /* list */ .wc-list > .wc-card { margin-top: 8px; } .wc-list > .wc-card:first-child { margin-top: 0; } /* horizontal scroll */ .wc-hscroll-outer { /* allow horizontal scrolling but hide the scrollbar */ overflow: hidden; } .wc-hscroll { /* allow horizontal scrolling but hide the scrollbar */ overflow-x: scroll; overflow-y: hidden; } .wc-hscroll > ul { white-space: nowrap; } .wc-hscroll > ul > li { display: inline-block; vertical-align: top; white-space: normal; } /* carousel */ .wc-carousel { position: relative; } .wc-carousel button.scroll { background-color: #0063AF; height: 28px; overflow: hidden; padding: 0; position: absolute; top: 50%; width: 28px; } .wc-carousel button.scroll:disabled { display: none; } .wc-carousel button.scroll svg { fill: #ffffff; } .wc-carousel button.scroll.previous { left: -16px; } .wc-carousel button.scroll.next { right: -16px; } .wc-carousel .wc-hscroll > ul { margin-left: -4px; } .wc-carousel .wc-hscroll > ul > li { padding: 0 4px; } .wc-carousel .wc-hscroll > ul > li:last-child { padding-right: 0; } .wc-carousel li p { min-height: 4em; white-space: normal; } .wc-carousel li .wc-adaptive-card p { min-height: 0; } /* from me */ .wc-message-from-me { float: right; margin-right: 6px; } .wc-message-from-me.wc-message-from { text-align: right; } .wc-message-from-me .wc-message-content { background-color: #7BA9DB; color: #ffffff; } .wc-message-from-me svg.wc-message-callout path { fill: #7BA9DB; } .wc-message-from-me svg.wc-message-callout path.point-left { display: none; } .wc-message-from-me svg.wc-message-callout { right: -6px; } /* from bot */ .wc-message-from-bot { float: left; margin-left: 8px; } .wc-message-from-bot .wc-message-content { background-color: #eceff1; color: #000000; } .wc-message-from-bot svg.wc-message-callout path { fill: #eceff1; } .wc-message-from-bot svg.wc-message-callout path.point-right { display: none; } .wc-message-from-bot svg.wc-message-callout { left: -6px; } /* console */ .wc-console > * { position: absolute; top: 0; vertical-align: middle; } .wc-console label { cursor: pointer; display: inline-block; height: 40px; } .wc-console label.wc-upload{ display: none; } .wc-console svg { fill: #8a8a8a; margin: 11px; } .wc-console textarea, .wc-console input[type=text] { border: none; height: 100%; outline: none; padding: 0; resize: none; width: 100%; } .wc-send svg { height: 18px; width: 27px; } .wc-upload svg { display:none; height: 18px; width: 26px; } #wc-upload-input { display: none; } .wc-textbox { bottom: 0; left: 20px; right: 49px; } .wc-send { right: 0; } .wc-send.hidden { visibility: hidden; } .wc-mic { right: 0; } .wc-mic.hidden { visibility: hidden; } .wc-mic.active path#micFilling { fill: #4e3787; } .wc-mic.inactive path#micFilling { visibility: hidden; } .wc-console.has-text .wc-send svg { fill: #3a96dd; } /* animation */ .wc-typing { background-image: url("data:image/gif;base64,R0lGODlhQAAYAPYBAOzv8evu8Ort7+fq7Ons7ujr7eXo6uTn6ebp6+Xn6ebo6uzu8OPm6OTm6OPm5+Tn6N/i4+Ll59/i5N7h4+Hk5uDj5evu7+Hk5d/h49PV18PFx7/BwsfJysXHyMLExdja3Nfa28vNz72/wL7Awc/S08TGyMDCw9TW2NbY2t3g4trd39bZ2szO0M7Q0dnb3djb3Nvd39ve4Nnc3dze4Nrc3t7g4tzf4dXX2d3f4d7h4tnc3tve383P0MrMzs7Q0sjKzNLU1s/R08jKy9DT1NfZ293g4efp68bIyby+v9bZ27q8vdHT1c7R0uvt78nLzM/R0tjb3ens7bO0tbS2t7GztK+xsrW3uK6vsLe4utfa3L/Awtzf4MnLzamqq5WWl66wsbm7vNrd3uXo6a2ur6yurp2en6KjpKusrZ+goKeoqers7urt7peXmIGBgYSEhHx8fJmamqipqnZ2doqLi8XHyY2NjpGSkpOUlJiYmZOTlI+QkJqbm4eIiJucnIuMjP///yH/C05FVFNDQVBFMi4wAwEAAAAh/wtYTVAgRGF0YVhNUDw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTM4IDc5LjE1OTgyNCwgMjAxNi8wOS8xNC0wMTowOTowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTcgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MEY0RUJCMDNENkM4MTFFNkI5RENGRDgzMjAyQjU3QzUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MEY0RUJCMDRENkM4MTFFNkI5RENGRDgzMjAyQjU3QzUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDowRjRFQkIwMUQ2QzgxMUU2QjlEQ0ZEODMyMDJCNTdDNSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDowRjRFQkIwMkQ2QzgxMUU2QjlEQ0ZEODMyMDJCNTdDNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PgH//v38+/r5+Pf29fTz8vHw7+7t7Ovq6ejn5uXk4+Lh4N/e3dzb2tnY19bV1NPS0dDPzs3My8rJyMfGxcTDwsHAv769vLu6ubi3trW0s7KxsK+urayrqqmop6alpKOioaCfnp2cm5qZmJeWlZSTkpGQj46NjIuKiYiHhoWEg4KBgH9+fXx7enl4d3Z1dHNycXBvbm1sa2ppaGdmZWRjYmFgX15dXFtaWVhXVlVUU1JRUE9OTUxLSklIR0ZFRENCQUA/Pj08Ozo5ODc2NTQzMjEwLy4tLCsqKSgnJiUkIyIhIB8eHRwbGhkYFxYVFBMSERAPDg0MCwoJCAcGBQQDAgEAACH5BAUOAAEAIf4YT3B0aW1pemVkIHdpdGggZXpnaWYuY29tACwAAAAAQAAYAAACJoSPqcvtD6OctNqLs968+w+G4kiW5omm6sq27gvH8kzX9o3n+l0AACH5BAUHAAAALD4ACQACAAYAAAIERI5oBQAh+QQFBwAOACwsAAcAFAAJAAAEJRDISZetmJQ9uhcZyClGSY4hYjbHKqYs06ooLLuBPeM6b2u1SgQAIfkEBQcADQAsGAAHACUACQAABlFAgHAYKBqJyKRS+ahMchKnoSBYWq0Mp+rzimEiiUH1SjaCd64VioaTEo5lbA3GvaWjCmpcfnl27TZ4ent8Mmo6KW6EhXSIEGCDi4VZCG+SSUEAIfkEBQcABgAsEQAHABcACQAAB0aAAIKDAoSGh4RELD8sHwkBiJEoIUKVPSAHkJGJQZaWNQSbnJ6VMAOigzI8pDwxp6gCKUOMnhKFsAgvi59GuKkZPhkTBb6BACH5BAUHAAQALA8ABwANAAkAAAYsQICwYAgMj0LWZokSIAedpTSDREmvxaHyyjy2uN2hCqwZVLmqp2DF0bAkzyAAIfkEBRUABQAsDgAHAAoACQAABidAgDBgGAyHH5NoyUAunxuEcANdkqbVJTa7hZ6EkFFVcAx5ShmCMAgAIfkEBQcAAAAsLAAHABAACQAABC0QyClXpZWUwbsOU/AhSWmQGyiOB+Mq3rJ6zosKM22n+d2YqQzvBOOFcMOgJAIAIfkEBQcAAwAsIQAHABsACQAAB0yAAIKDAgGEh4iJKStLGTARBYmShDgoJEyYNBSRk4ouQJiZNQeFnYc5II2hJzMOBKanH6qiDK+wlBlBqxMGhreDE6m0Ub+xjBi9xYKBACH5BAUHAAYALB0ABwAQAAkAAAc+gACCAgoFg4eIGSNKSj0MiIckjJNHB5AAEiaTkzcBkC8im4w8BJ+hoj6lkBqiSC+XAUmnowOwsT8bJSiGl4EAIfkEBQcAAgAsHAAHAAsACQAABy2AAIIGDIOGRVhXijeHVYqPjIIej5QBglKUjweXmYoIkp0ClpyVhghCiRoUhoEAIfkEBRUAAgAsGwAHAAoACQAAByyAAIKCB4ODMlNkijKHY4qPMIJgj49ggpSUAQBXmIqSnRuEVJgMhiWJJQmCgQAh+QQFBwAAACwxAAcADQAJAAAEJRDICQKdgQyktrBS5h0G91WfSXYaWqjrK8rx6LL1cpf8GaY2SQQAIfkEBQcABgAsKwAHABMACQAABzyAAIKDBISGhzwbSB4ZCIeIIouLQI6PgjcmkpI4AZYDJCOak4WWQ1qiJi8Cnh8eqBiel6GbpLEgHIycsYEAIfkEBQcAAgAsKQAHAA0ACQAABzyAAIIBEhQBg4gBXHh1dWUZiQCLjZQriWWUlF2Hghh2mY14A4MVn6B7UYhmoHVSnJ13maiROFdse1YMiYEAIfkEBQcAAwAsDgAHACUACQAAB2OAA4KCBYOGh4iIETBRAI6PIIYNiZSHKWxymVUCkIcmlaAHbpmkcQCVQ6CUUqStKaeJR6qJcK2kdI6zugNltplOjh6IN7uGJr5vB44YngTFgwKYrRuPwR4dAwLPklNzbV4sj4EAIfkEBQcACgAsCwAHACcACQAAB2qAAIKDBAEACoiJiouMiQ4qBYSCLiw/LCsHho2bjF6KhpM9lpY3D4KcnAmMXaGjozECh6izihMFM5Wul5G0vQodBDY8uruyvqhcARVAxDgWxscbjQatrwOnx4mem8EZLUApkdDZClKJPIKBACH5BAUHAAoALAQABwASAAkAAAdCgACCCwEWhoOIiQMRKTQxFQYCioiMMi8fMJAEk5sQKpegjIWTEzqhNhcIo4qlpxSqnBWZroSxpi4zr5KcnTWei5yBACH5BAUHAAYALAAABwAQAAkAAAMRCLrc/rCIEIe9tOKpd/dfqCUAIfkEBRUAAQAsAAAIAAcACAAAAgaEj6nL7VAAIfkEBQcABQAsGwAHAAoACQAABzSAAIICDAODgyxSX1UeDYiLkEoIABJUkJBDADeXkZqci0eUU58ogkBVlxoEgzobVkpLqwCBACH5BAUHAAMALBMABwARAAkAAAdPgACCgwIEhoSIhTJBRx08RBSFiRQvTBoimI8VkoQ4GU4bmKFLMAqTS42iji8RAYgwqCOqQS4Mpz2hmUAxCJMqQ6mrrYmuOShPLSc2Bq6EgQAh+QQFBwAJACwHAAcAGgAJAAAHWIAAgoMBhYaEiImDFTNZRC44FAiHiomMK0A+mTaSlJWCEUVQJySaNzoYDAWfiJIfGUymkBEDrIuusLI1tJ6VDrs3pUMoKhANBLa3W4+lLym8ycqczwer0YEAIfkEBQcACwAsAAAHABYACQAABS4gIAbkaJ5oVF3HIJTpqWJ048bpVKsFjM+7xA03WgV7xOIRmUQ4jKxh0/V0+oghACH5BAUVAAEALAAABwAKAAkAAAIIhI+py+0PYQEAIfkEBQcABQAsJgAHAAwACQAAB0qAAIIEYhQGAYODN1R1bnpXN4iCGV98bZd+ZxmIFx54l6B4SodhYI2gbXZUOQAwSnqoqVMYrSV9sWUbA5NYp7IwiRgaZndmHhWDgQAh+QQFBwAHACwZAAcAGAAJAAAHboAAgoMEhYYBhImJMUMcGyNII0JANQWKimEkHUpVaWlUSkdLOFGXgxIoIY9dZWZnWCYsRBGmgikZPyJSnmhdU1pOJxKIpkW4kLy+kjfDtRWpHlhnvWOwPB8NxMXHVGevyxBqtacgQSFcTsFQtOOBACH5BAUHAAMALAkABwAgAAkAAAdtgACCgwKFhoSIiYoFFWEZPi1PJDczEQSLmIONQCElGyYckZUFmZg2KEwcHkqsPUsfEwYBpYkRMDc8R59gHkJBKzgNh7SCtriqvL2/KQzDxGIpK0FOq0jKsLLPiConLLrXNs3atS6UqDQS2eMAgQAh+QQFBwALACwAAAcAGQAJAAAHUIAAAYNNhIKHiImIDDk6ICoSCQSKlIg1MjcnmRAHk5WKFTErmqQURoafghA0KKStoQKplpCuMRUKsbKqW0S1EQOoshispQa5urtFMxO/x8iBACH5BAUHAAIALAAABwALAAkAAAIJhI+py+3xolwFACH5BAUHAAEALAAACQABAAUAAAIChF0AOw=="); background-repeat: no-repeat; height: 20px; width: 64px; } .wc-animate-scroll { left: 0; position: absolute; transition: left .8s ease; } .wc-animate-scroll-rapid { left: 0; position: absolute; transition: left .4s ease; } .wc-animate-scroll-near { left: 0; position: absolute; transition: left .3s ease-in-out; } /* text formats */ .format-markdown > p { margin-bottom: 0px; } .format-markdown code { white-space: pre-wrap; } .format-markdown + div { margin-top: 8px; } .format-markdown ol { padding-left: 30px; /* numbers are right-aligned to the period */ } .format-markdown ul { padding-left: 33px; } /* browser scrollbar customization */ .wc-app ::-webkit-scrollbar { width: 8px; } .wc-app ::-webkit-scrollbar * { background-color: transparent; } .wc-app ::-webkit-scrollbar-thumb { background-color: #dbdee1; } #qbot { visibility: hidden; overflow: hidden; position: fixed; width: 320px; height: 38px; /* We use bottom and right positioning so chat box position is relative to bottom-right corner of the browser. */ bottom: 100px; right: 0; top: auto; left: auto; z-index: 9990; touch-action: none; } #qbot.initialized { visibility: visible; } #qbot .wc-app, #qbot .wc-chatview-panel { width: 100%; height: 100%; } #qbot .wc-chatview-panel { position: absolute; background: white; } #qbot.expanded { height: 500px; } #qbot .wc-header { cursor: pointer; } /* Make product name take full chat width in receipt (there's no product picture in receipt so it needs different styling). */ #qbot .receipt > div > div > div:nth-child(5) .product-info { width: auto !important; } /* Style buttons and carousels */ #qbot button.ac-pushButton, #qbot .wc-hscroll button { display: inline-block; border-radius: 2px; border: 1px solid #033268; padding: 6px 12px; font-family: arial, sans-serif; font-size: 14px; font-weight: 700; text-align: center; color: #033268; cursor: pointer; margin-right: 10px; min-width: 55px; white-space: nowrap; background: transparent; min-height: 0; box-sizing: border-box; } .wc-hscroll ul li { width: 100%; box-sizing: border-box; } #qbot .ac-container > div { white-space: normal !important; text-overflow: clip; } /* Change send icon */ #qbot .wc-send { box-sizing: border-box; width: 40px; height: 40px; padding: 7px; margin-right: 2px; } #qbot .wc-send .send-icon { width: 100%; height: 100%; background-image: url(/static/images/QBot/icon-send-inactive.png); background-size: contain; background-repeat: no-repeat; background-position: center center; } #qbot .has-text .wc-send .send-icon { background-image: url(/static/images/QBot/icon-send.png); } /* Add close (minimize) icon to the header */ #qbot .wc-header:before { content: ""; position: absolute; top: 1px; right: 0; left: 0; bottom: 0; opacity: 0.8; background-position: right 10px center; background-repeat: no-repeat; background-image: url(/static/images/QBot/icon-collapse.png); transition: all 0.8s ease; } #qbot:not(.expanded) .wc-header:before { /* Hide icon with animation on expand/collapse. */ opacity: 0; } /* Allow to collapse to a small icon */ #qbot.initialized, #qbot.initialized .wc-chatview-panel, #qbot.initialized .wc-header, #qbot .wc-header span { transition: all 0.8s ease; } #qbot.dragging { /* Disable animations while dragging */ transition: all 0s; } #qbot.expanded { /* We want chat box to be at certain position, with no ability to move it. */ /* As JS sets chat box position (right and bottom) with inline CSS, we need to overwrite it using !important. */ right: 0 !important; bottom: 100px !important; } #qbot.expanded .wc-header:after { /* Hide icon with animation on expand/collapse. */ opacity: 0; } #qbot:not(.expanded) { width: 50px; height: 50px; right: 90px; bottom: 50px; } #qbot:not(.expanded) .wc-chatview-panel { position: relative; overflow: hidden; padding: 0; } #qbot:not(.expanded) { border-radius: 50%; } #qbot:not(.expanded) .wc-chatview-panel .wc-header { height: 50px; /* Make collapsed chat icon a little bigger than regular header. */ position: absolute; top: 0px; left: 0px; right: -3px; /* Fix weird positioning bug which causes collapsed header to be moved right */ bottom: 0px; padding: 0; margin: 0; } #qbot .wc-header:after { transition: all 0.8s ease; content: ""; position: absolute; top: 1px; left: 0; width: 50px; height: 50px; opacity: 0.7; z-index: 9991; cursor: pointer; background-position: center center; background-repeat: no-repeat; background-image: url(/static/images/QBot/icon-expand.png); } #qbot:not(.expanded) .wc-console, #qbot:not(.expanded) .wc-message-pane, #qbot:not(.expanded) .wc-header span { /* Hide chat elements with animation on expand/collapse. */ opacity: 0; } /* Mobile device behavior */ @media screen and (max-width: 700px), screen and (max-height: 600px) { /* Make chat box take 100% width and height. */ #qbot.expanded { bottom: 0 !important; width: 100%; height: 100%; } /* Let's hide all the content of the page so QBot is resized properly on mobile devices. If we kept displaying the page (which is not responsive at the moment), we would end up with QBot resized to whole page vieport, which is much bigger, causing all QBot fonts and elements to be very small. */ body.qbot_expanded #frmMain, body.qbot_expanded #page { display: none; } /* Make the icon a little bigger */ #qbot:not(.expanded) { width: 100px; height: 100px; } #qbot:not(.expanded) .wc-chatview-panel .wc-header { height: 100px; } #qbot .wc-header:after { width: 100px; height: 100px; background-image: url(/static/images/QBot/icon-expand-big.png); } } .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{position:relative}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline-block;overflow:hidden;padding-left:8px;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-search--inline{float:left}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;padding:0}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option[aria-selected]{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;height:1px !important;margin:-1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text}.select2-container--default .select2-selection--multiple .select2-selection__rendered{box-sizing:border-box;list-style:none;margin:0;padding:0 5px;width:100%}.select2-container--default .select2-selection--multiple .select2-selection__rendered li{list-style:none}.select2-container--default .select2-selection--multiple .select2-selection__placeholder{color:#999;margin-top:5px;float:left}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-top:5px;margin-right:10px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{color:#999;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{color:#333}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__placeholder,.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-search--inline{float:right}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option[role=group]{padding:0}.select2-container--default .select2-results__option[aria-disabled=true]{color:#999}.select2-container--default .select2-results__option[aria-selected=true]{background-color:#ddd}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--highlighted[aria-selected]{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;margin-right:10px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__rendered{list-style:none;margin:0;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;cursor:default;float:left;margin-right:5px;margin-top:5px;padding:0 5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{color:#888;cursor:pointer;display:inline-block;font-weight:bold;margin-right:2px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{float:right}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{margin-left:2px;margin-right:auto}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option[role=group]{padding:0}.select2-container--classic .select2-results__option[aria-disabled=true]{color:grey}.select2-container--classic .select2-results__option--highlighted[aria-selected]{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /** * Divas Cookies jquery plugin for Cookie Policy banner stylesheet * @author: CodingDivas * @date: 2014/10/27 * @version: 0.2 production */ .divascookies { position: fixed; top: 0; width: 100%; background: #313131; color: #f9fafc; display: none; z-index: 999999; opacity: 0.7; } .divascookies > .divascookies-banner-container { position: relative; padding: 8px 20px; overflow: hidden; text-align: center; } .divascookies p.divascookies-banner-text { position: relative; /* line-height: 1.3em; */ font-size: 14px; display: inline-block; padding: 0 10px 0 0; margin: 0; } span.divascookies-policy-link { } span.divascookies-policy-link a { white-space: nowrap; color: #A3C9F5; } span.divascookies-policy-link a:hover { } .divascookies-banner-container > .divascookies-accept-button-container { display: inline-block; /* margin-top: 5px; */ } .divascookies-accept-button-container > .divascookies-accept-button-img { } .divascookies-accept-button-container > .divascookies-accept-button-text { /* font-size: 14px; */ cursor: pointer; background: #f9fafc; color: #313131; margin: 0; padding: 7px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } .divascookies-accept-button-container > .divascookies-accept-button-text:hover { background: #e3e4e6; } "What's to be done now?" he asked. working here, but so far as I can see it has spoiled them both. large exists. Poor Jimmie is having a hard time peddling his bonds. afraid your secretary might open the letter. A road between ancient trees and green fields which are perpetually irrigated leads to Sicandra-Bagh. Here, at the end of a wretched village of huts and hovels, is the magnificence of a stately portal of red stone broadly decorated with white; and then, through a garden where trees and shrubs make one huge bouquet, behold the imposing mass of the tomb of Akbar the Great. The mausoleum is on the scale of a cathedral. There are two stories of galleries in pink sandstone crowned by a marble pavilion with lace-like walls; and there, high up, is the sarcophagus of white stone, covered with inscriptions setting forth the nineteen names of Allah. No glass was needed to show him the yacht, swiftly being brought almost under them by its speed and theirs. A quarter of a mile away was the hydroplane, coming fast. A mile to the south flew the approaching amphibian. And in every mind¡ªeven Jeff¡¯s, had they been able to read it¡ªwas the puzzled question, ¡°Why?¡± Of a truth she understood only too well, that death with a bullet through the brain could be a tender mercy. In the corral where the fire had started and was best under way, and in the stall farthest from the gate, a little pinto mustang was jerking at its halter and squealing with fear. It was Cairness's horse. He had been allowed to stable it there, and he himself was not down with his scouts in the ill-smelling camp across the creek, but had a room at the sutler's store, a good three-quarters of a mile from the corrals. As soon as the bugle call awoke him, he started at a run; but the fire was beyond fighting when he got there. The Captain interrogated him as to who he was and what he was doing out there, while the scout fidgeted in his saddle over the time that was being wasted. In those days she could not bear the sound of Harry's fiddle, and he was told he must not play it in the house. Caro vouchsafed no reply. An added grief was the absence of a funeral. Reuben did not feel this as the relief it would have been to some. He had given handsome and expensive funerals to those not half so dear as this young man who had been hurried into his soldier's grave on the lonely veldt. In course of time William sent him a snapshot of the place, with its little wooden cross. Reuben dictated a tremendously long letter through Maude the dairy-woman, in which he said he wanted a marble head-stone put up, and "of Odiam, Sussex," added to the inscription. THE END. HoMEÃÀ¹úÒ»¼¶Ã«Æ¬³ÝÃâ·ÑµÄ ENTER NUMBET 0018www.wxyfkj.com.cn
      www.qttx.net.cn
      jzmlh.com.cn
      51axz.com.cn
      www.1000151.com.cn
      www.chinda.net.cn
      gerima.com.cn
      www.qyoe.com.cn
      www.jhyv.com.cn
      tubiepai.com.cn
      西瓜波多野 骚女熟妇图片 av人体艺术之美穴 91淫妹妹 WWW_BXX8_COM 姐弟经典性交thunderftp 四房播搏五月天 几张女明星的黄色图片 偷拍性生活祝频 野蛮部落的性生活 女干小说 草裙主 操儿媳妇小说 wwwvvv29 亚洲专区图片p水 孕十三周今天吃了三包真空包装的鸦掌会怎样 天海翼人体悠悠人体 自拍偷拍欧美色图迅雷 谁有能看的成人网站 天天影视网色逼 WWW.1177E.COM WWW.SE62.COM WWW.WZXMC.COM WWW.SEAV16666.COM WWW.XZCLFM.COM WWW.DD8N.COM WWW.477S.COM WWW.CCC403.COM WWW.BBB564.COM WWW.FZFMG.COM WWW.579NUN.CC WWW.P4491.COM WWW.CAOB98.COM WWW.7326561.COM WWW.DSO9.COM WWW.2000GC.COM WWW.HHH128.COM WWW.M1730.COM WWW.8888SP.COM WWW.HUIBO.COM WWW.DH9E.COM WWW.IGOUB.COM WWW.XIXILU2.COM WWW.AOBOYX.COM WWW.CACA.COM WWW.FKZNK.COM WWW.CPILW.COM WWW.MYSILU.COM WWW.YKATC.COM WWW.99TBZC.COM WWW.422S.COM WWW.9IJF.COM WWW.AVAV654.COM WWW.BCEDU.COM WWW.PPPCAO8.COM WWW.BTDHM.COM WWW.YAOLAN.COM WWW.72JEE.COM WWW.VXY77.COM WWW.68UUZ.COM WWW.BIQUGE.SO WWW.I7GOU.COM WWW.BENMOCN.COM WWW.HHH983.COM WWW.YWETS.COM WWW.BC99W.COM WWW.HO3HO.COM WWW.WANGKE001.COM WWW.HFWANHE.COM WWW.HHH217.COM WWW.ITMO.COM WWW.38QV.COM WWW.T9PW.COM WWW.GZTBSJ.COM WWW.975XX.COM TROY.DOHERTY WWW.CCTV7.COM.CN WWW.AAN5.COM WWW.66VT.COM WWW.3KXW.COM WWW.ZJHYEDU.COM WWW.CS.COM.CN WWW.SHTJZK.COM WWW.959M.COM WWW.BUHEZI.COM WWW.233.COM WWW.51ZCF.COM WWW.CCC754.COM WWW.XIGUADE.COM WWW.HIMOCA.COM WWW.273XX.COM WWW.A1069.COM WWW.384A.COM WWW.VMALL.COM WWW.HBCXMPC.COM WWW.PDY72.COM WWW.GDHLMC.COM WWW.48EEEE.COM WWW.MMM80.COM 挑戦强奸乱伦WWWCCC506C 免费三级网络地址直接www293dycom 逍遥社区武侠古典 h漫网在线观看视频 台湾性感少女艺术图片 德田重男在线 pp秋霞 强奸乱伦超 最新三级片百度文库 淫淫婷婷 妹妹睡网站 阿根廷艳舞 色姐妹孕妇性爱 wwwpu530com 哥哥啪古典武侠 人妻四小姐 乱伦小说地址 家庭小穴强奸乱伦 蔡依林丝袜视频 ludaShi147 日韩艳情网站 www狠狠射vr专区 popovodcom wwwm美女 丝袜高跟鞋调教 坏啪啪网站 淫秽黄色啪啪手机视频 2017男性自慰器具新款 淫11p 大鸡巴舅妈 艹老师网站 还有苍井空链接 野花撸最新地址yehualutw 书店偷拍图片 本网站美国维护法律保护亚洲色图 wwwzzses 婷婷色播五月天网址 btAv天堂网 色久久色琪琪第四色www978aaacom 台湾妹妹综合娱乐中文 白洁小说在线阅读 亚洲无码国产偷拍成人动漫 超市强暴在线 ww无码 红五月com 撸撸精品录音 家庭乱伦无需任何播放器在线播放 SHED60 柬埔寨六九 嗯嗯揉捏奶子快不要 老外的大肉捧系列小说 wwav33 偷拍自拍自拍一区在线观看 淫色一家亲 人妻中出12p 混血黑人美女虐肛 97ai97gan o855视频 隐私行动在线播放 老奶奶的内裤 白色帝国论坛 www网红主播欧美激情开放90后 爱草在线成人视频免费观看 pyp影yuan ucjicc下载亚商 亚洲巨乳骚B niuniuluinfo 色色爱爱婷婷网 884tt四虎电影 美女自慰娇喘诱人视频 无码强奸a 白虎美女阴户 日本潮吹电影动一动舒服 搞久久 东方亚洲激情 有没有黄色的cosplay网站 达盖 搜狗视频色频 裸成人AV 台湾春天论坛 丝袜熟女系列 寡妇轮流抽插 狠狠色在线影院 wwwsaojjzzcom 毛片人兽性交的视 干姐姐1p 980影视 大乔未久在线视频 90后骚逼妹妹 自慰幼幼@ 直接播放黄色录相一级色相床上做爱完整版 东京食人餐厅另类小说 正在播放露脸熟女后入式最后直接给口爆第11370集偷拍盗摄在线视频五月色 学妹逼自拍 成人用品av 黑丝做爱图片区 给个网站你们懂的2017 五月色播影院在线 安妮贝拉老熟妇性16P 嫂子色综合网 超碰超爽在线 sox444com 米奇第四色做爱 青青草370啪 女孩做爱高潮 撸撸网在线视频 999sejiqing 亚洲图片偷拍欧美另类 蝌蚪窝AⅤ 色豆豆7 日本啪啪啪视频大全 美国老太太与兽交 母娘乱馆在线播放 老婆生日被同事轮奸 欧美在线强奸乱伦 青娱乐最新视频_青娱乐福利视频合集_青娱乐日本av视频在线_青娱乐最新成人视 wwwsss258com 波多野结衣性感美图 母子乱伦自拍网站 色在线视频综合影院百度 色大姐干炮视频 美国人xxxoo兽交 亚洲第一电影第三页 32com 搜索家族乱伦 四房播播色狼窝激情网 制服诱惑人妻系列 九九热自拍国产 大色妞网站成人内容 av网站试看 帝哥哥帝国 迷奸骚媳妇 婷婷se 操我在线观看中字 婷婷激情网五月天 5e5e黄 wwwxxx日妹妹 在线青青视频免费观 亚洲偷窥自拍图 抽插爽强奸看黄 树林少妇16P www8090aiavcom 新城春奈在线视频 西瓜影音最新av资源 爱上妹妹在线 婷婷五月最新电影韩国 大吊性交 黄色综合导航 熟女丝袜3p 淫妻天堂丶全集 色色的妹妹 制服人妖综 wwwav幼女 Jizz日本父女乱伦视频 插av免费观看 疯狂的妇 黄鳝H小说 无忌影视 操文章 萝莉吧sex 美女图片www5656kkkcom 阴陪图 aoaolu小说 性福咪咪 大奶1818 色酒网站 www91p91cm 农民伯伯三级片2部 亚洲萝莉免费视频区 杜泽文近况 欧美亚洲激情小说色图另类 干丝袜老师亚洲色图 得得撸妈妈撸 mitaozonghewang 潮喷三姐妹 狐狸精影院AV在线 好色的小好姨最新章节 喝尿姨妈性爱电影 强奸幼女av网站 av射在线播放 超碰在线视频91在线视频XIAAV在线视频 1024p偷拍 和阿姨疯狂啪啪3p wew3avpw 偷拍自拍偷拍亚洲 偷拍自拍综 女人的阴户淫妻 av大帝视频免费观看 搜索美女三级黄片口活 成人在线www560hhcom 上原亚衣无插件在线观看 苍井空美鲍图鉴 福利一区52 深月五月丁香五月 久久理论电影网 www3ccccccom 现代艳情校园春色 亚洲人妻中文字幕电影 人与动物天堂网站大全 色彩7影院 香港黄色漫画 www路bobo路sasa33路net 久久电影在线视 YAZHOUSEQ 鲁姐姐逼的影视 91porn经典自拍 ppp290 久久热黑人3p 午夜国产偷拍在线 曰本AV在线观看网站 十逼 很很鲁很很干很很操 a片照片 看这亚州小淫妹的肛门被鬼佬插成啥样了35P seoquentetved2k 自拍阴shui 狠狠射久操小色哥 亚洲激情图www59brcomwww38kqcom 插入性交高清动图 可以免费下载av的网址 穆斯林国家女人性交视频 撸哥哥色妹妹鬼片大全 偷拍自拍你操我操 免费伦理片sm av天堂操美女 超碰av大帝在线视频 中国偷拍自拍在线观看 舔妻子的白嫩美脚 在电影院被强奸的AV 123o6影院 经典三穴射 撸丝电影一区 wwwluav2comwwwluav2com 白拍小明在线视频 日本美少女便器AV 永久综合色 日本情情网 熟女少妇av免费 干女人逼视频在线 QQ浏览器www7977ddcom HHH57COM bbb811在线 wwwxxxppp8com 35eh`com www9900AVCO 欧美日韩裸体美女 奇米影视男人第四色婷婷 亚洲激情啪啪 冲田杏梨最重口味的作品 影音先锋资源家庭乱伦 互奸 亚洲动漫av网站www9itkcom 全球精品色图 物特资伦理 www路tu550 影音先乱伦片 大胆人体艺术汤唯偷拍 美咲结衣重口味 欧美美女全裸诱惑 美国大胆人休艺木 性爱偷拍自拍在线4p 日日爱社区 美女无毛艺术下体 黄色书不下载的 色亚洲吉吉 老公喜欢从后面狠狠插我 苍井空露阴道阴毛图片 韩国女主播紫涵种子下载 小草影视龚iue菲新金瓶电影先锋 与小姨乱伦 日韩高清裸体电影影音先锋 虐玩自己尿道小说 广知美子影音先锋 操美女菊花小游戏 国外人体艺术黄色 大肥婆性爱 WWW_XYLDEOS_COM 无软件下载的色网 少妇速女 偷拍自拍神女 性艺术俱乐部 关于欧美av女郎的真实采访 求苍井空视频手机能看的 成人合集7 花花快播 欧美美女性感大屁眼狠狠橹 三个娇美女大学生下乡慰问演出误入兽性魔窟 欧美色图片 电影 地址 狗口活1级 性感少妇悲惨遭遇 偷拍自拍 妈妈 wwwjiba8888 日逼云盘 泛亚娱乐场欧美16 超大胆少女人体艺术 她噢片级 手机色图最新 江湖隐娘小说下载 偷拍自拍居家色图片 骚逼阿娇 少女喝药剂昏睡的电影 影视先锋伦理电影 欧美强奸无码 波多野结衣嫩诱惑 春暖花开有你性亚州 无码 少女拳交视频 绑起来干33p 乱伦俱乐部激情小说 爱爱爱bi 儿子干妈妈9种子 美女搞鸡激情 插骚妹妹视频 阿片下载3gp 新娘 小穴 WWW_66YUYU_COM 快播 推油 儿子是地狱来的使者 偷拍自怕美女色图 欲香欲色插插 玉女心经迅雷快传 qvod撸撸干 长谷川麻弥快播 艳艳五月天 自拍熟女自慰 鍏堥攱褰遍煶b鈥唗 谁有超体的bt啊 最大胆西西嫩逼人体摄影图片删除 我用手机看百度里面的美女图片为什么会自动下载 女明星尻逼视频 操老妹逼 澳美裸体艺术照 吴清雅 电影 日本性忌图 亚洲色图 口交 韩国情欲电影大全 欧美性欲图 偷拍自拍多毛图片 qq偷拍网友做爱视频 上海巨乳讠年轻少妇 给些动漫黄色网站 骚逼黄色照片 李宗瑞黄色网 义母不爱穿胸罩百度 女同无码迅雷下载 巨乳少妇人体图片 极美映画苍井空 瘦瘦的中国男操东欧女 03ssss电影 舔女阴流水 苍井空教学笔录 娇妻五月天 77eee成人影院 小向真奈美近亲相奸作品 性交美奴开心城狠很鲁 成人视频中文免费 淫叫歌曲下载 艳情短篇姚大旺 女人阴门大胆图 WWW_MAYAW_COM 刘晓庆的屄 qvod 无码自慰潮吹 久操屁眼 肉淫小说 朝桐光360云盘 铃木杏 cgx 韩国女中学生人体艺术 WWW_2233K_COM 法国女艳星 放弃射门 天津裸图 欧美美鲍人体艺术网 玩火自焚 香港地震 廖冠杰 刺客信条最新版 美国矮像草 干死你骚妇50p 影音先锋全裸钢管舞 女嫩穴图片 快播成人版 WWWT570COM 怡红院直播下载 weiriguobidejiba qianjgjianzaixianshipin 熟女骚屄姿势视频 军奸乱伦系列 美女老师光屁股 女同性恋强奸图片 9797saosao 怡红院招人表情包 WWWWWWWXWX11COMCOM 轮奸女教师木下 操美女丝袜嫩屄 好人体艺术摄影网 大黑鸡巴操韩国美女 偷拍自拍射妹妹影院 大胆骚穴被插 日本女犬10p 怎样操妓女 欧美足交av 经典乱伦小说专区 犬夜叉第几集有露点 跟空姐做爱小说 欧美多毛男同志 日狗逼10p 3圾片大全快播文件 厕拍视频网站 露点人体艺术图片 五月丁香色五月 虐幼小说 百姓阁欧美贴图 少女嫩逼色图15p 莎丽人体 手机毛片的网站 百度人体艺术裸体图片 亚洲成人社区港澳 肏屄真过瘾 干老女人性爱视频 女性操逼黄色电影 酒色色图片 sexiaojienet 明星专区亚洲 大猛男操骚妹妹图 sao8080c 台湾美女叫床 车震自拍p 艺术人体价格 e7ecd0f8000112b6 短篇台湾乱伦小说 亚洲图片卡通动画 影音先锋同性性爱网址 波田野由衣Av在线观看 欧美女人是不是做爱很爽 骚妇被猛干图片 2017神马影院我不卡 撸撸亚洲日本 黑人大阴富 免费高清伦理 韩雪艳照门 国产自拍抽插大奶子 裸体美女比 华人第1页sss在线视频 跟好友一起给轮奸迅雷下载 体恐惧内射玉i农民精过2 狠狠色色小姐快播 骚货露逼照 美少妇的屁股紧挨着我的鸡巴坐在了我的大腿上 中国女明星动态谣乱合成图 韩国女主播奶 成人综合撸图 玲花的艳照 日本av女星tineishejing WWW8FSYCOM 大学校园的五朵淫花 94亚州色图 我去操妹 bt亚州色图 人跟动物av电影 日本性奴勿忘我 在别人家床上玩别人老婆 西西大胆风骚少妇裸体艺术 新上的离妇少妇叫床声好听 黑社会yingpian 自拍偷拍亚洲色图哥哥 少妇美女做爱色图 藏色阁大色窝sy58net 馒头美屄吧 大淫虫 类类专区成人免费 日本美女少妇嫩逼人体艺术 裸体大奶子美女 青青草成人在现视频 吉吉成人影沓 WWW591QVODCOM 日本av磁力链接 女人性交18p期 裸聊看爽片 50s乂日本人体艺术 5xxn最大胆 大咪咪干死也值 未来影院神马影院播放不了 菅谷梨沙子磁力 淫妇暴露性感内裤 秒播国产偷拍视频在线观看 穿上长靴撸 苍井空老师诱人体图 亚洲在线学生制服 飞沙滩wwwooxxbbcom 欧美男女性交自拍图片 色月亮www成人视基地 午夜秀场手机版 333e紧急大通知 吉吉chengrenshipin 仓井空逼图片 那一夜群交派对 成人人人人puymkfmkzjxcn domain77eeppcm a幼女爱爱视频 第四偷偷色图片 AV天堂网一本道 www96iseinf 超碰wap114socn 黑丝袜肏逼 美艳叔母 高山族美女 彩霞电影网qiuxia 性启蒙番号 妓女被轮虐的小说 就要哥哥爱爱AV 日本女人射精XXXzhpornhitzcom 有强奸内容的小黄文 彩漫哥哥的sex计划 兰栏坊野战 爱操b电影 大叔操幼女小说 2233d最新2233d地址 97色色婷婷五月在线cznicecom 西藏四级片 a级片我来操在线观看 淫情对话 金瓶梅第二部快播电影 立川理惠色色撸撸影院秘密花园 免费淫淫网站 涩涩网黄色动漫 和美女做在床上忍不住想要啪啪啪 被大鸡吧尻 北大裸模 日本av骚女成人网站 33qqvvmagnet 亚洲人妻av伦理手机在线播放 激情文学欧美图片www37fqcom 美国聚色 诱惑网日本翁媳乱伦 亚裔在线视频观免 欧美操穴图片欣赏 萝莉啪啪资源网账号 色色激情ed2k 2015妞妞色免费黄色片电影 离婚少妇的秘密 11p图片欧美 天天干天天啪天天曰夜夜射 洗濯屋手机在线观看 美国华商女AV 超碰痴汉空姐 宾馆内射学生妹20p 车模漏点视频 秋霞eeussxwwwqiuxia66com wwwcaoppp9com 亚洲美女爽图18P 男女曰啪啪十八岁 我和淫荡美女操逼的故事 最近偷拍樟木头 太太鲁 达利电影magnet 和胖女人做爱图 保安GV 亚洲色熟妇在线电影 近亲亚洲图 欧洲母子乱轮小说 弟媳的穴 熟女人妻系列精选4230P ggbb日本一级黄色操逼 贰捌撸中国大 pornhub稚嫩 长谷真理香bt资源 奸小男孩小说 色奶奶在线 韩国经典三级qvod www色combsbbaiducom 学生妹自慰自拍10P 农村大奶子大骚逼小说 偷拍自拍人兽变态乱伦 嗒嗒爱在线影院 战争的黄色小说网站 可爱美女激情久久热 我的鸡巴插进她那被别人操过的骚屄 爷爷的大黑龟头 色空阁免费AVwapflokokcom 吉吉兽交影视 东热16岁小美女 肥熟少妇图片 性爱小说重口味 爆菊花网址 激情开心激情同志网 WWW我爱sv 牛牛sex 黄色一级倨情 91retvwww91retvm91retv 迅雷白金板 wwwfreepomzcomzhcngay 中文字幕二嫂 男裸体图片大全 金瓶梅高清完整版qindou 影音先锋看片av资源变态调教 冰漪大尺度私拍 黄色图片合成软件 校园春色列车激情 国外孕妇radiopornxxxjizzcom 超碰人妻人人碰5533tcom xxoo微拍 wwwAVMO 说说看看和老婆操逼 70岁操屄 色影院 加藤ツキ超短裙义母的美穴在线观看 xinai520 有声小说狼牙 有声小说童话 小说色有声 春色江湖 春色浓喜 樱井莉亚肉便器育成 谁有能看的h网 能用手机看的h网 www黄色网战 开心网五月天四房 东京热50268669 东京热气质 酒色网卡通动漫 飞龙看黄片 黄小说 真木今日子 色秘书网 桃花源记 幼幼电影 操妹妹AV 俄罗斯论坛 风月百花宫 福气社区G 日韩色姐姐 色色妹妹色 四门成人网 天天色综合 一本道AV 日本在线视频 日韩极品无码 淫荡小妹电影 真?巨乳帝国 得得啪 暗暗撸 大爷射 天色islenauts 综合自拍第3页 17777av 午夜AV在线观看 百度影音喜爱夜蒲1 乡野偷香漫画 怡红院分站成人网在线播放 www,12zzzz,com ttavavav AV之家欧美AV 哪种网站可以看图片的 白石茉莉茶mp4 秋霞伦 理生活电影 松下纱荣子高清无码 中文 无码 一本道综合土豆粉 867bb最新网站免费 有声小说亚洲在线偷拍 希岛爱理作品电影豆瓣 蒂亚AV资源 天仙麻生希 凹凸视频夫妻偷窥 ABP-658百度云 大爱撸免费在线影院 一本道 山中丽子 换妻自拍神马电影 AV,A片,毛片啪啪啪 kkkk菲菲爱影视城百度 偷窥自拍20 韩国美女与男友宾馆开房嘿呦自拍表情销魂,我一旁拍摄她男友不行换我上,嫩 南方来信免费观看 色色ev 大学生国产在线观看 影音先锋很很干 花间舞祼 欧美色aⅴ 秋霞伦理片免费放 青青草WC偷拍视频 秋霞论理拍拍电影 全裸香蕉视频无码 青春草青春草原在线视频mnp4 新浪dyttnba 人妻少妇视频系列 桥本美步百度云 球插进B里的视频 小老哥影院 小黄视频免费观看在线播放 情景剧小区尾随白领入 穴彩合 日韩骑马在线 日本三级协和影视 日本少妇cosplay母狗 日本欧美成人高清视频 日本无码 日本有码 合集无码 日本一本道夕夕大香蕉 日本最变态的绑法视频 重口变态区 s m 人 兽 奸 尸 幼 ichika一本道 日本宅男福利 同事回家口交 深喉电影在线 jxhm689 午夜场8055 秛窝电 夜福利0885 storage/ emulated/0/ Qqbrowser 午夜a影院破解版在线播放 91极品车模新作187部 东方在线色站 青青草兔免费观看 v2pom国产 李宗瑞在线播放 日韩美女微福利 久久碰碰在线视频观看 90后老婆享受第二根大第一页 中国美女裸私视频叫床 被大鸡吧塞满的视频 影音先锋在线短片 8090后操B视频 2一本道高清无码天海翼 WDD-002 magnet xt urn btih 黄色视频真实强奸 杨颖不良视频 ftp bunnybunnylove福利 西班牙体内射精视频 baocaomeiniu 1t28-396 男女爱爱在线观看 你懂的网站在线观看AV guse uv镜 41st福利视频 谷露影院日本系列 991lutv 春药步兵百度网盘 国产自拍露脸 magnet 2929gege 骑兵先锋 国产露脸学生 操逼视屏免费试看 打飞机导航资源 在线h成人漫画 主播迷迭香磁力 999 看片 欧美红怡免费全部的视频 韩国美少女肏屄 - 资讯搜索 AV在线手机播放 120发连续中出集锦手机在线 日韩av1080p手机在线观看 大嫂强奸 冬月枫ck在线 shkd496在线霸王村 人人骑人人干 悠色资源 你懂的av导航 a一本道加勒比在线看 东方在线av跳转网址 国产网红自拍福利视频 avavavavavav百度云 人间色天堂导航 色小说综合网 波多野结衣来广州 www,777seguicn “维多利亚斯威格” 濑户早妃艳照大图 欧美姐妹花自慰磁力链接下载 留学生情侣自拍 农村艳遇 magnet 杀戮都市里番在线 熟女自蔚视频 超屌爽 av极速网 超碰在线在线在线 欧美亚洲综合国产bt 唐朝av免费观看 张柏芝54张照片无修改磁力下载 计女影院 手机在线收看亚洲天海翼 能搜索片名的av网站 les漫画口工污 五月天俺也去大香蕉 yy6080最稳定的资源 亚洲成人黄色 李宗瑞梁婖婷集在线观看l 黑森林视频导航 空姐AV种子 老司机影院体验区一分钟理论区 亚洲中文字幕先锋影音资源 色优优资源网 91视频秋霞 se搞笑网 东方在线最新av800 Caoporon最新视频ss 俏尔娉茉莉 中文字幕av12免m看 老色驴 西瓜影音 婷婷色先说 在线影院亚洲国产 柚木提娜剧情在线播放 八虎影院网址 大香蕉成人色网址导航 xo影院x2 男欢女爱综合网 xfpyy5566 电车痴汉 晴 蜜汁 饿肉文 xxx欧美老女人视频 带情节故事的超碰在线视频看看 大鸡巴好硬好长操我骚逼啊啊啊啊啊 迪丽热巴被取精视频 大香伊 福利电影免费资源分享 久色视频 国产区视频美日本一本道 李雯私拍无圣光 国内真实夫妻自拍视频 福利人87wwwfulishe 妻强奸乱伦 纯鲜的初中女,被胖子男干 多姿势爱爱 叫声很好听 骚碰人人妻碰人人 国产 偷拍自啪免费 99福利视频精品 成人免费免下哉小视频 狂骚空姐BB视频 草莓在线看视频自拍 小乳猪福利 www88aarr 成人动漫啪啪 和谐影院第100页 唐朝tv影院 97dyx 男人天堂18p 韩国av在线免费观看 里伦片中文秋霞 韩国演艺圈第19集2神马 波波美女AV色瑟瑟 手机影音先锋葵司 九九a在线观看视频 唐朝2018av 男女做爱插鸡巴视频 自拍在线欧洲视频偷拍 操50岁的白熟女 主播真空凸点福利视频 320pao视频 国产福利小视频狗舔水 欧美性爱 ChanelPreston 野外偷情迅雷下载 国产~熟女在线视频 91国产牛牛碰在线 内衣模特刘佳视频 wwwxkmm83com 五月天午夜剧场 碰碰自拍 青青娱乐国产自拍 寂寞厂妹李伟 张倩倩 yellow 中文字幕永久地址 汤姆影院在线观看co m 椎名空中出 一本道色av天堂 午夜福利o855看片不卡 视频 网页紧急升级维护访问通知 粉嫩女神 在线视频 邪恶少漫画大全3d里番全彩工漫 影院 红色石头 男男同志chinaboy870 五月婷婷第七视频 ipx118字幕在线 武汉第七中学门国产自拍在线 58成人电影天堂 超短裙女教师 福利美女直播在线观看 国外性直播软件下载 A片资源吧 影视鲜蜂321 大忽悠买丝 成功案例 学生自拍偷拍在线观看 东禀视频伦理 2做爱网站在线看 欧美曰本一本道免费视频在线观看 cc福利吧4 久草在线95大香蕉 六六社微拍福利 国产 自拍 啪啪啪 大屁股女神叫声可射技术太棒了 在线 香港强奸片 magnet 亚洲 欧洲 日韩 综合免费视频 扇風機で涼むTバックのパンチラ女子に発情した俺2 偷拍自拍快手福利 52秒拍福利视频优衣库 pgd605 mp4 窝窝色影 另类图片五月婷婷 女子学校拷问部 ftp 成人影院怎么下载免费 宅男频道最新上架会员 男人都天堂 久久看片vip www yemalu 127 媚药系列中文字幕亚洲 4438x全国最大情网图片 东方影库东方影音在线进入 隔壁的姐姐 草榴论坛最新邀请码 青年福利大全 调教青青草 tpzp 校园 小说 亚洲 深夜福利合集百度云资源 尽余生百度云链接 性爱小仙儿 迅雷人妖种子 协和影视三浦惠理子 小老弟视频啪啪啪啪 小视频wangz 学生妹被艹视频 鲜嫩福利视频 小而挺视频 小黄人福利视频导航 小龙女椒乳挺进 一级强奸轮奸女人片 360摄像头直播 mp4 18禁app视频播放软件下载 丝袜足交精液 百度天堂acg 美国男优射完还在硬 uram008 蕾丝模特在线偷拍 啪啪网视频在线观看 夜资源影院 温婉不雅视频 ftp x热播网 成人看片趣趣影院 嫂子吧福利网 624u在线播放 成人 欧美高潮Aⅴ magnet 金荷娜福利视频 在线 影音先锋欲求不满 千百噜噜噜影片 性欲强美女赤裸裸做爱啪啪啪视频 立场 免费在线看 肏骚浪屄视频 国模在线高清视频网站 牛牛在线正品国产视频 国产偷拍不卡在线观看 BAAN-136番号 色天使在线视频不卡 MIAD-730磁力 色 国外 绑 啊 rosi视频002 日本xxxx黄色视频 大胆汤芳sk写真 aⅴ一mm625电影网 绝色五月 俄罗斯女同bian 手机在线2018天堂一本道网 4成人无码av在线超清 天天影院官网韩剧男与女 色滴滴av 大香伊蕉人在线播放 奇米奇奇在线视频文字幕 国内某夜场大奶骚逼DJ大跳脱衣舞 操美女小穴 北 条麻妃无码电影 草莓100免费福利视频 病栋卫厕迅雷种子 国产小妹 被巨棒征服的白素贞 草榴破解视频 被窝影院午夜 苍井空无修50分钟光盘 操情人骚逼视频 韩国女主播嫩穴在线观看 含羞撅起 videoboy按摩 湿妹伦理片 在线共享97 任你干欣 撸撸鸟 在线视频 韩国秘密爱52来看 对白淫荡刺激趁朋妇露脸偷情吃J 手机电影美女主播在线观看 4438x新网页 人妻mの告白手机观 91 36 空姐 008精品视频在线 超碰98人人无马 pppd-408链接 Av美女滋力连接 扒衣 狠狠拉在线三级 素人30露 真男人天堂 色和尚资源网址影院在线观看 8-teen---xⅹⅹ---- cao7789 青娱乐网址q 急情五月丁香 av100部禁片手机在线观看 青青草成人免赞电影 北野望yibo 超碰在线观看的资源视频 爆乳无码出中出 magnet Wintv女主播福利 SHENGHAIZISHIPIN ribeng高清wuma 成人。R 操逼无码啪啪影院黄钻区 SOD女子社員 野球拳 兵哥2017贵州新片宾馆微信约啪良家少妇 vip女生被插 福利偷拍老司机老狼 69xe视频 萝莉丝袜直播 国内无码自拍在线视频 午夜热门福利视频第17集 真实强奸系列 magnet 福利123p 福利视频高清 亚洲欧洲三级片视频 干练短发肥臀大奶成熟富姐与四眼小伙情人开房啪啪打了3炮貌似都是内射 丁香五月欧洲大香蕉 希志爱野眼镜女 kkv伦理电影 影音先锋强奸乱伦在线看 国产自拍 很紧 宝贝让我舔你阴部 李毅吧在线电影深夜福利 眼镜熟女 亚洲国产黄片av 色和尚视频资源网 快播牛逼a片 老男人和胖女人做爱视频卜 云播日本写真视频 国产福利不卡视频在免费播放 嘿咻剧场20秒 2019亚洲国内无码偷拍视频 灰灰视频Av在线视频 性交兄妹视频 长时间啊嗯哦视频 毛片青青草毛片 庵野杏在现观看 韩国美女主播短视频合集 学生自拍偷拍 magnet 下载裸奶的外景视频看看 操空姐嫩穴 操幼女小妹妹在线视频 国产真实泄露在线 国模抠B自拍 波多野结衣乳交的视频 草莓在线观看偷拍久视频在线观看 国产自拍职场偷情 播放乐子视频三级片 徐瑞娜 噜视频 红宝石软件影音视频 av亚洲在线播放2018 亚洲高清无码中文字慕 69zyz 强奸合集迅雷下载 magnet 日本AV女优叫高梨 爱色应 最后的性与爱511影院 欧美日本做爰后的过程视频 死或生玛丽萝丝黄图 honglou影院 老师吸吮鸡巴视频 学生自拍 mp4 538prom在线精品国产 高颜值模特酒店私拍时太性感摄影师按耐不住潜规则,淫叫让你干我,不要停,好爽! www锛巃aakkk88锛巆n 性影院成人图片 av疯自拍 樱由罗新新的搜索 在线出人黄色网站 挑情尤物 ipx079骑士 毛片儿激情淫乱视频 经典喜大兔 亚卅熟女网站 love和小孩口迅雷 伦理小视频在线观看 咪咪网 国产自拍 动漫里番无修在线播放 东方成人α√ 粉鲍鱼d暗暗射动漫里番无修在线播放 东京热高清一本道免费 草逼视频日本人妻生活 亳色社区 高山玲奈百度云 猫扑性女局长 神盾局成人导航 神马夏同学97福利视频 乱伦小说大全福利社视频 色妞妞线官网 伦理片秋霞电院 色和尚在线视频成人 美国黄色视频 全裸福利 极品女神主播菲菲护士装大秀 人体艺术操视频26p 青青草视频苍井空 火辣磁力链接 激情小色狗视频 混血大眼女系列av在线 琪琪视频免费 强奸福利小视频免费在线观看 美国一极片 小姐A片 欧美AV网盘 俺也去好看的自拍视频 顶级美女av abp159手机在线影院 自慰自摸伦理片 欧美sexy百度云 av佐佐木明希在线 冲田杏梨侵犯中文字幕 湘西乳妇全 啵啵柠檬网 快看午夜福利 操逼小视 日韩理论大全视频 梁斯丝人体美鉴赏 米妮红人福利 一干到底txt百度云 搜索 90后性交网 女主 女王 sm 综合站 微拍福利老司机 宅男专用飞机视频 欧美成人在线观看 欧美 女烈 黑根大战女优 华人自拍 色鬼 黄色香港三级片日本三级片 女神思瑞穿着性感情趣内衣站着被猛男无套内射一穴白浆 后入高中生在线播放 拍到月经过程迅雷磁力下载 好女色在线观看 和十七岁清纯校花教室 欧美插鸡视频 日本jjzz视频在线观看 变态另类变态性虐 国产天天干天天啪啪啪 sm666999,com www3133dcon 青青草亚洲欧美日本 色妞院 亚洲 欧美 自拍 学生 国产 一级毛扁L 隔壁老王亚洲AV网站 青青青八Av手机频在线观看 aV百度 里美avs 神马影院杨幂醉酒 128人人草大香蕉AV 653cccom 有哪些口味比较轻的av 自拍 26uu 三级片茟 88ppx小视频 艾薇福利导航站 小萝莉av视频 mm的朋友无码迅雷下载 mp4 91妈妈 艾小青私拍VR视频 莲实克蕾儿·安达亚美精华 58爱色影网 韩三级片中字 magnet 好吊妞视频东京热 韩国演艺圈87福利影院 豪乳爱爱视频 内蒙古老妇女做爱视频 免费GAY片在线播放 国语对白av精品小视频 韩国喷奶视频网站 男同志china免费视频y 影音先锋淑女人妻 变态 我 杀人 自拍 女烈林娟 97总站人妻在线视频 虐乳视频 邪恶射精影院 华人破处视频 sw-274手机观看 国模福利免费视频 福利在线神马51 四虎视频在线播放 最新 美女扣b在线视频 AV怡红院 鬼窝影院 236宅宅一级佗理网 后背中出在线 微兔云 (男保罗衫) -(十字绣成品) WWW,4HU,c。m 胸罩影音先锋在线 在线成人AV magnet 天天啪,人人干,人人操 avtt2015天堂网 国产特色一级毛片 88黄色网站 熟女 舔逼 黄色小视频 - 百度 - 百度 - 百度 高清无码三级 magnet caoporn视频在线 国产自拍 妹妹影院ab sss蝌蚪窝视频 亞洲在綫AV 边打电话边偷情 日本毛片在线免费看黄网 89福利视频 yinyinchacha 马和人的交配小说 巨波乳霸照片 青色五月火裸聊视频 色色夫妻网址 粉狐娇妻自拍偷拍 五月天婷婷表姐 阿庆传系列全集 宋芝善超清 兽交偷拍自拍 www78aiavcon43bobo 亚洲亚色图 人尻动 女性嫰屄图集 人体艺术大图百度图 美女被猪奸 WWW_XXOOEE33_COM 伯芝的真屄 人妻色插 句骚综合 丝袜捆绑论坛 成人电影导航qvod 女人淫荡掰骚穴 肏艺术 性感人休艺术极品阴处 口交动大鸡吧 五月天婷婷快播 女人操逼时间 寂寞穴 强奸乱片网页影音先锋 狠狠操老比 色妹妹干啥 hpptrou全是搔妇在草 肏屄多少钱 胸走光舞蹈视频 后入式狂干小少妇 三浦惠里子先锋影片 奇米影院嘿咻色 欧美海滩人体艺术 擦小姐逼逼图 谷露成人视频 淫荡妻交换 处美shazi 人体艺术站点 欧美性交弟一页 农村男女乱伦小说 成人电影 网站影音先锋 偷拍少妇艳图 bt色动漫 自拍偷拍 qvcd 黑人黑阴 清纯唯美色夜火综合 绣由衣忍者无码 sss亚洲色图 人体大胆展示图片 日优叶律子 亚洲区免费影片硬邦邦 无码最漂亮女优 sese810 女人屄吧 阿娇俺去撸 邪恶漫画少女漫画zhikongjie 欧美乱了人妻图片 黑人干白妞图片精选 激情美女活吧 bejean on line 欧美涩涩16p 人妻小霞小说 美女拨开小穴大胆照 少妇性侵图片 分开她的双腿 小说 谁给个波多野结衣的链接啊 口述操丈母娘 小次郎动物 h 火影忍者 15p 外国人体艺术动态图 日本】人体艺术 我内射了黑妹2 love final 冈田真由香 大黑吊干嫩逼快播 WWW_668WW_COM 校园h小说合集百度网盘 18日本美女张开腿图 绿岛影院图片区 WWW_WWWCOMCASTOFFERSCOM 冢本友希全集 谁有幼女的色网 辅省霞浦县出美女 黄色美女屄 美人 韩国完整版三车 操肥妇女屁股 农村偷窥言情小说 跟缶母日比 干嫂嫂的淫穴 强奸幼女小说 下载 快插我的蜜穴 卉心五月网 7474rr 公公jin儿媳小屄 母子做爱日本 888youjizz 宁姨性事 色不色影院 公车凌辱白领影音先锋 av 亚洲 先锋 两性的故事小说三级 老熟女撸撸图撸撸图 色人谷美国发布站 人体性图片性爱小故事国产操屄电影 ccc360onm 召好看农村美女与野兽 我和邱淑贞做爱 撸死你网站波多野结衣 山村小站校园春色 SAOLAOSHI 妈妈操用屄夹儿子鸡巴小说电影 黄榕的秘密 成人人体艺术 百度 俺去啦就能找到家 幼女黄色网址 帝国涩吧 国模掰开骚屄屄穴 芭蕾舞金瓶梅avi云盘 50人轮奸50p 幼女插插插综合网 女同学肛交小穴肛门草 美女淫荡性交图片 265激情性爱 狠狠橹插逼图 97se鈥唖ese鈥唖e 和狗操逼网 日本人体艺术性图 美女性感视频网站有哪些 WWW_48P_COM 影音先锋老女 qvod校园偷拍 早川濑里奈性片 腾讯视频日本成人电影 狂操小妻 中国熟肥女视频 外国熟女性爱 四色图片偷拍 1316岁女生裸体 姐夫半夜开了我的苞 人与动物兽交影院 淫荡二嫂 內射日本最美少女 av淫乱动漫 xingjiaonuliumang 美丽的嫩屄 粉红的肉缝 黄色av下载网盘 骚骚美女图片 东汉皇帝 江陵县地图 井江野山茶油怎么样 lol天赋bug 北京违章车辆查询 外汇知识 皮脂腺痣 潮喷内射电影网站 人人人诶人色在线 未成年女屄 汤加丽15p美女 张筱雨魅惑爱人体 中国成人电影小说 yy黄色电影 美女被男人插鸡巴 超巨乳少妇的性生活 在线成人综合导航 都市激情妹妹 哥哥就要操 wwwvv9vom 66大胆人体西西 婷婷四房激情 那里有人体 亚洲木耳 人体艺术视拍 WWW_37GV_COM 偷看老师做爱快奥 男人叉b美女动态图 淫女淫妇 摸逼逼综合网插妹妹影视 大学生和姨乱淫小说 母子淫小说其它分类 淫浪妹妹电影导航 WWW_888XXHH_COM 男同性贱奴 人像摄影艺术张筱雨 844ww a欧美大胆艺术 西西人体与书 五月天色墙上 狂插妹妹15p 成人视频在线播放五月天 欧洲操少妇 女婿爱舔我的奶bt 死神成人版 北京那里可以操骚的老女人 a片水浒 裸聊自拍快播电影 苍井空被多少男人干过 快播大战中国女 欧美骚老女人大bb图 好av狠狠吸 男生弄女生下面图片性小说 干大bb表 女人躶体5p 色图豆 宇都宫紫苑快播 狼友夜色2 momdierji ujzz欧美视频 guomobaibi 白白色激情在线 人体艺术图片最大胆 影音先锋2014欧美新片 xiao777长篇连载 xxx屄 亲自乱伦p 雪白的中年妇女 各大影院网站 狠狠的激情 国模大胆人体艺术照 韩国美女主播朴妮唛10下载 WWW428XXCOM tv69现场直播 几把快播色图 骚女肏屄 大屄小屄图 女性乳房真图 经典三级先锋影视 范冰冰a片地址 日系电影 在野外大肉棒强奸女 黄色少妇天上人间 洋妞骚逼 avi人妻小说 撸斯屋五月天 淫荡激情视频 强暴乱伦迅雷bt 影音先锋三级100网址 我爱看片官网免装版 性药偏方 草榴电影网站 搞骚穴b 我和大屁股妈妈做爱经历 激情小说人体艺术 色哥网动漫视频 被大肉棒操干我 日韩性爱日韩成人 自拍露阴毛 大白逼少妇淫荡网 我和阿姨乱伦美女成人小说 幼幼合成图 伊沢千夏 偷拍美妞外阴视频 成人网最猛人妖做爱图片 老肥妇网友野外自拍 国产鬼父操女 720lua官网wwweasycountercom 徐小雅种子 苍井空演过的所有电影 无码母子乱伦中文字幕av 薰樱子的作品 欧美2性电影 完全免费在线视频夜猫 美女肉体图片147 破处小说真实 我和淫荡女儿 幼女强势进入 97碰超在线视频 欧美俄美女艺术照 美人屋艺术照 女人屄百图 ww520pu 劳资c独霸怡红院 火线吧 我女人想找个男人爱爱 永旺cgv影院 看80后操bb网 老人性交视屏 自拍偷拍激情自摸 阴经勃起图u 旗袍超高级美少女 激情乱伦小说丈母娘 以及黄色带声音动态 同志视频 欲色阁五月天 � tyy6comtyy6com 人体艺术摄影删除删除删除删除删除 小明看看在线免费 长谷川萌爱色 滩坂舞访问 日本性感美女阴部性交 色歪歪网站 ss5678 看性感动漫 迅雷影音播放器播放无码大片 我要色妹妹三级小说 刚生过孩子妈妈大奶子人体 是谁干92女明星 肏逼指套 老公早泄该不该告诉他父母 交换老婆 看黄色图片有网址吗 成人网插插插综合 影音先锋伊藤莉娜伊藤りな唯命是从性玩具 妇人的骚屄 欲霸y8se 杨童舒推油 迅雷bt种子日本 美丽人妻熟女爱爱图 WWW500MMMCOM free日本videos 内裤奇欲小上 图解受孕岛 中国古代医书女私处 色图她 鸡吧与女人逼图集 古典武侠动漫卡通第1页 淫荡妈妈和儿子操逼 福利导航综合网站 sasaqvodapk 重口色高清电影 欧美女人翘臀露逼图片下载 干风骚大嫂视频 性爱无码点播大全 wwwgegepengcom 少妇表演喷水av视频 性感美女小穴图片 新潘金莲电影 小姨子邪恶动态图 老外插大学生逼 和老外做爱11p 好看的小说黄色片段 ooxx黄色 全球国模人体大尺度艺术wwwwuyedhcom 爸爸中出女儿下载 WWW66SBSBCOM 电影妓女地狱动态图 人stys图片私阴艺术 黄色女人与狗色片 欧美sss在线男人网站 美国澡b哥哥干妺妹视频 户外全裸AV磁力 极品影视在线版 我和干娘做爱 超美的外国萝莉啪啪啪 性的暴行动态 日日夜夜鲁动漫视频 奇色四色电影 日韩A片姐姐的朋友2 激清文学综合1 妖狐wang 欧美男女性肛交 欧美bbi 人与动物成人电影东京热 幼女裸聊做爱口交 恋儿媳的屄 丁香成人性爱网 91por自拍 惠英红的内裤 都市激情风骚的嫂子 淫色小说www250uccom 亚洲色图在线无插件 日日干澳门 我爱三级社区 骚妻小莹 日本做爱大胆人体艺术 狠狠碰使劲操天天射 qvod日本成人电影 汤芳的小穴 tttt1778yukucom www333video 日荡妇逼日记 川崎理惠的唯美情 外国宝贝在北京ed2k 久久精品视频乱伦片 天天日天天看在线影院365ahnet 少妇孰女与猛男 强奸萝莉二穴开苞 农夫色校园春色 波多野结衣淫欲上班女郎 淫荡app 日屄的能力 呻吟五分钟 4tubs 黄色徐锦江性交生活系列片 大香蕉伊人久草Av 超级男成人网 地铁上的轮 xoxoxo视频在线观看wwwtudoucomwwwxmhlwegtdocn 美女AV视频xw970com 欧阳马小云日狗bt 色妹妹奶子AV 亚洲性高清视频wwwaa185com 深爱五月婷婷永久网 快播初美理音 成人性亚洲久久色图 lluba wwwsewose 金8天国美女哥哥干 最新dh游戏 淫荡的性奴熟妇 农夫色资源 操japan日本妈妈 wwwggbunet 操外国老太太 性感mm自拍 香港三级片激凸男女2 超碰网址小说 WW22ZiZcom 搜索少妇美鲍 226bbbcom手机网址 内射妹妹嫩穴 果敢成人激情网多多影音 制服诱丝袜伦理片 男人视频网magnet wwwkkkk44conmwww77qqxxcom 哈起码理论聚 69xxx人与狗性交 韩国美女乱伦视频 欧美色色453zzcomwwwc5508com 熟女淫臀 操妞综合网 国色AV bl高h古代 久井毛毛 30岁少妇被干 骚母女3p 金发美女洞穴p 迅雷免费下载欧美成人剧情电影 捆绑系列20p 亚洲色色扣b 综合图区亚洲 色图偷拍白富美 美女撸撸爽 古代罗马春宫图 97xinai 淫淫撸影院 色色男撸哥 韩国女艺人性侵种子 幸福色导航 yazhouxingjiaosetu 人马淫欲大战 动漫美女在做爱 北京空姐透明照 貂蝉邪恶小说大全 97乱伦在线 被下春药的h片 avlu2828 Sm肛交兽交 马苏被艹下载 阿根廷艳舞 夫妻日屁真人示范 男人上母动物小说 男人装五月 女人与狗一级片 免费强奸乱伦小说 h版磁力链接 免费的av 欧美性爱视频图片 hhh47改成什么了 撸包 hentai电车ol 成人文学论坛人妻女友 在线无毒视频免费 xiao77唯美清纯亚洲 www822vvwww877bocom 儿童不宜视频黄片 wwe51yycom 成人鲁大妈激情 欧美性大片美女与野兽 国产77ccrr打五月丁香 最新地址本网站美国 caop0rn超碰在线 立花里子快播下载 亚洲熟女乱伦视频照片 wwwdangfucom 亚洲午夜逼 wwwq5b5b5bcom 淫性快播 嗯色中色影视 a片资源吧首页免费 操操操成人做爱在线视频 汇聚精彩的制服丝袜大全 Www97yyw av12345天堂网 能看调教图片的网站 猛男狂射AV女优小穴 外国男同性恋网站 WWW1XNXNCOMwww3xbxb1wwwcomcc 97vccom百度 www38vzcom 亚洲性情校园春色 五月天在线手机电影 日本淫水电影 偷拍老师美腿丝袜 成人直player成人直播 华人av偷拍视频在线 av2015 WWWKan345路(Om 碰碰免费视频在线网 亚洲∧v之欲女换夫 爆操15P 激情亚洲偷拍自拍图 有什么大型的av网站 乌克兰禁片 520福利吧 七龙珠h在线 台湾娱乐妹偷拍自拍 乳推小说 淫姐弟影院 最新明星合成磁力链接 www731c0n 强奸乱轮了 想双飞网 wwww062bcom 欧美淫荡的熟女图片53vpcom 情欲国产人妖在线视频 A∨在线视频 都市激情动漫 欧洲一级性爱图片 youtubeav搜索 AV91 真人版成人片在线看网站 操骚姐姐综合影院 桐岛惠理香 激情吃bb 国产成年人Av影院 童玲同体 非洲XXXOOO 隐隐网9797 日韩迷奸 大奶子在线视频自拍偷拍 国产免费黄色小说 美女做爱情表 巴巴顶级体艺术 人妻福利 千人斩自拍偷拍 wwwsexlnsexcom kkkk84去干网 狂草小说 cczzz56 t天堂网2014 母子乱伦自拍网站 千百撸她也色在线视频 色欲乱伦小说 人妻黑穴 avl2在线视频wwwc5588 caoporn免费视频儿童 avtp123 少妇少男同奸 撸摄图 小说图片电影亚洲 迷奸骚媳妇 苍井空的B都黑了吗 征服美艳兰姨小说 www、gaoav 两性运动会mp4 5e5e黄 淫妻降临 我看一级黄色片不穿衣服 台湾伦理七色 jus网 青青草免费黄片 天堂av网bt资源 啪啪撸影院播放器 www68abcdcon 性爱图色 伦理影院丝袜妻短片 做爱图贴吧 午夜黄色视频播放 黄色网站在线 狠狠拍日日拍图片 亚洲成人导航9AVTv 伦理淫秽图片 性爱图片小说区 洗浴大保健抽插 热热色原网站动漫 俄罗斯女人上厕所 抽插美女故事 舔姐姐的逼 全国最大成人成人网站 熟女丝袜中文 埃及艳后h手机在线看 毒品国产视频性交 淫乱人妻亚洲 小说强奸女员工 LELEHEIUSmagnet 成人看片自慰免费视频在线观看视频 成人影视7次浪 青青草在线视频十八 mimiaibiz网址 av视频在线观看免费观 www_9159av_com 第七色黄片 啊啊舅妈不了了 苍井空av资源76部合集 AV短片 变态圣诞老人 日本AV无码免费 骚老婆肥臀 亚洲刮伦av小说 手机看黄色视频在线免费 草榴成人图片 fuck萝莉幼女 骚姐姐免费视频在线 wWW9ckanzycom 三级欧美亚洲自拍 土炕上的乱伦 撸妹妹网库 在线秘密AV 新片会所论坛 少妇系列之女友的姐姐 47av 色涩国王 秋霞免费视频weibocom 无码av动漫影音先锋 岛国撸成av 26uuu做爱 另类小说校园春色视频 淫秽女图阴道 多人群交17p 美熟妇乱伦在线 三级小说风流小农民 日本女生裸体照 wwwPU930com 美女裸体人体艺术网 美国十次啦另类图区 人与兽做爱mjylsscom 德玛xxxx wwwwysexyTVcom 变态另类SM小说 最爱啪啪手机在线 师傅帮我撸 幼女被开苞在线看 家教秘诀韩国电影在线高清 小姨子肛门 www76升级页 肏妈妈的小穴 寂寞少妇30p 与奶奶的激情 wuyuxlangcom bbmmm 干小姐综合 淫色人妻激情在线 色图卡通 荡的住客mp4 CG成人电影 欧洲黄绝 手机小电影资源 偷拍男女x×oo视频下载 乱伦做爱小说丶 闲人吧免费观看A片 北京ts兰兰调教 在线成人电影小说 骚妇13p亚洲图e44yqcom 金发大胆性交视频 亚洲同性视频免费网站 黄色免费小说插穴 打炮做爱电影在线 妞干网无缓冲观看 性感口爆av 图片区婷婷色 激情都市TXT 偷窥自拍卡通另类 mm成人网 酒瓶门视频在线观看 一本道dvdmdyguocom 欧美兽交在线视频网站 搜索名字的AV网站 上操死她 789po 我想看操逼的一级片 手机av在线观看地址 青草园免费视频在线 亚洲铯网 亲亲黄片色网 大黑屌插屁眼图片 美美的嫩穴 哥哥狠狠的日 867bbcon迅雷下载 wwwjb398 xxoo在找播放 美女老师淫姐 亚洲口交色图 性感巨乳人妻妈妈小说 男人日狗的感受mxiaomemecom 丈夫请原谅我西野翔 哥哥我想要txt视频 sq299下载 freefron去百度找第一个就是请叫我雷锋的女人 手机在线观看半乳妖娘 眼镜性感人妻 五十路丰乳肥臀的熟女 黄色网站在什么台 国外偷拍厕所手机在线 女优性爱13p 把鸡巴插进去嘴里的图片 欧美女生肛交Av 乱伦图撸撸 大鸡吧公公操日儿媳骚逼 wwwsmm 妈妈被轮肏 hutaba3 国产电影1 黑人操白女逼 nipingdebi 日本极品大胆私阴艺术 色1314com 欧美性爱50p第1页 xxxav18 牛操逼 欧美性爱100p 干 你 小说 颐妹? 温柔女人穴图 李丽珍蜜桃成熟时影音先锋 乱伦重生之调教母女 99皇帝油 强奸人妻剧情版 jmgui24f 韩国美女主播系列之宝拉07部 妺妹网日本人体人体图片 大胆人体艺冰漪 8090aiai 超美番号 成人影院人与兽女人与狗交 丝袜护士动漫 影音先锋70岁老太太和孙子做爱 熟妇群乱伦 yes有毒动漫超长视频 仓井老被干 下载裸体美女图片 我和一个美女的性福生活 骚屄打炮 操骚熟娘们 森下真依比基尼 欧美黑乱妇20p 女人阴经照片 爰尚小说网 WWW_RIRIHEI_COM 干小女孩快播 炸撸撸 国产少妇的阴毛 日本援爱妹 某夜总会疯狂一幕 快播干b电影 无玛夜夜撸电影 杨钰莹性孽 草妹妹的阴道 天堂15av 刘易菲被捅 岳母的大肥逼 尤美女老色五月天 床戏时间最长视频 强奸乱伦电影在线观看 人体艺术摄影网私处特写 色哥哥种子 好看的电影特级黄色图片 sss在线视频欧美 幼齿无毛 110139 医院的性爱乱伦小说 成人动漫综合网第一页 肏屄10p 暴风影音av播放 嫂子和我操屄 美鲍大胆人体百度图片 亚洲性生活 17岁乖乖学妹快播 丿爸爸插女儿 偷拍小女人 5566rihan 成娱帝国导航 看旡毛屄尿尿 父女交配小说性爱 蛇艺人体艺术照 山田裕二 优酷人艺体术阴私 阴茎电电影 给些动漫黄色网站 在线gv直接观看网址 骚妇小珠写真 WWW_JP12345_COM 爱撸成人激情网站 吉吉影音幼女片地址 母ziyinluan xiaoggaog 女同性恋图片丝袜裤 淫叫骚妇 爆操大屁股妈妈 与女友姐妹三人同床 少女毛片图 日本av片夫前 欧美大p屁 外国女人与狗穴穴 撸一撸屄 渔业养殖技术 晚清四大奇案 少林寺俗家弟子 无处安放 哪种网站你懂的 南阳理工学院常用服务 女性杂志 凉风有信秋月无边 福田汽车站咨询电话 少女18艺术图片 6080新视觉影院网页版专属 我爱看片手机下载地址 台湾翁洗乱交 波多野结衣快播种删除 彝族大黑鸡巴狠插b视频 肏逼的好处 大鸡巴插入杨小姐阴道 美女掰开黑屄 妹妹翻肉穴人体艺术 美女操逼在线播放 67ijcom 苍井空的那部av好看 我老师在做爱免费午夜电影 田加丽人体高清 女人阴部图片女人排尿 父女强奸电影 求色老妈导航 胖姝人体艺术 快播女忧小说 色妹妹激情影院成人电影网 神探架到 性虐操屄 射进幼女穴内的精液 韩国嫩模美女小穴 怎么汤狗 悠悠人体写真艺术 WWWHUANGSE0COM 背插张阿姨 射41岁的女人鞋 滛荡的妈妈 老婆不在家操了岳母的骚逼 WWWHU3CCOM 影音先锋av区 干继母快播 和岳母操逼视频 黑人大鸡巴操我 成人小说论坛色性 90后群交网 最淫的熟女穴 波多野结衣迅雷下载地址 柯受良挽联 二逼色图 中文字幕小说 波多野结衣无码步兵在线 女人露毛视频 苍井空来歪歪 李雨悠 私人影院可以过夜吗 国模邓晶两腿打开新图 射人阁我要爱爱网站 亚洲色色图色色哥 哪里有美貌女子们的性隐私迅雷下载地址 WWWCCC065COM 农村母子乱淫 色老哥26咪咪 人妻乱伦性爱图片 偷拍自拍亚洲色图美腿丝袜变态另类 韩国美女主播崔蝴蝶吉吉 黑人白人性交人体图片 姐姐是我的av梦工厂 最近偷拍自拍性爱照 WWWMAGISTOCOM 大胆人体艺术电影 影音先锋风骚少妇吃精子 色色色激情在线 拳入穴达qvod妹妹要 人体摄影哪套好 男人用鸡鸡插老婆比比 mp3性交故事在线播放 淫荡幼幼图片 美国绿色色导航 狂操44岁熟女 有家影院2016最新电影视 摸娜美小游戏 夜夜撸av视频 日本女仆和男仆做爱视频 影音先锋影院电影 欧美裸体艺术女人 欧洲色图欧洲色图 明星美图视频 哥哥射com 我和姐姐人妻乱伦 我奸淫了女同事 骚女的淫穴 黄色骚网 琪琪色爱操操 可以用迅雷看的黄色网址 cgx7440zip下载 国外孕妇radio 人与人性高潮 做爱有哪几种动做图片 爱肏妈妈小说 亚裔模特被调教群操 昌平骚女人 夫妻做爱激情自拍偷拍 免费小说 高尺度艺术 苍井空屄的蝴蝶图 偷拍自拍gif图 zaijiagan55suilaonv 小学生插入女教师阴道里 成人bt图片网 小色可激情网 偷拍日本小美女洗澡 真实的骚妇 日本十大禁片AV资源 继父日女儿屄小说 空姐脱光光 wssdd裸体赌场 吴江同人 新亚洲第一页 美女在家庭里乱伦的小说 美少女做爱呻吟全视频 女友小晴 被公公中出的儿媳 Av伦理电影福利 第四色网首 www87bbenm 姐妹脱色av 蒋雪儿大奶子 暴力肛交小萝莉 色狼哥综合 骚妇若雨的淫荡人生强奸乱伦 熟淫肥妇 春暖花开操逼吧 少女呻吟av 亚洲婷婷五月丁月 茹原雄太郎漫画种子 哪里艺术片 花和尚清纯唯美亚洲图片天天更新影院10P www久久操中文字幕 港澳大片播放 邵和在线影音先锋 大屁股水更多 丝袜母亲乱伦贴吧 美女坚挺乳头 色姐妹重口味 acqq青青草 少妇网熟女视频在线观看 国产乱伦视讯先锋影音 刘亦菲H小说 花和向www32hfcom 色片乱伦先锋 男人日女人bb视频在线免费看 少女蜜宝馆五月天 偷偷撸狠狠撸在线色图 女人秀 朋友的妈妈翔巴辉下载 欧美黑丝骚逼图片 中国留学生桃花av图片 小学生妹人体大胆展示 看美国黄色大片人兽 美女与动物乱伦 列车蜜桃亚洲大胆色图片 美女骑兵社区 亚洲色图全球三级 搜索色色色生香 轮奸日死我了 亚卅人妻色图 光棍网三级片 李丽娜下载 哥哥啪啪萝莉表妹邪恶漫画 日本激情床 奇色热在线 小男孩操大人的图那个是什么片子 欧美激情淫荡熟妇 耽美肉漫画全彩 非洲男女亲热图片大全 偷拍自拍亚洲色图欧美激情成人 张柏芝的漏b照 撸啵啵影音 成人片网wwwtxt35com 家庭强奸乱伦42nucom prondaonet 在线视频区自慰 caobiwangf x网wwwrrrr56com 妈妈是我的女人插插综合网 调教97亚洲幼女资源站视频 牛牛夜视频 010亚洲图片偷拍图片区 青青草qqgg8 6间房五月 看操必毛片 黄色做爱爽做爱 亚洲色图自拍偷拍妹妹 自拍偷拍湿穴 水原佐奈网址 长谷真理香bt资源 国产自拍同居 骚空姐自慰10p 雅酷电影 h啪久久热 av嫂夫人播放 歌曲图片api 欧美第一色噜噜 天天啪ttp2015com 日本成人电影隔壁的人妻 日本女星操屄视频 五月姐姐35ehcom 小泽玛利亚高潮图片搜索 w淫色狼 舔我屁眼骚哥 人体艺术男人看了必射的图片 操美女美穴 伦理三级片手机免费电影视频www360kkcc 亚洲色图欧美校园春色成人动漫青春 黄色美女淫荡视频 自慰拍客 姐姐拉风色中色 av成人影视wwwaavv5com 俄罗斯处女影音先锋 � 女人说说看和黑人做爱吃的消吗 有声小说故事 樱井莉亚雪精灵 樱井莉亚女同 小泽玛利亚使劲操 小泽玛利亚1.09 求外国h网 有没有h网游 在线观看h网 给个快播h网 h网在线观看 www苦歌com www访问速度快 播播开心网五月天 女仆东京热 酒色成人网小说 黄网看黄片 空调看黄片 交钱看黄片 古装黄色小说 黄色小说免费在线阅读 黄色小说免费阅读 本田岬 两性生活 迷奸少女 人兽视频 性爱频道 94娱乐网 KTV导航 sss视频 艾噹洛學院 第4色社区 色兔子成人 我要插逼逼 有点骚影院 华人第一高清 皇家礼炮娱乐 母子乱伦中出 人间风月影院 色人居成人网 最大的成人网 好色姨妈色电影 007成人电影网 2011绝色综合 365dhdvd 就要0668快播 软妹子 久久爱 色人格阁姐妹爱 911色sss主站 天天影视网 色老哥 七色成人漫画 波多野结衣吉泽明步在线中文字幕 百超碰在线小说 www·215香蕉视频 媲美小姐的电影 久久爱一本道 wwwaaak7 国产自拍青草av 日本AV免费澳门皇冠 水野朝阳演女同的AV 里番3d一家人野外 julia se 色欲宗和合网 香园伊人影院 色色……色 北条麻纪av链接 magnet siro-2246 ftp 西西人体44nenti net国模 高清强奸美女电影下载 韩国自拍 国内自拍 扩阴啪啪 伦理福利在线影院 成人 免费 动漫 视频在线观看 超碰在线视频进入离开 杏花社福利成人 免费 动漫 视频在线观看 成人影院和狗 秋霞网伦理剧新网 秋霞影院色 magnet 性爱视频自拍观看 杏仁成人社区 人狗资源福利在线 青春草97视频碰碰碰碰 秋名山车库_永久免费在线视频 小老哥影院 日韩日本综合在线av 日本日日摸 日本一本道无码ww8866 日本视频a√在线 影音先锋看片资源xfxy69 日本骚视频 日韩免费影视大全 日本强奷在线播放 - 百度 日本最变态的绑法视频 大香蕉强奸 在线直播外国 b8YY 92看电影 水柔姐姐又和儿子种子 52pao国产 主播燕京全套付费视频 黄瓜视频福利地址 128tv视频在线观看 7222xo,com 大香蕉色欲小说网 sex videos 柔术 sese820 mp4看片 美利坚在线黃色视频 mp4 0855kk m小泽玛利亚在线观看 把女人当玩具的黄色 yy4480――80s 伊人在线大人网 在线岛国码 吉泽明步私处流出资源大 好屌超碰 邪恶微拍 xxx|4性交视频 rhj223 照顾老人番号 爱牛奶午夜伦理电影网 潘号导航 男女性爱尻逼毛片 《19+韩国美女VIP视频60》福利视频高清在线观看、迅雷下载 tpimage福利在线观看 亚洲福利在线看 在线播放 第一综合福利网 天天贴图吧 自慰碰碰碰人人网 神马影院索非女同 与男友爱爱的动作视屏 毛片子1級本 桃奶木 欧美裸女视屏 三级经典在线播放 magnet 黄色艺术视频 偷拍视频福利在线 网红做爱迅雷下载 mp4 平果成人影院 初中女学生在家做爱 magnet 尹惠熙艳照 xE6x97? 笔途 小昭 艳动漫手机在线播放 宅男视频福利无码在线啪 奇米影视第四色色琪琪 酷播妹妹3 东京干七个福利视频 偷拍自拍第二部 2929gege 九州资源永久免费视频 jj无码激情视频播放 求小电影资源百度云 福利视频大屁股 123骚视频 微拍福利秋霞 直播偷拍在线观看视频 97年沈阳小性奴 偷拍自拍在线防屏蔽 若菜未 av上原亚衣影音先锋资源站 色和尚2017一本道 - 百度 国产v啪视频 AV小黄片免费看 偷拍自拍第二季 酒店激情爆操黑丝小骚货 任你操这里只有精品6 调教日记6 番号 福利小视频免费国外 丁香wuyue 在线影院四虎 诱奸视屏 淫荡便器电影 三月桃色网 嗯啊好棒视频 高清免费视频任你搞伦理片 涩涩亚洲图片 遥远的天熊山 ftp 艳m迅雷在线观看 欧美色悠悠影 好国产自拍 大香蕉电影院 magnet 啪啪影城永运在线的av电影网 yu6080福利电影 欧美图片日本理论片吃人小说av 马蓉宋喆激战秒拍 激情高辣 韩国棒子AV 波多野结衣家庭教师磁力链接 偷拍 kb18 在线视频 亚洲A片下载网站 男人天堂午夜看看 美美国农夫导航 91qq magnet yy6080最稳定的资源 XⅩX成人性爱视频 亚洲av在线图片 a片网站排行 2018免费v片在线观看 在线播放蓝沢润骑兵影片 谷孤影院 男女强吻小影院 2O17欧美这里有精品 - 百度 www四虎219 www'tvvtvvcom 人人深人人看免费 俺去啦怎么打不开在 大香蕉之在线摸眯 XⅩⅩ性爱视频 福利视频 西瓜影音 放学后调教藤井奈奈视频 大香蕉道久在线播放 Xxx偷窥偷拍在线视频 福利视频地址 大量偷拍情俬在线视频 刺激牛牛538国产免费 大象拔蚌 国产自拍 成人圆房视频 xxx xxx日本黄片 单曲 xo喜爱影院 初撮り五十路妻ドキュメント 小野さゆり xiaokedouyingyuan 哚哚影视理论片佐佐木明希 飘雪花影院国内自拍 271偷拍视频 国产群p在线 rosi在线播放 大香蕉一本道视频 国产贤者视频 www骚逼 校长影院 秘密花园福利网址 成电人影有亚洲 在线毛片自拍直播 苍井空资源社区视频全集 何奕恋约p黑人在线观看 www,98kff,com av视频链接 周末情趣影院 mm,677,rr magnet 夜场寂寞影院 wwwzzzxⅹx 人人揖人人射 gav凤凰av 男女作爱小视频 超碰在线视颍97自拍 金喜庆磁力链接 看h短视频软件 萝莉自拍第18页 777爽死院线在观看 日韩自拍高清无码 吉里吉里电影网 大乳性感美女视频 超级黄视频在线 免费一本道凹凸女优 bk福利影院 女人趴下褪裤挨打视频 成人电影片偷拍自拍 午夜福利操比 神马午夜福利视频直播毛片 绿色秋霞 三级片韩日 碰碰自拍 黄色视频免费在线播放 国产自拍 水滴 寂寞厂妹李伟 张倩倩 国产短片在线 mesubuta影音先锋 桃大桥未久在线 www AV800 正在播放国产优衣库 222aaa猫咪 日本美女a级影院 醉地鲁 mp4 操屁眼视频电梯小姐 成人尻屄视频 76zy 网红哆啦演绎外卖小哥 与茄子视频相关视频 国产线路3视频 莉哥15分钟百度云资源 京香中文字幕无删减 眼镜骚货口交 因为是弟弟得以进入 午夜影院960 女百合互慰长视频 日本做爱有码 免费看逼 在线成人亚洲区 800AV啊a澳门 连裤袜女秘密电影 美女被操的呻吟 日韩区第一页在线视频 扩阴无码 mp4 手机2018福利好视频 海量国产偷拍视频 国产厂妹奶大水多 丝袜护士激情做爱视频 免插件欧美超长乳巨乳伦理 兽爱 ftp 嫂子程倩 影音先锋男人资源站 重庆ktv现场口爆 欧洲av日本av福利 曰b镜头给你看看 杨幂诱人犯罪图片 苍井空教室白衬衫 av淘宝新地址 ssbbee 小说 大片免费播放器一色屋经典免费视频 阿v在线观看视频i免费凤凰 av仓库被封了吗 1314av成长欧美 snis824在线观看 手机成视频91 3天堂网 蝌蚪窝居 刘馨予丝袜 wwwxy14app 禁止十八岁看的啪啪直播 日本高清无码v一区2257 色姑姑综合 日本体内射精视频 小弟影院在线播放性感女排球队员帮我破男身 学院派女神求刺激餐厅在线 校园春色激情 爱视频 邪恶帝影院猛 徐教授影视福利视频 柳州莫菁 福利 日本人体勉费在线视频 VRAV在线视频观看 日本加勒比骑兵视频 我被狗狗塞得满满的 bet9影城 4438全国最大的城网站 熟女在线偷拍 偷拍自拍 淘宝模特 双飞 好爽好紧水好多女同 91影院危险吗 123无码在线av 琪琪色亚洲图片 1o24人妻手机看片 饭冈加奈子白带 强奸记录硬上3名OL操到中出实况影 农村妇女买淫视屏 林心如与狥交 CcCC77欧美性爱 69gaocom 扒开英语老师的嫩穴 15Ppapapa视频 女舔男龟头视频 就像初次恋爱AV在线 恋爱秀场啪啪啪 小米手工粉jv168 (无袖上衣) -(小叶紫檀) 525ca的网址 走光 偷拍 亚洲 丝袜 偷拍影祝视 腾讯回应年终奖 性交髙清视频 Www955sao 羞羞 高义与孙靖 耿二叔上小月 在线影院理论 国产呻吟声在线 露脸超嫩的UU7后萌萌脸美女 在沙发上被大鸡巴不停抽插 碰超免费视频福利 国产自拍老人 借贷宝在线观看74 橘优花迅雷在线播放 Av电影韩国Av日本AV欧洲AV 亚洲 偷拍 欧美 校园有声 天堂2012eeuss在线步兵区 qmm98手机版 爆乳保姆激情电影 长泽雅美无码在线观看 北海道在线无码 播放厕所偷拍 操b高清动作 艹逼视频电影 国产自拍 颜值 干 操你啦超碰在线视频 逼毛旺盛的大学美女酒店和男友开房被舔的欲死欲仙爆操后又自己坐在鸡鸡上猛摇到高 不要好涨嗯嗯视频偷拍 国产少妇卡戴珊 在线 操妞视频秀色视频免费 英文名字的看黄片播放器 强奸乱伦电影专区 金八天国ll 亚洲a片网站 人妻熟图北条麻 91爱爱社区 性吧有自拍 日本综合大型黄色网站 金荷娜资源 麻生希av在线观看 色色国 朴呢唛十八禁 四房色播av av下载 ftp iene-435 澳洲巴黎av 色很久综合 西瓜影音 jav777中字 AV新加坡资源 操逼2 se98视频男人的天堂 成人动漫百度云 苍井空喷水直播 sex mp 4 reelzoosex 69xe视频 午夜4k直播影院 日韩巨乳中文无码视频无需播放器 A片久久 九七福利电影 天堂2017AV视频 歐美福利 性爱视频 福利 贵阳夫妻找单男玩3P酒店开房黑丝高跟高清 www,haofa66,com 日本免费x视频播放器 网友自拍雪花在线 萝莉的自拍照 谭晓彤在线福利视屏 直播综合 亚洲欧美免费网址大全uc 午夜爱爱影视 556677影音先锋 日本女人,淫荡视频 学院派丝袜福利 非洲操逼逼视频 走光 偷拍 合集 magnet 丰满摇摇晃晃的诱惑大奶 小日本做爱的视频 裸少女影院 黑皮书第一放映室 久久干人人看 丝袜邪恶口工 纯肉的工口影院 午夜影院舔屁股 198黄色网站 俄罗斯美女裸体黄片 日本漫画之工fanmu 亚丝娜被视频种子 avtom ftp 老司机福利国内在线观看 午夜舔女生肛门 操逼视频午夜剧免费 苍井优黄片视频 草天堂在线影城 博雅汉库克黄文 色依依视频 乱伦AV女友 成人电彲网 强奸少妇的番号 国产无播放器在线啪啪 韩国女主播vip震动棒视频在线看 厕所自慰视频大全集 波士哥丝袜高跟鞋 操美少妇的逼视频 苍井空诱惑娇喘视频 苍井空丝袜视频 不吃饭不可以没有逼屌的米糕找不到小姐把酒店的服务员给草 最新国产群交视频在线观看 笔国毛片 床上色拉good电影 特一级黄色片夫妻 日本艳情视频jav laf41 磁力下载 荀琳裸体视频 慢画色 914dd 在线小视频吧 古装A片迅雷在线观看 草民伦理一起看 青娱乐官网极品盛宴天天更新 成人网站名称 ppypp咪咕 丁香十月 冒死偷拍自己找靓点 午夜影院7cdy老版网址 abp356百度云 夏同学511老子影院 dy888 西瓜影音 宇都宫紫苑 红秀 色文阁 女友小诗王海 美女被操大阴穴视品 日本H少女漫画 成人激情脱衣舞视频在线播放 跳舞塞跳蛋作文 国产自拍操逼直播 CD性爱视频 xvxv9 影视先锋 无码视频 杏美月与黑人在线播放 快播xxx hhijibacaonenbishipin 奶爆母乳电影 日本制服视频 mp4 色播 西瓜影音 国产vdio 老外干十岁女孩磁力链接 wzzzxxxx日本 神盾局成人导航 绿茶视频成人福利 摄影师和完美模特翻云覆雨 色戒吧 伦 里 偷拍自拍 快播 毛片视频小短片 毛片爸爸操女儿的视频 美女曹逼视频 色干妹子电影 混血哥佟丽娅完整版 强奸尻屄视频 金荷娜大尺度福利视频 湟瑟网站无病毒在线 讲师をハメ倒す播放 精品绿叶房女网友偷拍视频在线 快乐杀人女试一试影院 番号 短篇 luya6视频在线百度 动漫黄片a片视屏 小姐A片 四月丁香六月婷婷网 yazhouyese 日本无码日韩专区 凹凸激情视频 秋霞97在线 ee219怎么进去 熟女人妻系列 令人惹火的邻家美眉 影音先锋 土肥圆矮挫穷视频 干小妹妹 厕所间谍相机小便视频 成人电影在想免费观 zzaa1 草比克,在线观看视频 本子漫画全彩无遮挡 avtaobao cc网址变了 黄色强奸视频在线关看 欧美激情AV 欧美老妇人奂费视频 欧美偷拍拍拍视频在线 坏坏小影院 男女上床尻屄视频 插入日本人体 操逼视频在线观看操逼视频 涩影在在线 xfz44 爆裂黑丝空姐制服绝顶诱惑 骚气外露 扛腿暴力猛操 后入无套抽插 淫语不断 好久影院 波多野结衣人妻性奴隶的那个片子番号是多少? 佐伯奈奈 下载迅雷 青青草自拍超碰在线视频 看真人一级黄片 国产最新啪啪在线 日本男女床上做爱狂插射精淫叫视频 玉兰城手机福利东京干av 97黄毛片 958hh最新域名 香蕉视频动漫免费视频av 国电偷拍自拍网 阿v天天 青娱乐久久在线极品乐盛宴 欧美AV先锋影音xfyy 猫咪热播喷奶视频 色七七色九九综合网 jizizi在线播放 色播五月亚洲综合网站 - 百度 34aV 光棍影院 第九影院 41312 美女内射在线视屏 免费在线成人乱伦视频网 女生假体植入视频私处 萝莉免费在线 下身插入b射精视频 aa毛片无码在线 男主叫佐藤女主叫千里的里番 男女性交做爱插B吃鸡巴不堪的场面最污的 国人做爱声音网盘 韩国美女脱丝抹视频 国产鸭子av永久 国产自拍 种子、 男性50岁一只脚热不了 魔性论坛 被封了 国语日本电影 黄色动画片影音播放 双渗透亚洲可爱的 奸杀剧情里番 k8伦理剧情 中文无码 家里全裸的极上肉体在线播放 演员:华音 tear 福利视频 萝莉旗袍自慰视频 大陆偷拍自拍 在线 4480福利群 squaresister磁力链接 正在播放好屌妞超碰在线免费视频 虐乳视频 片里番 樱田樱人兽番号 日本人口做爱姿势视频 人妖夫妻的性生活番号种子 白色噜噜 XXOO@69 96碰碰在线播放 一本道A∨视频 美女视频∞ 69心爱 藤浦惠视频百度网盘 全国最大的网站4438 西瓜影音 七百万av 日本一本道在线无行v jiqingwenxuwwang GHⅤ成人免费 自拍网5x社会最新 WWW5Aabb 大香蕉尹任天堂在线 a v天堂 网 香蕉片网址 成人AV闪必 五月天tt 青青噜噜色 a片强奸伦理在线观看 全部视频午夜寂寞影院搜狗搜索 熟女 舔逼 爱人体福利导航 caoporn视频在线 国产自拍 69堂嫂子吧 凹凸视频线观看免费 激情野战你懂的视频 熊黛林后入式视频 聊城女人吃男人阴茎视频 女人肥厚无毛的阴户 尤舞蹈全露 gan91动漫 美熟女律师淫水喷射大量失禁友田真希 滛滛网五月色 我们轮奸了同学的姐姐 与食堂阿姨爱爱小说 黑人生殖贵器大全 三级片吉吉乱伦 快播日本重口味丧尸片 sex119 肏操视频 幼女性交系列 泽玛利亚大战黑人 少女的逼老二撸 男人都喜欢奶大逼紧的吗 洋妞大穴 操屄色图 欧美做爱图片 yazhousetuchengrendongman 美女性爱口技图 凶兔成人影视8kkk 色色色人生 亚洲大奶继母 我和岳母日逼 淫色基地成人电影 美乳22p 美妞屄屄 女优与黑人的邪恶 寂寞穴 操操美人 撸小萝莉逼淫水四溅4p 学妹淫色 6655h成人套图 牛莉最新电视剧 人体艺术赵微 苍井空激情in 嫂子寂寞勾引13岁的我 百度云盘黄色视频缩略上有黄图为什么不删除 成人美图13p 父亲插女儿的乱伦小说