/*47083082*/ /*-------Including subContent.css--------*/ #breadcrumb{width:100%;float:left;font-size:9px;margin:1.667em 0 1.750em 0}#breadcrumb ul{list-style:none}#breadcrumb ul li{display:inline;float:left}#breadcrumb ul .active{color:#FFF;font-weight:bold}#breadcrumb ul .separator{margin:0 .333em}.ttContent,.big_tt{position:absolute;color:#006cdb;background-color:#b2d3f4;border:1px solid #FFF;padding:.25em .417em .417em;font-family:Arial;font-size:10px;line-height:12px;text-align:left;visibility:hidden;z-index:1000}.ttContent.click{width:16em}.ttContent.hover{white-space:nowrap}.big_tt{width:33em;height:35em;overflow:auto}.big_tt.autoheight{height:auto}.ttContent b,.big_tt b{font-weight:bold;font-size:10px;line-height:14px;margin-bottom:.167em}.ttContent b>span{font-weight:normal}.ttContent p{margin-top:.167em}.ttContent br,.big_tt br{margin-bottom:.167em}.ttContent br:first-of-type,.big_tt br:first-of-type{margin-bottom:0}.ttContent em{font-style:normal;font-size:10px}.ttContent a,.big_tt a{color:#006cdb}.ttContent ul{list-style-type:none}.ttContent li{padding:0;margin:0;list-style-type:none}div[orderable="0"] .tooltipComingSoon{display:none;position:absolute}div[orderable="0"]:hover .tooltipComingSoon{display:inline;margin:-2.667em 0 0 -0.833em;white-space:nowrap;z-index:1000}.tooltipComingSoon .tooltipBody,.ttContentNose{background:#006cdb;border-radius:.333em;color:#FFF;font-size:12px;font-family:Meta;padding:.417em .583em;position:fixed}.ttContentNose{position:absolute;visibility:hidden;font-family:Arial;font-size:10px;font-weight:bold;line-height:12px;text-align:left;z-index:100}.tooltipComingSoon .tooltipBody::after,.ttContentNose::after{content:"";height:1.25em;width:1.667em;left:-0.083em;bottom:-1.25em;position:absolute;background-position:0 -2.5em;background-repeat:no-repeat;background-image:url("../images/neutral/tooltipNose.png")}.ttContentNose::after{width:2.833em;bottom:-0.917em;left:.083em}.tooltip__wrapper{position:relative;display:inline-block;cursor:default}.tooltip__wrapper .tooltip__text{visibility:hidden;width:auto;background-color:#b2d3f4;color:#006cdb;border:1px solid #FFF;font-size:10px;line-height:12px;text-align:left;padding:.25em .417em;position:absolute;z-index:1;margin-left:.083em;opacity:0;transition:opacity .3s;white-space:nowrap}.tooltip__wrapper:hover .tooltip__text{visibility:visible;opacity:1}.tooltip__wrapper .tooltip__text a{color:#006cdb}.pageNavigation{float:left;margin-top:1em;transform:translate(-25%);margin-left:50%;width:100%}.pageCounter{cursor:default;font-family:Arial;font-size:11px;line-height:1.8;height:1.833em}.pageCounter:hover{font-family:Arial;font-size:11px;height:1.833em}.pagerFirst,.pagerBack,.pagerNext,.pagerLast{width:1.5em;position:relative;color:#FFF;font-family:FontAwesome;margin:0 .167em 0 0}.pagerNext,.pagerLast{margin:0 0 0 .167em}.pagerFirst::after{content:"\f048";font-size:.9em;position:absolute;right:.5em}.pagerBack::after{content:"\f04b";font-size:.9em;position:absolute;right:.5em;transform:scaleX(-1)}.pagerNext::after{content:"\f04b";font-size:.9em;position:absolute;right:.5em}.pagerLast::after{content:"\f051";font-size:.9em;position:absolute;right:.5em}.pagination{display:flex;align-items:center;justify-content:center;width:100%;float:left}.pagination__number{margin-left:.167em;cursor:default;width:auto;min-width:25%;padding:0 1em;pointer-events:none}.pagination__icon{width:1.5em;position:relative;color:#FFF;font-family:FontAwesome;margin-left:.167em}.pagination--first::after{content:"\f048";font-size:.9em;position:absolute;right:.5em}.pagination--back::after{content:"\f04b";font-size:.9em;position:absolute;right:.5em;transform:scaleX(-1)}.pagination--next::after{content:"\f04b";font-size:.9em;position:absolute;right:.5em}.pagination--last::after{content:"\f051";font-size:.9em;position:absolute;right:.5em}#Login .formLine div:first-of-type,#Login .formLine div:nth-of-type(2){float:left}#Login .formLine div:nth-of-type(2){margin-left:2%}#Login .leftColumn .button{margin-top:.667em}#Login section>section{margin-top:.813em}#Login section>section>a{font-size:11px;float:left;width:100%}#Login p.error{display:none;float:left;margin:.1em 0 1.5em}#Login .leftColumn+.width100pr{margin-top:.25em}.overlay_window_p24_content #Login .leftColumn .button{margin-top:-0.15em}#Upload h1{margin-bottom:.833em}#Upload .button{margin-top:.583em}#Upload span+.button{margin-top:.5em}.order_position_properties{display:table;float:left;margin:1.417em 0 .583em 0}.order_position_properties div{display:table-row}.order_position_properties div div{display:table-cell}.order_position_properties div div:first-child{width:30%}.panel_currentUploads{width:100%;float:left;margin:.583em 0 0 0}.win_UploadLayer_content .panel_currentUploads{margin-top:.167em}.panel_currentUploads>div:first-child{background-color:#b2d3f4;color:#000;text-indent:.5em;line-height:1.9}.panel_currentUploads>div:last-child{display:block;background-color:#b2d3f4;color:#000;text-indent:.5em;height:1.833em;position:relative}.uploadedFiles{height:12.5em;overflow-x:hidden;background-color:#FFF;width:100%}.fileOverview{display:table-row;width:96%;height:1.167em;color:#000;float:left;padding:1% 2% 0;margin-top:.333em}.file_name{display:table-cell;width:88%;float:left;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#000}.file_services{display:table-cell;width:10%;float:right}.file_services div{display:table-cell;width:3%;vertical-align:bottom}#Upload_delete_Icon svg{cursor:pointer;float:right;height:1.083em;width:initial}#Upload_correct_Icon svg{fill:#00be00;float:right;height:1em;width:initial}.uploadState{float:right}#Profil .selectboxit-container,#Upload .selectboxit-container{float:left;width:100%;margin-top:0}.panel_currentUploads .errorLine{width:96%;display:table-row;float:left;padding:.083em 2% 0}.panel_currentUploads .errorLine .error{color:#f30!important;font-size:10px;line-height:1.2;margin:0!important}.panel_currentUploads .errorLine .error+.error{color:#909090!important}.panel_currentUploads progress{width:96%;height:1em;vertical-align:-0.5em}progress{appearance:none;-moz-appearance:none;-webkit-appearance:none;width:100%;border:0;vertical-align:0;background:#FFF;position:relative}_:-ms-input-placeholder,:root progress{color:#00be00}progress::-moz-progress-bar{background:#00be00}progress::-moz-progress-bar{background:#00be00}progress::-webkit-progress-value{background:#00be00}progress::-webkit-progress-bar{background:#FFF}progress:not([value])::-webkit-progress-bar{background:#FFF}progress:not([value])::-moz-progress-bar{background:#FFF}label[name="progress"]{position:absolute;z-index:1;text-align:center;width:100%;margin:.333em 0 0 0}.uploadFiles__file{margin:8px 0;cursor:pointer}.uploadFiles__file:last-of-type{margin-bottom:0}.upload_preview_page{background:#b2d3f4}.upload_preview_page__image{height:400px;padding:30px;display:flex}.upload_preview_page__imagewrap{position:relative;width:100%;height:100%}.upload_preview_page__format{background:transparent;box-sizing:border-box;border:1px dotted #006cdb}.upload_preview_page__bleed{background:transparent;box-sizing:border-box;border:1px dotted #e6071a}.upload_preview_page__controls{width:100%;background:#006cdb;padding:.5em 0;height:2em;margin:0;text-align:center;bottom:0;display:flex;justify-content:center;align-items:center}.upload_preview_page button{outline:0;border:0}.upload_preview_page__button{background-color:#b2d3f4;color:#006cdb;border-radius:.3em;border:1px solid #b2d3f4;font-weight:400;height:1.75em;line-height:1.8em;margin:0 .15em;white-space:nowrap;cursor:pointer;width:1.75em;padding:.1em}.preview__button--large{width:2.5em}.upload_preview_page__button:hover{background-color:#006cdb;border:1px solid #fff;color:white}.upload_preview_page__button svg{width:100%;height:100%;fill:#006cdb;color:#006cdb}.upload_preview_page__button:hover svg{fill:#fff;color:#fff}.upload_preview_page__button-static{background-color:#b2d3f4;color:#006cdb;border-radius:.3em;margin:0 .15em;padding:0 1em;line-height:1.9em}.upload_preview_page__button[disabled]{background-color:#7499e6;pointer-events:none}.upload_preview_page__info-bg{padding:20px 10px 30px;background-color:#b2d3f4}.upload_preview_page__info{box-sizing:border-box;padding:10px;background:#fff;color:#000}.upload_preview_page__datasheet{font-size:inherit;border-bottom:1px solid #000;padding-bottom:8px;margin-bottom:10px}.upload_preview_page__datasheet figcaption{font-size:inherit;margin-top:initial}.upload_preview_page__legend{display:flex;align-items:center}.upload_preview_page__icon{display:inline-block;width:1em;height:1em;margin-right:7px}.upload_preview_page-icon--format{background-color:#e6071a}.upload_preview_page-icon--bleed{background-color:#006cdb}.filecheck-list{margin-top:5px}.filecheck-item{display:flex;margin-bottom:5px}.filecheck-item div:first-of-type{width:32%}.upload_preview_page-ok{color:#00be00}.upload_preview_page-fail{color:#e6071a}.Upload_FilePreview__buttons{float:left;width:100%;margin-top:7px}.Upload_FilePreview__buttons a:last-of-type{float:right}.leftColumn{width:48.4%;float:left;min-width:347px}.rightColumn{width:48.4%;float:right;min-width:347px}.middleColumn{width:48.4%;margin:auto;min-width:347px}.aufzaehlungen{margin-top:5px;line-height:16px}#button_left div{background-image:url("../images/neutral/buttons/kab_ServiceFreeCall_btn.gif");background-repeat:no-repeat;height:20px;width:347px;color:#06c;font-family:Meta;font-size:14px;text-align:center;letter-spacing:-0.6px;line-height:20px}#button_left span:last-child{color:#f30}#auswahlbox{height:20px;width:171px;text-align:left;position:relative;background-color:#fff;z-index:149;margin-top:3px}#auswahlbox::after{font-family:selectboxit-arrow;font-weight:bold;font-size:12px;content:'\e800';color:#909090;position:absolute;right:3px;top:4px}#auswahlbox::after{margin-top:4px\0/}@media screen and (-webkit-min-device-pixel-ratio:0){#auswahlbox::after{line-height:15px}}#auswahlbox_head{display:block;overflow:hidden;width:168px;height:15px;cursor:default;border:1px solid #fff;-moz-user-select:none;-khtml-user-select:none;z-index:500}#auswahlbox_headContent{font:10px/10px arial,sans-serif;overflow:hidden;white-space:nowrap;width:148px;height:15px;text-align:left;cursor:default;display:block;float:left}#auswahlbox_select{display:none;position:absolute;border:1px solid #fff;background-color:#fff;border-top:1px solid #aaa;box-shadow:-1px 1px 3px -1px #666,1px 1px 3px -1px #666}.option{display:block;position:relative;height:16px;cursor:default;font:10px/10px arial,sans-serif;color:#000;padding:3px 0 0 2px;white-space:nowrap;overflow:hidden;-moz-user-select:none;-khtml-user-select:none}#auswahlbox .mouseover{background-color:#316ac5;color:#fff}#KeyAcc .infoIcon{margin-top:1px}#aufzaehlungenRechts.aufzaehlungen .left{width:95%}#win_key_account_content p{margin-top:6px}.KeyAcconutLayer_buttons{margin-top:16px}@media screen and (-webkit-min-device-pixel-ratio:0){.KeyAcconutLayer_buttons{margin-top:15px}} /*-------Including newStandards.css--------*/ label{float:left;text-align:left;margin-bottom:.25em}figcaption{font-size:10px;margin-top:.357em}input[type="radio"]{height:1em;width:1em;background:transparent}textarea{font-family:Arial;font-size:11px;color:#AAA;width:100%;padding:.333em .5em;border:0}.error{margin-bottom:1.167em}.selectboxit-container{float:left;width:100%;margin-top:0!important} /*-------Including kalkulieren.css--------*/ /* FileStructure + STANDARD + BOXES + LINKS 4 PRICE LINE 5 BUTTON 6 IMAGES & ICONS 6.1 IMAGES & ICONS - Loading circle 6.2 IMAGES & ICONS - Placed in boxes/tooltips 6.3 IMAGES & ICONS - New 6.4 IMAGES & ICONS - Blue angel 6.5 IMAGES & ICONS - Video 6.6 IMAGES & ICONS - Butterfly 6.7 IMAGES & ICONS - FreeDesign logo + butterfly 6.8 IMAGES & ICONS - EfS + PfE + G12 + DI16 6.9 IMAGES & ICONS - Promo 7 TOOLTIPS 7.1 TOOLTIPS - With images Wall [114] Stopper [106] Shop counter [113] Beach flags [109] Frame [110] Binder [72] | Ring folder [159] Hoisting flags [143] Table stand [124] Bottle hanger [125] Wallpaper [100] Memo box [134] Postit set [133] Door hanger [70] Folder [10] Envelope [8] Tuck [149] Plastic card [148] Punched pocket [144] Note books [145] Month panel calendar [161] Sticky tape [169] Tablet wallet [172] Label [147] Keychain [181] Ballpen [175] Blowups_xxlBanner [183] 8 LAYER 8.1 LAYER - Special format 8.2 LAYER - Special colour 8.3 LAYER - Shipping 8.4 LAYER - Embossing 8.5 LAYER - OPTIONS INFO 8.6 LAYER - EXISTING PRINTFORM 8.7 LAYER - EfS, PfE and Co 8.9 LAYER - more seiten_I 9 PRODUCT INFORMATION 10 PRODUCT INTRO 11 SIDEBAR - EVALUATION * * * * * * * * */ /* + STANDARD */ .hide, .hidden{ display: none; } .inactive_prop{ color:#969696; } #CALC .infoIcon{ margin:0.083em 0.083em 0 0; } /* + BOXES */ /* defined @ template */ .coverBox, .cover, .coverHalf{ width:100%; } .coverBox .width49pr{ position:relative; } .cover, .coverHalf{ display:block; cursor:default; background-color:#FFF; color:#000; } #c_item_group .rightSide{ float:left; margin-top:0.167em; } #CALC .formLine div:first-child{ float:left; } #CALC .formLine .width49pr:last-child{ float:right; width:48.9%; } /* hidden boxes */ #c_finishing_size, #c_lining, #c_verarbeitung_envelopes{ visibility:hidden; display:none; } /* close fakebox */ .sel_closed{ visibility:hidden; position:relative; } .initialized .sel_closed{ display:none; visibility:visible; } /* fake @ java script */ .prop_container{ float:left; width:100%; } .prop_header{ height:1.667em; } .prop_header .column div{ line-height:1.9; } .prop_header div{ overflow:hidden; } /* select arrow */ .prop_header::before, .refine_header::before{ font-family:selectboxit-arrow; /* fontello icon */ font-weight:bold; font-size:12px; content:'\e800'; color:#909090; display:block; float:right; margin:0.5em 0.333em 0 0; } /* working ie hack */ _:-ms-input-placeholder, :root .prop_header::before{ margin-top:0.667em; } /* googleChrome + safari */ @media screen and (-webkit-min-device-pixel-ratio:0){ .prop_header::before{ margin-top: 0.333em; } } /* opend box */ .prop_body{ position:absolute; border-top:0.083em solid #AAA; margin-top:1.667em; cursor:pointer; z-index:1; box-shadow:-0.083em 0.083em 0.250em -0.083em #666, 0.083em 0.083em 0.250em -0.083em #666; } /* content */ .prop_body_line:first-child{ margin-top:0.167em; } .prop_body_line:last-child{ margin-bottom:0.167em; } #c_item_group .rightSide .prop_body_line:first-child{ margin-top:0; } .column div, .prop_body_line{ clear:both; display:block; white-space:nowrap; line-height:1.3; word-spacing:0; letter-spacing:0; font-size:11px; float:left; } .column, .column * div, .prop_body_line * div{ float:left; } /* spaces */ .column div{ padding-left:0.417em; } .prop_body_line{ margin-left:0.417em; } .prop_header .rc_1 div.header, .prop_header .rc_2 div.header, .prop_header .rc_3 div.header, .prop_body_line div:nth-child(2), .prop_body_line div:nth-child(3), .prop_body_line div:nth-child(4){ padding-left:0.250em; } /* text align */ #c_format .prop_body_line div:nth-child(1), #c_format .prop_body_line div:nth-child(2), #c_seiten .prop_body_line div:nth-child(1), #c_seitenI .prop_body_line div:nth-child(1), #c_seitenU .prop_body_line div:nth-child(1), #c_papier .prop_body_line div:nth-child(1), #c_papierI .prop_body_line div:nth-child(1){ text-align:right; } .itemID117 #papier_container .prop_body .prop_body_line >div:nth-child(1){ width:42px !important; } .itemID122 #papier_container .prop_body .prop_body_line >div:nth-child(1){ width:42px !important; } /* format */ .itemID114 #c_seiten .prop_body_line div:nth-child(1), .itemID161 #c_format .prop_body_line div:nth-child(1), .itemID133 #c_format div.rc_0, .itemID133 #c_format .prop_body_line div:nth-child(1), .itemID10 #c_format .prop_body_line div:nth-child(1), .itemID72 #c_format .prop_body_line div:nth-child(1), .itemID134 #c_format .prop_body_line div:nth-child(1), .itemID134 #c_format .prop_body_line div:nth-child(2), /* paper */ .itemID147 #c_papier .prop_body_line div:nth-child(1), .itemID169 #c_papier .prop_body_line div:nth-child(1), .itemID18 #c_papier .prop_body_line div:nth-child(1), .itemID144 #c_papier .prop_body_line div:nth-child(1), /* pages */ .itemID9 #c_seiten .prop_body_line div:nth-child(1), .itemID11 #c_seiten .prop_body_line div:nth-child(1), .itemID3 #c_seiten .prop_body_line div:nth-child(1), .itemID224 #c_seitenU .prop_body_line div:nth-child(1), .itemID166 #c_seitenU .prop_body_line div:nth-child(1), .itemID2 #c_seitenU .prop_body_line div:nth-child(1), .itemID137 #c_seitenU .prop_body_line div:nth-child(1), .itemID5 #c_seiten .prop_body_line div:nth-child(1), .itemID8 #c_seiten .prop_body_line div:nth-child(1), .itemID15 #c_seiten .prop_body_line div:nth-child(1), .itemID16 #c_seiten .prop_body_line div:nth-child(1), .itemID21 #c_seiten .prop_body_line div:nth-child(1), .itemID70 #c_seiten .prop_body_line div:nth-child(1), .itemID75 #c_seiten .prop_body_line div:nth-child(1), .itemID76 #c_seiten .prop_body_line div:nth-child(1), .itemID77 #c_seiten .prop_body_line div:nth-child(1), .itemID78 #c_seiten .prop_body_line div:nth-child(1), .itemID115 #c_seiten .prop_body_line div:nth-child(1), .itemID117 #c_seiten .prop_body_line div:nth-child(1), .itemID119 #c_seiten .prop_body_line div:nth-child(1), .itemID135 #c_seiten .prop_body_line div:nth-child(1), .itemID136 #c_seiten .prop_body_line div:nth-child(1), .itemID140 #c_seiten .prop_body_line div:nth-child(1), .itemID144 #c_seiten .prop_body_line div:nth-child(1){ text-align:left; } .mouseover, .mouseover div, .colorSelected, #item_group_container .rightSide .prop_body_line:not([orderable="0"]):hover{ color:#006CDB; } #item_group_container .rightSide .sub_header_line:hover { color: #000; } /* item group box */ .prop_body[box_name="item_group"] .sub_header_line{ font-weight:bold; float:left; } .prop_body[box_name="item_group"] .sub_header_line[view_group="11"]{ text-transform:uppercase; } .prop_body[box_name="item_group"] .rightSide .sub_header_line { margin-bottom: -10px; } /* distance in product-box */ .free_line { height: 15px; float: left; width: 100%; } /* quantity box */ #c_quantity .prop_body_line div:nth-child(1), #c_quantity .prop_body_line div:nth-child(3){ text-align:right; } #c_quantity .prop_body_line div:nth-child(2), #c_quantity .prop_body_line .more_quantity{ text-align:left; } /* + LINKS */ /* after headlines */ .calculationNote, .calculationLink { margin:0.1em 0 0 0.333em; font-size:9px; float:left; } .calculationNote .calculationLink { float: none; margin: 0; } .language_pt #box_finishing .width49pr .calculationLink, .language_nl #box_farbenU .width49pr .calculationLink, .language_sk #box_finishing .width49pr .calculationLink, .language_pl #box_finishing .width49pr .calculationLink, .language_el #box_finishing .width49pr .calculationLink, .language_fi #box_finishing .width49pr .calculationLink , .language_hu #box_finishing .width49pr .calculationLink { overflow: hidden; text-overflow:ellipsis; white-space:nowrap; width:52%; } .language_nl #box_farbenU .width49pr .calculationLink{ width:27%; } .language_pl #box_finishing .width49pr .calculationLink, .language_hu #box_finishing .width49pr .calculationLink { width:40%; } .language_sk #box_finishing .width49pr .calculationLink{ width:48%; } .language_pt #box_finishing .width49pr .calculationLink{ width:53%; } .language_it #box_format .width49pr .calculationLink + .calculationLink, .language_nl #box_format .width49pr .calculationLink + .calculationLink, .language_pl #box_format .width49pr .calculationLink + .calculationLink, .language_cs #box_format .width49pr .calculationLink + .calculationLink, .language_pt #box_format .width49pr .calculationLink + .calculationLink, .language_sl #box_format .width49pr .calculationLink + .calculationLink { width:24%; overflow: hidden; text-overflow:ellipsis; white-space:nowrap; } .language_es #box_format .width49pr .calculationLink + .calculationLink, .language_fi #box_format .width49pr .calculationLink + .calculationLink, .language_hu #box_format .width49pr .calculationLink + .calculationLink, .language_el #box_format .width49pr .calculationLink + .calculationLink { display:none; } /* @ item group box + availability box */ .tooltip__wrapper.calculationLink, #CALC_factsheet_Link, #CALC_product_sample_Link, #CALC_showPrintingData_Link { float:right; margin:0.1em 0.5em 0; position:relative; top:2.2em; color:#000; } /* @ availability box */ #box_availability .calculationLink{ margin:0.1em 0.5em 0; display:none; } #box_availability .calculationLink ~ span{ float:left; display:none; } /* @ price line */ #pricetxt > span { cursor:pointer; } .pricetxt span:hover{ text-decoration:underline; } /* + PRICE LINE */ #box_price{ margin-top:1.4em; } #priceDisplay{ font-size:27px; line-height:0.8; letter-spacing:0; white-space:nowrap; font-weight:bold; } /* hack fuer safari-mac */ @media screen and (-webkit-min-device-pixel-ratio:0){ #priceDisplay { line-height: .85; } } .pricetxt{ clear:both; float:left; margin-top:0.75em; font-size:9px; } #printOffert{ float:left; margin:0.167em 0.5em 0 0; cursor:pointer; } #printOffert svg{ fill:#FFF; height:1em; width:initial; } /* + BUTTON */ .calc__btn { margin-top: -2.167em; } /* + IMAGES & ICONS */ /* loading circle */ /* hides calculation during loading */ .modal{ top:0; bottom:0; left:0; right:0; position:absolute; z-index:999999; } .loadingcircle{ background-image:url("../images/neutral/loadingcircle.gif"); background-repeat:no-repeat; height:11px; width:11px; display:inline-block; margin:0.1em 0 0 0.3em; } .language_cs #box_farbenU #CALC_specialColour_Link + .loadingcircle, .language_el #CALC_refiningOption_Link + .loadingcircle, .language_en #CALC_refiningOption_Link + .loadingcircle, .language_es #box_farbenU #CALC_specialColour_Link + .loadingcircle, .language_fi #CALC_specialFormat_Link + .loadingcircle, .language_fi #CALC_refiningOption_Link + .loadingcircle, .language_fi #box_proof_type #CALC_proofDemo_Link + .loadingcircle, .language_hu #box_farbenU #CALC_specialColour_Link + .loadingcircle, .language_it #box_farbenU #CALC_specialColour_Link + .loadingcircle, .language_nl #box_farbenU #CALC_specialColour_Link + .loadingcircle, .language_nl #box_finishingO .width49pr #CALC_refiningOption_Link + .loadingcircle, .language_pl #CALC_refiningOption_Link + .loadingcircle, .language_pt #CALC_refiningOption_Link + .loadingcircle, .language_sk #box_farbenU #CALC_specialColour_Link + .loadingcircle, .language_sk #CALC_refiningOption_Link + .loadingcircle{ position: absolute; right:0; } /* placed in boxes/tooltips */ .prop_body_line .calcPics, .header .calcPics{ position:absolute; display:inline; } /* new */ .calcPics .new_pic{ background-repeat:no-repeat; background-size:contain; height:14px; width:50px; margin: 1px 0 0 2px;; } .language_da .calcPics .new_pic, .language_es .calcPics .new_pic, .language_hu .calcPics .new_pic, .language_no .calcPics .new_pic, .language_sv .calcPics .new_pic { height: 16px; } .prop_header .calcPics .new_pic { padding:0; margin: 4px 0 0 -2px; } /* fast choice*/ /* box */ .fast_choice { background-image:url("/print24/images/neutral/icons/fastchoice.svg"); background-repeat:no-repeat; height:8.567em; width:6.567em; margin-top:0.293em; margin-left:5px; } .prop_header .fast-choice{ margin:0.333em 0 0 0; } /* blue angel */ /* box */ .blue_angel { background-image:url("/_global/images/neutral/icons/blueAngel.svg"); background-repeat:no-repeat; height:1.167em; width:1.167em; margin:0.083em 0 0 0.333em; } .prop_header .blue_angel{ margin:0.333em 0 0 0; } /* @ tooltip */ .blueAngel{ margin-left:0.333em; vertical-align:bottom; } .blueAngel svg{ height:1.167em; width:1.167em; } /* video */ .toolIcon.video{ width:1.167em; height:1.167em; float:right; margin:0.083em 0.167em 0 0; cursor: pointer; font-family:FontAwesome; color:#FFF; } .toolIcon.video::after{ content:"\f03d"; font-size:8px; position:absolute; margin:0 0 0 -0.5em; } /* working ie hack */ _:-ms-input-placeholder, :root .toolIcon.video::after{ margin-left:0.417em; } /* box */ .playpic, .fold_flash_demo{ box-sizing:border-box; width:1.25em; height:1.25em; background:linear-gradient(to bottom, #0053a8 0%, #8ebeef 2%, #006cdb 35%, #0053a8 55%, #0053a8 70%, #003163 100%); background:-moz-linear-gradient(top, #0053a8 0%, #8ebeef 2%, #006cdb 35%, #0053a8 55%, #0053a8 70%, #003163 100%); background:-webkit-linear-gradient(top, #0053a8 0%, #8ebeef 2%, #006cdb 35%, #0053a8 55%, #0053a8 70%, #003163 100%); border-radius:0.417em; cursor:pointer; float:left; font-family:FontAwesome; text-align:left !important;/* needed luxcore */ color:#FFF; margin:0 0 0 0.333em; } .playpic::after, .fold_flash_demo::after{ content:"\f03d"; font-size:8px; position:absolute; margin:0.25em 0 0 0; } .playpic:hover, .prop_body_line:hover .playpic, .fold_flash_demo:hover{ color:#FFF; } .header .playpic, .header .fold_flash_demo{ margin:0.25em 0 0 0; } .header .playpic::after, .header .fold_flash_demo::after{ margin:0 0 0 -0.5em; } div[subset_name="banner"] .playpic::after, div[subset_name="x-banner"] .playpic::after, div[product_name="binder"] .playpic::after{ margin:0.25em 0 0 .333em; } div[subset_name="banner"].header .playpic::after, div[subset_name="x-banner"].header .playpic::after, div[product_name="popup tower"].header .playpic::after, div[product_name="promotional sign"].header .playpic::after{ margin:0 0 0 -0.233em; } /* ** 6.6 IMAGES & ICONS - Butterfly */ .calcPics .butterfly { background:url("../images/neutral/calculation/butterfly.svg"); background-repeat:no-repeat; background-position:left 0px; background-size:contain; width:1.167em; height:1.167em; margin-left:0.333em; } /* ** 6.7 IMAGES & ICONS - FreeDesign logo + butterfly */ .prop_body_line.logoFreeDesign{ background: url("../images/neutral/logo/logo_wm_FreeDesign.svg"); background-repeat:no-repeat; background-position:left bottom; width:8em; height:3.333em; margin-bottom:0.25em; } .prop_body_line.logoFreeDesign:hover, .prop_body_line.logoFreeDesign span, .prop_body_line.logoFreeDesign:hover span{ color:#000; text-decoration:none; } /* ** 6.8 IMAGES & ICONS - EfS + PfE + G12 + DI16 */ /* box */ .dataInputEXP .EfS{ background-image:url("../images/neutral/calculation/EfS.svg"); } .dataInputOVN .PfE{ background-image:url("../images/neutral/calculation/PfE.svg"); } .dataInputNXD .G12, .dataInputOVN .G12, .dataInputSDL .G12{ background-image:url("../images/neutral/calculation/G12.svg"); } .dataInputOVN .DI16{ background-image:url("../images/neutral/calculation/DI16.svg"); } .dataInputNXD .G12, .dataInputEXP .EfS, .dataInputOVN .PfE, .dataInputOVN .G12, .dataInputSDL .G12, .dataInputOVN .DI16{ background-repeat:no-repeat; background-size:contain; width:2.917em; height:0.833em; margin:0.167em 0 0 0.5em; } /* after price line */ #box_price .EfS{ background-image:url("../images/neutral/calculation/EfS_big.svg"); } #box_price .PfE{ background-image:url("../images/neutral/calculation/PfE_big.svg"); } #box_price .EfS, #box_price .PfE{ background-repeat:no-repeat; background-size:contain; width:6.833em; height:1.833em; margin:-0.167em 0 0 0.833em; } /* ** 6.9 IMAGES & ICONS - Promo */ .promo5, .promo30, .promo15, .promo10, .promo20 { box-sizing: border-box; width: auto; height: 1.083em; border-radius: 0.167em; background-color: #ff3300; font-weight: bold; line-height: 13px !important; cursor: pointer; float: left; margin: 0.167em 0 0 0.333em; padding: 0 0.333em 0 0 !important; } /* -30% */ .promo30::after { content: "-30%"; color: #FFF; margin-left: 0.167em; } /* -15% */ .promo15::after { content: "-15%"; color: #FFF; margin-left: 0.167em; } /* -10% */ .promo10::after { content: "-10%"; color: #FFF; margin-left: 0.167em; } /* -20% */ .promo20::after { content: "-20%"; color: #FFF; margin-left: 0.167em; } /* promoTopPrice */ .promoTopPrice { background-image:url("../images/de/bestprice.svg"); background-repeat: no-repeat; background-size: contain; height: 14px; width: 80px; margin: 1px 0 0 2px; } /* -5% */ .promo5::after { content: "-5%"; color: #FFF; margin-left: 0.167em; } .playpic ~ .promo30::after { margin-left: -0.167em; } .playpic ~ .promo15::after { margin-left: -0.167em; } .playpic ~ .promo10::after { margin-left: -0.167em; } .playpic ~ .promo20::after { margin-left: -0.167em; } .playpic ~ .promoTopPrice { margin-left: -0.167em; } .playpic ~ .promo5::after { margin-left: -0.167em; } .header .promo5, .header .promo30, .header .promo15, .header .promo10, .header .promo20 { margin-top: 0.355em; } .header .promoTopPrice { margin: 4px 0 0 -2px; } .header .calcPics > div:last-child { clear: none; } /* ** 7 TOOLTIPS ** 7.1 TOOLTIPS - With images */ .bigTooltipContentImg{ margin-bottom:0.5em; } .bigTooltipProductVariant{ margin-top:0.917em; } .bigTooltipProductVariant:last-child{ margin-bottom:0.333em; } .bigTooltipImgDesc { margin-top:0.417em; } /* big tooltip with image left / text right */ .bigTooltip__text--right { flex: auto; padding-left: 10px } /* links */ .factsheetLink{ margin-top:0.5em; } .factsheetLink a{ color:#006CDB; } /* svg */ .bigTooltipProductVariant .iconBlue{ stroke:#99C4F1; fill:#99C4F1; stroke-width:1; } .bigTooltipProductVariant .iconDarkBlue{ fill:#006BDB; stroke:#006BDB; stroke-width:1; } .bigTooltipProductVariant .iconWhite{ fill:#FFF; stroke:#006BDB; stroke-width:1; } .bigTooltipProductVariant .iconFullWhite{ fill:#FFF; stroke:#FFF; stroke-width:1; } .bigTooltipProductVariant .iconGrey{ fill:#B8B8B8; stroke:#B8B8B8; stroke-width:1; } .bigTooltipProductVariant .iconDarkGrey{ fill:#7F7F7F; stroke:#7F7F7F; stroke-width:1; } .bigTooltipProductVariant .iconRed{ fill:#F30; stroke:#F30; stroke-width:1; } .bigTooltipProductVariant .iconBlack{ stroke:#000; fill:#000; stroke-width:1; } .bigTooltipProductVariant .noFill{ fill:none; } .bigTooltipProductVariant .noStroke{ stroke:none; } /* Wall [114] */ .bigTooltipContentImg.walls .bigTooltipImgDesc{ width:210px; margin:0 0 0 10px; float:left; } /* Stopper [106] */ .bigTooltipContentImg.stopper .bigTooltipImgDesc{ width:210px; margin:0 0 0 10px; float:left; } /* Shop counter [113] */ .shopCounter .bigTooltipProductVariant figure { width: 105px; text-align: center; } .bigTooltipContentImg.shopCounter .bigTooltipImgDesc{ width:210px; margin:0 0 0 10px; float:left; } /* Beach flags [109] */ .flags_tube { background-image:url("/_global/images/neutral/help_images_tooltip/flagsAccessories.png"); float:right; background-position:0 0; width:195px; height:129px; } .bigTooltipContentImg.flags .bigTooltipImgDesc{ width:80px; margin-left:10px; float:left; } .bigTooltipContentImg.flags_verarbeitung .bigTooltipImgDesc, .bigTooltipContentImg.flags_accessories .bigTooltipImgDesc { float:left; margin:0; } .bigTooltipContentImg.flags_accessories .bigTooltipProductVariant{ margin-top:0; } .bigTooltipContentImg.flags_verarbeitung .bigTooltipImgDesc{ width:230px; } /* Frame [110] */ .bigTooltipContentImg.frame .bigTooltipImgDesc{ width:210px; margin:0 0 0 10px; float:left; } /* Binder [72] | Ring folder [159] */ .bigTooltipContentImg.binder .bigTooltipImgDesc{ margin-top:1px; float:right; width:196px; } .bigTooltipContentImg.binder .bigTooltipImgDesc br{ margin-bottom:0; } .distanceDesc{ margin-top:8px; } /* Hoisting flag [143] */ .bigTooltipContentImg.hoistingFlag .bigTooltipImgDesc{ margin-left:10px; float:left; } /* Table stand [124] */ .bigTooltipContentImg.tableStand .bigTooltipImgDesc{ margin:0 0 0 10px; float:left; width:188px; } /* Bottle hanger [125] */ .bigTooltipContentImg.bottleHanger .bigTooltipImgDesc{ width:260px; margin:0 0 0 10px; float:left; } /* Wallpaper [100] */ .wallpaperImg { background-color: #FFF; width: 34px; height: 130px; margin-top: 5px; float: left; } .wallpaperImg .rotatedText { color: #006CDB; font-size: 20px; font-weight: bold; left: -88px; position: relative; transform: rotate(270deg); -webkit-transform: rotate(270deg); transform-origin: right top 0; -webkit-transform-origin: right top 0; width: 130px; } .wallpaper .bigTooltipImgDesc { margin-left: 70px; width: auto; } .wallpaper .bigTooltipImgDesc .left:nth-child(2) { margin-left: 0.333em; } /* Memo box [134] */ .bigTooltipContentImg.memobox .bigTooltipImgDesc{ width:170px; margin:0 0 0 10px; float:left; } .bigTooltipContentImg.memobox .bigTooltipImgDesc br{ margin-bottom:0; } /* Postit set [133] */ .postitSet .iconDarkBlue{ font-size:14px; font-weight:bold; } .bigTooltipContentImg.postitSet .bigTooltipImgDesc{ width:186px; margin:0 0 0 10px; float:left; } /* Door hanger [70] */ .bigTooltipContentImg.doorhanger .bigTooltipImgDesc{ margin:0 0 0 10px; float:left; } /* Folder [10] */ .bigTooltipContentImg.folder .bigTooltipImgDesc{ margin-top:25px; margin-left:10px; float:left; } /* Envelope [8] */ .bigTooltipContentImg.enevelope .bigTooltipImgDesc{ width:190px; margin-left:10px; float:left; } #envelopesPeelInfo{ margin-top:8px; } #envelopesWetAdhesiveInfo{ margin-top:33px; } #envelopesTearPerforationInfo, #envelopesSelfAdhesiveInfo{ margin-top:17px; } /* Tuck [149] */ .bigTooltipContentImg.tuckBox .bigTooltipImgDesc{ width:210px; margin:-5px 0 0 10px; float:left; } .tuckBox figure{ width:104px; text-align:center; } /* Plastic card [148] */ .bigTooltipContentImg.plasticcard .bigTooltipImgDesc{ width:170px; margin:-3px 0 0 10px; float:left; } /* Punched pocket [144] */ .punchedPocket figure{ width:79px; } .bigTooltipContentImg.punchedPocket .bigTooltipImgDesc{ margin:-3px 0 0 10px; float:left; } /* Note books [145] */ .notebookImg{ background-image:url("/_global/images/neutral/help_images_tooltip/noteBookModel.png"); background-repeat:no-repeat; height:90px; width:130px; background-size:contain; } /* Month panel calendar [161] */ #tt_format .monthPanelCalendar figure{ margin-top:4px; width:102px; } #tt_material_model .bigTooltipContentImg.monthPanelCalendar .bigTooltipImgDesc{ width:162px; margin:0 0 4px; } #tt_format .bigTooltipContentImg.monthPanelCalendar .bigTooltipImgDesc{ width:200px; margin:0 0 0 10px; float:right; } #tt_format .bigTooltipContentImg.monthPanelCalendar .bigTooltipProductVariant .bigTooltipImgDesc:nth-child(2){ margin-bottom:5px; } .monthPanelCalendar .factsheetLink{ margin-bottom:0.5em; } .bigTooltipContentImg.monthPanelCalendar.monthPanelCalendar .bigTooltipImgDesc ul{ list-style:none; } /* Sticky tape */ .bigTooltipContentImg.stickyTape .bigTooltipImgDesc{ width:146px; margin:0 0 0 10px; float:left; } /* Tablet wallet */ .tabletWallet .bigTooltipProductVariant:nth-child(2) .bigTooltipImgDesc{ margin-left:10px; } .bigTooltipContentImg.tabletWallet .bigTooltipImgDesc{ width:154px; float:left; } /* Label [147] */ .narrow_side .iconWhite{ font-family: Arial,Helvetica,Geneva,sans-serif; font-size:68px; font-weight:normal; } .wide_side .iconWhite{ font-family: Arial,Helvetica,Geneva,sans-serif; font-size:42px; font-weight:normal; } .bigTooltipContentImg.label .bigTooltipProductVariant{ float:left; } .bigTooltipContentImg.label .bigTooltipProductVariant:first-child{ margin-right:20px; } /* Keychain [181] */ .buckle .iconBlack{ stroke:#99C4F1; } .buckle figure{ margin-top:5px; } .buckle .bigTooltipImgDesc{ margin:0; } .carabiner .iconBlue{ stroke:#006BDB; } .carabiner figure{ width:84px; text-align:center; } .carabiner .bigTooltipImgDesc{ margin-left:10px; float:left; width:230px; } .cardCase figure{ margin-top:5px; } .cardCase .bigTooltipImgDesc{ float:left; margin-left:10px; width:228px; } /* Ballpen [175] */ .ballpenImg{ background-image:url("/_global/images/neutral/help_images_tooltip/ballpen.png"); background-repeat:no-repeat; height:213px; width:245px; margin-top:10px; } /* Blowups_xxlBanner [183] */ .blowupsImg_material_spec{ background-image:url("../images/neutral/bigTooltip/blowups_material_spec.png"); background-repeat:no-repeat; width:142px; height:58px; float:left; } .blowups_mesh{ background-position:0 -58px; } .blowups_pvc{ background-position:0 0px; } .blowups_material_spec .bigTooltipImgDesc{ margin:0 0 0 10px; float:left; width:175px; } .blowupsImg_processing{ background-image:url("../images/neutral/bigTooltip/blowups_processing.png"); background-repeat:no-repeat; width:134px; float:left; } .blowups_hemstitching{ background-position:0 0; height:97px; } .blowups_welt{ background-position:0 -101px; height:149px; } .blowups_eyelets{ background-position:0 -256px; height:103px; } .blowups_verarbeitung .bigTooltipImgDesc{ margin:0 0 0 10px; float:left; width:184px; } /* Tarpaulin [111] */ .bigTooltipContentImg.tarpaulin .bigTooltipImgDesc{ width:205px; margin:0 0 0 10px; float:left; } .bigTooltipContentImg.tarpaulin figure{ width:110px; text-align:center; } /* Shirt [184] */ .bigTooltipContentImg.shirt .bigTooltipImgDesc{ width:212px; margin:0 0 0 10px; float:left; } /* Blouse [185] */ .bigTooltipContentImg.blouse .bigTooltipImgDesc{ width:212px; margin:0 0 0 10px; float:left; } /***************/ /*** 8 LAYER ***/ /***************/ /**********************************/ /*** 8.1 LAYER - Special format ***/ /**********************************/ /* boxes */ #CALC_showBoxes_Div { margin-top: 4px; width: 347px; text-align: left; } #CALC_showText_Div br { margin-bottom: 4px; } #CALC_showDiv_left, #CALC_showDiv_right, #CALC_showText_left, #CALC_showText_right, #CALC_insertFormat_Input{ width: 347px; } #CALC_showDiv_left { float: left; } #CALC_showDiv_right { float: right; } /* box headline*/ #CALC_showText_left.boxHead, #CALC_showText_right.boxHead { font-size: 12px; font-weight: bold; text-align: left; height: 17px; margin-left: 0px; } #CALC_showText_left.boxHead { float: left; padding-top: 2px; } #CALC_showText_left span.special_format_but { font-size: 9px; font-weight: normal; text-align: left; margin-left: 0px; float: none; } #CALC_showText_right.boxHead { margin-left: 1px; } /* input/select */ input#CALC_insertFormat_Input, select#sel_special_format { border: 1px solid #fff; height: 20px; width: 347px; font-size: 11px; line-height: 10px; _line-height: 15px; padding-left: 3px; } #CALC_ErrorText svg{ width:2.167em; height:2.167em; float:left; margin-right:0.5em; fill:#FFD036; } #CALC_ErrorText { margin-bottom:0; } /* hack fuer safari-mac */ @media screen and (-webkit-min-device-pixel-ratio:0){ select#sel_special_format { line-height: 14px; } } #CALC_specialFormat_layer_Btn, #CALC_freeFormat_layer_Btn { margin-top:7px; } #CALC_layer_use_Btn, #CALC_layer_abort_Btn { height: 20px; } #CALC_layer_use_Btn { margin-bottom: 7px; } /**********************************/ /*** 8.2 LAYER - Special colour ***/ /**********************************/ /* colour tabelle */ .whiteArea_content .topList_column, .whiteArea_content .topList_firstcolumn, .whiteArea_content .topList_lastcolumn, .whiteAreafullCol_content .topList_column, .whiteAreafullCol_content .topList_firstcolumn, .whiteAreafullCol_content .topList_lastcolumn, .whiteAreaballCol_content .topList_column, .whiteAreaballCol_content .topList_firstcolumn, .whiteAreaballCol_content .topList_lastcolumn, .whiteAreaBannerCol_content .topList_column, .whiteAreaBannerCol_content .topList_firstcolumn, .whiteAreaBannerCol_content .topList_lastcolumn { float: left; } .whiteArea_content .topList_column, .whiteAreafullCol_content .topList_column, .whiteAreaballCol_content .topList_column, .whiteAreaBannerCol_content .topList_column { margin-right: 5px; } .whiteArea_content .topList_firstcolumn, .whiteAreafullCol_content .topList_firstcolumn, .whiteAreaballCol_content .topList_firstcolumn, .whiteAreaBannerCol_content .topList_firstcolumn { margin: 0 5px 0 15px; } /* colour boxes */ .specialColour_box { display: block; width: 59px; height: 18px; border: 1px solid #FFF; margin-bottom: 5px; font-size: 10px; text-align: center; line-height: 13px; padding-top: 1px; box-sizing: border-box; } .whiteAreaballCol_content .specialColour_box, .whiteAreaBannerCol_content .specialColour_box { display: block; width: 75px; height: 18px; border: 1px solid #FFF; margin-bottom: 5px; font-size: 10px; text-align: center; line-height: 13px; padding-top: 1px; box-sizing: border-box; } #CALC_specialColour_T20, #CALC_specialColour_T19, #CALC_specialColour_T15, #CALC_specialColour_T07, #CALC_specialColour_T01, #CALC_specialColour_V07, #CALC_specialColour_V08, #CALC_specialColour_V09, #CALC_specialColour_V10, #CALC_specialColour_V11, #CALC_specialColour_V12, #CALC_specialColour_V13, #CALC_specialColour_V14, #CALC_specialColour_V15, #CALC_specialColour_P21, #CALC_specialColour_P22 { letter-spacing: -0.7px; } #CALC_specialColour_T06, #CALC_specialColour_T04, #CALC_specialColour_P24 { letter-spacing: -1px; } #CALC_specialColour_T01, #CALC_specialColour_V01, #CALC_specialColour_B01_1, #CALC_specialColour_B01_2, #CALC_specialColour_B01 { border: 1px solid #000; color: #000; } #CALC_specialColour_T02 { color: #000; } .hover { border: 1px solid #000; cursor: pointer; } .whiteAreaBannerCol_content .hover, .whiteAreaballCol_content .hover { border: 1px solid #000; cursor: pointer; } .select_SpecialColour { border: 1px solid #000; cursor: pointer; } .whiteAreaBannerCol_content .select_SpecialColour, .whiteAreaballCol_content .select_SpecialColour { border: 1px solid #000; cursor: pointer; } /****************************/ /*** 8.3 LAYER - Shipping ***/ /****************************/ /* shipping layer */ #win_deliver_time_layer_content tr { font-size: 12px; text-align: left; font-size: bold; line-height: 9px; } #win_deliver_time_layer_content th { line-height: 21px; text-align: left; padding: 1px 2px 0px 3px; } #win_deliver_time_layer_content input { margin-top: 0; margin-left: 4px; margin-right: 4px; } #win_deliver_time_layer_content td { padding-right: 3px; } #win_deliver_time_layer_content table { border-collapse: collapse; margin-bottom: -1px; } #win_deliver_time_layer_content { margin-top: 16px; } #win_deliver_time_layer_content tr th:nth-child(2), #win_deliver_time_layer_content tr th:last-child, #win_deliver_time_layer_content tr td:nth-child(4), #win_deliver_time_layer_content tr td:last-child { text-align: right; } /*****************************/ /*** 8.4 LAYER - Embossing ***/ /*****************************/ #win_EmbossingLayer_table_content .overlay_window_gp_content { padding-bottom: 2px; } .container_embossing p { overflow: hidden; text-align: left; padding-left: 5px; } .container_embossing { margin-left: auto; margin-right: auto; width: 360px; } .emb_grid, .emb_grid_left { display: inline; float: left; margin-top: 0px; margin-bottom: 0px; } #existent_form { font-weight: bold; padding-top: 7px; padding-bottom: 3px; } #new_embossing { font-weight: bold; padding-top: 4px; padding-bottom: 5px; } #existent_ordernumber { align: right; font-size: 9px !important; float: left; padding-top: 7px; padding-bottom: 4px; } .emb_grid input#CALC_layer_entryOrderNumberEmbossing_Input { width: 100px; font-size: 11px; float: left; margin-left: 22px; height: 14px; font-size: 9px; border: 1px solid #fff; padding-left: 1px; color: #000000; } .emb_grid p#table, #embossing_table_head, #embossing_table { text-align: right; } #embossing_table_head { margin-top/*\**/: 1px\9; } .emb_main_content { display: inline; float: left; } .emb_grid_left { width: 221px; margin-right:2px; } .emb_grid { width: 122px; } .emb_main_content { width: 347px; } .emb_info_content{ display: inline; float: left; width: 347px; margin-top: 7px; } div.container_embossing label { display: inline; margin-bottom: 0px; } .vorbelegung { color: #818181; } #new_embossing input, #existent_form input { float: left; border: none; margin-right: 2px; padding-right: -2px; margin-top: -1px; margin-bottom: 3px; margin-left: -1px; margin: -4px 2px -1px -1px; } #radiobuttons_embossing input { float: left; float/*\**/: none\9; border: none; margin-right: 2px; margin-left: -2px; padding-right: -2px; height: 15px; vertical-align: middle; display : inline; } #radiobuttons_embossing label { font-weight:normal; font-size:11px; vertical-align:middle; display : inline; float: none; margin-bottom: 0px; } #radio_div_0, #radio_div_2 { padding-top: 3px; padding-bottom: 0px; padding-left: 1px; } #radio_div_4 { padding-top: 3px; padding-bottom: 2px; padding-left: 1px; padding-bottom/*\**/: 0px\9; } #radio_div_0 { margin-top/*\**/: -3px\9; } #radio_div_2, #radio_div_4 { margin-top/*\**/: -6px\9; } #tablehead { width: 120px; font-size: 11px; border: 1px; float: right; table-layout: fixed; padding-top: 2px; padding-bottom: 4px; background-color: #F30; line-height/*\**/: 22px\9; } #tablehead #fl_fic { width: 53px; background-color: #F30; color: #ffffff !important; font-weight: bold; text-align: right; border: 1px; padding-right: 2px; } #tablehead #fl_ssc { width: 2px; background-color: #F30; color: #ffffff !important; font-weight: bold; border: 1px; } #tablehead #fl_thc { width:53px; background-color:#F30; color:#ffffff !important; font-weight: bold; text-align:right; border:1px; } #tablebody { width:120px; font-size:11px; border:1px; float: right; table-layout:fixed; font-weight:bold; } #tablebody #sl_fic, #tablebody #tl_fic, #tablebody #fol_fic { width: 53px; background-color: #F30; color: #ffffff !important; font-weight: normal; text-align: right; padding-right: 2px; line-height/*\**/: 18px\9; } #tablebody #sl_ssc, #tablebody #tl_ssc, #tablebody #fol_ssc { width: 1px; background-color: #F30; color: #ffffff !important; font-weight: normal; border: 1px; } #tablebody #sl_thc, #tablebody #tl_thc, #tablebody #fol_thc { width: 52px; background-color: #F30; color: #ffffff !important; align: left; text-align: right; font-weight: normal; border: 1px; } /* Safari and Safari Mac Hacks*/ @media screen and (-webkit-min-device-pixel-ratio:0){ #new_embossing { padding-bottom: 2px; } #CALC_layer_entryOrderNumberEmbossing_Input { padding-left: 0px !important; } #CALC_layer_confirmSelectionEmbossing_Btn { margin-top: 13px !important; } #win_EmbossingLayer_content { margin-bottom: 1px !important; } #win_EmbossingLayer_row3 .overlay_window_p24_sw, #win_EmbossingLayer_row3 .overlay_window_p24_s { background-position: 0px -52px; } #win_EmbossingLayer_row3 .overlay_window_p24_se { background-position: -22px -52px; } #new_embossing input, #existent_form input { margin-top: -3px; margin-left: 1px !important; margin-right: 3px; } #existent_form { padding-bottom:4px; } #existent_ordernumber { padding-top:8px; } #radiobuttons_embossing label { padding-left: 1px; } #radiobuttons_embossing input { margin-top:1px; margin-bottom: 0px; margin-left: 0px; } #radiobuttons_embossing { margin-top:0px; } #radio_div_0 { padding-top:5px; } #tablehead { width: 122px; padding-bottom: 1px; padding-top:3px; (-bracket-:hack; padding-top:2px; //chrome ); } #tablebody { padding-top:3px; border-spacing: 1px; } #tablebody #sl_ssc, #fl_ssc { height:14px; } #tablebody #sl_ssc, #tablebody #tl_ssc, #tablebody #fol_ssc, #tablehead #fl_ssc { font-size:9px; } #tablehead #fl_fic, #sl_fic, #th_fic; #fo_fic { width: 49px; } #tablehead #fl_thc, #sl_thc, #th_thc; #fo_thc{ width: 52px; } #tablebody #sl_thc, #tablebody #tl_thc, #tablebody #fol_thc { width:55px; } #tablebody #sl_fic, #tablebody #tl_fic, #tablebody #fol_fic { width:52px; } #radio_div_2, #radio_div_4 { padding-top:1px; } #radio_div_2 { margin-bottom: 0px; } .emb_grid_left input#CALC_layer_newEmbossing_Radio, .emb_grid_left input#CALC_layer_existentEmbossing_Radio { margin-left:0px; margin-right:3px; } .emb_grid_left label#CALC_layer_newEmbossing_Radio, .emb_grid_left label#CALC_layer_existentEmbossing_Radio { padding-left:2px; } } div.my_prop_header { height: 18px; } div.my_prop_body { margin-top: -57px; position: absolute; background-color: #fff; background-image: none; } #embossing_table #tablebody tr { line-height: 15px; } /********************************/ /*** 8.5 LAYER - OPTIONS INFO ***/ /********************************/ /* * * COLLECTION INFO * * */ /* * * SPECIAL COLOUR INFO * * */ /* * * REFINING OPTIONS INFO * * */ #win_collectionInfo_content p, #win_specialColourInfo_content p, #win_refiningOptionInfo_content p, #win_specialFormatFreeformInfo_content p { margin: 8px 0 0 0; } /* * * GOODIES OPTIONS INFO * * */ /* * * FINISHING OPTIONS INFO * * */ /* * * ACCESSORIES OPTIONS INFO * * */ #win_goodiesOptionInfo_content p, #win_finishingOptionInfo_content p, #win_accessoriesOptionInfo_content p { margin-bottom: 8px; } #win_goodiesOptionInfo_content p:last-child, #win_finishingOptionInfo_content p:last-child, #win_accessoriesOptionInfo_content p:last-child { margin-bottom: 0px; } #win_goodiesOptionInfo_top b.layerHeadline, #win_finishingOptionInfo_top b.layerHeadline, #win_accessoriesOptionInfo_top b.layerHeadline { width: 620px; } /**************************************/ /*** 8.6 LAYER - EXISTING PRINTFORM ***/ /**************************************/ #win_existingPrintform_content label { width: 220px; } #win_existingPrintform_content #CALC_layer_existingPrintform_Radio { border: none; float: left; margin: -4px 2px -1px -1px; } #win_existingPrintform_content #CALC_layer_entryExistingPrintform_Input { border: 1px solid #fff; float: left; font-size: 9px; height: 14px; padding-left: 1px; width: 100px; } /***********************************/ /*** 8.6 LAYER - Textil quantity ***/ /***********************************/ #win_more_quantity_layer_content .layerContent p { margin-top: 0px; } input#CALC_insertQuantity_Input { border: 1px solid #fff; height: 20px; width: 347px; font-size: 11px; line-height: 10px; _line-height: 15px; padding-left: 3px; margin-top: 3px; } #CALC_moreQuantity_error.error { margin-top: 15px; margin-bottom: -2px; } /***********************************/ /*** 8.7 LAYER - EfS, PfE and Co ***/ /***********************************/ #win_keyAccountDelivery_content p { margin-bottom: 8px; } #Head_layer_showEfS_Input { float: left; height: 16px; } /* Safari and Safari Mac Hacks*/ @media screen and (-webkit-min-device-pixel-ratio:0){ #Head_layer_showEfS_Input { height: 15px; } } .EfSNoteText { float: left; display: table-cell; margin-left: 6px; vertical-align: middle; } /* ** 8.8 LAYER - Video selection e.g- Refining */ .VideoClipRefining #video_file{ margin-top:.25em; } .refining_container{ width:100%; margin-top:1.250em; font-size:11px; } .refine_header{ height:1.833em; line-height:1.9; text-indent:0.333em; } .refine_header::before{ margin-top:0; } .advert_vid { padding-top:3px; float:left; height:195px; } /* working googleChrome + safari hack */ @media screen and (-webkit-min-device-pixel-ratio:0){ .refine_header::before{ margin-top:0.083em; } } /* working ie hack */ _:-ms-input-placeholder, :root .refine_header::before{ margin-top:0.25em; } .refine_body{ position:absolute; background-color:#FFF; overflow:hidden; z-index:2; width:90%; padding-right:1%; border-top:0.083em solid #AAA; box-shadow:-0.083em 0.083em 0.250em -0.083em #666, 0.083em 0.083em 0.250em -0.083em #666; margin-top:1.833em; } .refine_body_inner{ padding-top:0.250em; text-indent:0.333em; width:100%; } .refine_option_row{ width:100%; height:1.5em; } .clips:hover{ color:#006CDB; } .refine_body_inner .toolIcon.video{ text-indent:0; height:1.250em; } /* multiple item/property selection */ .IMSLayer__intro { margin-bottom: 1.167em; } .itemOverview__table { border-collapse: collapse; text-align: left; margin-top: 0.667em; } .itemOverview__th, .itemOverview__td { padding-bottom: 0.25em; } .itemOverview__line--top { border-top: 1px solid #fff; padding-bottom: 0.583em; } .itemOverview__line--bottom { border-bottom: 1px solid #fff; padding-top: 0.250em; } .itemOverview__input { height: 16px; padding-top: 0.167em; } .itemOverview__icon { width: 1em; height: 1em; padding: 0.083em; border: 1px solid #FFF; text-align: center; } .itemOverview__icon svg { width: initial; height: 0.917em; fill: #FFF; } .orderQuantity__line { padding-top: 0.583em; } .IMSLayer__button { margin-top: 0.917em; } .IMSLayer__error { margin: 0.167em 0 0.167em 0; } /* change price display */ .CPDLayer__priceWrapper, .CPDLayer__shippingWrapper { margin-bottom: 0.917em; } .priceWrapper__radio, .shippingWrapper__radio, .saveSettings__checkBox { margin-right: 0.5em; } .CPDLayer__button { margin-top: 0.917em; } /*********************************/ /*** 8.9 LAYER - more seiten_I ***/ /*********************************/ #win_more_seitenI_layer_content .layerContent p { margin-top: 0px; } input#CALC_insertSeitenI_Input { border: 1px solid #fff; height: 20px; width: 347px; font-size: 11px; line-height: 10px; _line-height: 15px; padding-left: 3px; margin-top: 3px; } #CALC_moreSeitenI_error.error { margin-top: 15px; margin-bottom: -2px; } /* ** 9 PRODUCT INFORMATION */ #CALC_productInformationText{ text-align:justify; float:left; } #CALC_productInformationText h1, #CALC_productInformationText h3{ font-size:12px; } #CALC_productInformationText h1:first-of-type{ margin:9px 0 0 0; } #CALC_productInformationText p{ margin:8px 0 14px 0; } #CALC_productInformationText p:first-of-type { margin-top: 7px; } /* googleChrome + safari */ @media screen and (-webkit-min-device-pixel-ratio:0) { #CALC_productInformationText p:first-of-type { margin-top: 8px; } } #CALC_productInformationText p:last-child{ margin-bottom:0px; } #CALC_productInformationText img{ width:712px; height:auto; margin:2px 0 15px 0; } #CALC_productInformationText ol{ margin-left:1em; } #CALC_productInformationText ul{ text-indent:-0.06em; margin-left:0.9em; } /* googleChrome + safari */ @media screen and (-webkit-min-device-pixel-ratio:0){ #CALC_productInformationText ul{ text-indent: -0.15em; margin-left: 1.2em; } } /* ** 10 PRODUCT INTRO */ #CALC_productIntroText h1{ font-size:2.250em; line-height:0.6; margin:0.25em 0 0.667em 0; } #CALC_productIntroText p{ margin:0 0 1.16em 0; text-align:justify; } /* + SIDEBAR - EVALUATION */ .sidebar { left: 0; margin-top: 5px; position: absolute; } .sidebar_box { background-color: white; width: 122px; box-sizing: border-box; margin-top: 4px; overflow: hidden; } .sidebar > div:first-child { margin-top: 0; } .sidebar_inner { padding: 10px 12px 12px; height: 100%; width: 100%; box-sizing: border-box; clear: both; } .sidebar_box--verbalEvaluation .sidebar_inner { padding-bottom: 11px; } /* trustpilot */ .trustpilot_logo { background: url(/_global/images/neutral/evaluation/trustpilot/trustpilot_logo.svg) no-repeat center center; height: 23px; width: auto; margin: 0 auto; } .trustpilot_logo ~ span { position: absolute; visibility: hidden; } .trustpilot_text { color: #231F20; font-size: 11px; text-align: center; margin: 11px 0 auto; line-height: 12px; } .sidebar_box--verbalEvaluation .trustpilot_text { margin-top: 9px; } .trustpilot_textEvaluation { margin-top: 9px; } .sidebar_inner--trustpilot { float: left; } .trustpilot_score { height: 18px; margin: 10px auto 0; } .trustpilot_score--0_0 { background: url(/_global/images/neutral/evaluation/trustpilot/0_stars.svg) no-repeat center center; background-size: contain; } .trustpilot_score--1_0 { background: url(/_global/images/neutral/evaluation/trustpilot/1_star.svg) no-repeat center center; background-size: contain; } .trustpilot_score--1_5 { background: url(/_global/images/neutral/evaluation/trustpilot/1half_stars.svg) no-repeat center center; background-size: contain; } .trustpilot_score--2_0 { background: url(/_global/images/neutral/evaluation/trustpilot/2_stars.svg) no-repeat center center; background-size: contain; } .trustpilot_score--2_5 { background: url(/_global/images/neutral/evaluation/trustpilot/2half_stars.svg) no-repeat center center; background-size: contain; } .trustpilot_score--3_0 { background: url(/_global/images/neutral/evaluation/trustpilot/3_stars.svg) no-repeat center center; background-size: contain; } .trustpilot_score--3_5 { background: url(/_global/images/neutral/evaluation/trustpilot/3half_stars.svg) no-repeat center center; background-size: contain; } .trustpilot_score--4_0 { background: url(/_global/images/neutral/evaluation/trustpilot/4_stars.svg) no-repeat center center; background-size: contain; } .trustpilot_score--4_5 { background: url(/_global/images/neutral/evaluation/trustpilot/4half_stars.svg) no-repeat center center; background-size: contain; } .trustpilot_score--5_0 { background: url(/_global/images/neutral/evaluation/trustpilot/5_stars.svg) no-repeat center center; background-size: contain; }