/* Eitido (c) 2014 - Norman Geiersbach */
 .content-wrapper { float: right; width: 700px; } .content-block { padding-top: 24px; } .content-block:first-child { padding-top: 0; } .content-block-header { padding-bottom: 2px; background-image: url('images/content-separator-line.png'); background-position: left bottom; } .content-block-header strong { display: block; padding: 0 0 7px 0; font-family: 'Neo Sans W02 Light', Arial; font-size: 30px; font-weight: normal; letter-spacing: -1px; line-height: 36px; color: #efb700; } .content-block-inner { padding: 7px 0 8px 0; } .content-block-footer { } .content-block ul { list-style-type: none; margin: 0; padding: 0; } .content-block ul li { padding-left: 15px; background-image: url('images/bullet-list.png'); background-position: 0px 2px; } .content-block .image-wrapper { float: left; position: relative; margin: 4px 20px 0px 0; padding: 0 0 15px 0; width: 220px; height: 135px; background-image: url('images/image-wrapper.png'); } .content-block .image-overlay { position: absolute; left: 0px; top: 0px; width: 220px; height: 135px; z-index: 101; background-image: url('images/image-overlay.png'); } .content-block .image-wrapper-large { position: relative; margin: 4px 0px 1px 0; width: 700px; height: 430px; padding: 0 15px 15px 0; background-image: url('images/image-wrapper-large.png'); } .content-block .image-wrapper-large img { width: 700px; height: 430px; } .content-block .image-wrapper-large .image-overlay { width: 700px; height: 430px; background-image: url('images/image-overlay-large.png'); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .content-block .video-wrapper { float: left; position: relative; margin: 4px 20px 0px 0; padding: 0 0 15px 0; width: 220px; height: 135px; background-image: url('images/image-wrapper.png'); } .content-block .video-wrapper-large { position: relative; margin: 4px 0px 1px 0; width: 700px; height: 430px; padding: 0 15px 15px 0; background-image: url('images/image-wrapper-large.png'); } .content-block .form-wrapper { } .content-block .form-wrapper .fieldset-wrapper { padding: 13px 0 0 0; } .content-block .form-wrapper fieldset { display: block; padding-top: 18px; } .content-block .form-wrapper fieldset .legend { display: block; margin: 0; padding: 13px 0 5px 0; font-family: 'Neo Sans W02 Medium', Arial; font-size: 12px; font-weight: normal; color: #333333; } .content-block .form-wrapper fieldset:first-child { padding-top: 0; } .content-block .form-wrapper fieldset:first-child .legend { padding-top: 5px; } .content-block .form-wrapper .fieldset-splitter fieldset { float: left; margin-left: 20px; padding-top: 0; width: 340px; } .content-block .form-wrapper .fieldset-splitter fieldset:first-child { margin-left: 0px; } .content-block .form-wrapper .fieldset-splitter fieldset .legend { padding-top: 5px; } .content-block .form-wrapper .legend-checkbox-wrapper { padding: 13px 0 5px 0; } .content-block .form-wrapper .legend-checkbox-wrapper .legend { float: left; padding: 0; } .content-block .form-wrapper .legend-checkbox-wrapper .checkbox { float: left; padding-top: 3px; width: 24px; } .content-block .form-wrapper .field { position: relative; margin-top: 8px; padding-left: 160px; } .content-block .form-wrapper fieldset:first-child .field:first-child { margin-top: 0; } .content-block .form-wrapper .field label { position: absolute; left: 0px; top: 5px; width: 152px; font-size: 12px; font-weight: normal; text-transform: uppercase; color: #333333; } .content-block .form-wrapper .field input { padding: 4px; width: 236px; height: 18px; border: solid 1px #ebebeb; -moz-border-radius: 3px; border-radius: 3px; background-color: #fcfcfc; } .content-block .form-wrapper .field select { padding: 4px; width: 246px; border: solid 1px #ebebeb; -moz-border-radius: 3px; border-radius: 3px; background-color: #fcfcfc; } .content-block .form-wrapper .field textarea { padding: 4px; width: 392px; height: 90px; border: solid 1px #ebebeb; -moz-border-radius: 3px; border-radius: 3px; background-color: #fcfcfc; } .content-block .form-wrapper .check-field { margin-top: 18px; } .content-block .form-wrapper .check-field:first-child { margin-top: 8px; } .content-block .form-wrapper .check-field label { float: left; font-size: 12px; text-transform: uppercase; color: #333333; } .content-block .form-wrapper .check-field label span.highlight { font-family: 'Neo Sans W02 Medium', Arial; font-weight: normal; } .content-block .form-wrapper .check-field .checkbox { float: left; padding-top: 3px; width: 24px; } .content-block .form-wrapper .radio-list-wrapper { padding-top: 5px; } .content-block .form-wrapper .radio-field { position: relative; margin-top: 18px; } .content-block .form-wrapper .radio-field:first-child { margin-top: 8px; } .content-block .form-wrapper .radio-field label { float: left; max-width: 676px; font-size: 12px; text-transform: uppercase; color: #333333; } .content-block .form-wrapper .radio-field label span.highlight { font-family: 'Neo Sans W02 Medium', Arial; font-weight: normal; } .content-block .form-wrapper .radio-field .radio-button { float: left; padding-top: 3px; width: 24px; } .content-block .form-wrapper .radio-field input.text-box { position: absolute; top: 0px; left: 160px; padding: 4px; width: 236px; height: 18px; border: solid 1px #ebebeb; -moz-border-radius: 3px; border-radius: 3px; background-color: #fcfcfc; } .content-block .form-wrapper .iframe-field { margin-top: 7px; padding: 4px 19px; height: 172px; overflow: hidden; overflow-y: scroll; border: solid 1px #ebebeb; -moz-border-radius: 3px; border-radius: 3px; background-color: #fcfcfc; } .content-block .form-wrapper .text-field { padding: 13px 0 5px 0; } .content-block .form-wrapper .table-field { padding: 13px 0 5px 0; } .content-block .form-wrapper .table-field td.label { min-width: 160px; padding-right: 20px; font-size: 12px; text-transform: uppercase; color: #333333; } .content-block .form-wrapper .table-field td.value { } .content-block .form-wrapper .footnote { padding-top: 13px; } .content-block .form-wrapper .field-80-20 input { float: left; margin-left: 8px; } .content-block .form-wrapper .field-80-20 input:first-child { margin-left: 0; } .content-block .form-wrapper .field-80-20 input.text-80 { width: 174px; } .content-block .form-wrapper .field-80-20 input.text-20 { width: 44px; } .content-block .form-wrapper .field-reverse { position: relative; margin-top: 13px; padding-left: 64px; height: 28px; } .content-block .form-wrapper .field-reverse label { font-size: 12px; font-weight: normal; text-transform: uppercase; color: #333333; } .content-block .form-wrapper .field-reverse input { position: absolute; left: 0px; top: -5px; padding: 4px; width: 44px; height: 18px; border: solid 1px #ebebeb; -moz-border-radius: 3px; border-radius: 3px; background-color: #fcfcfc; } .content-block .command-wrapper { margin-top: 17px; padding: 13px 0 0 0; background-image: url('images/content-separator-line.png'); } .content-block .command-wrapper button { float: left; margin-left: 20px; } .content-block .command-wrapper button:first-child { margin-left: 0; } .content-block .command-wrapper .default-commands { padding-left: 160px; } .content-block .command-wrapper .primary-commands { float: right; } .content-block .command-wrapper .secondary-commands { float: left; } .content-block .command-wrapper input { padding: 4px; width: 140px; height: 30px; line-height: 22px; color: #666666; border: solid 1px #e6e6e6; background-color: #e6e6e6; } .content-block .command-wrapper input:hover { color: #ffffff; background-color: #efb700; } .content-block .command-wrapper button { padding: 4px; width: 140px; height: 30px; line-height: 22px; color: #666666; border: solid 1px #e6e6e6; background-color: #e6e6e6; } .content-block .command-wrapper button:hover { color: #ffffff; background-color: #efb700; } .content-block .command-wrapper button.cart-update { padding: 0; border: 0; background-color: transparent; background-image: url('images/button-cart-update.png'); } .content-block .command-wrapper button.cart-update span { display: none; } .content-block .command-wrapper button.cart-update:hover, .content-block .command-wrapper button.cart-update:focus { background-position: 0px -30px; } .content-block .command-wrapper button.checkout { padding: 0; border: 0; background-color: transparent; background-image: url('images/button-checkout.png'); } .content-block .command-wrapper button.checkout span { display: none; } .content-block .command-wrapper button.checkout:hover, .content-block .command-wrapper button.checkout:focus { background-position: 0px -30px; } .content-block .command-wrapper button.previous { padding: 0; border: 0; background-color: transparent; background-image: url('images/button-previous.png'); } .content-block .command-wrapper button.previous span { display: none; } .content-block .command-wrapper button.previous:hover, .content-block .command-wrapper button.previous:focus { background-position: 0px -30px; } .content-block .command-wrapper button.next { padding: 0; border: 0; background-color: transparent; background-image: url('images/button-next.png'); } .content-block .command-wrapper button.next span { display: none; } .content-block .command-wrapper button.next:hover, .content-block .command-wrapper button.next:focus { background-position: 0px -30px; } .content-block .command-wrapper button.send-message { padding: 0; border: 0; background-color: transparent; background-image: url('images/button-send-message.png'); } .content-block .command-wrapper button.send-message span { display: none; } .content-block .command-wrapper button.send-message:hover, .content-block .command-wrapper button.send-message:focus { background-position: 0px -30px; } .content-block .command-wrapper button.send-order { padding: 0; width: 300px; border: 0; background-color: transparent; background-image: url('images/button-send-order.png'); } .content-block .command-wrapper button.send-order span { display: none; } .content-block .command-wrapper button.send-order:hover, .content-block .command-wrapper button.send-order:focus { background-position: 0px -30px; } .content-block .command-wrapper button.login { padding: 0; border: 0; background-color: transparent; background-image: url('images/button-login.png'); } .content-block .command-wrapper button.login span { display: none; } .content-block .command-wrapper button.login:hover, .content-block .command-wrapper button.login:focus { background-position: 0px -30px; } .content-block .command-wrapper button.reset-password { padding: 0; border: 0; background-color: transparent; background-image: url('images/button-reset-password.png'); } .content-block .command-wrapper button.reset-password span { display: none; } .content-block .command-wrapper button.reset-password:hover, .content-block .command-wrapper button.reset-password:focus { background-position: 0px -30px; } .content-block .command-wrapper button.save { padding: 0; border: 0; background-color: transparent; background-image: url('images/button-save.png'); } .content-block .command-wrapper button.save span { display: none; } .content-block .command-wrapper button.save:hover, .content-block .command-wrapper button.save:focus { background-position: 0px -30px; } .content-block .command-wrapper button.update { padding: 0; border: 0; background-color: transparent; background-image: url('images/button-update.png'); } .content-block .command-wrapper button.update span { display: none; } .content-block .command-wrapper button.update:hover, .content-block .command-wrapper button.update:focus { background-position: 0px -30px; } .content-block .error-summary { margin-bottom: 18px; padding: 17px 20px; border: #bf2638 1px dotted; border-left: 0; border-right: 0; color: #bf2638; background: #ffe5e8; } .content-block .success-summary { margin-bottom: 18px; padding: 17px 20px; border: #26bf38 1px dotted; border-left: 0; border-right: 0; color: #26bf38; background: #e5ffe8; } .content-block .info-summary { margin-bottom: 18px; padding: 17px 20px; border: #efb700 1px dotted; border-left: 0; border-right: 0; color: #efb700; background: #fff9e5; } .content-block .info-summary a.link-internal { color: #efb700; } .content-block .info-summary a.link-internal:hover { color: #333333; } .content-block .table-wrapper { } .content-block .text-part-wrapper strong { font-weight: normal; color: #666666; } .content-block .attachment-wrapper { clear: both; padding: 18px 0 0 0; } .content-block .attachment-wrapper ul li { clear: both; padding-left: 0; background: none; } .content-block .attachment-wrapper ul li a { float: left; } .sidebar-wrapper { float: left; padding: 13px 10px 0px 10px; width: 180px; } .sidebar-container { margin-top: 44px; } .sidebar-container:first-child { margin-top: 0px; } .sidebar-container-headline {padding-bottom: 3px; background-image: url('images/content-separator-line.png'); background-position: left bottom; } .sidebar-container-headline strong { margin: 0; height: 36px; font-family: 'Neo Sans W02 Medium', Arial; font-size: 16px; font-weight: normal; line-height: 36px; color: #333333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sidebar-container-inner { padding: 7px 0 0 0; } .sidebar-container .navigation { display: block; margin-bottom: -18px; padding: 0 0 9px 0; } .sidebar-container:first-child .navigation { margin-top: 2px; } .sidebar-container .navigation li { display: block; position: relative; padding-top: 35px; border-top: solid 1px #e6e6e6; } .sidebar-container .navigation li:first-child { border-top: 0; } .sidebar-container .navigation li a { display: block; position: absolute; top: -1px; left: -10px; padding: 9px 22px 10px 10px; width: 168px; height: 18px; z-index: 101; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-transform: uppercase; color: #999999; } .sidebar-container .navigation li a:hover, .sidebar-container .navigation li a:focus { color: #efb700; } .sidebar-container .navigation li a.extended { background-image: url('images/sub-navigation-level-0.png'); } .sidebar-container .navigation li a.selected { color: #efb700; background-image: url('images/sub-navigation-level-0.png'); } .sidebar-container .navigation li.collapsed ul { display: none; } .sidebar-container .navigation li ul li { padding-top: 0; } .sidebar-container .navigation li ul li:first-child { border-top: solid 1px #e6e6e6; } .sidebar-container .navigation li ul li a { position: relative; top: auto; left: auto; padding: 8px 22px 9px 15px; width: 153px; background-image: url('images/sub-navigation.png'); } .sidebar-container .navigation li ul li a.extended { background-image: url('images/sub-navigation.png'); } .sidebar-container .navigation li ul li a.selected { background-image: url('images/sub-navigation.png'); background-position: 0px -35px; } .sidebar-container .navigation li ul ul li a { padding-left: 30px; width: 138px; background-position: 15px 0px; } .sidebar-container .navigation li ul ul li a.selected { background-position: 15px -35px; } .sidebar-container .navigation li a span.overlay { display: block; position: absolute; right: 10px; top: 9px; width: 8px; height: 18px; background-image: url('images/sub-navigation-icon.png'); background-position: 0px 0px; } .sidebar-container .navigation li a.selected span.overlay { background-position: 0px -18px; } .sidebar-container .navigation li a.extended span.overlay { background-position: 0px -36px; } .sidebar-container-inner .navigation { padding-top: 10px; } .sidebar-container:first-child .sidebar-container-inner .navigation { margin-top: 0px; } .cancellation-policy-wrapper { padding-bottom: 26px; } .cancellation-policy-wrapper h3 { padding-bottom: 10px; } .terms-and-conditions-wrapper { padding-bottom: 26px; font-size: 12px; } .terms-and-conditions-wrapper h3 { padding: 6px 0 16px 0; line-height: 24px; } .terms-and-conditions-wrapper .paragraph-wrapper { padding-top: 36px; } .terms-and-conditions-wrapper .paragraph-wrapper h4 { padding-bottom: 18px; } .terms-and-conditions-wrapper .paragraph-wrapper span.highlight { color: #333333; } .data-list-wrapper { margin: 18px 0 5px 0; font-size: 12px; border-bottom: solid 1px #e6e6e6; } .data-list span { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .data-list .highlight { text-transform: uppercase; color: #333333; } .data-list .header { padding: 0 0 8px 0; font-family: 'Neo Sans W02 Medium', Arial; font-weight: normal; letter-spacing: -0.5px; color: #333333; } .data-list .rows { } .data-list .row { clear: both; padding: 9px 0 10px 0; height: 90px; overflow: hidden; border-top: solid 1px #e6e6e6; } .data-list .row .column-image { padding: 3px 0 0 0; } .data-list .row .column-image .image-wrapper { margin: 0; padding: 0 0 12px 0; width: 140px; height: 85px; background-image: url('images/data-list-image-wrapper.png'); } .data-list .row .column-image .image-overlay { position: absolute; left: 0px; top: 0px; width: 140px; height: 85px; z-index: 101; background-image: url('images/data-list-image-overlay.png'); } .data-list .odd { background-image: url('images/data-list-row-odd.png'); background-repeat: repeat-y; } .data-list .footer { padding: 20px 0 30px 0; border-top: solid 1px #e6e6e6; } .data-list .footer .column-key { float: left; width: 540px; text-align: right; } .data-list .footer .column-value { float: right; width: 140px; } .data-list .column-image { float: left; width: 140px; overflow: hidden; } .data-list .column-unit-price { float: left; margin-left: 20px; width: 140px; overflow: hidden; } .data-list .column-unit-price span { width: 140px; } .data-list .column-image .ad-media-wrapper { width: 140px; height: 90px; } .data-list .column-image .ad-media-wrapper img { max-width: 138px; max-height: 88px; border: 1px solid #e6e6e6; } .data-list .column-image .ad-media-wrapper:hover { position: relative; } .data-list .column-image .ad-media-wrapper:hover img { position: absolute; left: 0px; top: 0px; max-width: none; max-height: none; } .data-list .column-ad-media { float: left; margin-left: 20px; width: 220px; overflow: hidden; } .data-list .column-ad-media span { width: 220px; } .data-list .column-affiliate-code { float: left; margin-left: 20px; width: 300px; overflow: hidden; } .data-list .column-affiliate-code span { width: 300px; } .data-list .column-affiliate-code textarea { padding: 4px; width: 290px; height: 80px; border: solid 1px #ebebeb; -moz-border-radius: 3px; border-radius: 3px; background-color: #fcfcfc; } .data-list .column-bullion { float: left; margin-left: 20px; width: 360px; overflow: hidden; } .data-list .column-bullion span { width: 360px; } .data-list .commission-column-order { float: left; width: 140px; overflow: hidden; } .data-list .commission-column-order span { width: 140px; } .data-list .commission-column-product { float: left; margin-left: 20px; width: 220px; overflow: hidden; } .data-list .commission-column-product a { display: block; width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .data-list .commission-column-product span { width: 220px; } .data-list .commission-column-product-price { float: left; margin-left: 20px; width: 140px; overflow: hidden; } .data-list .commission-column-product-price span { width: 140px; } .data-list .commission-column-commission { float: left; margin-left: 20px; width: 140px; overflow: hidden; } .data-list .commission-column-commission span { width: 140px; } .data-list .footer .commission-summary { font-family: 'Neo Sans W02 Medium', Arial; font-weight: normal; text-transform: uppercase; color: #333333; } .data-list .contract-column-number { float: left; width: 140px; overflow: hidden; } .data-list .contract-column-main { float: left; margin-left: 20px; width: 300px; overflow: hidden; } .data-list .contract-column-commission { float: left; margin-left: 20px; width: 220px; overflow: hidden; } #ad-media-list .row { overflow: visible; } #ad-media-list .column-image { overflow: visible; }