@charset "CP850"; @import url("http://fast.fonts.com/t/1.css?apiType=css&projectid=2d843831-a79f-4795-a253-f3ea85b800aa"); /* Theme Name: Timeline Production * Author: Meos - Ideas For Success * Author URI: www.meos-medien.de * Description: * Version: 1.0 * License: Copyright * Tags: */ /* Skin for jPlayer Plugin (jQuery JavaScript Library) http://www.jplayer.org Skin Name: Blue Monday Copyright (c) 2010-2012 Happyworm Ltd Dual licensed under the MIT and GPL licenses. - http://www.opensource.org/licenses/mit-license.php - http://www.gnu.org/copyleft/gpl.html Author: Silvia Benvenuti Skin Version: 4.2 (jPlayer 2.2.0) Date: 22nd October 2012 */ div.jp-audio, div.jp-audio-stream, div.jp-video { /* Edit the font-size to counteract inherited font sizing. Eg. 1.25em = 1 / 0.8em */ font-size: 1.25em; font-family: Verdana, Arial, sans-serif; line-height: 1.6; color: #666666; border: none; background-color: #eeeeee; overflow: hidden; } div.jp-audio { width: 420px; } div.jp-audio-stream { width: 182px; } div.jp-video-270p { width: 480px; } div.jp-video-360p { width: 640px; } div.jp-video-full { /* Rules for IE6 (full-screen) */ width: 480px; height: 270px; /* Rules for IE7 (full-screen) - Otherwise the relative container causes other page items that are not position:static (default) to appear over the video/gui. */ position: static !important; position: relative; } /* The z-index rule is defined in this manner to enable Popcorn plugins that add overlays to video area. EG. Subtitles. */ div.jp-video-full div div { z-index: 1000; } div.jp-jplayer { overflow: hidden; } div.jp-jplayer object { width: 100%; height: 100%; min-height: 500px; } div.jp-video-full div.jp-jplayer { top: 0; left: 0; position: fixed !important; position: relative; overflow: hidden; } div.jp-video-full div.jp-gui { position: fixed !important; position: static; top: 0; left: 0; width: 100%; height: 100%; z-index: 1001; } div.jp-video-full div.jp-interface { position: absolute !important; position: relative; bottom: 0; left: 0; } div.jp-interface { position: relative; background-color: #eeeeee; width: 100%; } div.jp-type-single { overflow: hidden; } div.jp-audio div.jp-type-single div.jp-interface { height: 80px; } div.jp-audio div.jp-type-playlist div.jp-interface { height: 80px; } div.jp-audio-stream div.jp-type-single div.jp-interface { height: 80px; } div.jp-video div.jp-interface { border-top: 1px solid #009be3; } /* @group CONTROLS */ div.jp-controls-holder { clear: both; width: 440px; margin: 0 auto; position: relative; overflow: hidden; top: -8px; } div.jp-interface ul.jp-controls { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } div.jp-audio ul.jp-controls { width: 380px; padding: 20px 20px 0 20px; } div.jp-audio-stream ul.jp-controls { width: 142px; padding: 20px 20px 0 20px; } div.jp-video div.jp-type-single ul.jp-controls { width: 78px; margin-left: 200px; } div.jp-video div.jp-type-playlist ul.jp-controls { width: 134px; margin-left: 172px; } div.jp-video ul.jp-controls, div.jp-interface ul.jp-controls li { display: inline; float: left; } div.jp-interface ul.jp-controls a { display: block; overflow: hidden; text-indent: -9999px; } a.jp-play, a.jp-pause { width: 40px; height: 40px; } a.jp-play { background: url('../images/misc/jplayer.blue.monday.jpg') 0 0 no-repeat; } a.jp-play:hover { background: url('../images/misc/jplayer.blue.monday.jpg') -41px 0 no-repeat; } a.jp-pause { background: url('../images/misc/jplayer.blue.monday.jpg') 0 -42px no-repeat; display: none; } a.jp-pause:hover { background: url('../images/misc/jplayer.blue.monday.jpg') -41px -42px no-repeat; } a.jp-stop, a.jp-previous, a.jp-next { width: 28px; height: 28px; margin-top: 6px; } a.jp-stop { background: url('../images/misc/jplayer.blue.monday.jpg') 0 -83px no-repeat; margin-left: 10px; } a.jp-stop:hover { background: url('../images/misc/jplayer.blue.monday.jpg') -29px -83px no-repeat; } a.jp-previous { background: url('../images/misc/jplayer.blue.monday.jpg') 0 -112px no-repeat; } a.jp-previous:hover { background: url('../images/misc/jplayer.blue.monday.jpg') -29px -112px no-repeat; } a.jp-next { background: url('../images/misc/jplayer.blue.monday.jpg') 0 -141px no-repeat; } a.jp-next:hover { background: url('../images/misc/jplayer.blue.monday.jpg') -29px -141px no-repeat; } /* @end */ /* @group progress bar */ div.jp-progress { overflow: hidden; background-color: #dddddd; } div.jp-audio div.jp-progress { position: absolute; top: 32px; height: 15px; } div.jp-audio div.jp-type-single div.jp-progress { left: 110px; width: 186px; } div.jp-audio div.jp-type-playlist div.jp-progress { left: 166px; width: 130px; } div.jp-video div.jp-progress { top: 0px; left: 0px; width: 100%; height: 10px; } div.jp-seek-bar { background: url('../images/misc/jplayer.blue.monday.jpg') 0 -202px repeat-x; width: 0px; height: 100%; cursor: pointer; } div.jp-play-bar { background: url('../images/misc/jplayer.blue.monday.jpg') 0 -218px repeat-x; width: 0px; height: 100%; } /* The seeking class is added/removed inside jPlayer */ div.jp-seeking-bg { background: url('../images/misc/jplayer.blue.monday.seeking.gif'); } /* @end */ /* @group volume controls */ a.jp-mute, a.jp-unmute, a.jp-volume-max { width: 18px; height: 15px; margin-top: 12px; } div.jp-audio div.jp-type-single a.jp-mute, div.jp-audio div.jp-type-single a.jp-unmute { margin-left: 210px; } div.jp-audio div.jp-type-playlist a.jp-mute, div.jp-audio div.jp-type-playlist a.jp-unmute { margin-left: 154px; } div.jp-audio-stream div.jp-type-single a.jp-mute, div.jp-audio-stream div.jp-type-single a.jp-unmute { margin-left: 10px; } div.jp-audio a.jp-volume-max, div.jp-audio-stream a.jp-volume-max { margin-left: 56px; } div.jp-video a.jp-mute, div.jp-video a.jp-unmute, div.jp-video a.jp-volume-max { position: absolute; top: 12px; margin-top: 0; } div.jp-video a.jp-mute, div.jp-video a.jp-unmute { left: 50px; } div.jp-video a.jp-volume-max { left: 134px; } a.jp-mute { background: url('../images/misc/jplayer.blue.monday.jpg') 0 -170px no-repeat; } a.jp-mute:hover { background: url('../images/misc/jplayer.blue.monday.jpg') -19px -170px no-repeat; } a.jp-unmute { background: url('../images/misc/jplayer.blue.monday.jpg') -60px -170px no-repeat; display: none; } a.jp-unmute:hover { background: url('../images/misc/jplayer.blue.monday.jpg') -79px -170px no-repeat; } a.jp-volume-max { background: url('../images/misc/jplayer.blue.monday.jpg') 0 -186px no-repeat; } a.jp-volume-max:hover { background: url('../images/misc/jplayer.blue.monday.jpg') -19px -186px no-repeat; } div.jp-volume-bar { position: absolute; overflow: hidden; background: url('../images/misc/jplayer.blue.monday.jpg') 0 -250px repeat-x; width: 46px; height: 5px; cursor: pointer; } div.jp-audio div.jp-volume-bar { top: 37px; left: 330px; } div.jp-audio-stream div.jp-volume-bar { top: 37px; left: 92px; } div.jp-video div.jp-volume-bar { top: 17px; left: 72px; } div.jp-volume-bar-value { background: url('../images/misc/jplayer.blue.monday.jpg') 0 -256px repeat-x; width: 0px; height: 5px; } /* @end */ /* @group current time and duration */ div.jp-audio div.jp-time-holder { position: absolute; top: 50px; } div.jp-audio div.jp-type-single div.jp-time-holder { left: 110px; width: 186px; } div.jp-audio div.jp-type-playlist div.jp-time-holder { left: 166px; width: 130px; } div.jp-current-time, div.jp-duration { width: 60px; font-size: 0.64em; font-style: oblique; } div.jp-current-time { float: left; display: inline; } div.jp-duration { float: right; display: inline; text-align: right; } div.jp-video div.jp-current-time { margin-left: 20px; } div.jp-video div.jp-duration { margin-right: 20px; } /* @end */ /* @group playlist */ div.jp-title { font-weight: bold; text-align: center; } div.jp-title, div.jp-playlist { width: 100%; background-color: #cccccc; border-top: 1px solid #009be3; } div.jp-type-single div.jp-title, div.jp-type-playlist div.jp-title, div.jp-type-single div.jp-playlist { border-top: none; } div.jp-title ul, div.jp-playlist ul { list-style-type: none; margin: 0; padding: 0 20px; font-size: 0.72em; } div.jp-title li { padding: 5px 0; font-weight: bold; } div.jp-playlist li { padding: 5px 0 4px 20px; border-bottom: 1px solid #eeeeee; } div.jp-playlist li div { display: inline; } /* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */ div.jp-type-playlist div.jp-playlist li:last-child { padding: 5px 0 5px 20px; border-bottom: none; } div.jp-type-playlist div.jp-playlist li.jp-playlist-current { list-style-type: square; list-style-position: inside; padding-left: 7px; } div.jp-type-playlist div.jp-playlist a { color: #333333; text-decoration: none; } div.jp-type-playlist div.jp-playlist a:hover { color: #0d88c1; } div.jp-type-playlist div.jp-playlist a.jp-playlist-current { color: #0d88c1; } div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove { float: right; display: inline; text-align: right; margin-right: 10px; font-weight: bold; color: #666666; } div.jp-type-playlist div.jp-playlist a.jp-playlist-item-remove:hover { color: #0d88c1; } div.jp-type-playlist div.jp-playlist span.jp-free-media { float: right; display: inline; text-align: right; margin-right: 10px; } div.jp-type-playlist div.jp-playlist span.jp-free-media a { color: #666666; } div.jp-type-playlist div.jp-playlist span.jp-free-media a:hover { color: #0d88c1; } span.jp-artist { font-size: 0.8em; color: #666666; } /* @end */ div.jp-video-play { width: 100%; overflow: hidden; cursor: pointer; background-color: rgba(0, 0, 0, 0); } div.jp-video-270p div.jp-video-play { margin-top: -270px; height: 270px; } div.jp-video-360p div.jp-video-play { margin-top: -360px; height: 360px; } div.jp-video-full div.jp-video-play { height: 100%; } a.jp-video-play-icon { position: relative; display: block; width: 112px; height: 100px; margin-left: -56px; margin-top: -50px; left: 50%; top: 50%; background: url('../images/misc/jplayer.blue.monday.video.play.png') 0 0 no-repeat; text-indent: -9999px; } div.jp-video-play:hover a.jp-video-play-icon { background: url('../images/misc/jplayer.blue.monday.video.play.png') 0 -100px no-repeat; } div.jp-jplayer { background-color: black; } /* @group TOGGLES */ /* The audio toggles are nested inside jp-time-holder */ ul.jp-toggles { list-style-type: none; padding: 0; margin: 0 auto; overflow: hidden; } div.jp-audio .jp-type-single ul.jp-toggles { width: 25px; } div.jp-audio .jp-type-playlist ul.jp-toggles { width: 55px; margin: 0; position: absolute; left: 325px; top: 50px; } div.jp-video ul.jp-toggles { margin-top: 10px; width: 100px; } ul.jp-toggles li { display: block; float: right; } ul.jp-toggles li a { display: block; width: 25px; height: 18px; text-indent: -9999px; line-height: 100%; } a.jp-full-screen { background: url('../images/misc/jplayer.blue.monday.jpg') 0 -310px no-repeat; margin-left: 20px; } a.jp-full-screen:hover { background: url('../images/misc/jplayer.blue.monday.jpg') -30px -310px no-repeat; } a.jp-restore-screen { background: url('../images/misc/jplayer.blue.monday.jpg') -60px -310px no-repeat; margin-left: 20px; } a.jp-restore-screen:hover { background: url('../images/misc/jplayer.blue.monday.jpg') -90px -310px no-repeat; } a.jp-repeat { background: url('../images/misc/jplayer.blue.monday.jpg') 0 -290px no-repeat; } a.jp-repeat:hover { background: url('../images/misc/jplayer.blue.monday.jpg') -30px -290px no-repeat; } a.jp-repeat-off { background: url('../images/misc/jplayer.blue.monday.jpg') -60px -290px no-repeat; } a.jp-repeat-off:hover { background: url('../images/misc/jplayer.blue.monday.jpg') -90px -290px no-repeat; } a.jp-shuffle { background: url('../images/misc/jplayer.blue.monday.jpg') 0 -270px no-repeat; margin-left: 5px; } a.jp-shuffle:hover { background: url('../images/misc/jplayer.blue.monday.jpg') -30px -270px no-repeat; } a.jp-shuffle-off { background: url('../images/misc/jplayer.blue.monday.jpg') -60px -270px no-repeat; margin-left: 5px; } a.jp-shuffle-off:hover { background: url('../images/misc/jplayer.blue.monday.jpg') -90px -270px no-repeat; } /* @end */ /* @group NO SOLUTION error feedback */ .jp-no-solution { padding: 5px; font-size: 0.8em; background-color: #eeeeee; border: 2px solid #009be3; color: black; display: none; } .jp-no-solution a { color: black; } .jp-no-solution span { font-size: 1em; display: block; text-align: center; font-weight: bold; } /* @end */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; } q, blockquote { quotes: none; } q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; } a img { border: none; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } html { font-size: 62.5%; } .clearfix, .row { *zoom: 1; } .clearfix:after, .row:after { content: ""; display: table; clear: both; } body { font-size: 12px; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; background: black; font-family: font-stack-helvetica(next); font-weight: normal; line-height: false0px; color: white; position: relative; } a { color: #666666; text-decoration: none; line-height: inherit; } a:hover { color: black; } a:focus { color: black; outline: none; } p a, p a:visited { line-height: inherit; } ul, ol { margin-bottom: false0px; } ul ul, ul ol, ol ul, ol ol { margin-bottom: 0; } ul { list-style: none outside; } ul.square { list-style: square outside; } ul.circle { list-style: circle outside; } ul.disc { list-style: disc outside; } ul li.fork { list-style-type: none; } ol { list-style: decimal; } ol, ul.square, ul.circle, ul.disc { margin-left: 20px; } li { line-height: false0px; } ul.large li { line-height: false4px; } .nav, .navbar { margin-bottom: 0; list-style: none; } .nav li, .navbar li { margin-bottom: 0; } .navbar { letter-spacing: -4px; } .navbar li { letter-spacing: 0px; display: inline-block; } .lt-ie8 .navbar li { display: inline; zoom: 1; vertical-align: auto; } .navbar li a { display: block; } .navbar.nav-center { text-align: center; } .navbar.nav-center li { display: inline; } .navbar.nav-center li a { display: inline-block; } .lt-ie8 .navbar.nav-center li a { display: inline; zoom: 1; vertical-align: auto; } .navbar.nav-right { text-align: right; } .navbar.nav-right li { letter-spacing: 0px; display: inline-block; } .lt-ie8 .navbar.nav-right li { display: inline; zoom: 1; vertical-align: auto; } .container { padding: 0 20px; } .container .container { padding: 0 0; } .row { width: 100%; max-width: 960px; min-width: 960px; margin: 0 auto; } .row .row { min-width: 0; } .highlight { background: false; } .left { float: left; } .right { float: right; } .text-left { text-align: left; } .text-right { text-align: right; } .text-center { text-align: center; } .alignleft { float: left; margin: 0 15px 15px 0; } .alignright { float: right; margin: 0 0 15px 15px; } .hide, .visuallyhidden { display: none; } .invisible { visibility: hidden; } .fluid { max-width: 100%; height: auto; } .lt-ie7 .fluid { width: 100%; } .flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; } .flex-video.widescreen { padding-bottom: 56.25%; } .flex-video.cinema { padding-bottom: 43.25%; } .flex-video.vimeo { padding-top: 0; } .flex-video iframe, .flex-video object, .flex-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } img { -ms-interpolation-mode: bicubic; } #googlemap img, object, embed, #map_canvas embed, #map_canvas img, #map_canvas object { max-width: none; } .print-only { display: none !important; } h1, h2, h3, h4, h5, h6 { margin: 0; position: relative; font-weight: 200; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { color: #777777; } h1 { font-size: 36px; line-height: 47px; margin-bottom: 18px; } h2 { font-size: 33px; line-height: 43px; margin-bottom: 9px; } h3 { font-size: 30px; line-height: 39px; margin-bottom: 6px; } h4 { font-size: 27px; line-height: 36px; margin-bottom: 4px; } h5 { font-size: 24px; line-height: 32px; margin-bottom: 3px; } h6 { font-size: 18px; line-height: 24px; } .subheader { color: #777777; font-weight: 300; margin-bottom: 24px; } p { line-height: false0px; margin: 0 0 18px; } p img { margin: 0; } p.lead { font-size: 16px; line-height: false0px; } em, i { font-family: soho-mediumitalic; font-weight: normal; font-style: normal; } strong, b { font-family: soho-medium; font-weight: normal; } small { font-size: 60%; line-height: inherit; } blockquote { line-height: 20px; color: #777777; margin: 0 0 18px; padding: 9px 20px 1px 19px; } blockquote p { line-height: 20px; color: #777777; margin-bottom: 0; } blockquote cite { font-size: 9px; display: block; color: #555555; } blockquote cite a, blockquote cite a:visited { color: #555555; } hr { border: solid #dddddd; border-width: 1px 0 0; clear: both; margin: 12px 0 18px; height: 0; } abbr, acronym { text-transform: uppercase; font-size: 90%; color: #222222; border-bottom: 1px solid #dddddd; cursor: help; } abbr { text-transform: none; } form { margin-bottom: false0px; } form label { display: block; line-height: false0px; cursor: pointer; margin-bottom: false0px/2; font-size: 10px; } input, textarea, select, .placeholder, button { font-family: font-stack-helvetica(next); font-size: 12px; color: white; margin-bottom: false0px/2; } input.input-text, textarea { border: 1px solid #bbbbbb; } input.input-text, textarea, select { display: block; margin-bottom: 9px; } label + input.input-text, label + textarea, label + select, label + div.dropdown, select + div.dropdown { margin-top: -9px; } input.input-text, textarea { font-size: 10px; padding: 4px 3px 2px; background: white; } input.oversize, textarea.oversize { font-size: 14px !important; line-height: false2px; } input.supersize, textarea.supersize { font-size: 18px !important; line-height: false3px; } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; border-color: #dddddd; background: #efefef; } input .placeholder, textarea .placeholder { color: #999999; } input::-webkit-input-placeholder { color: #999999 !important; } input::-webkit-textarea-placeholder { color: #999999 !important; } input:-moz-placeholder { color: #999999 !important; } input.input-text { width: 35%; } textarea { width: 35%; overflow: auto; } textarea.noresize { resize: none; } input.small, textarea.small { width: 20%; } input.medium, textarea.medium { width: 45%; } input.large, textarea.large { width: 55%; } input.full, textarea.full { width: 99%; } form fieldset { padding: 9px 9px 2px 9px; border: solid 1px #eeeeee; margin: false0px 0; } .form-field input[type=radio], .form-field input[type=checkbox] { display: inline; width: auto; margin-bottom: 0; } .form-field.error input, input.input-text.red { border-color: #c00000; background-color: rgba(255, 0, 0, 0.15); } .form-field.error label, label.red { color: #c00000; } .form-field.error small, small.error { margin-top: -6px; display: block; margin-bottom: 9px; font-size: 10px; color: red; width: 260px; } .small + .error { width: 20%; } .medium + .error { width: 45%; } .large + .error { width: 55%; } .full + .error { width: 99%; } .ui-widget-content { background: white; border: 1px solid #aaaaaa; color: #222222; } .ui-slider { position: relative; text-align: left; } .ui-slider-horizontal { height: 0.8em; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { background: #e6e6e6; border: 1px solid lightgrey; color: #555555; font-weight: normal; } .ui-slider-horizontal .ui-slider-handle { margin-left: -0.6em; top: -0.3em; } .ui-slider .ui-slider-handle { cursor: default; height: 1.2em; position: absolute; width: 1.2em; z-index: 2; } .ui-slider-horizontal .ui-slider-range { height: 100%; top: 0; } .ui-slider .ui-slider-range { background: #dddddd; border: 0 none; display: block; font-size: 0.7em; position: absolute; z-index: 1; } .fwicons-sprite, .fancybox-wrap .fb-count-wrap .fancybox-prev span, .fancybox-wrap .fb-count-wrap .fancybox-prev:hover span, .fancybox-wrap .fb-count-wrap .fancybox-next span, .fancybox-wrap .fb-count-wrap .fancybox-next:hover span, .fancybox-close, .fancybox-close:hover { background: url('../images/fwicons-s03e8af8c15.png') no-repeat; } .sprite_s-sprite, #header .logo, #footer ul.player li .play, #tl-projectmenu ul.player li .play, #footer ul.player li .play:hover, #tl-projectmenu ul.player li .play:hover, #footer ul.player li .pause, #tl-projectmenu ul.player li .pause, #footer ul.player li .pause:hover, #tl-projectmenu ul.player li .pause:hover, #footer ul.player li .timecontrol .ui-slider-handle, #tl-projectmenu ul.player li .timecontrol .ui-slider-handle, #footer ul li.service a.lang-en, #footer ul li.service span.active.lang-en, #tl-projectmenu ul li.service a.lang-en, #tl-projectmenu ul li.service span.active.lang-en, #footer ul li.service a.lang-en:hover, #footer ul li.service span.active.lang-en:hover, #tl-projectmenu ul li.service a.lang-en:hover, #tl-projectmenu ul li.service span.active.lang-en:hover, #footer ul li.service a.lang-de, #footer ul li.service span.active.lang-de, #tl-projectmenu ul li.service a.lang-de, #tl-projectmenu ul li.service span.active.lang-de, #footer ul li.service a.lang-de:hover, #footer ul li.service span.active.lang-de:hover, #tl-projectmenu ul li.service a.lang-de:hover, #tl-projectmenu ul li.service span.active.lang-de:hover, #footer ul li.service a.facebook, #footer ul li.service span.active.facebook, #tl-projectmenu ul li.service a.facebook, #tl-projectmenu ul li.service span.active.facebook, #footer ul li.service a.facebook:hover, #footer ul li.service span.active.facebook:hover, #tl-projectmenu ul li.service a.facebook:hover, #tl-projectmenu ul li.service span.active.facebook:hover, #footer ul li.service a.vimeo, #footer ul li.service span.active.vimeo, #tl-projectmenu ul li.service a.vimeo, #tl-projectmenu ul li.service span.active.vimeo, #footer ul li.service a.vimeo:hover, #footer ul li.service span.active.vimeo:hover, #tl-projectmenu ul li.service a.vimeo:hover, #tl-projectmenu ul li.service span.active.vimeo:hover, #footer ul.menu-rgt li.pvp a span.icon, #tl-projectmenu ul.menu-rgt li.pvp a span.icon, #footer ul.menu-rgt li.pvp a:hover span.icon, #tl-projectmenu ul.menu-rgt li.pvp a:hover span.icon, #newslayer .inside .closewrapper .close, #newslayer .inside .closewrapper .close:hover, .grid #main .filmography_wrapper .filmography_el .content .toggleHeadline .toggleIcon, .grid #main .filmography_wrapper .filmography_el .content .toggleHeadline.hover .toggleIcon, .grid #main .filmography_wrapper .filmography_el .content .toggleHeadline.opened .toggleIcon, .grid #main .filmography_wrapper .filmography_el .content .toggleHeadline.opened.hover .toggleIcon, .grid #main .portfolio_wrapper .portfolio_el .toggleHeadline .toggleIcon, .grid #main .portfolio_wrapper .portfolio_el .toggleHeadline.hover .toggleIcon, .grid #main .portfolio_wrapper .portfolio_el .toggleHeadline.opened .toggleIcon, .grid #main .portfolio_wrapper .portfolio_el .toggleHeadline.opened.hover .toggleIcon, .mod_projects article .inner .desc .number .count, .mod_projects article .desc .number .countbg, .mod_projects #projectsholder .ce_project .bg-overlay .ov-wrapper .play, .mod_projects #projectsholder .ce_project .bg-overlay .ov-wrapper .show, .mod_projects #projectsholder .ce_project .desc .close, .mod_projects #projectsholder .ce_project .desc .close:hover, .mod_projects #projectsholder .ce_project .desc .rgt ul li .toggleHeadline .toggleIcon, .mod_projects #projectsholder .ce_project .desc .rgt ul li .toggleHeadline.hover .toggleIcon, .mod_projects #projectsholder .ce_project .desc .rgt ul li .toggleHeadline.opened .toggleIcon, .mod_projects #projectsholder .ce_project .desc .rgt ul li .toggleHeadline.opened.hover .toggleIcon, .mod_projects #projectsholder .ce_project .mofilm .close, .mod_projects #projectsholder .ce_project .mofilm .close:hover, .mod_projects #projectsholder .ce_project .mofotos .closewrapper .close, .mod_projects #projectsholder .ce_project .mofotos .closewrapper .close:hover, .mod_projects #volumecontrol .volumebar, .mod_projects #volumecontrol .volumebar:hover, .mod_projects #volumecontrol .volumebar.hover, .mod_projects #volumecontrol .volumebar.active, #shop_head div.payment .paypal, .mod_iso_checkout .form_error span, .mod_iso_checkout .input_wrapper p.error, .mod_iso_checkout #iso_mod_checkout_payment .payment_module label span.paypal, .mod_iso_orderdetails .inner .drow .info.downloads .download .icon, .mod_iso_orderdetails .inner .drow .info.downloads .download:hover .icon.active, #homeplay { background: url('../images/sprite_s-sc20f6aa799.png') no-repeat; } @font-face { font-family: "Soho W01 Bold Condensed"; src: url("../fonts/7a6f2cfc-5e1a-4e45-a9a2-10a3ac56380e.eot?#iefix"); src: url("../fonts/7a6f2cfc-5e1a-4e45-a9a2-10a3ac56380e.eot?#iefix") format("eot"), url("../fonts/c4404fdd-f6e1-4831-9481-df8e1ff353c7.woff") format("woff"), url("../fonts/f3d69491-3041-437a-bd23-44b4dddd3c5e.ttf") format("truetype"), url("../fonts/74c2a05f-7368-4fc0-b219-80b23b5a1057.svg#74c2a05f-7368-4fc0-b219-80b23b5a1057") format("svg"); } @font-face { font-family: "ITCFranklinGothicW01-Bk 812647"; src: url("../fonts/03dda592-ab39-4f26-9535-fdea194854cf.eot?#iefix"); src: url("../fonts/03dda592-ab39-4f26-9535-fdea194854cf.eot?#iefix") format("eot"), url("../fonts/41c174b1-68c1-41b7-a19f-5ec80929b115.woff") format("woff"), url("../fonts/06d99598-12aa-461b-b57e-81a137da1b9f.ttf") format("truetype"), url("../fonts/427cca04-e0ee-4395-a5d3-b7d45feeff62.svg#427cca04-e0ee-4395-a5d3-b7d45feeff62") format("svg"); } @font-face { font-family: "ITCFranklinGothicW01-Bk 812650"; src: url("../fonts/40c25844-afae-464c-b2e8-e22dfe775019.eot?#iefix"); src: url("../fonts/40c25844-afae-464c-b2e8-e22dfe775019.eot?#iefix") format("eot"), url("../fonts/3e93a250-0c01-4de3-a34f-07ad006f324c.woff") format("woff"), url("../fonts/b8e027ee-2673-4c27-94d0-54595a427ab2.ttf") format("truetype"), url("../fonts/d2919fbf-50f9-4403-b41a-12044cdefede.svg#d2919fbf-50f9-4403-b41a-12044cdefede") format("svg"); } @font-face { font-family: "ITCFranklinGothicW01-Bk 812656"; src: url("../fonts/25b07660-96a5-4eed-bcfd-fc4f0e97098a.eot?#iefix"); src: url("../fonts/25b07660-96a5-4eed-bcfd-fc4f0e97098a.eot?#iefix") format("eot"), url("../fonts/de902d7e-9849-4880-b8fe-966b186b110c.woff") format("woff"), url("../fonts/fdec17bc-6f6c-4b7c-bbc1-8f2ec6c7931c.ttf") format("truetype"), url("../fonts/3b330c74-12e3-423e-9785-d817a41a9a24.svg#3b330c74-12e3-423e-9785-d817a41a9a24") format("svg"); } @font-face { font-family: "ITCFranklinGothicW01-Dm 812668"; src: url("../fonts/498d8f5c-6dfe-4a07-9fdf-321bcc11909c.eot?#iefix"); src: url("../fonts/498d8f5c-6dfe-4a07-9fdf-321bcc11909c.eot?#iefix") format("eot"), url("../fonts/08fe22ab-0517-4203-bcc9-1ba2ca45f40c.woff") format("woff"), url("../fonts/6adc2e3a-d0c4-4c48-ba68-91b4107515d7.ttf") format("truetype"), url("../fonts/426ce955-d5bd-4a77-b077-402088f77e65.svg#426ce955-d5bd-4a77-b077-402088f77e65") format("svg"); } @font-face { font-family: "ITCFranklinGothicW01-Dm 812671"; src: url("../fonts/b42b1756-b19e-43bc-adf8-a91bc339a1f0.eot?#iefix"); src: url("../fonts/b42b1756-b19e-43bc-adf8-a91bc339a1f0.eot?#iefix") format("eot"), url("../fonts/61509a4a-55a0-4207-a78b-902f7a2cc685.woff") format("woff"), url("../fonts/e70351f1-aa0a-4aea-8164-6c50d40da854.ttf") format("truetype"), url("../fonts/c168602c-6e5b-408d-a51c-ca4ddb8fe8e4.svg#c168602c-6e5b-408d-a51c-ca4ddb8fe8e4") format("svg"); } @font-face { font-family: "ITCFranklinGothicW01-Dm 812683"; src: url("../fonts/023d36f1-a203-482f-bb69-f448692d32f5.eot?#iefix"); src: url("../fonts/023d36f1-a203-482f-bb69-f448692d32f5.eot?#iefix") format("eot"), url("../fonts/b2ef0f06-9dd1-4e8d-b49b-75293b3c8521.woff") format("woff"), url("../fonts/56049f78-3d2e-4f58-9aee-76015748f2a1.ttf") format("truetype"), url("../fonts/73d7155c-f1ff-4a6d-939e-8830a266016e.svg#73d7155c-f1ff-4a6d-939e-8830a266016e") format("svg"); } @font-face { font-family: "ITCFranklinGothicW01-Md 812698"; src: url("../fonts/7762c169-a387-4399-b8a3-d43373d60c3e.eot?#iefix"); src: url("../fonts/7762c169-a387-4399-b8a3-d43373d60c3e.eot?#iefix") format("eot"), url("../fonts/060031a3-ab11-4f91-9dd4-6b39458f5109.woff") format("woff"), url("../fonts/9920e0c0-07ac-4a1b-befd-fa76960969b8.ttf") format("truetype"), url("../fonts/52fb29fb-5147-4a42-b308-e24daf6ec3b6.svg#52fb29fb-5147-4a42-b308-e24daf6ec3b6") format("svg"); } .jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; } .jspContainer { overflow: hidden; position: relative; } .jspPane { position: absolute; } .jspCap { display: none; } .jspTrack { background: white; position: relative; } .jspDrag { background: #999999; position: relative; top: 0; left: 0; cursor: pointer; } .jspCorner { background: #eeeef4; float: left; height: 100%; } .jspHorizontalBar { position: absolute; bottom: 0; left: 0; width: 100%; height: 8px; background: red; } .jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; } .jspHorizontalBar .jspArrow { width: 16px; float: left; height: 100%; } .jspHorizontalBar .jspCap { float: left; } .jspArrow { background: #50506d; text-indent: -20000px; display: block; cursor: pointer; } .jspArrow.jspDisabled { cursor: default; background: #80808d; } .jspVerticalBar { position: absolute; top: 0; right: 0; width: 8px; height: 100%; background: red; } .jspVerticalBar .jspArrow { height: 16px; } .jspVerticalBar .jspArrow:focus { outline: none; } .fancybox-tmp { position: absolute; top: -9999px; left: -9999px; padding: 0; overflow: visible; visibility: hidden; } .fancybox-tmp iframe, .fancybox-tmp object { vertical-align: top; padding: 0; margin: 0; } .fancybox-wrap { position: absolute; background: black; top: 0; left: 0; z-index: 2002; -webkit-box-shadow: 0 0px 5px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0px 5px 2px rgba(0, 0, 0, 0.5); box-shadow: 0 0px 5px 2px rgba(0, 0, 0, 0.5); border-top: 1px solid #272727; border-bottom: 1px solid #272727; } .fancybox-wrap.bgwhite .fancybox-inner { background: white; } .fancybox-wrap.various { background: url('../images/textures/layer-bg-alpha.png') repeat; } .fancybox-wrap .fancybox-skin { -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; } .fancybox-wrap .fancybox-skin .fancybox-outer { padding: 0; margin: 0; color: #444444; } .fancybox-wrap .fancybox-skin .fancybox-outer .fancybox-inner { width: 100%; height: 100%; padding: 0; margin: 0; position: relative; outline: none; overflow: hidden; } .fancybox-wrap.fbtv .fancybox-prev, .fancybox-wrap.fbtv .fancybox-next { z-index: 98; } .fancybox-wrap.fbtv .fancybox-inner { z-index: 99; } .fancybox-wrap.alpine .fancybox-title-container .fancybox-title, .fancybox-wrap.texttitle .fancybox-title-container .fancybox-title { color: white; font-family: soho; text-transform: none; font-size: 11.8px; line-height: 13.8px; } .fancybox-wrap .fb-count-wrap { bottom: 0; height: 45px; right: 20px; position: absolute; margin-top: 0; float: right; z-index: 2005; display: inline-block; vertical-align: top; } .lt-ie8 .fancybox-wrap .fb-count-wrap { display: inline; zoom: 1; vertical-align: auto; } .fancybox-wrap .fb-count-wrap .fancybox-prev, .fancybox-wrap .fb-count-wrap .fancybox-next { position: relative; cursor: pointer; z-index: 2005; display: inline-block; } .lt-ie8 .fancybox-wrap .fb-count-wrap .fancybox-prev, .lt-ie8 .fancybox-wrap .fb-count-wrap .fancybox-next { display: inline; zoom: 1; vertical-align: auto; } .fancybox-wrap .fb-count-wrap .fancybox-prev span, .fancybox-wrap .fb-count-wrap .fancybox-next span { top: 50%; cursor: pointer; z-index: 2005; color: white; text-indent: 101%; white-space: nowrap; overflow: hidden; display: inline-block; vertical-align: top; } .lt-ie8 .fancybox-wrap .fb-count-wrap .fancybox-prev span, .lt-ie8 .fancybox-wrap .fb-count-wrap .fancybox-next span { display: inline; zoom: 1; vertical-align: auto; } .fancybox-wrap .fb-count-wrap .fancybox-prev:hover, .fancybox-wrap .fb-count-wrap .fancybox-next:hover { visibility: visible; } .fancybox-wrap .fb-count-wrap .fancybox-prev:hover span, .fancybox-wrap .fb-count-wrap .fancybox-next:hover span { color: #f39a0f; } .fancybox-wrap .fb-count-wrap .fancybox-prev { text-align: left; margin-right: 5px; } .fancybox-wrap .fb-count-wrap .fancybox-prev span { background-position: 0 -762px; height: 21px; width: 21px; } .fancybox-wrap .fb-count-wrap .fancybox-prev:hover span { background-position: 0 -478px; height: 21px; width: 21px; } .fancybox-wrap .fb-count-wrap .fancybox-next { text-align: right; margin-left: 5px; } .fancybox-wrap .fb-count-wrap .fancybox-next span { background-position: 0 -736px; height: 21px; width: 21px; } .fancybox-wrap .fb-count-wrap .fancybox-next:hover span { background-position: 0 -452px; height: 21px; width: 21px; } .fancybox-wrap .fb-count-wrap .fancybox-counter { display: inline-block; font-family: soho-medium; font-size: 12.8px; line-height: 20.8px; vertical-align: top; } .lt-ie8 .fancybox-wrap .fb-count-wrap .fancybox-counter { display: inline; zoom: 1; vertical-align: auto; } .fancybox-wrap.various .fancybox-close { background-color: transparent; } .fancybox-opened { z-index: 2003; } .fancybox-error { color: #444444; margin: 0; padding: 10px; } .fancybox-iframe, .fancybox-image { display: block; width: 100%; height: 100%; border: 0; padding: 0; margin: 0; vertical-align: top; } .fancybox-image { max-width: 100%; max-height: 100%; } #fancybox-loading { position: fixed; top: 50%; left: 50%; margin-top: -21px; margin-left: -21px; width: 42px; height: 42px; background: url('../images/misc/loading.gif'); opacity: 0.8; cursor: pointer; z-index: 2010; } .fancybox-close { position: absolute; background-color: black; top: 10px; right: 10px; width: 30px; height: 30px; cursor: pointer; z-index: 9004; background-position: 0 -575px; height: 30px; width: 30px; } .fancybox-close:hover { background-position: 0 -306px; height: 30px; width: 30px; background-color: black; } #fancybox-overlay { position: absolute; top: 0; left: 0; overflow: hidden; display: none; z-index: 1001; background: black; width: 100%; height: 100%; } .fancybox-toptitle { visibility: hidden; position: relative; text-shadow: none; z-index: 1005; font-family: soho-medium; text-transform: uppercase; font-size: 16.8px; line-height: 18.8px; left: 0; top: 0; margin-top: 8px; padding-bottom: 8px; color: #f39a0f; } .fancybox-title-container { display: inline-block; width: 80%; } .lt-ie8 .fancybox-title-container { display: inline; zoom: 1; vertical-align: auto; } .fancybox-title-container .fancybox-title { visibility: hidden; position: relative; text-shadow: none; z-index: 1005; font-family: soho-medium; text-transform: uppercase; font-size: 16.8px; line-height: 18.8px; left: 0; top: 0; margin-top: 8px; padding-bottom: 8px; color: #f39a0f; } .fancybox-title-container .fancybox-title { margin-top: 15px; } .fancybox-title-container .fancybox-subtitle { visibility: hidden; position: relative; text-shadow: none; z-index: 1005; font-family: soho-medium; color: white; font-size: 12.8px; line-height: 14.8px; text-transform: uppercase; left: 0; top: 0; } .fancybox-opened .fancybox-title { visibility: visible; } .fancybox-opened .fancybox-subtitle { visibility: visible; } .fancybox-opened .fancybox-toptitle { visibility: visible; } .fancybox-title-float-wrap { position: absolute; bottom: 0; right: 50%; margin-bottom: -35px; z-index: 2003; text-align: center; } .fancybox-title-float-wrap .child { -webkit-border-radius: 15px; -moz-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; display: inline-block; margin-right: -100%; padding: 2px 20px; background: transparent; background: rgba(0, 0, 0, 0.8); text-shadow: 0 1px 2px #222222; color: white; line-height: 24px; white-space: nowrap; } .fancybox-title-outside-wrap { position: relative; margin-top: 10px; color: white; } .fancybox-title-inside-wrap { margin-top: 10px; padding-bottom: 10px; font-size: 10px; } .fancybox-title-over-wrap { position: absolute; bottom: 0; left: 0; color: white; padding: 10px; background: black; background: rgba(0, 0, 0, 0.8); } #fancybox-thumbs { background: url('../images/textures/layer-top.jpg') repeat-x; background-position: 0px -300px; position: fixed; left: 0px; width: 100%; overflow: hidden; z-index: 1005; } #fancybox-thumbs.bottom { bottom: 0; } #fancybox-thumbs.top { top: 2px; } #fancybox-thumbs ul { position: relative; list-style: none; margin: 0; padding: 0; } #fancybox-thumbs ul li { float: left; padding: 1px; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; } #fancybox-thumbs ul li.active { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=75); opacity: 0.75; padding: 0; border: 1px solid white; } #fancybox-thumbs ul li:hover { opacity: 1; } #fancybox-thumbs ul li a { display: block; position: relative; overflow: hidden; border: 1px solid #222222; background: #111111; outline: none; } #fancybox-thumbs ul li img { display: block; position: relative; border: 0; padding: 0; } html, body { margin: 0; padding: 0; height: 100%; color: black; overflow: hidden; } body { background: transparent url('../images/textures/page_bg.png'); overflow: hidden; font-family: "ITCFranklinGothicW01-Bk 812647"; font-size: 13px; } body strong { font-family: "ITCFranklinGothicW01-Dm 812668"; font-size: 14px; font-weight: normal; } body:full-screen, body:fullscreen, body:-webkit-full-screen, body:-moz-full-screen { width: 80%; height: 80%; overflow: scroll; } body .nojs { height: 15px; line-height: 15px; text-align: center; background-color: #ffcc33; color: black; z-index: 99999; position: relative; } body .nojs a { color: #666666; } body.projects { background: black; } #pluginerror { position: absolute; width: 100%; background-color: red; color: white; text-align: center; z-index: 999999; } #pluginerror a { color: white; font-weight: bold; } #tabletinfomask { display: none; position: absolute; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0); z-index: 9999; top: 0; } #tabletinfo { -webkit-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5); box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.5); display: none; position: absolute; background-color: white; color: black; text-align: center; z-index: 10000; width: 580px; height: 348px; top: 50%; left: 50%; margin-top: -174px; margin-left: -290px; } #tabletinfo .header { height: 10px; width: 100%; background: transparent url('../images/textures/news_bg.png'); } #tabletinfo h2 { font-family: "Soho W01 Bold Condensed"; font-size: 18px; line-height: 25px; margin: 20px 0 0; } #tabletinfo h3 { font-family: "Soho W01 Bold Condensed"; font-size: 26px; line-height: 30px; } #tabletinfo .tabletrotation { background: transparent url('../images/textures/tabletrotation.jpg'); width: 257px; height: 130px; margin: 30px auto; } #wrapper { min-height: 100%; position: relative; } .ie6 #wrapper, .ie5 #wrapper { height: 100%; } p { margin: 0; padding: 0; } select { -webkit-appearance: none; } div, article, select, input, textarea { outline: none; } .cf:before, .cf:after { content: " "; display: table; } .cf:after { clear: both; } .ie6 .cf, .ie7 .cf { *zoom: 1; } .font-arrow-dm-14 { font-family: "ITCFranklinGothicW01-Dm 812671"; font-size: 16px; text-transform: uppercase; line-height: 32px; } .font-arrow-dm-14:before { content: "\00bb"; font-size: 36px; display: inline-block; line-height: 23px; vertical-align: text-bottom; margin-right: 2px; } .lt-ie8 .font-arrow-dm-14:before { display: inline; zoom: 1; vertical-align: auto; } .font-arrow-dm-14-back { font-family: "ITCFranklinGothicW01-Dm 812671"; font-size: 16px; text-transform: uppercase; line-height: 32px; } .font-arrow-dm-14-back:before { content: "\00AB"; font-size: 36px; display: inline-block; line-height: 23px; vertical-align: text-bottom; padding-right: 5px; } .lt-ie8 .font-arrow-dm-14-back:before { display: inline; zoom: 1; vertical-align: auto; } #header { background: transparent url('../images/textures/menu_bg.png'); height: 10px; color: black; position: fixed; width: 100%; top: 0; left: 0; z-index: 9999; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } #header .logo { text-indent: 101%; white-space: nowrap; overflow: hidden; position: absolute; top: 50px; right: 55px; background-position: 0 -240px; height: 48px; width: 151px; } #container { padding: 0; } #tl-projectmenu { overflow: hidden; } #footer, #tl-projectmenu { position: fixed; bottom: 0; width: 100%; height: 62px; background: transparent url('../images/textures/menu_bg.png'); color: white; z-index: 9999; } #footer .inside, #tl-projectmenu .inside { height: 100%; } #footer .inside .mainmenu, #tl-projectmenu .inside .mainmenu { height: 100%; } #footer .inside .mainmenu nav, #tl-projectmenu .inside .mainmenu nav { width: 950px; margin: 0 auto; position: relative; } #footer nav, #tl-projectmenu nav { height: 100%; width: 950px; margin: 0 auto; position: relative; } #footer .playercontrol, #tl-projectmenu .playercontrol { width: 515px; margin: 0 auto; position: absolute; left: 235px; } #footer .rgt-wrapper, #tl-projectmenu .rgt-wrapper { position: absolute; right: 0; height: 100%; overflow: hidden; } #footer ul, #tl-projectmenu ul { float: left; height: 100%; margin: 0; padding: 0; } #footer ul.player, #tl-projectmenu ul.player { margin-top: 18px; } #footer ul.player li #toggleplay, #footer ul.player li .timecontrol, #footer ul.player li .duration, #footer ul.player li .volume, #tl-projectmenu ul.player li #toggleplay, #tl-projectmenu ul.player li .timecontrol, #tl-projectmenu ul.player li .duration, #tl-projectmenu ul.player li .volume { float: left; vertical-align: top; padding: 0; border: none; } #footer ul.player li .play, #tl-projectmenu ul.player li .play { margin-right: 10px; background-position: 0 -1240px; height: 30px; width: 30px; } #footer ul.player li .play:hover, #tl-projectmenu ul.player li .play:hover { background-position: 0 -1205px; height: 30px; width: 30px; } #footer ul.player li .pause, #tl-projectmenu ul.player li .pause { margin-right: 10px; background-position: 0 -1380px; height: 30px; width: 30px; } #footer ul.player li .pause:hover, #tl-projectmenu ul.player li .pause:hover { background-position: 0 -1315px; height: 30px; width: 30px; } #footer ul.player li .timecontrol, #tl-projectmenu ul.player li .timecontrol { width: 347px; height: 4px; background-color: #6b6b6b; margin-top: 13px; } #footer ul.player li .timecontrol .ui-slider-range, #tl-projectmenu ul.player li .timecontrol .ui-slider-range { background-color: #9c9c9c; } #footer ul.player li .timecontrol .ui-slider-handle, #tl-projectmenu ul.player li .timecontrol .ui-slider-handle { margin: 0; padding: 0; background-color: transparent; border: none; background-position: 0 -1350px; height: 25px; width: 40px; text-align: center; font-family: "ITCFranklinGothicW01-Dm 812683"; color: white; font-size: 15px; letter-spacing: 1px; line-height: 20px; margin-top: -18px; margin-left: -20px; } #footer ul.player li .duration, #tl-projectmenu ul.player li .duration { font-family: "ITCFranklinGothicW01-Dm 812683"; color: white; font-size: 15px; letter-spacing: 1px; line-height: 20px; margin: 5px 15px; } #footer ul.player li .volume, #tl-projectmenu ul.player li .volume { margin-top: 6px; } #footer ul li, #tl-projectmenu ul li { height: 100%; display: block; float: left; vertical-align: top; position: relative; } #footer ul li.togglemenu.active, #tl-projectmenu ul li.togglemenu.active { bottom: 61px !important; } #footer ul li a, #footer ul li span.active, #tl-projectmenu ul li a, #tl-projectmenu ul li span.active { font-family: "ITCFranklinGothicW01-Dm 812683"; color: white; font-size: 20px; text-transform: uppercase; height: 100%; display: block; padding: 10px 30px 0 10px; border-right: 1px solid black; } #footer ul li a.close:before, #footer ul li span.active.close:before, #tl-projectmenu ul li a.close:before, #tl-projectmenu ul li span.active.close:before { content: "\00AB"; font-size: 45px; display: inline-block; line-height: 28px; vertical-align: text-bottom; margin-right: 2px; } .lt-ie8 #footer ul li a.close:before, .lt-ie8 #footer ul li span.active.close:before, .lt-ie8 #tl-projectmenu ul li a.close:before, .lt-ie8 #tl-projectmenu ul li span.active.close:before { display: inline; zoom: 1; vertical-align: auto; } #footer ul li a.first, #footer ul li span.active.first, #tl-projectmenu ul li a.first, #tl-projectmenu ul li span.active.first { padding: 10px 30px 0 10px; } #footer ul li a.active, #footer ul li a.trail, #footer ul li span.active.active, #footer ul li span.active.trail, #tl-projectmenu ul li a.active, #tl-projectmenu ul li a.trail, #tl-projectmenu ul li span.active.active, #tl-projectmenu ul li span.active.trail { color: #999999; background: rgba(0, 0, 0, 0.7); } #footer ul li a.mhover, #footer ul li span.active.mhover, #tl-projectmenu ul li a.mhover, #tl-projectmenu ul li span.active.mhover { color: #999999; background: rgba(0, 0, 0, 0.7); position: absolute; bottom: -72px; } #footer ul li span.active, #tl-projectmenu ul li span.active { cursor: default; } #footer ul li.service a, #footer ul li.service span.active, #tl-projectmenu ul li.service a, #tl-projectmenu ul li.service span.active { padding: 0; border: none; text-indent: 101%; white-space: nowrap; overflow: hidden; margin-left: 5px; margin-top: 30px; } #footer ul li.service a:hover, #footer ul li.service a.active, #footer ul li.service a.trail, #footer ul li.service span.active:hover, #footer ul li.service span.active.active, #footer ul li.service span.active.trail, #tl-projectmenu ul li.service a:hover, #tl-projectmenu ul li.service a.active, #tl-projectmenu ul li.service a.trail, #tl-projectmenu ul li.service span.active:hover, #tl-projectmenu ul li.service span.active.active, #tl-projectmenu ul li.service span.active.trail { background: none; } #footer ul li.service a.lang-en, #footer ul li.service span.active.lang-en, #tl-projectmenu ul li.service a.lang-en, #tl-projectmenu ul li.service span.active.lang-en { margin-right: 35px; background-position: 0 -778px; height: 31px; width: 31px; } #footer ul li.service a.lang-en:hover, #footer ul li.service span.active.lang-en:hover, #tl-projectmenu ul li.service a.lang-en:hover, #tl-projectmenu ul li.service span.active.lang-en:hover { background-position: 0 -886px; height: 31px; width: 31px; } #footer ul li.service a.lang-de, #footer ul li.service span.active.lang-de, #tl-projectmenu ul li.service a.lang-de, #tl-projectmenu ul li.service span.active.lang-de { margin-right: 35px; background-position: 0 -814px; height: 31px; width: 31px; } #footer ul li.service a.lang-de:hover, #footer ul li.service span.active.lang-de:hover, #tl-projectmenu ul li.service a.lang-de:hover, #tl-projectmenu ul li.service span.active.lang-de:hover { background-position: 0 -850px; height: 31px; width: 31px; } #footer ul li.service a.facebook, #footer ul li.service span.active.facebook, #tl-projectmenu ul li.service a.facebook, #tl-projectmenu ul li.service span.active.facebook { display: none; width: 28px; height: 31px; background-position: 0 -438px; height: 31px; width: 28px; } #footer ul li.service a.facebook:hover, #footer ul li.service span.active.facebook:hover, #tl-projectmenu ul li.service a.facebook:hover, #tl-projectmenu ul li.service span.active.facebook:hover { background-position: 0 -510px; height: 31px; width: 28px; } #footer ul li.service a.vimeo, #footer ul li.service span.active.vimeo, #tl-projectmenu ul li.service a.vimeo, #tl-projectmenu ul li.service span.active.vimeo { display: none; width: 30px; height: 31px; background-position: 0 -402px; height: 31px; width: 30px; } #footer ul li.service a.vimeo:hover, #footer ul li.service span.active.vimeo:hover, #tl-projectmenu ul li.service a.vimeo:hover, #tl-projectmenu ul li.service span.active.vimeo:hover { background-position: 0 -474px; height: 31px; width: 30px; } #footer ul.menu-rgt, #tl-projectmenu ul.menu-rgt { position: relative; } #footer ul.menu-rgt li a, #footer ul.menu-rgt li span.active, #tl-projectmenu ul.menu-rgt li a, #tl-projectmenu ul.menu-rgt li span.active { font-family: "ITCFranklinGothicW01-Bk 812656"; color: #999999; font-size: 12px; text-transform: uppercase; line-height: 21px; height: 27px; display: block; padding: 35px 20px 0 0; border-right: none; } #footer ul.menu-rgt li a:hover, #footer ul.menu-rgt li a.active, #footer ul.menu-rgt li a.trail, #footer ul.menu-rgt li span.active:hover, #footer ul.menu-rgt li span.active.active, #footer ul.menu-rgt li span.active.trail, #tl-projectmenu ul.menu-rgt li a:hover, #tl-projectmenu ul.menu-rgt li a.active, #tl-projectmenu ul.menu-rgt li a.trail, #tl-projectmenu ul.menu-rgt li span.active:hover, #tl-projectmenu ul.menu-rgt li span.active.active, #tl-projectmenu ul.menu-rgt li span.active.trail { color: white; background: none; } #footer ul.menu-rgt li a.shop, #footer ul.menu-rgt li a.rgt, #footer ul.menu-rgt li span.active.shop, #footer ul.menu-rgt li span.active.rgt, #tl-projectmenu ul.menu-rgt li a.shop, #tl-projectmenu ul.menu-rgt li a.rgt, #tl-projectmenu ul.menu-rgt li span.active.shop, #tl-projectmenu ul.menu-rgt li span.active.rgt { font-family: "ITCFranklinGothicW01-Dm 812683"; color: white; font-size: 20px; text-transform: uppercase; height: 100%; display: block; padding: 10px 30px 0 10px; border-left: 1px solid black; } #footer ul.menu-rgt li a.shop.active, #footer ul.menu-rgt li a.shop.trail, #footer ul.menu-rgt li a.rgt.active, #footer ul.menu-rgt li a.rgt.trail, #footer ul.menu-rgt li span.active.shop.active, #footer ul.menu-rgt li span.active.shop.trail, #footer ul.menu-rgt li span.active.rgt.active, #footer ul.menu-rgt li span.active.rgt.trail, #tl-projectmenu ul.menu-rgt li a.shop.active, #tl-projectmenu ul.menu-rgt li a.shop.trail, #tl-projectmenu ul.menu-rgt li a.rgt.active, #tl-projectmenu ul.menu-rgt li a.rgt.trail, #tl-projectmenu ul.menu-rgt li span.active.shop.active, #tl-projectmenu ul.menu-rgt li span.active.shop.trail, #tl-projectmenu ul.menu-rgt li span.active.rgt.active, #tl-projectmenu ul.menu-rgt li span.active.rgt.trail { color: #999999; background: rgba(0, 0, 0, 0.7); } #footer ul.menu-rgt li a.shop.mhover, #footer ul.menu-rgt li a.rgt.mhover, #footer ul.menu-rgt li span.active.shop.mhover, #footer ul.menu-rgt li span.active.rgt.mhover, #tl-projectmenu ul.menu-rgt li a.shop.mhover, #tl-projectmenu ul.menu-rgt li a.rgt.mhover, #tl-projectmenu ul.menu-rgt li span.active.shop.mhover, #tl-projectmenu ul.menu-rgt li span.active.rgt.mhover { color: #999999; background: rgba(0, 0, 0, 0.7); position: absolute; bottom: -72px; } #footer ul.menu-rgt li.pvp a, #tl-projectmenu ul.menu-rgt li.pvp a { position: relative; margin-right: 15px; } #footer ul.menu-rgt li.pvp a span.icon, #tl-projectmenu ul.menu-rgt li.pvp a span.icon { text-indent: 101%; white-space: nowrap; overflow: hidden; float: right; position: absolute; background-position: 0 -922px; height: 16px; width: 15px; bottom: 6px; right: 0px; } #footer ul.menu-rgt li.pvp a:hover span.icon, #tl-projectmenu ul.menu-rgt li.pvp a:hover span.icon { background-position: 0 -943px; height: 16px; width: 15px; } #footer .submenu, #tl-projectmenu .submenu { position: absolute; z-index: 5; bottom: 63px; left: 0; width: 100%; background: transparent url('../images/textures/menu_bg.png'); height: 29px; } #footer .submenu .mod_navigation, #tl-projectmenu .submenu .mod_navigation { height: 100%; width: 950px; position: relative; margin: 0 auto; } #footer .submenu.shop .mod_navigation ul, #tl-projectmenu .submenu.shop .mod_navigation ul { position: absolute; right: 30px; } #footer .submenu nav, #tl-projectmenu .submenu nav { height: 100%; width: 950px; position: relative; margin: 0 auto; } #footer .submenu ul, #tl-projectmenu .submenu ul { margin: 0; height: 100%; } #footer .submenu li, #tl-projectmenu .submenu li { float: left; height: 100%; } #footer .submenu li a, #footer .submenu li span.active, #tl-projectmenu .submenu li a, #tl-projectmenu .submenu li span.active { display: block; font-family: "ITCFranklinGothicW01-Dm 812683"; color: white; font-size: 18px; text-transform: uppercase; letter-spacing: 0.5px; padding: 6px 0 0 20px; transition-property: color; transition-duration: 0.2s; transition-timing-function: ease; ​-moz-transition-property: left; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; ​-o-transition-property: left; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; ​-webkit-transition-property: left; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; color: white; } #footer .submenu li a.first, #footer .submenu li span.active.first, #tl-projectmenu .submenu li a.first, #tl-projectmenu .submenu li span.active.first { padding: 6px 0 0 10px; } #footer .submenu li a:hover, #footer .submenu li a.active, #footer .submenu li span.active:hover, #footer .submenu li span.active.active, #tl-projectmenu .submenu li a:hover, #tl-projectmenu .submenu li a.active, #tl-projectmenu .submenu li span.active:hover, #tl-projectmenu .submenu li span.active.active { color: #999999; background: none; } #footer .submenu nav ul li a, #footer .submenu nav ul li span.active, #tl-projectmenu .submenu nav ul li a, #tl-projectmenu .submenu nav ul li span.active { padding-top: 6px; border-right: none; transition-property: color; transition-duration: 0.2s; transition-timing-function: ease; ​-moz-transition-property: left; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; ​-o-transition-property: left; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; ​-webkit-transition-property: left; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; color: white; } #footer .submenu nav ul li a:hover, #footer .submenu nav ul li a.active, #footer .submenu nav ul li a.trail, #footer .submenu nav ul li span.active:hover, #footer .submenu nav ul li span.active.active, #footer .submenu nav ul li span.active.trail, #tl-projectmenu .submenu nav ul li a:hover, #tl-projectmenu .submenu nav ul li a.active, #tl-projectmenu .submenu nav ul li a.trail, #tl-projectmenu .submenu nav ul li span.active:hover, #tl-projectmenu .submenu nav ul li span.active.active, #tl-projectmenu .submenu nav ul li span.active.trail { color: #999999; background: none; } .submenu { position: absolute; z-index: 5; bottom: 63px; left: 0; width: 100%; background: transparent url('../images/textures/menu_bg.png'); height: 29px; } .submenu .mod_navigation { height: 100%; width: 950px; position: relative; margin: 0 auto; } .submenu.shop .mod_navigation ul { position: absolute; right: 30px; } .submenu nav { height: 100%; width: 950px; position: relative; margin: 0 auto; } .submenu ul { margin: 0; height: 100%; } .submenu li { float: left; height: 100%; } .submenu li a, .submenu li span.active { display: block; font-family: "ITCFranklinGothicW01-Dm 812683"; color: white; font-size: 18px; text-transform: uppercase; letter-spacing: 0.5px; padding: 6px 0 0 20px; transition-property: color; transition-duration: 0.2s; transition-timing-function: ease; ​-moz-transition-property: left; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; ​-o-transition-property: left; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; ​-webkit-transition-property: left; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; color: white; } .submenu li a.first, .submenu li span.active.first { padding: 6px 0 0 10px; } .submenu li a:hover, .submenu li a.active, .submenu li span.active:hover, .submenu li span.active.active { color: #999999; background: none; } .submenu nav ul li a, .submenu nav ul li span.active { padding-top: 6px; border-right: none; transition-property: color; transition-duration: 0.2s; transition-timing-function: ease; ​-moz-transition-property: left; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; ​-o-transition-property: left; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; ​-webkit-transition-property: left; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; color: white; } .submenu nav ul li a:hover, .submenu nav ul li a.active, .submenu nav ul li a.trail, .submenu nav ul li span.active:hover, .submenu nav ul li span.active.active, .submenu nav ul li span.active.trail { color: #999999; background: none; } .ios #footer ul.menu-rgt li.pvp a span.icon { bottom: 7px; } #newslayer { position: absolute; width: 100%; height: 198px; bottom: -198px; background: transparent url('../images/textures/news_bg.png'); z-index: 10; } #newslayer .inside h4 { margin: 10px 25px; position: absolute; font-family: "Soho W01 Bold Condensed"; color: white; font-size: 21px; text-transform: uppercase; line-height: 21px; } #newslayer .inside .closewrapper { position: absolute; right: 3px; top: 5px; width: 33px; height: 32px; z-index: 1; } #newslayer .inside .closewrapper .close { text-indent: 101%; white-space: nowrap; overflow: hidden; background-position: 0 -993px; height: 24px; width: 25px; position: absolute; top: 4px; left: 4px; } #newslayer .inside .closewrapper .close:hover { background-position: 0 -964px; height: 24px; width: 25px; } #newslayer .news-wrapper { position: absolute; height: 198px; top: 0; } #newslayer .news-wrapper .inner { height: 100%; } #newslayer .ce_news { float: left; width: 430px; height: 123px; padding-top: 75px; margin-left: 20px; border-right: 1px solid rgba(0, 0, 0, 0.8); } #newslayer .ce_news.first { margin-left: 25px; } #newslayer .ce_news figure { float: left; margin-right: 10px; } #newslayer .ce_news .desc { float: left; width: 275px; } #newslayer .ce_news .date { font-family: "ITCFranklinGothicW01-Dm 812668"; color: white; font-size: 12px; line-height: 16px; } #newslayer .ce_news .title { font-family: "Soho W01 Bold Condensed"; color: white; font-size: 16px; line-height: 20px; margin-bottom: 2px; } #newslayer .ce_news .text { font-family: "ITCFranklinGothicW01-Bk 812647"; color: white; font-size: 12px; line-height: 16px; } #hometeaser { display: none; } #teaser-data { position: relative; width: 950px; margin: 0 auto; } #teaser-data .videocontent { position: absolute; } #teaser-data .videocontent p { margin: 0; } #teaser-wrapper { top: 50%; left: 50%; margin-left: -999999em; } #eyec-wrapper { left: -999999em; } #bg { position: fixed; top: 0; left: 0; } #bg.bgwidth { width: 100%; } #bg.bgheight { height: 100%; } #bg.bgz { z-index: -10; } #outbox .vimages-wrapper { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } #outbox .vimages-wrapper ul li { float: left; margin-right: 4px; } #outbox .vimages-wrapper ul li.last { margin-right: 0; } .grid #container { width: 100%; height: 100%; position: absolute; } .grid #main { width: 950px; height: 100%; margin: 0 auto; } .grid #main .inside { height: 100%; } .grid #main .inside .mod_article { height: 100%; } .grid #main p { font-family: "ITCFranklinGothicW01-Bk 812647"; color: black; font-size: 13px; line-height: 16px; } .grid #main p strong { font-family: "ITCFranklinGothicW01-Dm 812668"; } .grid #main .ce_about_tl { margin-top: 50px; } .grid #main .ce_about_tl .lft, .grid #main .ce_about_tl .rgt { display: inline-block; vertical-align: top; } .lt-ie8 .grid #main .ce_about_tl .lft, .lt-ie8 .grid #main .ce_about_tl .rgt { display: inline; zoom: 1; vertical-align: auto; } .grid #main .ce_about_tl .lft { width: 350px; text-align: right; margin-right: 50px; margin-top: 10px; } .grid #main .ce_about_tl .rgt { width: 510px; margin-top: 10px; } .grid #main .ce_about_tl .rgt p { line-height: 18px; margin-bottom: 5px; } .grid #main .ce_about_tl .rgt p strong { line-height: 16px; text-transform: uppercase; } .grid #main .ce_about_tl h1, .grid #main .ce_about_tl h2 { font-family: "Soho W01 Bold Condensed"; font-size: 30px; line-height: 35px; } .grid #main .ce_about_tl h3, .grid #main .ce_about_tl h4 { font-family: "ITCFranklinGothicW01-Bk 812647"; font-size: 14px; text-transform: uppercase; line-height: 18px; } .grid #main .ce_about_tl h3 strong, .grid #main .ce_about_tl h4 strong { font-family: "ITCFranklinGothicW01-Dm 812668"; } .grid #main .filmography_headline { margin-top: 50px; display: inline-block; vertical-align: top; width: 350px; margin-right: 60px; } .lt-ie8 .grid #main .filmography_headline { display: inline; zoom: 1; vertical-align: auto; } .grid #main .filmography_headline h1, .grid #main .filmography_headline h2 { font-family: "Soho W01 Bold Condensed"; font-size: 30px; line-height: 35px; } .grid #main .filmography_headline h3, .grid #main .filmography_headline h4 { font-family: "ITCFranklinGothicW01-Bk 812647"; font-size: 14px; text-transform: uppercase; line-height: 18px; } .grid #main .filmography_headline h3 strong, .grid #main .filmography_headline h4 strong { font-family: "ITCFranklinGothicW01-Dm 812668"; } .grid #main .filmography_wrapper { margin-top: 165px; width: 535px; display: inline-block; vertical-align: top; } .lt-ie8 .grid #main .filmography_wrapper { display: inline; zoom: 1; vertical-align: auto; } .grid #main .filmography_wrapper .filmography_el .year { display: inline-block; vertical-align: top; width: 55px; margin-right: 10px; font-family: "Soho W01 Bold Condensed"; font-size: 24px; line-height: 30px; padding: 10px 0; text-align: center; } .lt-ie8 .grid #main .filmography_wrapper .filmography_el .year { display: inline; zoom: 1; vertical-align: auto; } .grid #main .filmography_wrapper .filmography_el .content { display: inline-block; vertical-align: top; border-top: 1px solid black; width: 450px; } .lt-ie8 .grid #main .filmography_wrapper .filmography_el .content { display: inline; zoom: 1; vertical-align: auto; } .grid #main .filmography_wrapper .filmography_el .content .headline { padding: 12px 0; } .grid #main .filmography_wrapper .filmography_el .content .toggleHeadline { background: transparent url('../images/textures/black-0-80-hover.png'); background-repeat: repeat-x; background-position: 0 26px; font-family: "Soho W01 Bold Condensed"; color: black; font-size: 16px; line-height: 26px; display: block; } .grid #main .filmography_wrapper .filmography_el .content .toggleHeadline .toggleIcon { text-indent: 101%; white-space: nowrap; overflow: hidden; display: inline-block; background-position: 0 -1109px; height: 12px; width: 12px; margin: 0 5px; } .lt-ie8 .grid #main .filmography_wrapper .filmography_el .content .toggleHeadline .toggleIcon { display: inline; zoom: 1; vertical-align: auto; } .grid #main .filmography_wrapper .filmography_el .content .toggleHeadline.hover .toggleIcon { background-position: 0 -1154px; height: 12px; width: 12px; } .grid #main .filmography_wrapper .filmography_el .content .toggleHeadline.opened .toggleIcon { background-position: 0 -1171px; height: 12px; width: 12px; } .grid #main .filmography_wrapper .filmography_el .content .toggleHeadline.opened.hover .toggleIcon { background-position: 0 -1188px; height: 12px; width: 12px; } .grid #main .filmography_wrapper .filmography_el .content .toggleContent { padding: 0 5px 0 22px; font-size: 13px; display: none; position: relative; top: -5px; } .grid #main .filmography_wrapper .filmography_el .content .toggleContent p { margin-bottom: 5px; } .grid #main .filmography_wrapper .filmography_el.first .year, .grid #main .filmography_wrapper .filmography_el.first .content { border-top: 3px solid black; } .grid #main .filmography_wrapper .filmography_el.last .content { border-top: 1px solid black; width: 450px; margin-left: 5px; } .grid #main .portfolio_headline { margin-top: 50px; } .grid #main .portfolio_headline h1, .grid #main .portfolio_headline h2 { font-family: "Soho W01 Bold Condensed"; font-size: 30px; line-height: 35px; } .grid #main .portfolio_headline h3, .grid #main .portfolio_headline h4 { font-family: "ITCFranklinGothicW01-Bk 812647"; font-size: 14px; text-transform: uppercase; line-height: 18px; } .grid #main .portfolio_headline h3 strong, .grid #main .portfolio_headline h4 strong { font-family: "ITCFranklinGothicW01-Dm 812668"; } .grid #main .portfolio_wrapper { margin-top: 30px; width: 300px; float: left; margin-right: 25px; } .grid #main .portfolio_wrapper .inner { border-top: 3px solid black; border-bottom: 3px solid black; width: 285px; } .grid #main .portfolio_wrapper.right { margin-right: 0; } .grid #main .portfolio_wrapper .portfolio_el { border-top: 1px solid black; } .grid #main .portfolio_wrapper .portfolio_el:first-child { border-top: none; } .grid #main .portfolio_wrapper .portfolio_el .headline { padding: 12px 0; } .grid #main .portfolio_wrapper .portfolio_el .toggleHeadline { background: transparent url('../images/textures/black-0-80-hover.png'); background-repeat: repeat-x; background-position: 0 26px; font-family: "Soho W01 Bold Condensed"; color: black; font-size: 16px; line-height: 26px; display: block; } .grid #main .portfolio_wrapper .portfolio_el .toggleHeadline .toggleIcon { text-indent: 101%; white-space: nowrap; overflow: hidden; display: inline-block; background-position: 0 -1109px; height: 12px; width: 12px; margin: 0 5px; } .lt-ie8 .grid #main .portfolio_wrapper .portfolio_el .toggleHeadline .toggleIcon { display: inline; zoom: 1; vertical-align: auto; } .grid #main .portfolio_wrapper .portfolio_el .toggleHeadline.hover .toggleIcon { background-position: 0 -1154px; height: 12px; width: 12px; } .grid #main .portfolio_wrapper .portfolio_el .toggleHeadline.opened .toggleIcon { background-position: 0 -1171px; height: 12px; width: 12px; } .grid #main .portfolio_wrapper .portfolio_el .toggleHeadline.opened.hover .toggleIcon { background-position: 0 -1188px; height: 12px; width: 12px; } .grid #main .portfolio_wrapper .portfolio_el .toggleContent { padding: 0 5px 0 22px; font-size: 13px; position: relative; top: -5px; display: none; } .grid #main .portfolio_wrapper .portfolio_el .toggleContent p { margin-bottom: 5px; } .grid #main .portfolio_wrapper.first .year, .grid #main .portfolio_wrapper.first .content { border-top: 3px solid black; } .grid #main .portfolio_wrapper.last .content { border-top: 1px solid black; width: 450px; margin-left: 5px; } .grid #main .clients_headline { margin-top: 50px; margin-bottom: 40px; } .grid #main .clients_headline h1, .grid #main .clients_headline h2 { font-family: "Soho W01 Bold Condensed"; font-size: 30px; line-height: 35px; } .grid #main .clients_headline h3, .grid #main .clients_headline h4 { font-family: "ITCFranklinGothicW01-Bk 812647"; font-size: 14px; text-transform: uppercase; line-height: 18px; } .grid #main .clients_headline h3 strong, .grid #main .clients_headline h4 strong { font-family: "ITCFranklinGothicW01-Dm 812668"; } .grid #main .ce_contact { margin-top: 200px; } .grid #main .ce_contact .lft { display: inline-block; vertical-align: top; width: 300px; height: 270px; margin-right: 15px; text-align: right; font-family: "ITCFranklinGothicW01-Bk 812647"; font-size: 13px; text-transform: uppercase; line-height: 23px; } .lt-ie8 .grid #main .ce_contact .lft { display: inline; zoom: 1; vertical-align: auto; } .grid #main .ce_contact .lft .inner { margin-top: 55px; } .grid #main .ce_contact .lft .inner h2 { font-family: "Soho W01 Bold Condensed"; font-size: 30px; text-transform: none; line-height: 30px; } .grid #main .ce_contact .lft .inner .mail, .grid #main .ce_contact .lft .inner .web { color: #666666; } .grid #main .ce_contact .lft .inner .mail { margin-top: 10px; } .grid #main .ce_contact .rgt { display: inline-block; vertical-align: top; width: 550px; height: 270px; } .lt-ie8 .grid #main .ce_contact .rgt { display: inline; zoom: 1; vertical-align: auto; } .grid #main .ce_contact .rgt figure, .grid #main .ce_contact .rgt .desc { display: inline-block; vertical-align: middle; } .lt-ie8 .grid #main .ce_contact .rgt figure, .lt-ie8 .grid #main .ce_contact .rgt .desc { display: inline; zoom: 1; vertical-align: auto; } .grid #main .ce_contact .rgt figure { margin-right: 15px; } .grid #main .ce_contact .rgt .name { font-family: "Soho W01 Bold Condensed"; font-size: 20px; line-height: 30px; } .grid #main .ce_contact .rgt .phone, .grid #main .ce_contact .rgt .mail { text-transform: uppercase; } .grid #main .ce_contact .rgt .mail { color: #666666; } .grid #main .ce_contact .rgt .top { margin-bottom: 20px; } .grid #main .ce_contact .rgt .top .desc { vertical-align: bottom; margin-bottom: 5px; } .grid #main .ce_contact .rgt .bottom .desc { vertical-align: top; margin-top: 5px; } .grid #main .imprint_headline { margin-top: 50px; margin-bottom: 50px; font-family: "Soho W01 Bold Condensed"; font-size: 30px; line-height: 35px; } .grid #main .mod_imprint .lft { display: inline-block; vertical-align: top; width: 300px; margin-right: 15px; } .lt-ie8 .grid #main .mod_imprint .lft { display: inline; zoom: 1; vertical-align: auto; } .grid #main .mod_imprint .lft p { margin-bottom: 5px; line-height: 18px; } .grid #main .mod_imprint .rgt { display: inline-block; vertical-align: top; width: 615px; } .lt-ie8 .grid #main .mod_imprint .rgt { display: inline; zoom: 1; vertical-align: auto; } .grid #main .mod_imprint h3 { font-family: "ITCFranklinGothicW01-Dm 812668"; font-size: 13px; text-transform: uppercase; line-height: 18px; } #about-scroll { height: 100%; } #about-scroll .inner { margin-bottom: 20px; } #about-scroll.autoscroll { overflow-y: auto; overflow-x: hidden; } #about-scroll .jspHorizontalBar { display: none; } #about-scroll .jspVerticalBar { background: none; right: -2px; } #about-scroll .jspVerticalBar .jspCapTop { display: block; height: 10px; } #about-scroll .jspVerticalBar .jspCapBottom { display: block; height: 10px; } #about-scroll .jspVerticalBar .jspTrack { width: 8px; border: none; background: white; border-radius: 3px; right: 2px; } #about-scroll .jspVerticalBar .jspDrag { width: 8px; border: none; background-color: rgba(153, 153, 153, 0.5); border-radius: 3px; margin-left: 0; } #about-scroll .jspVerticalBar .jspDrag:hover { background: rgba(0, 0, 0, 0.8); } #about-scroll .scrollInner { overflow-x: hidden; width: 100%; } #filmo-scroll { height: 100%; } #filmo-scroll .inner { margin-bottom: 20px; } #filmo-scroll.autoscroll { overflow-y: auto; overflow-x: hidden; } #filmo-scroll .jspHorizontalBar { display: none; } #filmo-scroll .jspVerticalBar { background: none; right: -2px; } #filmo-scroll .jspVerticalBar .jspCapTop { display: block; height: 0px; } #filmo-scroll .jspVerticalBar .jspCapBottom { display: block; height: 8px; } #filmo-scroll .jspVerticalBar .jspTrack { width: 8px; border: none; background: white; border-radius: 3px; right: 2px; } #filmo-scroll .jspVerticalBar .jspDrag { width: 8px; border: none; background-color: rgba(153, 153, 153, 0.5); border-radius: 3px; margin-left: 0; } #filmo-scroll .jspVerticalBar .jspDrag:hover { background: rgba(0, 0, 0, 0.8); } #filmo-scroll .scrollInner { overflow-x: hidden; width: 100%; } #portfolio-scroll-left, #portfolio-scroll-middle, #portfolio-scroll-right { height: 100%; } #portfolio-scroll-left .inner, #portfolio-scroll-middle .inner, #portfolio-scroll-right .inner { margin-bottom: 20px; } #portfolio-scroll-left.autoscroll, #portfolio-scroll-middle.autoscroll, #portfolio-scroll-right.autoscroll { overflow-y: auto; overflow-x: hidden; } #portfolio-scroll-left .jspHorizontalBar, #portfolio-scroll-middle .jspHorizontalBar, #portfolio-scroll-right .jspHorizontalBar { display: none; } #portfolio-scroll-left .jspVerticalBar, #portfolio-scroll-middle .jspVerticalBar, #portfolio-scroll-right .jspVerticalBar { background: none; right: -2px; } #portfolio-scroll-left .jspVerticalBar .jspCapTop, #portfolio-scroll-middle .jspVerticalBar .jspCapTop, #portfolio-scroll-right .jspVerticalBar .jspCapTop { display: block; height: 0px; } #portfolio-scroll-left .jspVerticalBar .jspCapBottom, #portfolio-scroll-middle .jspVerticalBar .jspCapBottom, #portfolio-scroll-right .jspVerticalBar .jspCapBottom { display: block; height: 5px; } #portfolio-scroll-left .jspVerticalBar .jspTrack, #portfolio-scroll-middle .jspVerticalBar .jspTrack, #portfolio-scroll-right .jspVerticalBar .jspTrack { width: 8px; border: none; background: white; border-radius: 3px; right: 2px; } #portfolio-scroll-left .jspVerticalBar .jspDrag, #portfolio-scroll-middle .jspVerticalBar .jspDrag, #portfolio-scroll-right .jspVerticalBar .jspDrag { width: 8px; border: none; background-color: rgba(153, 153, 153, 0.5); border-radius: 3px; margin-left: 0; } #portfolio-scroll-left .jspVerticalBar .jspDrag:hover, #portfolio-scroll-middle .jspVerticalBar .jspDrag:hover, #portfolio-scroll-right .jspVerticalBar .jspDrag:hover { background: rgba(0, 0, 0, 0.8); } #portfolio-scroll-left .scrollInner, #portfolio-scroll-middle .scrollInner, #portfolio-scroll-right .scrollInner { overflow-x: hidden; width: 100%; } .mod_projects { width: 100%; position: relative; } .mod_projects .index { width: 100%; height: auto; overflow: auto; z-index: 3; } .mod_projects .index .jspContainer { position: absolute; z-index: 2; } .mod_projects .jspHorizontalBar, .mod_projects .jspVerticalBar { display: none; } .mod_projects .jspPane { margin: 0 !important; } .mod_projects article { float: left; width: 270px; position: relative; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; background-color: black; border-right: 2px solid black; } .mod_projects article .inner { position: relative; height: 100%; width: 100%; } .mod_projects article .inner .desc { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10); opacity: 0.1; } .mod_projects article .inner .desc .number .count { background-position: 0 -711px; height: 22px; width: 22px; top: 12px; left: 11px; } .mod_projects article .inner .bg { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=15); opacity: 0.15; } .mod_projects article img { display: block; } .mod_projects article.filtered .inner { cursor: pointer; } .mod_projects article.filtered .inner .desc { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60); opacity: 0.6; transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease; ​-moz-transition-property: left; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; ​-o-transition-property: left; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; ​-webkit-transition-property: left; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; } .mod_projects article.filtered .inner .desc .number .count { background: none; width: 44px; top: 14px; left: 0; line-height: 17px; } .mod_projects article.filtered .inner .bg { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40); opacity: 0.4; transition-property: opacity; transition-duration: 0.2s; transition-timing-function: ease; ​-moz-transition-property: left; -moz-transition-duration: 0.2s; -moz-transition-timing-function: ease; ​-o-transition-property: left; -o-transition-duration: 0.2s; -o-transition-timing-function: ease; ​-webkit-transition-property: left; -webkit-transition-duration: 0.2s; -webkit-transition-timing-function: ease; } .mod_projects article.filtered .inner .disabled { background: none; } .mod_projects article.filtered .inner:hover, .mod_projects article.filtered .inner .hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .mod_projects article.filtered .inner:hover .desc, .mod_projects article.filtered .inner .hover .desc { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .mod_projects article.filtered .inner:hover .bg, .mod_projects article.filtered .inner .hover .bg { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); opacity: 1; } .mod_projects article .disabled { background: none; position: absolute; width: 100%; height: 100%; z-index: 1; } .mod_projects article .bg { position: absolute; width: 100%; height: 100%; background-size: cover; background-position: center; } .mod_projects article .desc { position: absolute; top: 50%; margin-top: -55px; left: 0; z-index: 1; width: 100%; text-align: center; } .mod_projects article .desc p { margin: 0; } .mod_projects article .desc .title { font-family: "Soho W01 Bold Condensed"; color: white; font-size: 18px; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.5); backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .mod_projects article .desc .number { height: 44px; width: 44px; margin: 15px auto 10px auto; position: relative; } .mod_projects article .desc .number .count { position: absolute; width: 44px; top: 14px; font-family: "ITCFranklinGothicW01-Dm 812683"; color: white; font-size: 24px; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.5); backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .mod_projects article .desc .number .countbg { position: absolute; display: block; left: 0; top: 0; border: 0; background-position: 0 -622px; height: 44px; width: 44px; width: 44px; height: 44px; backface-visibility: hidden; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; } .mod_projects article .desc .subtitle { font-family: "ITCFranklinGothicW01-Md 812698"; color: white; font-size: 14px; text-transform: uppercase; line-height: 16px; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.5); } .mod_projects #projectsholder { position: absolute; width: 100%; height: 100%; z-index: 1; display: block; margin-left: 9999px; } .mod_projects #projectsholder .close { position: absolute; right: 20px; top: 20px; z-index: 3; } .mod_projects #projectsholder .ce_project { width: 100%; height: 100%; display: block; position: absolute; } .mod_projects #projectsholder .ce_project .bg-overlay { position: relative; width: 100%; height: 100%; z-index: 9; } .mod_projects #projectsholder .ce_project .bg-overlay .ov-wrapper { position: relative; top: 50%; margin-left: -999999em; } .mod_projects #projectsholder .ce_project .bg-overlay .ov-wrapper p { margin: 0 0 5px 0; } .mod_projects #projectsholder .ce_project .bg-overlay .ov-wrapper .title { text-align: center; font-family: "Soho W01 Bold Condensed"; color: white; font-size: 60px; line-height: 40px; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .mod_projects #projectsholder .ce_project .bg-overlay .ov-wrapper .subtitle { text-align: center; font-family: "ITCFranklinGothicW01-Md 812698"; color: white; font-size: 18px; text-transform: uppercase; line-height: 20px; text-shadow: 0px 0px 3px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.5), 0px 0px 3px rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .mod_projects #projectsholder .ce_project .bg-overlay .ov-wrapper .subtitle p { margin: 0; } .mod_projects #projectsholder .ce_project .bg-overlay .ov-wrapper .play, .mod_projects #projectsholder .ce_project .bg-overlay .ov-wrapper .show { margin: 30px auto 10px auto; cursor: pointer; } .mod_projects #projectsholder .ce_project .bg-overlay .ov-wrapper .play { background-position: 0 -160px; height: 75px; width: 75px; } .mod_projects #projectsholder .ce_project .bg-overlay .ov-wrapper .play:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .mod_projects #projectsholder .ce_project .bg-overlay .ov-wrapper .show { background-position: 0 0; height: 75px; width: 75px; } .mod_projects #projectsholder .ce_project .bg-overlay .ov-wrapper .show:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } .mod_projects #projectsholder .ce_project .desc { position: absolute; bottom: 63px; height: 350px; width: 100%; z-index: 11; background: transparent url('../images/textures/menu_bg.png'); margin-bottom: -413px; } .mod_projects #projectsholder .ce_project .desc .inner { padding: 10px 25px; position: relative; } .mod_projects #projectsholder .ce_project .desc .close { text-indent: 101%; white-space: nowrap; overflow: hidden; position: absolute; right: 10px; top: 10px; background-position: 0 -993px; height: 24px; width: 25px; } .mod_projects #projectsholder .ce_project .desc .close:hover { background-position: 0 -964px; height: 24px; width: 25px; } .mod_projects #projectsholder .ce_project .desc .lft, .mod_projects #projectsholder .ce_project .desc .rgt { display: inline-block; vertical-align: top; position: absolute; } .lt-ie8 .mod_projects #projectsholder .ce_project .desc .lft, .lt-ie8 .mod_projects #projectsholder .ce_project .desc .rgt { display: inline; zoom: 1; vertical-align: auto; } .mod_projects #projectsholder .ce_project .desc .lft { top: 35px; min-width: 425px; width: 40%; font-family: "ITCFranklinGothicW01-Bk 812647"; color: white; font-size: 13px; line-height: 18px; } .mod_projects #projectsholder .ce_project .desc .lft strong { font-family: "ITCFranklinGothicW01-Dm 812668"; font-weight: normal; } .mod_projects #projectsholder .ce_project .desc .lft h2 { font-family: "ITCFranklinGothicW01-Bk 812647"; color: white; font-size: 18px; text-transform: uppercase; line-height: 21px; margin-bottom: 20px; } .mod_projects #projectsholder .ce_project .desc .rgt { top: 50px; right: 30px; width: 470px; } .mod_projects #projectsholder .ce_project .desc .rgt ul { display: inline-block; vertical-align: top; width: 220px; } .lt-ie8 .mod_projects #projectsholder .ce_project .desc .rgt ul { display: inline; zoom: 1; vertical-align: auto; } .mod_projects #projectsholder .ce_project .desc .rgt ul.left { margin-right: 30px; } .mod_projects #projectsholder .ce_project .desc .rgt ul li { width: 220px; border-bottom: 1px solid white; padding: 8px 0; } .mod_projects #projectsholder .ce_project .desc .rgt ul li.top { border-top: 1px solid white; } .mod_projects #projectsholder .ce_project .desc .rgt ul li.even { margin-right: 30px; } .mod_projects #projectsholder .ce_project .desc .rgt ul li .toggleHeadline { font-family: "Soho W01 Bold Condensed"; color: white; font-size: 14px; line-height: 18px; width: 100%; display: inline-block; vertical-align: sub; background: transparent url('../images/textures/white-hover.png'); background-repeat: repeat-x; background-position: 0 20px; } .lt-ie8 .mod_projects #projectsholder .ce_project .desc .rgt ul li .toggleHeadline { display: inline; zoom: 1; vertical-align: auto; } .mod_projects #projectsholder .ce_project .desc .rgt ul li .toggleHeadline .toggleIcon { text-indent: 101%; white-space: nowrap; overflow: hidden; display: inline-block; background-position: 0 -1139px; height: 10px; width: 10px; margin: 0 5px; } .lt-ie8 .mod_projects #projectsholder .ce_project .desc .rgt ul li .toggleHeadline .toggleIcon { display: inline; zoom: 1; vertical-align: auto; } .mod_projects #projectsholder .ce_project .desc .rgt ul li .toggleHeadline.hover .toggleIcon { background-position: 0 -1094px; height: 10px; width: 10px; } .mod_projects #projectsholder .ce_project .desc .rgt ul li .toggleHeadline.opened .toggleIcon { background-position: 0 -1064px; height: 10px; width: 10px; } .mod_projects #projectsholder .ce_project .desc .rgt ul li .toggleHeadline.opened.hover .toggleIcon { background-position: 0 -1079px; height: 10px; width: 10px; } .mod_projects #projectsholder .ce_project .desc .rgt ul li .toggleContent { font-family: "ITCFranklinGothicW01-Bk 812647"; color: white; font-size: 12px; line-height: 14px; display: none; padding-left: 22px; margin-top: 5px; } .mod_projects #projectsholder .ce_project .mofilm-wrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .mod_projects #projectsholder .ce_project .mofilm-inner { position: relative; width: 950px; height: 100%; margin: 0 auto; } .mod_projects #projectsholder .ce_project .mofilm { position: absolute; bottom: 63px; height: 350px; width: 470px; z-index: 10; background: transparent url('../images/textures/menu_bg.png'); margin-bottom: -413px; right: 96px; } .mod_projects #projectsholder .ce_project .mofilm.nofoto { right: 0; } .mod_projects #projectsholder .ce_project .mofilm .inner { padding: 10px 10px; position: relative; } .mod_projects #projectsholder .ce_project .mofilm .inner .video { position: absolute; top: 40px; } .mod_projects #projectsholder .ce_project .mofilm .close { text-indent: 101%; white-space: nowrap; overflow: hidden; position: absolute; right: 10px; top: 10px; background-position: 0 -993px; height: 24px; width: 25px; } .mod_projects #projectsholder .ce_project .mofilm .close:hover { background-position: 0 -964px; height: 24px; width: 25px; } .mod_projects #projectsholder .ce_project .mofotos { position: absolute; bottom: 0; height: 100%; width: 100%; z-index: 10; background: black; margin-bottom: -100%; } .mod_projects #projectsholder .ce_project .mofotos .inner { padding: 0; position: relative; } .mod_projects #projectsholder .ce_project .mofotos .closewrapper { position: absolute; right: 10px; top: 18px; width: 33px; height: 32px; background: transparent url('../images/textures/menu_bg.png'); z-index: 1; } .mod_projects #projectsholder .ce_project .mofotos .closewrapper .close { text-indent: 101%; white-space: nowrap; overflow: hidden; background-position: 0 -993px; height: 24px; width: 25px; position: absolute; top: 4px; left: 4px; } .mod_projects #projectsholder .ce_project .mofotos .closewrapper .close:hover { background-position: 0 -964px; height: 24px; width: 25px; } .mod_projects #projectsholder .ce_project .mofotos .photoslider ul li { float: left; margin-right: 2px; } .mod_projects #projectsholder .ce_project .mofotos .photoslider ul li.last { margin: 0; } .mod_projects #projectsholder .ce_project .mofotos .photoslider ul li figure { position: relative; } .mod_projects #projectsholder .ce_project .mofotos .photoslider ul li figure figcaption { display: none; background: transparent url('../images/textures/black-80.png'); font-family: "ITCFranklinGothicW01-Md 812698"; color: white; font-size: 13px; text-transform: uppercase; line-height: 14px; padding: 10px 10px 10px 20px; position: absolute; text-align: right; right: 5px; bottom: 72px; } .mod_projects #projectsholder .ce_project .mofotos.filmproject { height: 350px; bottom: 63px; margin-bottom: -413px; background: transparent url('../images/textures/menu_bg.png'); } .mod_projects #projectsholder .ce_project .mofotos.filmproject .inner { padding: 40px 0 0 0; } .mod_projects #projectsholder .ce_project .mofotos.filmproject .closewrapper { right: 5px; top: 5px; background: transparent; } .mod_projects #projectsholder .ce_project .mofotos.filmproject .closewrapper .close { top: 5px; left: 5px; } .mod_projects #projectsholder .ce_project .mofotos.filmproject .photoslider ul li figure figcaption { bottom: 5px; } .mod_projects #tl-projectmenu { display: none; } .mod_projects #volumecontrol .volumebar { float: left; vertical-align: top; background-position: 0 -1043px; height: 16px; width: 6px; } .mod_projects #volumecontrol .volumebar:hover, .mod_projects #volumecontrol .volumebar.hover, .mod_projects #volumecontrol .volumebar.active { background-position: 0 -1022px; height: 16px; width: 6px; } .mod_projects #volumecontrol #vol-9 { width: 3px; } /* SHOP */ #shop_head { height: 100px; margin-top: 60px; border-bottom: 3px solid black; margin-bottom: 1px; width: 100%; } #shop_head.basket { border: none; height: 140px; } #shop_head.basket .cart_full { margin-top: 30px; } #shop_head.checkout .steps { margin-top: 40px; } #shop_head.checkout .steps ol { margin: 0; text-align: justify; } #shop_head.checkout .steps li { display: inline-block; vertical-align: top; text-transform: uppercase; font-family: "ITCFranklinGothicW01-Bk 812647"; font-size: 14px; } .lt-ie8 #shop_head.checkout .steps li { display: inline; zoom: 1; vertical-align: auto; } #shop_head.checkout .steps li.line { padding-left: 100%; } #shop_head.checkout .steps li a { font-family: "ITCFranklinGothicW01-Dm 812668"; font-size: 14px; text-transform: uppercase; } #shop_head .headline { width: 470px; float: left; } #shop_head .headline h2 { font-family: "Soho W01 Bold Condensed"; color: black; font-size: 30px; line-height: 35px; } #shop_head .headline h3 { font-family: "ITCFranklinGothicW01-Bk 812647"; color: black; font-size: 14px; text-transform: uppercase; line-height: 18px; } #shop_head .headline h3 strong { font-family: "ITCFranklinGothicW01-Dm 812668"; } #shop_head div.payment { width: 305px; float: left; margin-top: 55px; } #shop_head div.payment .title { font-family: "ITCFranklinGothicW01-Dm 812668"; font-size: 14px; text-transform: uppercase; line-height: 20px; } #shop_head div.payment .paypal { text-indent: 101%; white-space: nowrap; overflow: hidden; display: inline-block; vertical-align: top; background-position: 0 -599px; height: 18px; width: 53px; margin-right: 2px; } .lt-ie8 #shop_head div.payment .paypal { display: inline; zoom: 1; vertical-align: auto; } #shop_head div.payment .btransfer { display: inline-block; vertical-align: top; font-family: "ITCFranklinGothicW01-Bk 812647"; font-size: 13px; line-height: 16px; } .lt-ie8 #shop_head div.payment .btransfer { display: inline; zoom: 1; vertical-align: auto; } #shop_head .mbasket { float: left; margin-top: 55px; } #shop_head .mbasket p { font-family: "ITCFranklinGothicW01-Bk 812647"; font-size: 13px; text-transform: none; line-height: 16px; } #shop_head .mbasket a { font-family: "ITCFranklinGothicW01-Dm 812668"; font-size: 14px; text-transform: uppercase; line-height: 20px; } .product_list .inner { margin-bottom: 20px; } .product_list .product { width: 205px; height: 435px; margin-right: 25px; display: inline-block; vertical-align: top; text-align: center; border-bottom: 1px solid black; } .lt-ie8 .product_list .product { display: inline; zoom: 1; vertical-align: auto; } .product_list .product.col_last { margin-right: 0; } .product_list .product .image_container { margin-top: 25px; } .product_list .product .image_container img { -webkit-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.5); box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.5); } .product_list .product .name { margin-top: 10px; font-family: "Soho W01 Bold Condensed"; color: black; font-size: 16px; line-height: 19px; } .product_list .product .formats { margin-top: 5px; font-family: "ITCFranklinGothicW01-Bk 812647"; color: black; font-size: 13px; line-height: 16px; } .product_list .product .length { margin-top: 0px; font-family: "ITCFranklinGothicW01-Bk 812647"; color: black; font-size: 13px; line-height: 16px; } .product_list .product .details a { font-family: "ITCFranklinGothicW01-Dm 812668"; font-size: 14px; text-transform: uppercase; line-height: 20px; } .product_list .product .submit_container .options fieldset { border: none; padding: 10px 0 0; } .product_list .product .submit_container .options legend { display: none; } .product_list .product .submit_container .options span.addToCart { display: inline-block; cursor: pointer; height: 34px; width: 103px; background: transparent url('../images/textures/black-50-80-ov-basket-hover.png'); background-repeat: repeat-x; background-position: 0 0; margin-bottom: 10px; border: none; font-family: "ITCFranklinGothicW01-Dm 812671"; color: white; font-size: 16px; text-transform: uppercase; line-height: 16.3px; padding: 0 5px; } .product_list .product .submit_container .options span.addToCart:active { padding: 0 5px; } .product_list .product .submit_container .options span.addToCart label, .product_list .product .submit_container .options span.addToCart span { padding-top: 2px; text-align: center; display: block; font-family: "ITCFranklinGothicW01-Dm 812671"; color: white; font-size: 16px; text-transform: uppercase; line-height: 16.3px; } .product_list .product .submit_container .options span.addToCart label span.tobasket, .product_list .product .submit_container .options span.addToCart span span.tobasket { font-size: 14px; padding-top: 0; } .product_list .product .submit_container .options span.addToCart input, .product_list .product .submit_container .options span.addToCart label { display: inline-block; } .lt-ie8 .product_list .product .submit_container .options span.addToCart input, .lt-ie8 .product_list .product .submit_container .options span.addToCart label { display: inline; zoom: 1; vertical-align: auto; } .product_list .product .submit_container .options span.addToCart input { display: none; } .product_list .product .submit_container .options span.priceInfo { font-family: "Soho W01 Bold Condensed"; font-size: 14px; height: 32px; line-height: 34px; margin-left: -4px; display: inline-block; vertical-align: top; border-top: 1px solid black; border-bottom: 1px solid black; width: 82px; } .lt-ie8 .product_list .product .submit_container .options span.priceInfo { display: inline; zoom: 1; vertical-align: auto; } .product_list .product .submit_container .add_to_cart { display: none; } .product_detail .inner { margin-bottom: 20px; margin-top: 25px; } .product_detail .lft { width: 395px; text-align: right; margin-right: 75px; display: inline-block; vertical-align: top; } .lt-ie8 .product_detail .lft { display: inline; zoom: 1; vertical-align: auto; } .product_detail .lft img { -webkit-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.5); box-shadow: 0 4px 2px -2px rgba(0, 0, 0, 0.5); } .product_detail .rgt { display: inline-block; vertical-align: top; width: 440px; } .lt-ie8 .product_detail .rgt { display: inline; zoom: 1; vertical-align: auto; } .product_detail .rgt .headline { font-family: "Soho W01 Bold Condensed"; font-size: 24px; line-height: 28px; margin-bottom: 15px; } .product_detail .rgt .headline .name { float: left; } .product_detail .rgt .infos { margin-bottom: 15px; } .product_detail .rgt .description { margin-top: 15px; } .product_detail .rgt .pricenote { font-size: 12px; line-height: 15px; margin-top: -5px; } .product_detail .rgt fieldset { border: none; } .product_detail .rgt .options fieldset { border: none; padding: 10px 0 0; } .product_detail .rgt .options legend { display: none; } .product_detail .rgt .options span.addToCart { display: inline-block; cursor: pointer; height: 21px; width: 182px; background: transparent url('../images/textures/black-50-80-hover.png'); background-repeat: repeat-x; background-position: 0 0; margin-bottom: 10px; border: none; font-family: "ITCFranklinGothicW01-Dm 812671"; color: white; font-size: 16px; text-transform: uppercase; line-height: 16.3px; padding: 0 5px; text-align: center; } .product_detail .rgt .options span.addToCart:active { padding: 0 5px; } .product_detail .rgt .options span.addToCart label, .product_detail .rgt .options span.addToCart span { padding-top: 2px; text-align: center; display: block; font-family: "ITCFranklinGothicW01-Dm 812671"; color: white; font-size: 16px; text-transform: uppercase; line-height: 16.3px; } .product_detail .rgt .options span.addToCart label span.tobasket, .product_detail .rgt .options span.addToCart span span.tobasket { font-size: 14px; padding-top: 0; } .product_detail .rgt .options span.addToCart input, .product_detail .rgt .options span.addToCart label { display: inline-block; } .lt-ie8 .product_detail .rgt .options span.addToCart input, .lt-ie8 .product_detail .rgt .options span.addToCart label { display: inline; zoom: 1; vertical-align: auto; } .product_detail .rgt .options span.addToCart input { display: none; } .product_detail .rgt .options span.priceInfo { font-family: "Soho W01 Bold Condensed"; font-size: 14px; height: 19px; line-height: 19px; margin-left: -4px; display: inline-block; vertical-align: top; border-top: 1px solid black; border-bottom: 1px solid black; width: 90px; text-align: center; } .lt-ie8 .product_detail .rgt .options span.priceInfo { display: inline; zoom: 1; vertical-align: auto; } .product_detail .rgt .add_to_cart { display: none; } #shoplist-scroll { height: 100%; } #shoplist-scroll.autoscroll { overflow-y: auto; overflow-x: hidden; } #shoplist-scroll .jspHorizontalBar { display: none; } #shoplist-scroll .jspVerticalBar { background: none; right: -2px; } #shoplist-scroll .jspVerticalBar .jspCapTop { display: block; height: 5px; } #shoplist-scroll .jspVerticalBar .jspCapBottom { display: block; height: 5px; } #shoplist-scroll .jspVerticalBar .jspTrack { width: 8px; border: none; background: white; border-radius: 3px; right: 2px; } #shoplist-scroll .jspVerticalBar .jspDrag { width: 8px; border: none; background-color: rgba(153, 153, 153, 0.5); border-radius: 3px; margin-left: 0; } #shoplist-scroll .jspVerticalBar .jspDrag:hover { background: rgba(0, 0, 0, 0.8); } #shoplist-scroll .scrollInner { overflow-x: hidden; width: 100%; } .cart_full table { width: 930px; margin: 0 auto 0 0; border-collapse: separate; } .cart_full table th { font-family: "ITCFranklinGothicW01-Dm 812668"; color: black; font-size: 13px; text-transform: uppercase; line-height: 18.3px; padding-bottom: 2px; border-bottom: 3px solid black; text-align: left; } .cart_full table th.col_1 { padding-left: 160px; } .cart_full table th div { display: inline-block; } .lt-ie8 .cart_full table th div { display: inline; zoom: 1; vertical-align: auto; } .cart_full table th div.c_0 { width: 570px; } .cart_full table th div.c_1 { width: 100px; } .cart_full table th div.c_2 { width: 100px; } .cart_full table tbody tr td { height: 100px; padding: 15px 0 0; font-family: "ITCFranklinGothicW01-Dm 812668"; color: black; font-size: 13px; line-height: 18.3px; border-top: 1px solid black; vertical-align: top; } .cart_full table tbody tr td.col_0 { padding-top: 20px; width: 80px; text-align: left; } .cart_full table .row_0 td { border-top: 0; } .cart_full table .col_0 { width: 30px; font-family: "ITCFranklinGothicW01-Dm 812668"; color: black; font-size: 13px; line-height: 18.3px; } .cart_full table .col_1 { width: 470px; } .cart_full table .col_1 figure, .cart_full table .col_1 .desc { display: inline-block; vertical-align: top; } .lt-ie8 .cart_full table .col_1 figure, .lt-ie8 .cart_full table .col_1 .desc { display: inline; zoom: 1; vertical-align: auto; } .cart_full table .col_1 figure { width: 105px; height: 90px; text-align: left; margin: 0 auto; } .cart_full table .col_3 { padding-left: 30px; } .cart_full table .col_3 .total_price, .cart_full table .col_3 .submit_container { display: inline-block; vertical-align: top; } .lt-ie8 .cart_full table .col_3 .total_price, .lt-ie8 .cart_full table .col_3 .submit_container { display: inline; zoom: 1; vertical-align: auto; } .cart_full table .col_3 .total_price { font-family: "ITCFranklinGothicW01-Bk 812647"; color: black; font-size: 13px; line-height: 18.3px; width: 80px; } .cart_full table .col_2 { width: 95px; text-align: center; } .cart_full table .col_4 { width: 160px; } .cart_full table .name { font-family: "ITCFranklinGothicW01-Dm 812668"; font-size: 13px; text-transform: uppercase; line-height: 16px; } .cart_full table .option { font-family: "ITCFranklinGothicW01-Bk 812647"; font-size: 13px; line-height: 16px; } .cart_full table .desc { margin-left: 20px; width: 220px; } .cart_full table .unit-price { margin: 10px 0 0; } .cart_full table .quantity input { width: 40px; height: 21px; background-color: #807f7f; background-color: rgba(0, 0, 0, 0.5); border: 0; font-family: "ITCFranklinGothicW01-Dm 812668"; color: white; font-size: 13px; line-height: 18.3px; padding: 0 5px; text-align: center; } .cart_full table .submit_container { height: 21px; } .cart_full table .submit_container .submit, .cart_full table .submit_container .remove { display: inline-block; cursor: pointer; height: 21px; background: transparent url('../images/textures/black-50-80-hover.png'); background-repeat: repeat-x; background-position: 0 0; margin-bottom: 10px; border: none; font-family: "ITCFranklinGothicW01-Dm 812671"; color: white; font-size: 16px; text-transform: uppercase; line-height: 16.3px; padding: 0 5px; min-width: 120px; } .cart_full table .submit_container .submit:active, .cart_full table .submit_container .remove:active { padding: 0 5px; } .cart_full table .submit_container .submit label, .cart_full table .submit_container .submit span, .cart_full table .submit_container .remove label, .cart_full table .submit_container .remove span { padding-top: 2px; text-align: center; display: block; font-family: "ITCFranklinGothicW01-Dm 812671"; color: white; font-size: 16px; text-transform: uppercase; line-height: 16.3px; } .cart_full table .submit_container .submit label.currency, .cart_full table .submit_container .submit span.currency, .cart_full table .submit_container .remove label.currency, .cart_full table .submit_container .remove span.currency { padding: 0; display: inline; background: none; } .cart_full table .submit_container .submit span, .cart_full table .submit_container .remove span { padding-top: 3px; } .cart_full table .submit_container .submit.font-arrow-dm-14 span, .cart_full table .submit_container .remove.font-arrow-dm-14 span { display: inline-block; vertical-align: bottom; } .lt-ie8 .cart_full table .submit_container .submit.font-arrow-dm-14 span, .lt-ie8 .cart_full table .submit_container .remove.font-arrow-dm-14 span { display: inline; zoom: 1; vertical-align: auto; } .cart_full table .submit_container .submit.confirm, .cart_full table .submit_container .remove.confirm { background: transparent url('../images/textures/black-50-80-hover-big.png'); height: 34px; font-family: "ITCFranklinGothicW01-Dm 812671"; color: white; font-size: 20px; text-transform: uppercase; line-height: 20px; padding: 6px 10px 10px 10px; } .cart_full table .submit_container .submit.confirm:active, .cart_full table .submit_container .remove.confirm:active { padding: 6px 10px 10px 10px; } .cart_full table .submit_container .submit.confirm:before, .cart_full table .submit_container .remove.confirm:before { line-height: 26px; } .cart_full table .submit_container .remove { margin-top: 10px; min-width: 100px; } .cart_full table .grandtotal { font-family: "ITCFranklinGothicW01-Dm 812668"; color: black; font-size: 12.3px; line-height: 18.3px; } .cart_full table .grandtotal .border1 { height: 1px; margin-bottom: 2px; margin-top: 0; padding-top: 0; background-color: black; } .cart_full table .grandtotal .border2 { height: 2px; margin-top: 0; padding-top: 0; background-color: black; } .cart_full table .grandtotal .col_first { text-align: left; padding-top: 5px; vertical-align: top; } .cart_full table .grandtotal .continue_shopping { float: left; } .cart_full table .grandtotal .price_info { padding-top: 5px; vertical-align: top; float: right; text-align: right; margin-right: 20px; } .cart_full table .grandtotal .price_info .grandtotal { font-family: "ITCFranklinGothicW01-Dm 812668"; color: black; font-size: 13px; text-transform: uppercase; line-height: 18.3px; } .cart_full table .grandtotal .price_info .excl { font-family: "ITCFranklinGothicW01-Bk 812647"; color: black; font-size: 13px; line-height: 16px; } .cart_full table .grandtotal .price.total { padding-left: 30px; vertical-align: top; } .cart_full table .grandtotal .total_price { display: inline-block; vertical-align: top; width: 80px; padding-top: 10px; font-family: "ITCFranklinGothicW01-Dm 812668"; color: black; font-size: 13px; line-height: 18.3px; } .lt-ie8 .cart_full table .grandtotal .total_price { display: inline; zoom: 1; vertical-align: auto; } .cart_full table .grandtotal .submit_container { display: inline-block; padding-top: 10px; vertical-align: top; } .lt-ie8 .cart_full table .grandtotal .submit_container { display: inline; zoom: 1; vertical-align: auto; } .cart_full table .grandtotal .submit_container .submit:before { margin-top: -4px; font-size: 33px; } .cart_full table input.submit { border-radius: 0; } #shopbasket-scroll { height: 100%; } #shopbasket-scroll .inner { margin-bottom: 20px; } #shopbasket-scroll.autoscroll { overflow-y: auto; overflow-x: hidden; } #shopbasket-scroll .jspHorizontalBar { display: none; } #shopbasket-scroll .jspVerticalBar { background: none; right: -2px; } #shopbasket-scroll .jspVerticalBar .jspCapTop { display: block; height: 0px; } #shopbasket-scroll .jspVerticalBar .jspCapBottom { display: block; height: 5px; } #shopbasket-scroll .jspVerticalBar .jspTrack { width: 8px; border: none; background: white; border-radius: 3px; right: 2px; } #shopbasket-scroll .jspVerticalBar .jspDrag { width: 8px; border: none; background-color: rgba(153, 153, 153, 0.5); border-radius: 3px; margin-left: 0; } #shopbasket-scroll .jspVerticalBar .jspDrag:hover { background: rgba(0, 0, 0, 0.8); } #shopbasket-scroll .scrollInner { overflow-x: hidden; width: 100%; } .mod_shippingzone .inner { width: 630px; margin: 50px auto; } .mod_shippingzone .ce_shippingzone { display: inline-block; vertical-align: top; width: 250px; text-align: left; margin-right: 85px; padding: 10px; } .lt-ie8 .mod_shippingzone .ce_shippingzone { display: inline; zoom: 1; vertical-align: auto; } .mod_shippingzone .ce_shippingzone.last { margin-right: 0; } .mod_shippingzone .ce_shippingzone h3 { font-family: "Soho W01 Bold Condensed"; font-size: 16px; line-height: 19px; display: inline-block; margin-bottom: 15px; } .lt-ie8 .mod_shippingzone .ce_shippingzone h3 { display: inline; zoom: 1; vertical-align: auto; } .mod_shippingzone .ce_shippingzone strong { font-size: 13px; line-height: 18.3px; text-transform: uppercase; } .mod_shippingzone .ce_shippingzone .countries { margin: 10px 0 20px; } .mod_shippingzone .ce_shippingzone table { width: 100%; margin-bottom: 50px; } .mod_shippingzone .ce_shippingzone table th { padding-bottom: 5px; border-bottom: 1px solid black; } .mod_shippingzone .ce_shippingzone table td { width: 50%; height: 30px; padding: 0 10px; border-bottom: 1px solid black; } .mod_shippingzone .ce_shippingzone table td.col2 { text-align: right; } .mod_agb .inner { margin: 15px auto; } .mod_agb .ce_agb_col { display: inline-block; vertical-align: top; width: 300px; text-align: left; margin-right: 15px; } .lt-ie8 .mod_agb .ce_agb_col { display: inline; zoom: 1; vertical-align: auto; } .mod_agb .ce_agb_col.last { margin-right: 0; } .mod_agb .ce_agb_col h3, .mod_agb .ce_agb_col h4, .mod_agb .ce_agb_col h5 { font-family: "ITCFranklinGothicW01-Dm 812668"; font-size: 13px; text-transform: uppercase; line-height: 16px; } .mod_agb .ce_agb_col p { margin-bottom: 15px; } .mod_iso_checkout h2, .mod_iso_checkout h3 { font-family: "Soho W01 Bold Condensed"; font-size: 16px; text-transform: uppercase; line-height: 16px; } .mod_iso_checkout h2.center, .mod_iso_checkout h3.center { text-align: center; } .mod_iso_checkout #payment_form { text-align: center; margin-top: 20px; } .mod_iso_checkout .checkout .inner { margin-top: 30px; } .mod_iso_checkout .message { text-align: center; } .mod_iso_checkout #billing_address { width: 445px; display: inline-block; vertical-align: top; margin-right: 40px; } .lt-ie8 .mod_iso_checkout #billing_address { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout #billing_address h3, .mod_iso_checkout #billing_address p.starlet-info { float: left; } .mod_iso_checkout #billing_address p.starlet-info { margin-left: 5px; margin-top: 2px; } .mod_iso_checkout #billing_address_new, .mod_iso_checkout #shipping_address_new { position: relative; margin-top: 10px; } .mod_iso_checkout #shipping_address { width: 445px; display: inline-block; vertical-align: top; } .lt-ie8 .mod_iso_checkout #shipping_address { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout #shipping_address .shipping_info { text-transform: uppercase; } .mod_iso_checkout #shipping_address_new h3 { margin-bottom: 20px; } .mod_iso_checkout .form_error { color: #e2007a; line-height: 16px; margin-top: 10px; text-align: center; display: none; } .mod_iso_checkout .form_error span { display: inline-block; background-position: 0 -1126px; height: 8px; width: 9px; } .lt-ie8 .mod_iso_checkout .form_error span { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout .submit_container { text-align: right; } .mod_iso_checkout .submit_container.fixed { position: absolute; top: 85px; right: 20px; } .mod_iso_checkout .submit_container.bottom { margin-right: 20px; display: none; } .mod_iso_checkout .submit_container.bottom .submit { margin-top: 10px; } .mod_iso_checkout .submit_container .submit { display: inline-block; cursor: pointer; height: 21px; background: transparent url('../images/textures/black-50-80-hover.png'); background-repeat: repeat-x; background-position: 0 0; margin-bottom: 10px; border: none; font-family: "ITCFranklinGothicW01-Dm 812671"; color: white; font-size: 16px; text-transform: uppercase; line-height: 16.3px; padding: 0 5px; } .mod_iso_checkout .submit_container .submit:active { padding: 0 5px; } .mod_iso_checkout .submit_container .submit label, .mod_iso_checkout .submit_container .submit span { padding-top: 2px; text-align: center; display: block; font-family: "ITCFranklinGothicW01-Dm 812671"; color: white; font-size: 16px; text-transform: uppercase; line-height: 16.3px; } .mod_iso_checkout .submit_container .submit label.currency, .mod_iso_checkout .submit_container .submit span.currency { padding: 0; display: inline; background: none; } .mod_iso_checkout .submit_container .submit span { padding-top: 3px; } .mod_iso_checkout .submit_container .submit.font-arrow-dm-14 span { display: inline-block; vertical-align: bottom; } .lt-ie8 .mod_iso_checkout .submit_container .submit.font-arrow-dm-14 span { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout .submit_container .submit.confirm { background: transparent url('../images/textures/black-50-80-hover-big.png'); height: 34px; font-family: "ITCFranklinGothicW01-Dm 812671"; color: white; font-size: 20px; text-transform: uppercase; line-height: 20px; padding: 6px 10px 10px 10px; } .mod_iso_checkout .submit_container .submit.confirm:active { padding: 6px 10px 10px 10px; } .mod_iso_checkout .submit_container .submit.confirm:before { line-height: 26px; } .mod_iso_checkout .submit_container .submit:before { margin-top: -4px; font-size: 33px; } .mod_iso_checkout .input_wrapper { display: block; position: relative; height: 26px; margin-bottom: 8px; font-family: "ITCFranklinGothicW01-Dm 812668"; font-size: 13px; text-transform: uppercase; line-height: 16px; } .mod_iso_checkout .input_wrapper p.error { position: absolute; left: 82px; text-indent: 101%; white-space: nowrap; overflow: hidden; background-position: 0 -1126px; height: 8px; width: 9px; top: 9px; } .mod_iso_checkout .input_wrapper fieldset { padding: 0; border: none; } .mod_iso_checkout .input_wrapper fieldset label { font-family: "ITCFranklinGothicW01-Bk 812647"; font-size: 14px; text-transform: none; line-height: 16px; } .mod_iso_checkout .input_wrapper label, .mod_iso_checkout .input_wrapper legend, .mod_iso_checkout .input_wrapper input, .mod_iso_checkout .input_wrapper select { float: left; font-size: 13px; } .mod_iso_checkout .input_wrapper label { width: 90px; margin-top: 5px; } .mod_iso_checkout .input_wrapper legend { width: 90px; } .mod_iso_checkout .input_wrapper input.text, .mod_iso_checkout .input_wrapper select { position: absolute; right: 0; width: 340px; background: rgba(0, 0, 0, 0.3); border: none; color: white; font-family: "ITCFranklinGothicW01-Dm 812668"; font-size: 13px; text-transform: none; line-height: 16px; padding: 5px; height: 16px; } .mod_iso_checkout .input_wrapper select { height: 28px; margin: 0; width: 350px; } .mod_iso_checkout .input_wrapper.wrap_billing_address_salutation, .mod_iso_checkout .input_wrapper.wrap_shipping_address_salutation { margin-bottom: 2px; } .mod_iso_checkout .input_wrapper.wrap_billing_address_salutation fieldset span label, .mod_iso_checkout .input_wrapper.wrap_shipping_address_salutation fieldset span label { width: 50px; margin-top: 1px; } .mod_iso_checkout .input_wrapper.wrap_billing_address_salutation p.error, .mod_iso_checkout .input_wrapper.wrap_shipping_address_salutation p.error { top: 5px; } .mod_iso_checkout .input_wrapper.wrap_billing_address_label, .mod_iso_checkout .input_wrapper.wrap_shipping_address_label { display: inline-block; } .lt-ie8 .mod_iso_checkout .input_wrapper.wrap_billing_address_label, .lt-ie8 .mod_iso_checkout .input_wrapper.wrap_shipping_address_label { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout .input_wrapper.wrap_billing_address_label input, .mod_iso_checkout .input_wrapper.wrap_shipping_address_label input { left: 95px; width: 87px; } .mod_iso_checkout .input_wrapper.wrap_billing_address_company, .mod_iso_checkout .input_wrapper.wrap_shipping_address_company { display: inline-block; } .lt-ie8 .mod_iso_checkout .input_wrapper.wrap_billing_address_company, .lt-ie8 .mod_iso_checkout .input_wrapper.wrap_shipping_address_company { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout .input_wrapper.wrap_billing_address_company label, .mod_iso_checkout .input_wrapper.wrap_shipping_address_company label { position: absolute; left: 110px; } .mod_iso_checkout .input_wrapper.wrap_billing_address_company input, .mod_iso_checkout .input_wrapper.wrap_shipping_address_company input { position: absolute; width: 180px; left: 160px; } .mod_iso_checkout .input_wrapper.wrap_billing_address_birthday { display: inline-block; } .lt-ie8 .mod_iso_checkout .input_wrapper.wrap_billing_address_birthday { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout .input_wrapper.wrap_billing_address_birthday input { left: 95px; width: 92px; } .mod_iso_checkout .input_wrapper.wrap_billing_address_phone { display: inline-block; } .lt-ie8 .mod_iso_checkout .input_wrapper.wrap_billing_address_phone { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout .input_wrapper.wrap_billing_address_phone label { position: absolute; left: 112px; } .mod_iso_checkout .input_wrapper.wrap_billing_address_phone input { position: absolute; width: 160px; left: 181px; } .mod_iso_checkout .input_wrapper.wrap_billing_address_phone p.error { left: 169px; } .mod_iso_checkout .input_wrapper.wrap_billing_address_street_1, .mod_iso_checkout .input_wrapper.wrap_shipping_address_street_1 { display: inline-block; } .lt-ie8 .mod_iso_checkout .input_wrapper.wrap_billing_address_street_1, .lt-ie8 .mod_iso_checkout .input_wrapper.wrap_shipping_address_street_1 { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout .input_wrapper.wrap_billing_address_street_1 input, .mod_iso_checkout .input_wrapper.wrap_shipping_address_street_1 input { left: 95px; width: 234px; } .mod_iso_checkout .input_wrapper.wrap_billing_address_house, .mod_iso_checkout .input_wrapper.wrap_shipping_address_house { display: inline-block; } .lt-ie8 .mod_iso_checkout .input_wrapper.wrap_billing_address_house, .lt-ie8 .mod_iso_checkout .input_wrapper.wrap_shipping_address_house { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout .input_wrapper.wrap_billing_address_house label, .mod_iso_checkout .input_wrapper.wrap_shipping_address_house label { position: absolute; left: 252px; } .mod_iso_checkout .input_wrapper.wrap_billing_address_house input, .mod_iso_checkout .input_wrapper.wrap_shipping_address_house input { position: absolute; width: 46px; left: 295px; } .mod_iso_checkout .input_wrapper.wrap_billing_address_house p.error, .mod_iso_checkout .input_wrapper.wrap_shipping_address_house p.error { left: 283px; } .mod_iso_checkout .input_wrapper.wrap_billing_address_postal, .mod_iso_checkout .input_wrapper.wrap_shipping_address_postal { display: inline-block; } .lt-ie8 .mod_iso_checkout .input_wrapper.wrap_billing_address_postal, .lt-ie8 .mod_iso_checkout .input_wrapper.wrap_shipping_address_postal { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout .input_wrapper.wrap_billing_address_postal input, .mod_iso_checkout .input_wrapper.wrap_shipping_address_postal input { left: 95px; width: 65px; } .mod_iso_checkout .input_wrapper.wrap_billing_address_city, .mod_iso_checkout .input_wrapper.wrap_shipping_address_city { display: inline-block; } .lt-ie8 .mod_iso_checkout .input_wrapper.wrap_billing_address_city, .lt-ie8 .mod_iso_checkout .input_wrapper.wrap_shipping_address_city { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout .input_wrapper.wrap_billing_address_city label, .mod_iso_checkout .input_wrapper.wrap_shipping_address_city label { position: absolute; left: 85px; } .mod_iso_checkout .input_wrapper.wrap_billing_address_city input, .mod_iso_checkout .input_wrapper.wrap_shipping_address_city input { position: absolute; width: 212px; left: 130px; } .mod_iso_checkout .input_wrapper.wrap_billing_address_city p.error, .mod_iso_checkout .input_wrapper.wrap_shipping_address_city p.error { left: 118px; } .mod_iso_checkout .input_wrapper.wrap_shipping_address { margin-top: 16px; margin-bottom: 40px; } .mod_iso_checkout .input_wrapper.wrap_shipping_address fieldset span { float: left; clear: both; } .mod_iso_checkout .input_wrapper.wrap_shipping_address fieldset span input { margin-top: 8px; } .mod_iso_checkout .input_wrapper.wrap_shipping_address fieldset span label { width: 220px; } .mod_iso_checkout #iso_mod_checkout_shipping { min-height: 250px; } .mod_iso_checkout #iso_mod_checkout_shipping .billing_adress, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_adress, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_method { text-align: center; display: inline-block; vertical-align: top; width: 300px; margin-right: 16px; } .lt-ie8 .mod_iso_checkout #iso_mod_checkout_shipping .billing_adress, .lt-ie8 .mod_iso_checkout #iso_mod_checkout_shipping .shipping_adress, .lt-ie8 .mod_iso_checkout #iso_mod_checkout_shipping .shipping_method { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout #iso_mod_checkout_shipping .billing_adress .submit, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_adress .submit, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_method .submit { display: inline-block; cursor: pointer; height: 21px; background: transparent url('../images/textures/black-50-80-hover.png'); background-repeat: repeat-x; background-position: 0 0; margin-bottom: 10px; border: none; font-family: "ITCFranklinGothicW01-Dm 812671"; color: white; font-size: 16px; text-transform: uppercase; line-height: 16.3px; padding: 0 5px; position: absolute; top: 150px; left: 57px; } .mod_iso_checkout #iso_mod_checkout_shipping .billing_adress .submit:active, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_adress .submit:active, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_method .submit:active { padding: 0 5px; } .mod_iso_checkout #iso_mod_checkout_shipping .billing_adress .submit label, .mod_iso_checkout #iso_mod_checkout_shipping .billing_adress .submit span, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_adress .submit label, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_adress .submit span, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_method .submit label, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_method .submit span { padding-top: 2px; text-align: center; display: block; font-family: "ITCFranklinGothicW01-Dm 812671"; color: white; font-size: 16px; text-transform: uppercase; line-height: 16.3px; } .mod_iso_checkout #iso_mod_checkout_shipping .billing_adress .submit label.currency, .mod_iso_checkout #iso_mod_checkout_shipping .billing_adress .submit span.currency, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_adress .submit label.currency, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_adress .submit span.currency, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_method .submit label.currency, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_method .submit span.currency { padding: 0; display: inline; background: none; } .mod_iso_checkout #iso_mod_checkout_shipping .billing_adress .submit span, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_adress .submit span, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_method .submit span { padding-top: 3px; } .mod_iso_checkout #iso_mod_checkout_shipping .billing_adress .submit.font-arrow-dm-14 span, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_adress .submit.font-arrow-dm-14 span, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_method .submit.font-arrow-dm-14 span { display: inline-block; vertical-align: bottom; } .lt-ie8 .mod_iso_checkout #iso_mod_checkout_shipping .billing_adress .submit.font-arrow-dm-14 span, .lt-ie8 .mod_iso_checkout #iso_mod_checkout_shipping .shipping_adress .submit.font-arrow-dm-14 span, .lt-ie8 .mod_iso_checkout #iso_mod_checkout_shipping .shipping_method .submit.font-arrow-dm-14 span { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout #iso_mod_checkout_shipping .billing_adress .submit.confirm, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_adress .submit.confirm, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_method .submit.confirm { background: transparent url('../images/textures/black-50-80-hover-big.png'); height: 34px; font-family: "ITCFranklinGothicW01-Dm 812671"; color: white; font-size: 20px; text-transform: uppercase; line-height: 20px; padding: 6px 10px 10px 10px; } .mod_iso_checkout #iso_mod_checkout_shipping .billing_adress .submit.confirm:active, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_adress .submit.confirm:active, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_method .submit.confirm:active { padding: 6px 10px 10px 10px; } .mod_iso_checkout #iso_mod_checkout_shipping .billing_adress .submit.confirm:before, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_adress .submit.confirm:before, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_method .submit.confirm:before { line-height: 26px; } .mod_iso_checkout #iso_mod_checkout_shipping .billing_adress .submit:before, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_adress .submit:before, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_method .submit:before { font-size: 33px; margin-top: -3px; } .mod_iso_checkout #iso_mod_checkout_shipping .billing_adress.shipping_adress .submit, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_adress.shipping_adress .submit, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_method.shipping_adress .submit { left: 393px; } .mod_iso_checkout #iso_mod_checkout_shipping .billing_adress.shipping_method, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_adress.shipping_method, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_method.shipping_method { margin-right: 0; } .mod_iso_checkout #iso_mod_checkout_shipping .billing_adress.shipping_method fieldset, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_adress.shipping_method fieldset, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_method.shipping_method fieldset { display: none; } .mod_iso_checkout #iso_mod_checkout_shipping .billing_adress.shipping_method .country, .mod_iso_checkout #iso_mod_checkout_shipping .billing_adress.shipping_method .price, .mod_iso_checkout #iso_mod_checkout_shipping .billing_adress.shipping_method .zone, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_adress.shipping_method .country, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_adress.shipping_method .price, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_adress.shipping_method .zone, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_method.shipping_method .country, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_method.shipping_method .price, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_method.shipping_method .zone { font-family: "ITCFranklinGothicW01-Dm 812668"; font-size: 13px; text-transform: uppercase; line-height: 16px; } .mod_iso_checkout #iso_mod_checkout_shipping .billing_adress.shipping_method .country.zone, .mod_iso_checkout #iso_mod_checkout_shipping .billing_adress.shipping_method .price.zone, .mod_iso_checkout #iso_mod_checkout_shipping .billing_adress.shipping_method .zone.zone, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_adress.shipping_method .country.zone, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_adress.shipping_method .price.zone, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_adress.shipping_method .zone.zone, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_method.shipping_method .country.zone, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_method.shipping_method .price.zone, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_method.shipping_method .zone.zone { text-transform: none; } .mod_iso_checkout #iso_mod_checkout_shipping .billing_adress .inner, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_adress .inner, .mod_iso_checkout #iso_mod_checkout_shipping .shipping_method .inner { margin-top: 0; } .mod_iso_checkout #iso_mod_checkout_shipping .submit_container.fixed { top: 150px; } .mod_iso_checkout #iso_mod_checkout_payment { min-height: 250px; } .mod_iso_checkout #iso_mod_checkout_payment p.error { text-align: center; } .mod_iso_checkout #iso_mod_checkout_payment fieldset { border: 0; text-align: center; } .mod_iso_checkout #iso_mod_checkout_payment .payment_module { margin-right: 90px; display: inline-block; vertical-align: top; text-align: left; } .lt-ie8 .mod_iso_checkout #iso_mod_checkout_payment .payment_module { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout #iso_mod_checkout_payment .payment_module.payment_module_1 { margin-right: 0; } .mod_iso_checkout #iso_mod_checkout_payment .payment_module input { float: left; margin-right: 5px; } .mod_iso_checkout #iso_mod_checkout_payment .payment_module label { float: left; width: 260px; font-family: "Soho W01 Bold Condensed"; font-size: 16px; text-transform: uppercase; line-height: 16px; } .mod_iso_checkout #iso_mod_checkout_payment .payment_module label span.paypal { background-position: 0 -293px; height: 24px; width: 77px; text-indent: 101%; white-space: nowrap; overflow: hidden; position: absolute; margin-top: -2px; margin-left: 2px; } .mod_iso_checkout #iso_mod_checkout_payment .payment_module .info { padding-left: 23px; margin-top: 25px; clear: left; } .mod_iso_checkout #iso_mod_checkout_payment .submit_container.fixed { right: 100px; top: 180px; } .mod_iso_checkout #iso_mod_checkout_review p.message { text-transform: uppercase; margin-bottom: 40px; } .mod_iso_checkout #iso_mod_checkout_review .submit_container.bottom { display: block; margin-right: 38px; margin-top: 10px; } .mod_iso_checkout #iso_mod_checkout_review .submit_container.fixed { display: none; } .mod_iso_checkout #iso_mod_checkout_review .lft { width: 130px; margin-right: 20px; margin-top: 2px; display: inline-block; vertical-align: top; } .lt-ie8 .mod_iso_checkout #iso_mod_checkout_review .lft { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout #iso_mod_checkout_review .lft h4 { font-family: "Soho W01 Bold Condensed"; font-size: 16px; text-transform: uppercase; line-height: 16px; } .mod_iso_checkout #iso_mod_checkout_review .rgt { display: inline-block; vertical-align: top; } .lt-ie8 .mod_iso_checkout #iso_mod_checkout_review .rgt { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout #iso_mod_checkout_review .rgt .info_container { display: inline-block; vertical-align: top; width: 290px; } .lt-ie8 .mod_iso_checkout #iso_mod_checkout_review .rgt .info_container { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout #iso_mod_checkout_review .rgt .info_container.billing_address { margin-right: 40px; } .mod_iso_checkout #iso_mod_checkout_review .rgt .info_container h5 { font-family: "ITCFranklinGothicW01-Dm 812668"; font-size: 13px; text-transform: uppercase; line-height: 16px; margin-bottom: 20px; } .mod_iso_checkout #iso_mod_checkout_review .rgt .info_container .info { line-height: 16px; } .mod_iso_checkout #iso_mod_checkout_review .rgt .info_container .info a { margin-top: 20px; display: block; } .mod_iso_checkout #iso_mod_checkout_review .rgt .info_container .info .tel { display: none; } .mod_iso_checkout #iso_mod_checkout_review .rgt .submit { display: inline-block; cursor: pointer; height: 21px; background: transparent url('../images/textures/black-50-80-hover.png'); background-repeat: repeat-x; background-position: 0 0; margin-bottom: 10px; border: none; font-family: "ITCFranklinGothicW01-Dm 812671"; color: white; font-size: 16px; text-transform: uppercase; line-height: 16.3px; padding: 0 5px; margin-bottom: 30px; } .mod_iso_checkout #iso_mod_checkout_review .rgt .submit:active { padding: 0 5px; } .mod_iso_checkout #iso_mod_checkout_review .rgt .submit label, .mod_iso_checkout #iso_mod_checkout_review .rgt .submit span { padding-top: 2px; text-align: center; display: block; font-family: "ITCFranklinGothicW01-Dm 812671"; color: white; font-size: 16px; text-transform: uppercase; line-height: 16.3px; } .mod_iso_checkout #iso_mod_checkout_review .rgt .submit label.currency, .mod_iso_checkout #iso_mod_checkout_review .rgt .submit span.currency { padding: 0; display: inline; background: none; } .mod_iso_checkout #iso_mod_checkout_review .rgt .submit span { padding-top: 3px; } .mod_iso_checkout #iso_mod_checkout_review .rgt .submit.font-arrow-dm-14 span { display: inline-block; vertical-align: bottom; } .lt-ie8 .mod_iso_checkout #iso_mod_checkout_review .rgt .submit.font-arrow-dm-14 span { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout #iso_mod_checkout_review .rgt .submit.confirm { background: transparent url('../images/textures/black-50-80-hover-big.png'); height: 34px; font-family: "ITCFranklinGothicW01-Dm 812671"; color: white; font-size: 20px; text-transform: uppercase; line-height: 20px; padding: 6px 10px 10px 10px; } .mod_iso_checkout #iso_mod_checkout_review .rgt .submit.confirm:active { padding: 6px 10px 10px 10px; } .mod_iso_checkout #iso_mod_checkout_review .rgt .submit.confirm:before { line-height: 26px; } .mod_iso_checkout #iso_mod_checkout_review .rgt .submit:before { font-size: 33px; margin-top: -3px; } .mod_iso_checkout #iso_mod_checkout_review .order_info .message { text-align: left; } .mod_iso_checkout #iso_mod_checkout_review .order_info.payment { margin-top: 40px; margin-bottom: 40px; } .mod_iso_checkout #iso_mod_checkout_review .order_info.payment .rgt .info_container { width: 600px; } .mod_iso_checkout #iso_mod_checkout_review .order_info.payment .rgt .info_container table td:first-child { font-family: "ITCFranklinGothicW01-Dm 812668"; font-size: 13px; line-height: 16px; width: 105px; } .mod_iso_checkout #iso_mod_checkout_review .order_conditions { margin-bottom: 40px; } .mod_iso_checkout #iso_mod_checkout_review .order_conditions h4 { font-family: "Soho W01 Bold Condensed"; font-size: 16px; text-transform: uppercase; line-height: 16px; width: 130px; margin-right: 20px; display: inline-block; vertical-align: top; } .lt-ie8 .mod_iso_checkout #iso_mod_checkout_review .order_conditions h4 { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout #iso_mod_checkout_review .order_conditions fieldset { border: 0; padding: 0; } .mod_iso_checkout #iso_mod_checkout_review .order_conditions fieldset span input, .mod_iso_checkout #iso_mod_checkout_review .order_conditions fieldset span label { display: inline-block; vertical-align: top; width: auto; } .lt-ie8 .mod_iso_checkout #iso_mod_checkout_review .order_conditions fieldset span input, .lt-ie8 .mod_iso_checkout #iso_mod_checkout_review .order_conditions fieldset span label { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout #iso_mod_checkout_review .order_conditions fieldset span input { margin: 0; } .mod_iso_checkout #iso_mod_checkout_review .order_conditions fieldset span label { font-family: "ITCFranklinGothicW01-Bk 812647"; font-size: 13px; line-height: 19px; margin-top: -3px; margin-left: 5px; } .mod_iso_checkout #iso_mod_checkout_review .order_conditions fieldset.checkbox_container { margin-top: 3px; margin-left: -2px; } .mod_iso_checkout #iso_mod_checkout_review .order_conditions fieldset.widerruf-wrapper { margin-top: -10px; } .mod_iso_checkout #iso_mod_checkout_review .order_conditions .rgt { display: inline-block; vertical-align: top; margin-top: -2px; } .lt-ie8 .mod_iso_checkout #iso_mod_checkout_review .order_conditions .rgt { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout #iso_mod_checkout_review .order_conditions .rgt a { font-family: "ITCFranklinGothicW01-Dm 812668"; font-size: 13px; text-transform: uppercase; line-height: 19px; } .mod_iso_checkout #iso_mod_checkout_review .order_conditions .rgt a:before { content: "\00bb"; font-size: 35px; display: inline-block; line-height: 20px; vertical-align: text-bottom; margin-right: 2px; } .lt-ie8 .mod_iso_checkout #iso_mod_checkout_review .order_conditions .rgt a:before { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout #iso_mod_checkout_review .order_conditions .rgt p.error { left: -15px; top: 2px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table { background: rgba(0, 0, 0, 0.1); width: 750px; margin: 0 auto; border-collapse: separate; border-spacing: 0; padding-bottom: 20px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table th { font-family: "ITCFranklinGothicW01-Dm 812668"; color: black; font-size: 13px; text-transform: uppercase; line-height: 18.3px; padding-bottom: 2px; border-bottom: 3px solid black; text-align: left; } .mod_iso_checkout #iso_mod_checkout_review .order_products table th.col_1 { padding-left: 160px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table th div { display: inline-block; } .lt-ie8 .mod_iso_checkout #iso_mod_checkout_review .order_products table th div { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout #iso_mod_checkout_review .order_products table th div.c_0 { width: 570px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table th div.c_1 { width: 100px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table th div.c_2 { width: 100px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table tbody tr td { height: 100px; padding: 15px 0 0; font-family: "ITCFranklinGothicW01-Dm 812668"; color: black; font-size: 13px; line-height: 18.3px; border-top: 1px solid black; vertical-align: top; } .mod_iso_checkout #iso_mod_checkout_review .order_products table tbody tr td.col_0 { padding-top: 20px; width: 80px; text-align: left; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .row_0 td { border-top: 0; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .col_0 { width: 30px; font-family: "ITCFranklinGothicW01-Dm 812668"; color: black; font-size: 13px; line-height: 18.3px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .col_1 { width: 470px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .col_1 figure, .mod_iso_checkout #iso_mod_checkout_review .order_products table .col_1 .desc { display: inline-block; vertical-align: top; } .lt-ie8 .mod_iso_checkout #iso_mod_checkout_review .order_products table .col_1 figure, .lt-ie8 .mod_iso_checkout #iso_mod_checkout_review .order_products table .col_1 .desc { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .col_1 figure { width: 105px; height: 90px; text-align: left; margin: 0 auto; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .col_3 { padding-left: 30px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .col_3 .total_price, .mod_iso_checkout #iso_mod_checkout_review .order_products table .col_3 .submit_container { display: inline-block; vertical-align: top; } .lt-ie8 .mod_iso_checkout #iso_mod_checkout_review .order_products table .col_3 .total_price, .lt-ie8 .mod_iso_checkout #iso_mod_checkout_review .order_products table .col_3 .submit_container { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .col_3 .total_price { font-family: "ITCFranklinGothicW01-Bk 812647"; color: black; font-size: 13px; line-height: 18.3px; width: 80px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .col_2 { width: 95px; text-align: center; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .col_4 { width: 160px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .name { font-family: "ITCFranklinGothicW01-Dm 812668"; font-size: 13px; text-transform: uppercase; line-height: 16px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .option { font-family: "ITCFranklinGothicW01-Bk 812647"; font-size: 13px; line-height: 16px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .desc { margin-left: 20px; width: 220px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .unit-price { margin: 10px 0 0; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .quantity input { width: 40px; height: 21px; background-color: #807f7f; background-color: rgba(0, 0, 0, 0.5); border: 0; font-family: "ITCFranklinGothicW01-Dm 812668"; color: white; font-size: 13px; line-height: 18.3px; padding: 0 5px; text-align: center; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container { height: 21px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container .submit, .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container .remove { display: inline-block; cursor: pointer; height: 21px; background: transparent url('../images/textures/black-50-80-hover.png'); background-repeat: repeat-x; background-position: 0 0; margin-bottom: 10px; border: none; font-family: "ITCFranklinGothicW01-Dm 812671"; color: white; font-size: 16px; text-transform: uppercase; line-height: 16.3px; padding: 0 5px; min-width: 120px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container .submit:active, .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container .remove:active { padding: 0 5px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container .submit label, .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container .submit span, .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container .remove label, .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container .remove span { padding-top: 2px; text-align: center; display: block; font-family: "ITCFranklinGothicW01-Dm 812671"; color: white; font-size: 16px; text-transform: uppercase; line-height: 16.3px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container .submit label.currency, .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container .submit span.currency, .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container .remove label.currency, .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container .remove span.currency { padding: 0; display: inline; background: none; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container .submit span, .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container .remove span { padding-top: 3px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container .submit.font-arrow-dm-14 span, .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container .remove.font-arrow-dm-14 span { display: inline-block; vertical-align: bottom; } .lt-ie8 .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container .submit.font-arrow-dm-14 span, .lt-ie8 .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container .remove.font-arrow-dm-14 span { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container .submit.confirm, .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container .remove.confirm { background: transparent url('../images/textures/black-50-80-hover-big.png'); height: 34px; font-family: "ITCFranklinGothicW01-Dm 812671"; color: white; font-size: 20px; text-transform: uppercase; line-height: 20px; padding: 6px 10px 10px 10px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container .submit.confirm:active, .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container .remove.confirm:active { padding: 6px 10px 10px 10px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container .submit.confirm:before, .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container .remove.confirm:before { line-height: 26px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .submit_container .remove { margin-top: 10px; min-width: 100px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .grandtotal { font-family: "ITCFranklinGothicW01-Dm 812668"; color: black; font-size: 12.3px; line-height: 18.3px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .grandtotal .border1 { height: 1px; margin-bottom: 2px; margin-top: 0; padding-top: 0; background-color: black; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .grandtotal .border2 { height: 2px; margin-top: 0; padding-top: 0; background-color: black; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .grandtotal .col_first { text-align: left; padding-top: 5px; vertical-align: top; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .grandtotal .continue_shopping { float: left; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .grandtotal .price_info { padding-top: 5px; vertical-align: top; float: right; text-align: right; margin-right: 20px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .grandtotal .price_info .grandtotal { font-family: "ITCFranklinGothicW01-Dm 812668"; color: black; font-size: 13px; text-transform: uppercase; line-height: 18.3px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .grandtotal .price_info .excl { font-family: "ITCFranklinGothicW01-Bk 812647"; color: black; font-size: 13px; line-height: 16px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .grandtotal .price.total { padding-left: 30px; vertical-align: top; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .grandtotal .total_price { display: inline-block; vertical-align: top; width: 80px; padding-top: 10px; font-family: "ITCFranklinGothicW01-Dm 812668"; color: black; font-size: 13px; line-height: 18.3px; } .lt-ie8 .mod_iso_checkout #iso_mod_checkout_review .order_products table .grandtotal .total_price { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .grandtotal .submit_container { display: inline-block; padding-top: 10px; vertical-align: top; } .lt-ie8 .mod_iso_checkout #iso_mod_checkout_review .order_products table .grandtotal .submit_container { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .grandtotal .submit_container .submit:before { margin-top: -4px; font-size: 33px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table th { border-bottom: 1px solid black; padding-top: 5px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table th div.c_0 { width: 560px; margin-left: 10px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table th div.c_1 { width: 95px; text-align: left; } .mod_iso_checkout #iso_mod_checkout_review .order_products table th div.c_2 { width: 50px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table td.col_0 { padding-left: 15px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table td.borderrow { height: 5px; padding: 0; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .grandtotal td.col_first { text-align: right; font-family: "ITCFranklinGothicW01-Dm 812668"; font-size: 13px; text-transform: uppercase; line-height: 18px; vertical-align: bottom; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .grandtotal .border1, .mod_iso_checkout #iso_mod_checkout_review .order_products table .grandtotal .border2 { width: 300px; margin: 0 0 2px auto; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .grandtotal .border1 { margin-top: 20px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .grandtotal .border2 { height: 3px; margin-bottom: 5px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .grandtotal .price.total { font-family: "ITCFranklinGothicW01-Dm 812668"; font-size: 13px; text-transform: uppercase; line-height: 18px; vertical-align: bottom; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .grandtotal.tax td.col_first { font-family: "ITCFranklinGothicW01-Bk 812647"; font-size: 13px; text-transform: none; line-height: 18px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .grandtotal.tax .price.total { font-family: "ITCFranklinGothicW01-Bk 812647"; font-size: 13px; text-transform: none; line-height: 18px; } .mod_iso_checkout #iso_mod_checkout_review .order_products table .grandtotal td.last { margin-bottom: 20px; } .mod_iso_finish .checkout .inner { margin-top: 30px; } .mod_iso_finish .checkout .inner .error { text-align: center; } .mod_iso_finish .checkout .inner h2, .mod_iso_finish .checkout .inner h3, .mod_iso_finish .checkout .inner h4 { font-family: "Soho W01 Bold Condensed"; font-size: 16px; text-transform: uppercase; line-height: 16px; margin-bottom: 20px; margin-top: 20px; } .mod_iso_orderdetails .inner { margin-top: 30px; margin-bottom: 50px; } .mod_iso_orderdetails .inner .drow { margin-bottom: 50px; } .mod_iso_orderdetails .inner .drow .headline { width: 155px; display: inline-block; vertical-align: top; } .lt-ie8 .mod_iso_orderdetails .inner .drow .headline { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_orderdetails .inner .drow .headline h3 { font-family: "Soho W01 Bold Condensed"; font-size: 16px; line-height: 16px; margin: 0; } .mod_iso_orderdetails .inner .drow h4 { margin: 10px 0; font-family: "ITCFranklinGothicW01-Dm 812668"; font-size: 13px; text-transform: uppercase; line-height: 16px; } .mod_iso_orderdetails .inner .drow .info { display: inline-block; vertical-align: top; font-size: 13px; margin-top: 2px; } .lt-ie8 .mod_iso_orderdetails .inner .drow .info { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_orderdetails .inner .drow .info strong { text-transform: uppercase; font-size: 13px !important; } .mod_iso_orderdetails .inner .drow .info table { margin-top: 20px; } .mod_iso_orderdetails .inner .drow .info table td:first-child { font-family: "ITCFranklinGothicW01-Dm 812668"; font-size: 13px; line-height: 16px; width: 105px; } .mod_iso_orderdetails .inner .drow .info .product, .mod_iso_orderdetails .inner .drow .info .orderstatus { margin-bottom: 20px; } .mod_iso_orderdetails .inner .drow .info.downloads .item { margin-bottom: 20px; } .mod_iso_orderdetails .inner .drow .info.downloads .download { margin-bottom: 10px; } .mod_iso_orderdetails .inner .drow .info.downloads .download .icon { background-position: 0 -671px; height: 35px; width: 35px; display: inline-block; vertical-align: top; margin-right: 10px; } .lt-ie8 .mod_iso_orderdetails .inner .drow .info.downloads .download .icon { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_orderdetails .inner .drow .info.downloads .download .title { display: inline-block; vertical-align: top; margin-top: 2px; } .lt-ie8 .mod_iso_orderdetails .inner .drow .info.downloads .download .title { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_orderdetails .inner .drow .info.downloads .download:hover .icon.active { background-position: 0 -738px; height: 35px; width: 35px; } .mod_iso_orderdetails .inner .drow .info .billingaddress { display: inline-block; vertical-align: top; width: 280px; margin-right: 40px; } .lt-ie8 .mod_iso_orderdetails .inner .drow .info .billingaddress { display: inline; zoom: 1; vertical-align: auto; } .mod_iso_orderdetails .inner .drow .info .shippingaddress { display: inline-block; vertical-align: top; } .lt-ie8 .mod_iso_orderdetails .inner .drow .info .shippingaddress { display: inline; zoom: 1; vertical-align: auto; } #homeplay { background-position: 0 -160px; height: 75px; width: 75px; margin: 0 auto; position: relative; cursor: pointer; } #homeplay:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; } #list-scroll { height: 100%; } #list-scroll .inner { margin-bottom: 20px; } #list-scroll.autoscroll { overflow-y: auto; overflow-x: hidden; } #list-scroll .jspHorizontalBar { display: none; } #list-scroll .jspVerticalBar { background: none; right: -2px; } #list-scroll .jspVerticalBar .jspCapTop { display: block; height: 5px; } #list-scroll .jspVerticalBar .jspCapBottom { display: block; height: 5px; } #list-scroll .jspVerticalBar .jspTrack { width: 8px; border: none; background: white; border-radius: 3px; right: 2px; } #list-scroll .jspVerticalBar .jspDrag { width: 8px; border: none; background-color: rgba(153, 153, 153, 0.5); border-radius: 3px; margin-left: 0; } #list-scroll .jspVerticalBar .jspDrag:hover { background: rgba(0, 0, 0, 0.8); } #list-scroll .scrollInner { overflow-x: hidden; width: 100%; } .tscrollfilmoV, .tscrollportfolio-lftV, .tscrollportfolio-mdlV, .tscrollportfolio-rgtV, .tscrollaboutV, .tscrollclientsV, .tscrollimprintV, .tscrollbasketV { position: absolute; z-index: 100; width: 8px; bottom: 95px; top: 168px; right: 0px; background: white; border-radius: 4px; } .tscrollfilmoV > div, .tscrollportfolio-lftV > div, .tscrollportfolio-mdlV > div, .tscrollportfolio-rgtV > div, .tscrollaboutV > div, .tscrollclientsV > div, .tscrollimprintV > div, .tscrollbasketV > div { position: absolute; width: 8px; background: rgba(153, 153, 153, 0.5); border-radius: 4px; pointer-events: none; z-index: 100; height: 100%; } .tscrollportfolio-lftV { top: 190px; bottom: 100px; right: auto; left: 282px; } .tscrollportfolio-mdlV { top: 190px; bottom: 100px; right: auto; left: 612px; } .tscrollportfolio-rgtV { top: 190px; bottom: 100px; right: 0; } .tscrollaboutV { top: 50px; bottom: 340px; } .tscrollclientsV { top: 190px; bottom: 68px; } .tscrollimprintV { top: 135px; bottom: 68px; } .tscrollbasketV { top: 200px; bottom: 100px; } .defaultscrollerV { position: absolute; z-index: 100; width: 8px; bottom: 100px; top: 170px; right: 0px; background: white; border-radius: 4px; } .defaultscrollerV > div { position: absolute; width: 8px; background: rgba(153, 153, 153, 0.5); border-radius: 4px; pointer-events: none; z-index: 100; height: 100%; } .touchscrollerH { position: absolute; z-index: 100; height: 7px; bottom: 1px; left: 2px; right: 2px; } .touchscrollerH > div { position: absolute; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.1); border-radius: 3px 3px 3px 3px; pointer-events: none; z-index: 100; } .touchscrollerV { position: absolute; z-index: 100; width: 7px; bottom: 2px; top: 2px; right: 1px; } .touchscrollerV > div { position: absolute; width: 7px; border-radius: 3px 3px 3px 3px; background: rgba(243, 154, 15, 0.7); pointer-events: none; z-index: 100; height: 100%; } /** Video Holder ** */ .video-bg-mask { position: fixed; width: 100%; height: 100%; margin: 0; padding: 0; top: 0; left: 0; overflow: hidden; z-index: -5; } .video-bg-holder { position: absolute; margin: 0; padding: 0; width: 100%; height: 100%; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; z-index: 2; } /** Preloader ** */ .video-preloader { position: absolute; top: 50%; left: 50%; width: 32px; height: 32px; margin-left: -16px; margin-top: -16px; background: black url('../images/misc/loading.gif') no-repeat center center; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; display: block; z-index: 1; } /** Pattern ** */ .video-pattern { position: absolute; margin: 0; padding: 0; background-position: top left; background-repeat: repeat; -moz-user-select: -moz-none; -khtml-user-select: none; -webkit-user-select: none; -o-user-select: none; user-select: none; } div.scrollingHotSpotLeft { height: 100%; left: 0; min-width: 75px; position: absolute; width: 25%; z-index: 200; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } div.scrollingHotSpotRight { height: 100%; min-width: 75px; position: absolute; right: 0; width: 25%; z-index: 200; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); opacity: 0; } div.scrollWrapper { height: 100%; overflow: hidden; position: relative; width: 100%; } div.scrollableArea { height: 100%; position: relative; width: auto; } img { -ms-interpolation-mode: bicubic; } body.mobile input.radio, body.mobile input.checkbox, body.ios input.radio, body.ios input.checkbox, body.android input.radio, body.android input.checkbox { width: 15px; height: 15px; }