/* ------ Main ------- */ .plentyErrorBox { width:98%; background-image:url(/images/admin/error_background.gif); background-repeat:repeat-y; margin: 0px 0px 4px 0px; padding:8px; text-align:left; vertical-align:middle; color: #FFFFFF } .plentyErrorBoxTitle { margin-top:4px; margin-bottom:6px; padding-left:26px; color:#FFFFFF; font-size:16px; font-weight:bold; background-image:url(/images/icons/warning_onred.gif);background-repeat:no-repeat; } .plentyMessageBox { width:98%; background-image:url(/images/admin/message_background.gif); background-repeat:repeat-y; border:0px; margin: 0px 0px 4px 0px; padding:8px; text-align:left; vertical-align:middle; color: #FFFFFF } .plentyMessageBoxTitle { margin-top:4px; margin-bottom:6px; padding-left:26px; color:#FFFFFF; font-size:16px; font-weight:bold; background-image:url(/images/icons/idea_ongreen.gif); background-repeat:no-repeat; } .plentyWarningBox { width:98%; background-image:url(/images/admin/message_background.gif); background-repeat:repeat-y; border:0px; margin: 0px 0px 4px 0px; padding:8px; text-align:left; vertical-align:middle; color: #FFFFFF } .plentyWarningBoxTitle { margin-top:4px; margin-bottom:6px; padding-left:26px; color:#FFFFFF; font-size:16px; font-weight:bold; background-image:url(/images/icons/idea_ongreen.gif); background-repeat:no-repeat; } /* ------ Base ------- */ /* ------ MyAccount ------- */ .xtranavi .level1, .xtranavi .level2 {display:none} .xtranavi .level3 {display:block} .xtranavi { width:150px; float:left; border-right:1px solid #ccc; line-height:1.6; font-size:12px;} .xtranavi .left_menu, .xtranavi .left_menu ul{list-style:none} .xtranavi ul ul ul ul {padding-left:10px;} .xtranavi #plentycat_3663{display:none} .xtranavi .level2active, .xtranavi .level1active, .xtranavi .level3active,.xtranavi .level4active, .xtranavi .level5active {font-weight:bold;} .xtranavi a {display:block} .xtranavi a:link, .xtranavi a:visited {text-decoration:none; border-bottom:1px solid #ccc; } .fol_2 a:link, .fol_2 a:visited { border:1px solid #fff; color:#fff; -moz-border-radius:4px;background:#992e48; float:right; display:block; padding:2px 7px 2px 7px; margin:23px 110px 0px 0; text-decoration:none !important; font-size:12px } .fol_2 a:hover { border:1px solid #e3e3e3; color:#992e48; -moz-border-radius:4px;background:#e3e3e3; text-decoration:none !important; font-size:12px } .fol_3{ height:180px;line-height:2; padding-top:20px;} .fol_4{ margin:20px 0 0 0; clear:both; } .fol_5{ border:1px solid #f5f; padding:10px} .fol_6{ border:1px solid #f6f; padding:10px} .fol_7{ border:1px solid #f7f; padding:10px} .fol_8{ border:1px solid #f08; padding:10px} .fol_9{ border:1px solid #f09; padding:10px} #flPoweredBy a img {width:200px;float:right} #flSearchInfo {font-size:16px;} #flHeaderContainer {width:100%; padding:10px 0 0 0} #flSearchHeader {width:100%} .flFilterArea { float:left; width:200px; border-right:1px solid #ccc; padding: 0 20px 0 20px; height:160px;} .flFilterArea ul{padding:5px 0 5px 13px; list-style-type:square;} .flCloudHeader {font-weight:bold; border-bottom:1px solid #ccc} .addbread { margin-top:-10px; margin-bottom:10px;} .orderpd{font-size:12px;} #livesearch_result {font-size:12px; position:absolute; width: 700px; padding:20px; height:800px; top:150px; left:50%; margin-left:-350px;border:1px solid #992e48; background:#fff; -moz-border-radius:8px; } #livesearch_result fieldset {background:#f0f; width:690px !important; border:0 !important} #livesearch_result fieldset td .LiveSearchImage img {width:70px !important; height:70px !important} .plentyErrorBox{ color:#992e48; border:2px solid #992e48;width:936px !important; -moz-border-radius:4px;background:#fff; display:block; padding:4px 1% 4px 1%; margin:5px 0px 5px 0; text-decoration:none !important; font-size:12px} .plentyErrorBoxTitle{display:none} .vorteile {border:1px solid #992e48; -moz-border-radius:4px; padding:0px 0px 0px 8px ; clear:both; margin:10px 8px 0 0} .vorteile .seiteninfos .einzlin { width: 147px ; border-right:1px solid #CCC; float:left; margin-right:10px; height:160px; margin-bottom:10px} .startr{padding-top:10px; margin-top:10px} .crosselling a img{ width:100px} .crosselling p{ display:block; margin-right:6px; text-align:center} .crosselling .auflprod { width: 110px; border-right:1px solid #CCC; float:left; margin-right:10px; height:125px; margin-bottom:10px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/Burton.gif); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/benetton.jpg); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/Converse.gif); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/Dakine.gif); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/Eastpak.gif); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/Esprit.gif); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/Fossil.gif); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/Oilily.gif); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/kiplink.gif); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/Puma.gif); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/Mammut.jpg); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/Jack.jpg); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/pierre.jpg); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/samsonite.jpg); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/sisley.jpg); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/Tommy.jpg); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/Leontine.jpg); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/Red-Canoe.jpg); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/Rogner.jpg); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/Happy.jpg); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/Bernd.gif); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/Eterna.gif); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/Merango.jpg); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/desigual.jpg); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/Jobe.jpg); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/mod.jpg); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/salomon.jpg); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/authentic.jpg); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/Kines.jpg); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/natur.jpg); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/northface.jpg); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/star.jpg); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/toko.jpg); text-indent:-2900px} .logowrap .logoacce #plentycat_42{background: url(/layout/plentydesign_starlabels/logos/ynot.jpg); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/armani.gif); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/dkny.gif); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/diesel.gif); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/adidas.gif); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/alpha.gif); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/citizen.gif); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/esprit.gif); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/fossil.gif); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/giorgio.gif); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/gooix.jpg); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/troll.gif); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/boss.gif); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/icewatch.jpg); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/lemans.gif); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/joop.gif); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/puma.gif); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/ssbo.gif); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/tommy.gif); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/gold.gif); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/silber.gif); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/flick.gif); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/toolate.gif); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/Wendestein.gif); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/Nomination-klein.jpg); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/edc-logo-klein.jpg); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/converse-logo-klein.jpg); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/Leonardo.jpg); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/regent.jpg); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/madison.jpg); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/lotus.jpg); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/police.jpg); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/w&s.jpg); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/Farel.jpg); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/Quoins.jpg); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/Engel.jpg); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/ferrari.jpg); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/michael.jpg); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/skagen.jpg); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/bullet.jpg); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/Oregon.jpg); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/Condor.jpg); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/Rhythm.jpg); text-indent:-2900px} .logowrap .logoschm #plentycat_2096 a{background: url(/layout/plentydesign_starlabels/logos/klein/Sinar.jpg); text-indent:-2900px} .logowrap a:focus {outline:none} .firstl{display:inline} .firstl ul{display:inline; margin:0;padding:0} .firstl ul li{display:inline; margin:0;padding:0} .firstl ul li.schm ul{position:absolute; display:none;margin:-4px 0 0 0px; width:168px; z-index:9999; padding:3px; background:#fff; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000} .firstl ul li.schm hr{height:1px; border:0; color:#ccc; background:#ccc; border-bottom:#ccc; margin:10px} .firstl ul li.schm:hover ul{display:block;} .firstl ul li.schm ul li a{display:block; background:#fff !important; padding:2px} .firstl ul li.schm ul li a:hover{display:block; background:#f3f3f3 !important} .firstl ul li.acce ul{position:absolute; display:none;margin:-4px 0 0 182px; width:131px; z-index:9999; padding:3px; background:#fff; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000} .firstl ul li.acce hr{height:1px; border:0; color:#ccc; background:#ccc; border-bottom:#ccc; margin:10px} .firstl ul li.acce:hover ul{display:block;} .firstl ul li.acce ul li a{display:block; background:#fff !important; padding:2px} .firstl ul li.acce ul li a:hover{display:block; background:#f3f3f3 !important} .firstl .act img{ border-bottom:1px solid #fff} .firstl img{ border-bottom:1px solid #000} .firstl a{ margin-right:3px} .logowrap .logoacce ul li{float: left; padding:0;margin:0;height:68px; width: 105px;margin:2px 2px 0 0;} .logowrap .logoschm ul li{float: left; padding:0;margin:0;height:42px; width:78px;margin:2px 2px 0 0;} .logowrap .logoacce ul li a{height:40px; padding-top:25px; width: 101px; display:block; text-align:center;border:2px solid #FFF;} .logowrap .logoschm ul li a{height:25px; padding-top:12px; width: 65px; display:block; text-align:center;border:2px solid #FFF;} .logowrap ul li a:hover{border:2px solid #F5F5F5;} .logowrap li, .logowrap ul{padding:0; margin:0; list-style-type:none;} .logowrap .logoschm{ height:215px } .logowrap .logoacce{ height:315px } .logowrap .left_menu .level3_sub{display:none} .logowrap .left_menu .level3_sub ul{display:none} .logowrap .left_menu .level2_sub ul{list-style-type:none; margin:0; padding:0;display:block; width:964px } .logowrap .left_menu {} .logowrap .left_menu .level1 {display:none} .logowrap .left_menu .level2 {display:block; float:left} .logowrap .left_menu .level3 {display:none} .logowrap .left_menu .level2 a:link {background:tranparent; border:2px solid #FFF; } .logowrap .left_menu .level2 a:visited {background:tranparent; border:2px solid #FFF; } .logowrap .left_menu .level2 a:hover {background:tranparent;border:2px solid #F5F5F5; } .logowrap .left_menu .level2active a:link{ color:#000;border:2px solid #992e48;} .logowrap .left_menu .level2active a:visited{ color:#000;border:2px solid #992e48;} .logowrap .left_menu .level2active a:hover{ color:#000;border:2px solid #451823;} .logowrap ul {list-style-type:none} .iamcont{font-size:12px; line-height:1.4} .sicherinfos{} .sicherinfo{border-bottom:#ccc 1px solid; margin-bottom:10px; clear:left; } .sicherimage{float:left; clear:left; width:298px; text-align:center; margin-bottom:10px} .sichertext{margin-left:320px; width:380px} .kleinebilder a {margin:3px 3px 0 0;width:90px; display:block; float:left; height:90px; overflow:hidden} .kleinebilder a img {width:90px;} .zkasse{line-height:1.2; background:url(/layout/plentydesign_starlabels/ci/suchbox.gif); width:221px; padding:5px 8px 2px 10px; margin-right:3px; float:right; height:29px} .zkasse .titel{display:block} .zkasse img{margin:3px 0 0 0} body {text-align:center;margin:0; font-size:11px; font-family:Arial, Helvetica, sans-serif} a img {border:0} .categorynav{margin:0 auto 0 auto;height:19px;width:952px;background: url(/layout/plentydesign_starlabels/ci/nav.gif); padding:8px;} .nav2{background: url(/layout/plentydesign_starlabels/ci/nav2.png); } .nav3{background: url(/layout/plentydesign_starlabels/ci/nav3.png); } .nav4{height:44px;background: url(/layout/plentydesign_starlabels/ci/nav4.png); } .nav4 h1{ width:560px; } h1{font-size:15px; font-weight:bold; margin:10px 0 10px 0; border-bottom:1px solid #ccc} .categorynav h1{font-size:13px; font-weight:normal; margin:0;border-bottom:0 } .categorynav h4{font-size:13px; font-weight:normal; margin:0;border-bottom:0 } .categorynav form{display:inline} .categorynav .articlePages{float:left; margin:0 0 0 10px} .categorynav .articlePages_LinkElement{float:left; margin:2px 2px 2px 0px;background:#000; display:block; width:15px; text-align:center; color:#fff; text-decoration:none } .categorynav .articlePages_LinkElement:hover{color:#797979; text-decoration:none } .categorynav .articlePages_activeLink{background:#992e48; color:#fff; text-decoration:none} a.catsub:link, a.catsub:visited { border:1px solid #fff; color:#fff; -moz-border-radius:4px;background:#992e48; float:left; display:block; padding:2px 7px 2px 7px; margin:0 3px 2px 0; text-decoration:none !important; font-size:12px } a.catsub:hover { border:1px solid #e3e3e3; color:#992e48; -moz-border-radius:4px;background:#e3e3e3; text-decoration:none !important; font-size:12px } .titel{font-weight:bold} #marken{font-size:16px; display:block; float:right; height:42px; padding:28px 8px 0 11px;cursor:pointer;} .mmarken{clear:both;display:none} .aleft{ float: left; width:330px; margin:0 0 30px 0 } .aright{ margin-left:340px; padding-right:0px } .zusatz{ float:right; width:232px; border-left:#ccc 1px solid; padding-left:10px } .zusatz h3{margin-top:0; padding-top:0} .artbesch{ width:360px; float:left} .zusatz hr{height:1px; border:0; color:#ccc; background:#ccc; border-bottom:#ccc; margin:10px} .aright h2{ font-weight:normal; font-size:16px; margin:10px 0 3px 0} h3{ font-weight:normal; font-size:16px; margin:10px 7px 7px 0; border-bottom:1px solid #ccc} .aright ul{padding:5px 0 5px 13px; list-style-type:square;} .einzlin ul{padding:5px 0 5px 13px; list-style-type:square;} .aright form{padding:0px 0 20px 0; } .price { width: 240px; margin:10px 0 15px 0} .price div {margin:0 15px 0 0; background:#000;color:#fff; font-size:20px; padding:3px; text-align:center;float:left; width:83px} .allwrap {text-align:left;} .headwrap {margin:0 auto 0 auto;width:968px} .contwrap {margin:0 auto 0 auto;width:968px} #flOuterContainer{margin:0 auto 0 auto;width:968px} .catwrap {margin:0 auto 0 auto;width:960px; background:#FFF; padding:20px 0 20px 8px} .right{float:right;} .logowrap {margin:0 auto 0 auto;width:968px} .logowrap img { border:2px solid #FFF} .logowrap img:hover { border:2px solid #F5F5F5} .logoholder{border-top:1px solid #000;border-bottom:1px solid #000; padding:10px 0 10px 0} #mainnav {float:right;width:700px;text-align:right} #mainnav span { margin-right:30px} .sl-logo {float:left} .information{padding:10px 0 0 0} #katnav {clear:both; margin:20px 0 0 0; height:36px} .btns {margin:10px 0 0 0} .btns img {margin:0 0 0 1px} .search{ float:right; height:20px} .clear{clear:both; visibility:hidden} .formular { background:url(/layout/plentydesign_starlabels/ci/suchbox.gif); width:231px; padding:8px 2px 2px 6px; margin-right:3px; float:right; height:26px} .formular .btn { margin:0px 0 0 3px; position:absolute} .reload{ float:right} a:link { text-decoration: underline;color:#333} a:visited { text-decoration: underline;color:#333} a:active { text-decoration: none} a:hover { text-decoration: none; color:#992e48} a:focus { text-decoration: none} #mainnav a:link { text-decoration: none;color:#333} #mainnav a:visited { text-decoration: none;color:#333} #mainnav a:active { text-decoration: none} #mainnav a:hover { text-decoration: none; color:#992e48} #mainnav a:focus { text-decoration: none} .produkte .auflprod { width: 150px; border-right:1px solid #CCC; float:left; margin-right:10px; height:230px; margin-bottom:10px} .produkte .auflprod h1{ font-size:11px; font-weight:normal; margin:5px 3px 5px 0;border-bottom:0} .einzlin form {height:58px; padding:15px 0 0 0 } .einzlin form input { margin-bottom:3px; } .einzlin form .btn{margin:0px 0 0 3px; position:absolute} .seiteninfos .einzlin { width: 150px; border-right:1px solid #CCC; float:left; margin-right:10px; height:170px; margin-bottom:10px} .seiteninfos{ clear:both} .seiteninfos .einzlin h1{ font-size:11px; font-weight:normal; margin:5px 3px 5px 0;border-bottom:0} .produkte a:link { text-decoration: none;color:#333} .produkte a:visited { text-decoration: none;color:#333} .produkte a:active { text-decoration: none} .produkte a:hover { text-decoration: none; color:#992e48} .produkte a:focus { text-decoration: none} * { margin: 0; padding: 0; } #tiptip_holder {display: none;position: absolute;top: 0;left: 0;z-index: 99999;max-width:200px} #tiptip_holder.tip_top {padding-bottom: 5px;} #tiptip_holder.tip_bottom {padding-top: 5px;} #tiptip_holder.tip_right {padding-left: 5px;} #tiptip_holder.tip_left {padding-right: 5px;} #tiptip_content {color: #fff;padding: 4px 8px;border: 1px solid rgba(255,255,255,0.25); background-color: #992e48;background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;} #tiptip_arrow, #tiptip_arrow_inner {position: absolute;border-color: transparent;border-style: solid;border-width: 6px;height: 0;width: 0;} #tiptip_holder.tip_top #tiptip_arrow { border-top-color: #fff; border-top-color: rgba(255,255,255,0.35); background-color:#000 !important; display.block; } #tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: #fff; border-bottom-color: rgba(255,255,255,0.35); } #tiptip_holder.tip_right #tiptip_arrow { border-right-color: #fff; border-right-color: rgba(0,255,255,0.35); } #tiptip_holder.tip_left #tiptip_arrow { border-left-color: #fff; border-left-color: rgba(0,255,255,0.35); } #tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgb(255,25,25); border-top-color: rgba(255,25,25,0.92); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgb(25,25,25); border-bottom-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgb(25,25,25); border-right-color: rgba(25,25,25,0.92); } #tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgb(25,25,25); border-left-color: rgba(25,25,25,0.92); } /* Webkit Hacks */ @media screen and (-webkit-min-device-pixel-ratio:0) { #tiptip_content { padding: 4px 8px 5px 8px; background-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45,45,45,0.88); } #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20,20,20,0.92); } }/* NEW ATTRIBUTE SELECT */ /* clear */ .clear { clear: both; } /* wrapper */ .plentyAttributeSelectWrapper { margin-bottom: 5px; } /* wrapper title */ .plentyAttributeSelectWrapperTitle { } /* wrapper content */ .plentyAttributeSelectWrapperContent { display: inline-block; } /* ul (all) */ /* ul */ .plentyAttributeSelectWrapperContent ul { padding-left: 0; } /* li */ .plentyAttributeSelectWrapperContent ul > li { list-style: none; margin-left: 0; overflow: hidden; } /* disabled */ li.plentyAttributeSelectDisabled { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; cursor: default !important; } li.plentyAttributeSelectDisabled a { cursor: default !important; } /* DROPDOWN */ /* dropdown container */ .plentyAttributeSelectHasDropdown { position: relative; } /* height if dropdown closed */ .plentyAttributeSelectHasDropdown, .plentyAttributeSelectHasDropdown > div, .plentyAttributeSelectHasDropdown > .plentyAttributeSelectWrapperInnerClosed:hover { height: 18px; } /* openable container */ .plentyAttributeSelectHasDropdown > div { position: absolute; /*width: 100%;*/ /*has conflict with parent clearfix*/ overflow: hidden; background: #ffffff; border: 1px solid #cccccc; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } /* open dropdown if hovered */ .plentyAttributeSelectHasDropdown:hover > div { height: auto; z-index: 10000; -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3); } /* selectet item */ /* value (all) */ .plentyAttributeSelectedValue, .plentyAttributeSelectValue > a { padding: 0 0 0 7px; white-space: nowrap; } /* value selected */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectedValue { position: relative; padding-right: 20px; } /* arrow container */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectedValue > .plentyAttributeSelectedArrow { position: absolute; right: 2px; top: 2px; width: 12px; height: 12px; } /* arrow inner */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectedValue > .plentyAttributeSelectedArrow > span { display: inline-block; border-style: solid; border-width: 5px; border-color: #999999 transparent transparent; } /* arrow hover */ .plentyAttributeSelectHasDropdown > div:hover .plentyAttributeSelectedValue > .plentyAttributeSelectedArrow > span { border-color: #777777 transparent transparent; } /* list */ /* list wrapper */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper { max-height: 108px; /*adapt to height of li*/ overflow-y: auto; overflow-x: hidden; } /* ul */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul { } /* li */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li { height: 18px; } /* a */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li a { display: block; padding-right: 20px; white-space: nowrap; } /* li hover / a focus */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li:hover a, .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li a:focus { background: #eeeeee; color: #000000; cursor: pointer; } /* reset li hover / a focus if disabled */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li.plentyAttributeSelectDisabled:hover a, .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li.plentyAttributeSelectDisabled a:focus { background: transparent; color: #000000; } /* li / a selected */ .plentyAttributeSelectHasDropdown .plentyAttributeSelectListWrapper > ul > li.plentyAttributeSelectSelected a { background: #eeeeee; } /* value & markup */ .plentyAttributeSelectValueName { /*float: left;*/ } .plentyAttributeSelectValueMarkup { padding-left: 5px; /*float: right;*/ } /* IMAGE GALLERY / TEXT BOX */ /* ul */ .plentyAttributeSelectHasImageGallery ul, .plentyAttributeSelectHasTextList ul { margin: 0 -5px -5px 0; } /* ul image gallery / text boxes */ .plentyAttributeSelectHasImageGallery ul, .plentyAttributeSelectHasTextList ul { line-height: 0; } /* ul text boxes */ .plentyAttributeSelectHasTextList ul > li { line-height: 1.5em; } /* image box size */ .plentyAttributeSelectHasImageGallery ul > li, .plentyAttributeSelectHasImageGallery ul > li > a { width: 60px; /*adapt box dimension to image dimension*/ height: 60px; } /* li */ .plentyAttributeSelectHasImageGallery ul > li, .plentyAttributeSelectHasTextList ul > li, .plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectDisabled:hover, .plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectDisabled:hover { display: inline-block; margin: 0 5px 5px 0; border: 1px solid #DDDDDD; border-radius: 3px; padding: 3px; } /* li hover / selected */ .plentyAttributeSelectHasImageGallery ul > li:hover, .plentyAttributeSelectHasTextList ul > li:hover, .plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectSelected, .plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectSelected { border-color: #999999; cursor: pointer; -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3); } /* li selected image gallery */ .plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectSelected { background: #DDDDDD; } /* li selected text box */ .plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectSelected { background: #eeeeee; } /* reset li hover / selected if selected */ .plentyAttributeSelectHasImageGallery ul > li.plentyAttributeSelectDisabled:hover, .plentyAttributeSelectHasTextList ul > li.plentyAttributeSelectDisabled:hover { border-color: #DDDDDD; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } /* a */ .plentyAttributeSelectHasImageGallery ul > li > a { display: block; overflow: hidden; } /* img */ .plentyAttributeSelectHasImageGallery ul > li > a > img { border: none; } /* a hover / a focus text box */ .plentyAttributeSelectHasTextList ul > li a:hover, .plentyAttributeSelectHasTextList ul > li a:focus { color: #000000; } /* value text boxes */ .plentyAttributeSelectHasTextList .plentyAttributeSelectValue { padding-left: 5px; } /* value text boxes */ .plentyAttributeSelectHasTextList .plentyAttributeSelectValue { padding-left: 5px; padding-right: 5px; } /* Errors */ div.PlentyError input[type=text], div.PlentyError input[type=password] { border:none; border:1px dashed #f44d4d!important; background-color:#fbe7e7; } .PlentyError span { color:#f44d4d; } div.PlentyErrorPane { display: none; color: white; font-size: 11pt; line-height: 12pt; } .PlentyErrorMessageBox { background-color: #f36060; border: 1px dashed #9c2020 !important; margin-bottom:5px; padding:5px; } div.PlentyAdviceMsg { font-size: 11pt; line-height: 12pt; } /* NEW STYLE */ /* GENERAL */ /* all */ .PlentyWebMyAccountMyAccountContainer { font-family: "Trebuchet MS",sans-serif; line-height: 1.5; color: #404040; } p { margin: 0; } /* ACCORDIONS */ /* accordion container */ .PlentyWebMyAccountAccContainer { margin-bottom:15px; } /* accordion header (& login container header) */ .PlentyWebMyAccountAccContainerTitle, #PlentyWebMyAccountLogin > h1, #PlentyWebLostPWDLogin > h1 { background: #EEEEEE; border-bottom: 2px solid #CCCCCC !important; color: #444444; font-size: 18px; font-weight: normal; padding: 5px 10px; margin-bottom: 0; } /* accordion header openable */ .PlentyWebMyAccountAccContainerTitle.PlentyWebMyAccountOpenableContainerTitle:hover { background: #CCCCCC; color: #000000; cursor: pointer; } /* accordion body (& login container body) */ .PlentyWebMyAccountAccContainerContent, #PlentyWebMyAccountLogin > div.PlentyMyAccountContainerContent, #PlentyWebLostPWDLogin > h1.PlentyLostPWDContainerContent { background-color: #FFFFFF; border: 1px solid #CCCCCC; line-height: 17px; padding: 10px; } /* INPUT */ /* standard */ #PlentyMyAccountMyAccount input[type=text], #PlentyMyAccountMyAccount input[type=password], #PlentyMyAccountMyAccount input[type=file], .PlentyWebMyAccountPopupContainer input[type=text], .PlentyWebMyAccountPopupContainer input[type=password], .PlentyWebMyAccountPopupContainer input[type=file] { border: 1px solid #CCCCCC; padding: 2px 3px; font-size: 12px; height: 28px; /*13px*/ margin-top: 2px; margin-bottom: 0; color: inherit !important; } /* standard hover, focus */ #PlentyMyAccountMyAccount input[type=text]:hover, #PlentyMyAccountMyAccount input[type=password]:hover, #PlentyMyAccountMyAccount select:hover, #PlentyMyAccountMyAccount input[type=file]:hover, #PlentyMyAccountMyAccount input[type=text]:focus, #PlentyMyAccountMyAccount input[type=password]:focus, #PlentyMyAccountMyAccount select:focus, #PlentyMyAccountMyAccount input[type=file]:focus, .PlentyWebMyAccountPopupContainer input[type=text]:hover, .PlentyWebMyAccountPopupContainer input[type=password]:hover, .PlentyWebMyAccountPopupContainer select:hover, .PlentyWebMyAccountPopupContainer input[type=file]:hover, .PlentyWebMyAccountPopupContainer input[type=text]:focus, .PlentyWebMyAccountPopupContainer input[type=password]:focus, .PlentyWebMyAccountPopupContainer select:focus, .PlentyWebMyAccountPopupContainer input[type=file]:focus { border-color: #666666; /*1474d4*/ position: relative; z-index: 10; } /* size presets */ #PlentyMyAccountMyAccount input[type=text].XS, #PlentyMyAccountMyAccount input[type=password].XS { width: 42px; } #PlentyMyAccountMyAccount input[type=text].M, #PlentyMyAccountMyAccount input[type=password].M { width: 132px; } /* checkbox */ input[type=checkbox] { height: auto !important; width: auto !important; } /* SELECT */ /* standard */ #PlentyMyAccountMyAccount select, .PlentyWebMyAccountPopupContainer select { border: 1px solid #CCCCCC; font-size: 12px; margin-top: 2px; margin-bottom: 0; height: 34px; /*no height set*/ padding: 7px 5px 7px 0; /*no padding set*/ } #PlentyMyAccountMyAccount select.XS, .PlentyWebMyAccountPopupContainer select.XS { width: 50px; } #PlentyMyAccountMyAccount select.M, .PlentyWebMyAccountPopupContainer select.M { width: 140px; } /* standard hover */ #PlentyMyAccountMyAccount select:hover, .PlentyWebMyAccountPopupContainer select:hover { position: relative; z-index: 10; } /* TEXTAREA */ /* standard */ #PlentyMyAccountMyAccount textarea, .PlentyWebMyAccountPopupContainer textarea { border: 1px solid #CCCCCC; padding: 2px 3px; font-size: 12px; font-family: Arial,Helvetica,sans-serif; margin-top: 2px; resize: none; color: inherit !important; /*height: 60px;*/ /*overwrite machart-style*/ line-height: 14px !important; } /* standard hover, focus */ #PlentyMyAccountMyAccount textarea:hover, #PlentyMyAccountMyAccount textarea:focus, .PlentyWebMyAccountPopupContainer textarea:hover, .PlentyWebMyAccountPopupContainer textarea:focus { border-color: #666666; } /* INPUT / TEXTAREA WRAPPER */ /* wrapper */ .PlentyWebMyAccountWrapper { margin: 0 4px; } /* input / textarea in wrapper */ .PlentyWebMyAccountWrapper > input[type=text], .PlentyWebMyAccountWrapper > input[type=password], .PlentyWebMyAccountWrapper > textarea { margin-left: -4px; width: 100%; } /* BUTTON */ /* standard */ #PlentyMyAccountMyAccount input[type=button], #PlentyMyAccountMyAccount input[type=submit], #PlentyMyAccountMyAccount button, a.ui-datepicker-prev.ui-corner-all, a.ui-datepicker-next.ui-corner-all { height: 34px; /*19px*/ margin-top: 2px; padding: 0 5px; cursor: pointer; border: 1px solid #949494; background: #434343; color: #FFFFFF; /*font-size: 18px; line-height: 30px; height: 34px; padding: 0 5px 0 3px;*/ } /* standard hover */ #PlentyMyAccountMyAccount input[type=button]:hover, #PlentyMyAccountMyAccount input[type=submit]:hover, #PlentyMyAccountMyAccount button:hover, a.ui-datepicker-prev.ui-corner-all:hover, a.ui-datepicker-next.ui-corner-all:hover { background: #222222; } /* INPUT & SELECT IN POPUP */ /* input standard */ .PlentyWebMyAccountPopupContainer div.PlentyFormBox input[type=text], .PlentyWebMyAccountPopupContainer div.PlentyFormBox input[type=password] { padding: 2px 0 !important; } /* M in popup (no padding left right) */ .PlentyWebMyAccountPopupContainer input[type=text].M, .PlentyWebMyAccountPopupContainer input[type=password].M { width: 138px !important; } /* input standard hover */ .PlentyWebMyAccountPopupContainer div.PlentyFormBox input[type=text], .PlentyWebMyAccountPopupContainer div.PlentyFormBox input[type=password] { position: relative; z-index: 10; } /* select standard */ /* .PlentyWebMyAccountPopupContainer div.PlentyFormBox select { height: auto !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-right: 0 !important; } */ /* INPUT, SELECT & BUTTON IN ITEM DETAIL CONTAINERS OR IN SUB TITLE CONTAINER (e.g. pagination) */ /* input standard */ #PlentyMyAccountMyAccount .PlentyFormContainer.ItemsContentRow input[type=text], .PlentyWebMyAccountTitleSubContainer input[type=text], .PlentyWebMyAccountItemsPopupContainer input[type=text] { height: 13px !important; } /* select standard */ #PlentyMyAccountMyAccount .PlentyFormContainer.ItemsContentRow select, .PlentyWebMyAccountTitleSubContainer select, .PlentyWebMyAccountItemsPopupContainer select { height: auto !important; padding-top: 0 !important; padding-bottom: 0 !important; padding-right: 0 !important; } /* button standard */ .PlentyWebMyAccountTitleSubContainer input[type=button] { height: 19px !important; } /* LINKS */ /* standard */ #PlentyMyAccountMyAccount a:link, #PlentyMyAccountMyAccount a:visited, #PlentyMyAccountMyAccount a.link { color: #282828; cursor: pointer; text-decoration: none; } #PlentyMyAccountMyAccount a:hover, #PlentyMyAccountMyAccount a:focus, #PlentyMyAccountMyAccount a:active, #PlentyMyAccountMyAccount a.link:hover { color: #686868; text-decoration: none; } /* tab links */ /* tab standard */ #PlentyMyAccountMyAccount .PlentyGuiTabs > ul > li > a:link, #PlentyMyAccountMyAccount .PlentyGuiTabs > ul > li > a:visited { color: #686868; text-decoration: none; } #PlentyMyAccountMyAccount .PlentyGuiTabs > ul > li > a:hover, #PlentyMyAccountMyAccount .PlentyGuiTabs > ul > li > a:focus, #PlentyMyAccountMyAccount .PlentyGuiTabs > ul > li > a:active { color: #000000; text-decoration: none; } /* tab current */ #PlentyMyAccountMyAccount .PlentyGuiTabs > ul > li > a.current:link, #PlentyMyAccountMyAccount .PlentyGuiTabs > ul > li > a.current:visited { color: #282828; text-decoration: none; } #PlentyMyAccountMyAccount .PlentyGuiTabs > ul > li > a.current:hover, #PlentyMyAccountMyAccount .PlentyGuiTabs > ul > li > a.current:focus, #PlentyMyAccountMyAccount .PlentyGuiTabs > ul > li > a.current:active { color: #282828; text-decoration: none; } /* SCREEN OVERLAY */ /* visible overlay */ #PlentyWebMyAccountOverlay, #PlentyWebMyAccountDisplayOrdersOverlay, #PlentyWebMyAccountDisplaySchedulerOrdersOverlay { position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #000000; -moz-opacity: 0.5; -khtml-opacity: 0.5; filter: alpha(opacity=50); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; opacity: 0.5; } /* invisible overlay */ #PlentyWebMyAccountDisplayOrdersOverlay, #PlentyWebMyAccountDisplaySchedulerOrdersOverlay { -moz-opacity: 0; -khtml-opacity: 0; filter: alpha(opacity=0); -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; opacity: 0; } /*loading icon*/ #jQueryPageWaitInnerPane { left: 50% !important; top: 50% !important; margin-left: -16px; margin-top: -16px; } /* LAYOUT GRID */ /* ACCORDION CONTENT */ /* container main */ .PlentyWebMyAccountAccContainerContent { padding: 16px 16px; } /* TWO COLUMN LAYOUT */ /* table */ #PlentyWebMyAccountCustomerContainerContent > .PlentyFormBox, .PlentyWebMyAccountOrderOverviewElementsContainer { display: table; width: 100%; } /* row */ #PlentyWebMyAccountCustomerContainerContent > .PlentyFormBox > .PlentyFormContainer, .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer { display: table-row; } /*cells*/ #PlentyWebMyAccountCustomerContainerContent > .PlentyFormBox > .PlentyFormContainer > .PlentyFormContainer, .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer, .PlentyWebMyAccountTicketsContentLeft, .PlentyWebMyAccountTicketsContentRight, .PlentyWebMyAccountTicketsNewTicket1, .PlentyWebMyAccountTicketsNewTicket2 { display: table-cell; width: 50%; } /*cell content left column*/ #PlentyWebMyAccountCustomerContainerContent > .PlentyFormBox > .PlentyFormContainer > .PlentyFormContainer:first-child > div, #PlentyWebMyAccountCustomerContainerContent > .PlentyFormBox > .PlentyFormContainer > .PlentyFormContainer:first-child > span, .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer:first-child > div, .PlentyWebMyAccountTicketsContentLeft > div, .PlentyWebMyAccountTicketsNewTicket1 > div { margin-right: 8px; } /*cell content right column*/ #PlentyWebMyAccountCustomerContainerContent > .PlentyFormBox > .PlentyFormContainer > .PlentyFormContainer:last-child > div, #PlentyWebMyAccountCustomerContainerContent > .PlentyFormBox > .PlentyFormContainer > .PlentyFormContainer:last-child > span, .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer:last-child > div, .PlentyWebMyAccountTicketsContentRight > div, .PlentyWebMyAccountTicketsNewTicket2 > div { margin-left: 8px; } /* CONTENT BOXES */ /* HEADER GLOBAL */ span.PlentyWebMyAccountMainTitle, span.PlentyWebMyAccountOrderOverviewItemsTitle, .PlentyWebMyAccountTitleContainer { display: block; /*background: none repeat scroll 0 0 #EEEEEE;*/ /*border: 1px solid #CCCCCC;*/ border-bottom: 1px solid #000000; color: #444444; padding: 8px 0; font-size: 18px; font-weight: 400; } /* ITEM CONTAINER */ div.PlentyFormContainer.PlentyWebMyAccountContainer, .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer > .PlentyFormContainer, .PlentyWebMyAccountOrderOverviewItemsBox > .PlentyWebMyAccountOrderOverviewItemsMain > div.PlentyFormContainer.ItemsRow, .PlentyWebMyAccountDisplayOrdersContainer, .PlentyWebMyAccountTicketsTicketContainer, .PlentyWebMyAccountTicketsLeafContainer, .PlentyWebMyAccountMyProjectsProjectContainer, .PlentyWebMyAccountEmailNewAccountContainer, .PlentyWebMyAccountVersionJumpDomainContainer, .PlentyWebMyAccountEmailNewAddressContainer, .PlentyWebMyAccountItemContainer, .PlentyWebMyAccountOpenableItemContainer { margin-top: 16px; padding: 0; /*border: 1px solid #cccccc;*/ position: relative; /*z-index: 2;*/ } /* item container hover */ div.PlentyFormContainer.PlentyWebMyAccountContainer:hover, .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer > .PlentyFormContainer:hover, .PlentyWebMyAccountOrderOverviewItemsBox > .PlentyWebMyAccountOrderOverviewItemsMain > div.PlentyFormContainer.ItemsRow:hover, .PlentyWebMyAccountDisplayOrdersContainer:hover, .PlentyWebMyAccountTicketsTicketContainer:hover, .PlentyWebMyAccountTicketsLeafContainer:hover, .PlentyWebMyAccountMyProjectsProjectContainer:hover, .PlentyWebMyAccountEmailNewAccountContainer:hover, .PlentyWebMyAccountVersionJumpDomainContainer:hover, .PlentyWebMyAccountEmailNewAddressContainer:hover, .PlentyWebMyAccountItemContainer:hover, .PlentyWebMyAccountOpenableItemContainer:hover { -moz-box-shadow: 0 0 2px 0 rgba(61, 90, 153, 0.15); -webkit-box-shadow: 0 0 2px 0 rgba(61, 90, 153, 0.15); box-shadow: 0 0 2px 0 rgba(61, 90, 153, 0.15); } /* special item container */ .PlentyWebMyAccountDisplayOrdersChildContainer { z-index: 1; } /* special item container hover (overlay other containers) */ .PlentyWebMyAccountDisplayOrdersChildContainer:hover { z-index: 5 !important; } /* item header */ div.PlentyFormContainer.PlentyWebMyAccountContainer > span.PlentyWebMyAccountContainerTitle, div.PlentyFormContainer.PlentyWebMyAccountContainer > div.PlentyWebMyAccountContainerTitle, .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer > .PlentyFormContainer > span, .PlentyWebMyAccountOrderOverviewItemsBox > .PlentyWebMyAccountOrderOverviewItemsMain > div.PlentyFormContainer.ItemsRow > .ItemsHeaderRow, .PlentyWebMyAccountDisplayOrdersContainer > div.PlentyWebMyAccountDisplayOrdersOrderId, .PlentyMyAccountHeaderChange, .PlentyWebMyAccountTicketsTicketTitleContainer, .PlentyWebMyAccountTicketsLeafHead, .PlentyWebMyAccountMyProjectsProjectTitleContainer, .PlentyWebMyAccountEmailNewAccountContainerTitle, #PlentyWebMyAccountCustomerEventsContainerContent > h1, .PlentyWebMyAccountVersionJumpDomainContainer > span, .PlentyWebMyAccountEmailNewAddressContainer > span, .PlentyWebMyAccountItemContainerHeader, .PlentyWebMyAccountOpenableItemContainerHeader { display: block; /*padding: 10px 10px 7px;*/ font-size: 16px; line-height: 18px; font-weight: 400; color: #444444; /*background: #e8ecef;*/ background: none repeat scroll 0 0 #F3F3F3; border-bottom: 1px solid #888888; } /* exceptions */ .PlentyWebMyAccountTicketsLeafHead, .PlentyWebMyAccountMyProjectsProjectTitleContainer, .PlentyWebMyAccountEmailNewAccountContainerTitle, #PlentyWebMyAccountCustomerEventsContainerContent > h1, .PlentyWebMyAccountVersionJumpDomainContainer > span, .PlentyWebMyAccountEmailNewAddressContainer > span, .PlentyWebMyAccountDisplayOrdersChildContainer > div:first-child { padding: 10px 10px 7px; } /* item header title container */ div.PlentyWebMyAccountContainerTitle > div:first-child, div.PlentyMyAccountHeaderChange > div:first-child, .PlentyWebMyAccountItemContainerHeader > div:first-child { display: inline-block; padding: 10px 10px 7px; } /* item header button container */ span.PlentyWebMyAccountContainerTitle > span.PlentyFormContainer, div.PlentyWebMyAccountContainerTitle > div.PlentyFormContainer, .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer > .PlentyFormContainer > span > span.PlentyFormContainer, .PlentyWebMyAccountOrderOverviewItemsBox > .PlentyWebMyAccountOrderOverviewItemsMain > div.PlentyFormContainer.ItemsRow > .ItemsHeaderRow > span.PlentyFormContainer, span.PlentyWebMyAccountOrderOverviewItemsTitle > span.PlentyFormContainer.PlentyWebMyAccountOrderOverviewItemsChangeContainer, .PlentyMyAccountHeaderChange > .PlentyFormContainer, .PlentyWebMyAccountItemContainerHeader > .PlentyFormContainer, .PlentyWebMyAccountHeaderButtonRight, .PlentyWebMyAccountButtonsRightContainer { float: right; /*margin-top: -9px;*/ position: relative; top: 1px; margin-right: 5px; /*margin-bottom: -4px;*/ padding-bottom: 5px; } /* item header button single container */ .PlentyWebMyAccountButtonsRightContainer > .PlentyFormContainer { float: right; } /* button after button */ span.PlentyWebMyAccountContainerTitle > span.PlentyFormContainer + span.PlentyFormContainer, div.PlentyWebMyAccountContainerTitle > div.PlentyFormContainer + div.PlentyFormContainer, .PlentyWebMyAccountButtonsRightContainer > .PlentyFormContainer + .PlentyFormContainer, .PlentyWebMyAccountHeaderButtonRight > span { margin-right: 5px; } /* item content */ div.PlentyFormContainer.PlentyWebMyAccountContainer > div.PlentyWebMyAccountContainerContent, .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer > .PlentyFormContainer > span + div, .PlentyWebMyAccountOrderOverviewItemsBox > .PlentyWebMyAccountOrderOverviewItemsMain > div.PlentyFormContainer.ItemsRow > .ItemsContentRow, .PlentyWebMyAccountOrderOverviewElementsContainer1 > div.PlentyFormContainer > div.PlentyFormContainer, .PlentyWebMyAccountOrderOverviewElementsContainer2 > div.PlentyFormContainer > div.PlentyFormContainer, .PlentyWebMyAccountDisplayOrdersContainer > div.PlentyWebMyAccountDisplayOrdersOrderId + div.PlentyFormBox, .PlentyWebMyAccountTicketsTicketContent, .PlentyWebMyAccountTicketsLeafContent, .PlentyWebMyAccountMyProjectsProjectContent, .PlentyWebMyAccountEmailNewAccountContainerTitle + form, #PlentyWebMyAccountCustomerEventsContainerContent > h1 + div, .PlentyWebMyAccountVersionJumpDomainContainer > div, .PlentyWebMyAccountEmailNewAddressContainer > form, .PlentyWebMyAccountItemContainerHeader + .PlentyFormContainer.ItemsContentRow, .PlentyWebMyAccountItemContainerContent, .PlentyWebMyAccountOpenableItemContainerContent { border: 1px solid #EEEEEE; padding: 12px 10px; font-size: 13px; line-height: 20px; color: #404040; /*background: #fcfcfc;*/ } div.PlentyWebMyAccountContainerContent br { line-height: 10px; } /* OPENABLE ITEM CONTAINER */ /* container */ .PlentyWebMyAccountOpenableItemContainer { border: none !important; } /* openable item header */ .PlentyWebMyAccountTicketsTicketTitleContainer, .PlentyWebMyAccountMyProjectsProjectTitleContainer, .PlentyWebMyAccountEmailAccountContainer > a, .PlentyWebMyAccountOpenableItemContainer > .PlentyWebMyAccountOpenableItemContainerHeader { padding: 2px 10px !important; } /* title container */ .PlentyWebMyAccountTicketsTicketTitleContainer.PlentyMyAccountHeaderChange > .PlentyWebMyAccountContainerHeaderTitle { /*margin-top: 2px;*/ } /* title container open/close button */ .PlentyWebMyAccountTicketsTicketTitleContainer.PlentyMyAccountHeaderChange > .PlentyWebMyAccountContainerHeaderTitle button { margin-top: 0 !important; height: 30px; } /* title container */ .PlentyWebMyAccountOpenableItemContainerHeaderTitle { display: inline-block; } #PlentyWebMyAccountTicketsContainer .PlentyWebMyAccountOpenableItemContainerHeaderTitle { font-size: 14px; line-height: 15px; } /* button container (tickets) */ .PlentyWebMyAccountTicketsTicketTitleContainer.PlentyMyAccountHeaderChange > .PlentyWebMyAccountHeaderButtonRight { margin-top: 2px; } .PlentyWebMyAccountTicketsTicketTitleContainer.PlentyMyAccountHeaderChange > .PlentyWebMyAccountHeaderButtonRight > span:first-child { margin-right: 0; } /* button container (e-mail accounts) */ .PlentyWebMyAccountOpenableItemContainerHeader .PlentyWebMyAccountButtonsRightContainer { display: inline-block; float: right; margin-top: 2px; } /* content container */ .PlentyWebMyAccountOpenableItemContainerContent { border: 1px solid #EEEEEE; } /* TABS */ /* tab bar */ #PlentyMyAccountMyAccount div.PlentyGuiTabs > ul.tabs { display: block; height: 29px; list-style: none !important; margin: 0 !important; padding: 0 !important; height: 30px; } /* tab bar list item */ #PlentyMyAccountMyAccount div.PlentyGuiTabs > ul.tabs > li { float: left; text-indent: 0; padding: 0; margin: 0 !important; list-style-image: none !important; list-style-type: none !important;; } /* tab standard */ #PlentyMyAccountMyAccount div.PlentyGuiTabs > ul.tabs > li > a { height: 29px; top: 0; padding: 0 10px; width: auto !important; min-width: 40px; vertical-align: middle; border: 1px solid #eeeeee; border-bottom: none; border-left: none; display: block; line-height: 30px; text-align: center; margin: 0px; } /* tab standard first child */ #PlentyMyAccountMyAccount div.PlentyGuiTabs > ul.tabs > li:first-child > a { border-left: 1px solid #eeeeee; } /* tab standard hover */ #PlentyMyAccountMyAccount div.PlentyGuiTabs > ul.tabs > li > a:hover, #PlentyMyAccountMyAccount div.PlentyGuiTabs > ul.tabs > li > a:focus { background: #fefefe; /*z-index: 2;*/ } /* tab standard active */ #PlentyMyAccountMyAccount div.PlentyGuiTabs > ul.tabs > li > a:active { outline:none; } /*tab current*/ #PlentyMyAccountMyAccount div.PlentyGuiTabs > ul.tabs > li > a.current { background: #eeeeee; height: 31px; top: 0; border: 1px solid #eeeeee; border-bottom: none; /*border-bottom: 1px solid #eeeeee;*/ z-index: 5; } /* tab current hover */ #PlentyMyAccountMyAccount div.PlentyGuiTabs > ul.tabs > li > a.current:hover, #PlentyMyAccountMyAccount div.PlentyGuiTabs > ul.tabs > li > a.current:focus { } /* tab close icon */ #PlentyMyAccountMyAccount a span.TabCloseButton { display: inline-block; width: 19px; /*16px*/ height: 19px; /*16px*/ position: relative; left: 5px; top: 4px; background: url(/images/icons/silk/close_tab.png) left center no-repeat; /* /images/icons/silk/close_big.png */ } #PlentyMyAccountMyAccount a span.TabCloseButton:hover { background-position: right center; } /* MAIN CONTAINER PANE */ #PlentyMyAccountMyAccount div.PlentyGuiPane.pane { padding: 0; border: none; background: transparent; } /* HEADER (TAB PANE) */ /*header container (order overview & single order details)*/ .PlentyFormContainer.PlentyWebMyAccountOrderOverviewOverviewContainer, .PlentyWebMyAccountTabHeaderContainer { background: #EEEEEE; margin-bottom: 16px; padding: 2px 8px 8px; } /* header left container */ .PlentyWebMyAccountSearchContainer > div.PlentyWebMyAccountSearchIdContainer { float: left; } /* header right container */ .PlentyWebMyAccountSearchContainer > div.PlentyWebMyAccountSearchDateContainer { float: right; } /* inputs & labels */ .PlentyWebMyAccountSearchContainer > div.PlentyWebMyAccountSearchIdContainer > div, .PlentyWebMyAccountSearchContainer > div.PlentyWebMyAccountSearchDateContainer > div { display: table-cell; vertical-align: bottom; padding-top: 8px; } /* wrap blocks */ .PlentyWebMyAccountSearchContainer > div.PlentyWebMyAccountSearchIdContainer > div > span, .PlentyWebMyAccountSearchContainer > div.PlentyWebMyAccountSearchDateContainer > div > span, .PlentyWebMyAccountSearchContainer > div#PlentyWebMyAccountDisplayOrdersDateContainer > div > div > span { display: block; } /* distance */ .PlentyWebMyAccountSearchIdContainer > div input, .PlentyWebMyAccountSearchDateContainer > div input, .PlentyWebMyAccountSearchDateContainer > div select { display: inline-block; margin-right: -1px; /*5px*/ } /* input / select sizes */ .PlentyWebMyAccountSearchIdContainer > div input[type=text], .PlentyWebMyAccountSearchDateContainer > div input[type=text] { width: 132px; } .PlentyWebMyAccountSearchDateContainer > div select { width: 140px; } .PlentyWebMyAccountSearchDateContainer > div:last-child input { margin-right: 0; } /* adapt input position */ .PlentyWebMyAccountSearchPeriodContainer { margin: 3px 5px 1px 0; } /* PAGINATION */ /* title sub container / pagination container */ #PlentyWebMyAccountDisplayOrdersPagination, #PlentyWebMyAccountItemWishListSettingsContainer, .PlentyWebMyAccountTitleSubContainer, .PlentyWebMyAccountPagination { border-bottom: 1px solid #C2C2C2; border-top: 1px solid #C2C2C2; margin-bottom: 10px; padding: 9px 0 8px; } .PlentyWebMyAccountTitleSubContainer:last-child, .PlentyWebMyAccountPagination:last-child { margin-top: 10px; margin-bottom: 0; } /* container row */ #PlentyWebMyAccountDisplayOrdersPagination > div, #PlentyWebMyAccountDisplayOrdersPagination > span, #PlentyWebMyAccountDisplaySchedulerOrdersPagination > div, .PlentyWebMyAccountPagination > div { display: table-cell; white-space: nowrap; } /* position in container row */ #PlentyWebMyAccountDisplayOrdersPagination > div:nth-child(2), #PlentyWebMyAccountDisplaySchedulerOrdersPagination > div:nth-child(2), .PlentyWebMyAccountPagination > div:nth-child(2) { width: 90%; text-align: right; padding-right: 30px; } /* headline */ #PlentyWebMyAccountDisplayOrdersPagination > div:first-child, #PlentyWebMyAccountDisplaySchedulerOrdersPagination > div:first-child, .PlentyWebMyAccountPagination > div:first-child { font-size: 15px; } /* select */ #PlentyWebMyAccountDisplayOrdersPagination > div select, #PlentyWebMyAccountDisplaySchedulerOrdersPagination > div select, .PlentyWebMyAccountPagination > div select { width: 50px; } /* sub container buttons */ .PlentyWebMyAccountTitleSubContainer > .PlentyWebMyAccountHeaderButtonRight { margin-top: -5px; margin-bottom: -5px; margin-right: 0; } /* POPUP */ /* popup container (& login container) */ .PlentyWebMyAccountPopupContainer, .PlentyWebMyAccountAdviceContainer, .PlentyWebMyAccountDisplayOrdersShippingDetailsContainer, .ui-datepicker/*, #PlentyWebMyAccountLogin*/ { display: none; position: absolute; top: 25px; z-index: 400010 !important; width: 328px; /* margin left is 1/2 of width */ margin-left: -179px !important; /*overwrite standard container margin since container might be positioned in right column*/ left: 50%; background: #ffffff; border: 4px solid #EEEEEE; padding: 0 10px; -moz-box-shadow: 1px 2px 6px 1px rgba(38, 43, 55, 0.3); -webkit-box-shadow: 1px 2px 6px 1px rgba(38, 43, 55, 0.3); box-shadow: 1px 2px 6px 1px rgba(38, 43, 55, 0.3); } .PlentyWebMyAccountPopupContainer > div, .PlentyWebMyAccountDisplayOrdersShippingDetailsContainer { } /* popup container hover (& login container hover) */ .PlentyWebMyAccountPopupContainer:hover, .PlentyWebMyAccountDisplayOrdersShippingDetailsContainer:hover, .ui-datepicker:hover/*, #PlentyWebMyAccountLogin:hover*/ { -moz-box-shadow: 1px 3px 10px 1px rgba(38, 43, 55, 0.45); -webkit-box-shadow: 1px 3px 10px 1px rgba(38, 43, 55, 0.45); box-shadow: 1px 3px 10px 1px rgba(38, 43, 55, 0.45); } /* popup header */ .PlentyWebMyAccountPopupContainer > div > div:first-child, .PlentyWebMyAccountDisplayOrdersShippingDetailsContainer > div.PlentyFormBox > div.PlentyWebMyAccountPopupTitleContainer, .ui-datepicker-header { color: #444444; font-size: 18px; font-weight: 400; line-height: 26px; border-bottom: 1px solid #000000; padding: 7px 1px 3px; } /* popup body */ .PlentyWebMyAccountPopupContainer > div > div + div, .PlentyWebMyAccountDisplayOrdersShippingDetailsContainer > div.PlentyFormBox > div.PlentyWebMyAccountPopupTitleContainer + div { padding: 10px 0; font-size: 12px; line-height: 12px; color: #333333; } .PlentyWebMyAccountClear { clear: both; } /* 2 column layout */ /* form *//*select from form.PlentyWebMyAccountPopup2ColumnLayoutTable*/ form.PlentyWebMyAccountPopup2ColumnLayoutTable { display: block; } /* table */ form.PlentyWebMyAccountPopup2ColumnLayoutTable > .PlentyFormContainer, .PlentyWebMyAccountPopupContainer form > .PlentyFormBox { display: table; width: 100%; } /* table row */ form.PlentyWebMyAccountPopup2ColumnLayoutTable > .PlentyFormContainer > div, .PlentyWebMyAccountPopupContainer form > .PlentyFormBox > div { display: table-row; } /* table cell */ form.PlentyWebMyAccountPopup2ColumnLayoutTable > .PlentyFormContainer > div > div, .PlentyWebMyAccountPopupContainer form > .PlentyFormBox > div > div { display: table-cell; padding: 1px 0; } /* table cell first */ form.PlentyWebMyAccountPopup2ColumnLayoutTable > .PlentyFormContainer > div > div:first-child, .PlentyWebMyAccountPopupContainer form > .PlentyFormBox > div > div:first-child { width: 100px; padding-right: 3px; vertical-align: middle } /* table cell 2nd */ form.PlentyWebMyAccountPopup2ColumnLayoutTable > .PlentyFormContainer > div > div + div, .PlentyWebMyAccountPopupContainer form > .PlentyFormBox > div > div + div { } /* table cell 3rd */ form.PlentyWebMyAccountPopup2ColumnLayoutTable > .PlentyFormContainer > div > div + div + div, .PlentyWebMyAccountPopupContainer form > .PlentyFormBox > div > div + div + div { display: none; /*clear - this container shouldn't be here*/ } /* popup content */ .PlentyWebMyAccountPopupContainer .PlentyWebMyAccountText1Container > p { margin-bottom: 10px; } .PlentyWebMyAccountPopupContainer .PlentyFormContainer:first-child, .PlentyWebMyAccountPopupContainer div.PlentyFormContainer > div.PlentyFormContainer + div.PlentyFormContainer { margin-top: 0; } .PlentyWebMyAccountPopupContainer span.PlentyFormTitle { display: block; width: 100%; margin-top: 5px; } .PlentyWebMyAccountPopupContainer span.PlentyFormValue input { width: 100%; } /* select title */ .PlentyWebMyAccountSelectSalutation, select[name=Salutation] { width: 33%; } /* select country (& newsletter) */ .PlentyWebMyAccountSelectCountry, select[name=Country], select[name=newsletter] { width: 66%; } /* 2 inputs in one line (street, zip, ...) */ /* float left */ .PlentyWebMyAccountPopupTableCellInputsMulti .PlentyWebMyAccountStreetContainerContent, .PlentyWebMyAccountPopupTableCellInputsMulti .PlentyWebMyAccountZipContainerContent { display: block; float: left; } /* float right */ .PlentyWebMyAccountPopupTableCellInputsMulti .PlentyWebMyAccountNoContainerContent, .PlentyWebMyAccountPopupTableCellInputsMulti .PlentyWebMyAccountCityContainerContent { display: block; float: right; } /* 1/4 */ .PlentyWebMyAccountPopupTableCellInputsMulti .PlentyWebMyAccountNoContainerContent, .PlentyWebMyAccountPopupTableCellInputsMulti .PlentyWebMyAccountZipContainerContent { width: 22%; } /* 3/4 */ .PlentyWebMyAccountPopupTableCellInputsMulti .PlentyWebMyAccountStreetContainerContent, .PlentyWebMyAccountPopupTableCellInputsMulti .PlentyWebMyAccountCityContainerContent { width: 74%; } /* date of birth */ .PlentyWebMyAccountBirthdayContainerContent { display: block; width: 100%; } /* date of birth inputs can be aligned full width or half width by adapting width & float below (@full width / @half width) */ .PlentyWebMyAccountBirthdayContainerContent > span { display: block; width: 9%; /* 22% @full width / 9% @half width */ float: left; vertical-align: top; } .PlentyWebMyAccountBirthdayContainerContent > span + span { margin-left: 4%; } .PlentyWebMyAccountBirthdayContainerContent > span + span + span { display: block; width: 22%; /* 48% @full width / 22% @half width */ float: left; /* right @full width / left @half width */ vertical-align: top; } /* inputs center text */ .PlentyWebMyAccountBirthdayContainerContent input[type=text] { text-align: center; } /* date of birth individual style adaption */ .PlentyFormTitle.PlentyWebMyAccountBirthdayContainerTitle { margin-top: -13px !important; } /* date of birth note */ #PlentyWebMyAccountBirthdayNotice { display: block; font-size: 0.8em; padding: 2px 0; } /* popup adaption to input borders (center using negative margin left) */ span.PlentyWebMyAccountTitle, .PlentyWebMyAccountPopupContainer span.PlentyFormTitle, .PlentyWebMyAccountPopupContainer span.PlentyFormValue input, .PlentyWebMyAccountPopupContainer div > span > select { margin-left: -1px; /* corresponds to input border 1px */ } /* popup buttons */ .PlentyWebMyAccountPopupContainer span > span.button a { /*width: 90px !important;*/ } /* left */ .PlentyWebMyAccountButtonLeft { width: 50%; float: left; margin-top: 10px !important; } .PlentyWebMyAccountButtonLeft > span { float: right; margin-right: 4px; } /* right */ .PlentyWebMyAccountButtonRight { width: 50%; float: right; margin-top: 10px !important; } .PlentyWebMyAccountButtonRight > span { float: left; margin-left: 4px; } /* SPECIAL POPUPS */ /* STATUS POPUP / POPUP WITH CLOSE ICON */ /* header title left */ div.PlentyWebMyAccountPopupTitleContainer > div.PlentyWebMyAccountTitle { float: left; display: inline-block; font-size: 14px; } /* header icon right */ div.PlentyWebMyAccountPopupTitleContainer > div.PlentyWebMyAccountTitleClose { float: right; display: inline-block; margin-right: 2px; } /* close icon */ div.PlentyWebMyAccountPopupTitleContainer > div.PlentyWebMyAccountTitleClose > a { display: inline-block; height: 19px; /*16px*/ width: 19px; /*16px*/ margin-right: -3px; position: relative; top: 1px; background: url(/images/icons/silk/close_tab.png) left center no-repeat; cursor: pointer; } /* close icon hover */ div.PlentyWebMyAccountPopupTitleContainer > div.PlentyWebMyAccountTitleClose > a:hover, div.PlentyWebMyAccountPopupTitleContainer > div.PlentyWebMyAccountTitleClose > a:focus { background-position: right center; } /* status message */ .PlentyWebMyAccountAdviceContainer.PlentyWebMyAccountPopupContainer .plentyMessageBox { margin-bottom: 0; } /* POPUP SHIPPING DETAILS */ /* prepare parent container */ .PlentyWebMyAccountDisplayOrdersContainer1 > div > div.PlentyWebMyAccountDisplayOrdersShipping { position: relative; } /* popup container */ .PlentyWebMyAccountDisplayOrdersShippingDetailsContainer { position: absolute; top: auto; margin-top: -100px; margin-left: -310px !important; width: auto; min-width: 150px; padding: 0 !important; position: absolute; } /* popup container content */ .PlentyWebMyAccountDisplayOrdersShippingDetailsContainer > div { margin: 0 10px; } /* popup headline */ .PlentyWebMyAccountDisplayOrdersShippingContainer span { display: inline-block; font-weight: bold; margin: 15px 0 10px; color: #222222; } .PlentyWebMyAccountDisplayOrdersShippingContainer span:first-child { margin-top: 0; } /* POPUP DATE BOX */ /* DATE BOX CALENDAR*/ .ui-datepicker { text-align: center; width: auto; } /* DATE BOX NAVIGATION */ .ui-datepicker-header { padding: 7px 10px 3px; } /* DATE BOX NAVIGATION */ /*prev / next*/ a.ui-datepicker-prev.ui-corner-all, a.ui-datepicker-next.ui-corner-all { position: absolute; font-size: 13px; line-height: 16px; cursor: pointer; display: block; height: auto; } /*prev / next hover*/ a.ui-datepicker-prev.ui-corner-all:hover, a.ui-datepicker-next.ui-corner-all:hover { } a.ui-datepicker-prev.ui-corner-all { left: 10px; } a.ui-datepicker-next.ui-corner-all { right: 10px; } /*date picker title*/ .ui-datepicker-title { display: inline-block; font-weight: bold; color: #202020; } /* DATE BOX CALENDAR */ table.ui-datepicker-calendar { border-collapse: collapse; margin: 15px 0 10px; } /*table header*/ .ui-datepicker-calendar th { padding: 4px 7px; border-bottom: 1px solid #EDEDED; border-right: 1px solid #EDEDED; font-size: 11px; line-height: 4px; width: 16px; } .ui-datepicker-calendar th > span { position: relative; top: -4px; } /*standard cell*/ .ui-datepicker-calendar td { cursor: pointer; padding: 4px 7px; border-bottom: 1px solid #EDEDED; border-right: 1px solid #EDEDED; font-size: 11px; font-weight: bold; } /*standard cell hover*/ .ui-datepicker-calendar td:hover { background: #ffcc33; } /*empty cell*/ td.ui-state-disabled { cursor: default; } /*empty cell hover reset*/ td.ui-state-disabled:hover { background: #ffffff; } td.ui-datepicker-week-end.ui-state-disabled:hover { background: #fafafa; } /*first row*/ .ui-datepicker-calendar tr > th:first-child, .ui-datepicker-calendar tr > td:first-child { border-left: 1px solid #EDEDED; } .ui-datepicker-calendar td > a { color: #70808C; } .ui-datepicker-calendar td:hover > a { color: #444444; } /*weekend*/ td.ui-datepicker-week-end { background: #fafafa; } td.ui-datepicker-today { background: #E8ECEF ; } /* CURRENCY & VALUE */ .PlentyCurrencyValue + .PlentyCurrencySymbol, .PlentyCurrencySymbol + .PlentyCurrencyValue { margin-left: 0.15em !important; } /* switch currency / price */ /* box */ .PlentyCurrencyContainer { display: inline-block; white-space: nowrap; vertical-align: top; } /* price */ .PlentyCurrencyValue { display: inline-block; /*float: right;*/ /*use for currency symbol before currency value*/ } /* currency */ .PlentyCurrencySymbol { display: inline-block; /*float: left;*/ /*use for currency symbol before currency value*/ /*margin-right: 5px;*/ /*use for currency symbol before currency value*/ } /* TABLE LAYOUT WITH HEADER */ /* table */ .PlentyWebMyAccountDisplayCouponsData > div, .PlentyWebMyAccountMyProjectsContent > div, .PlentyWebMyAccountCustomerEventsData > div { width: 100%; } /* table cells standard */ .PlentyWebMyAccountDisplayCouponsData > div > div > div, .PlentyWebMyAccountMyProjectsContent > div > div > div, .PlentyWebMyAccountCustomerEventsData > div > div > div { padding: 5px 10px 5px 0; border-bottom: 1px solid #EEEEEE; } /* table cells last */ .PlentyWebMyAccountDisplayCouponsData > div > div > div:last-child, .PlentyWebMyAccountMyProjectsContent > div > div > div:last-child, .PlentyWebMyAccountCustomerEventsData > div > div > div:last-child { padding-right: 0; } /* table first row cells */ .PlentyWebMyAccountDisplayCouponsData > div > div:first-child > div, .PlentyWebMyAccountMyProjectsContent > div > div:first-child > div, .PlentyWebMyAccountCustomerEventsData > div > div:first-child > div { border-bottom: 1px solid #000000; font-weight: bold; } /* table last row cells */ .PlentyWebMyAccountDisplayCouponsData > div > div:last-child > div, .PlentyWebMyAccountMyProjectsContent > div > div:last-child > div, .PlentyWebMyAccountCustomerEventsData > div > div:last-child > div { border-bottom: none; } /* TABLE LAYOUT NO HEADER */ /* table */ .PlentyWebMyAccountDisplayDocumentsData > div, .PlentyWebMyAccountTicketsContentAttachContent > div, .PlentyWebMyAccountAddOnModulesSelectContainer > div { width: 100%; } /* table cells standard */ .PlentyWebMyAccountDisplayDocumentsData > div > div > div, .PlentyWebMyAccountTicketsContentAttachContent > div > div > div, .PlentyWebMyAccountAddOnModulesSelectContainer > div > div > div { padding: 5px 10px 5px 0; border-bottom: 1px solid #EEEEEE; } /* table cells last */ .PlentyWebMyAccountDisplayDocumentsData > div > div > div:last-child, .PlentyWebMyAccountTicketsContentAttachContent > div > div > div:last-child, .PlentyWebMyAccountAddOnModulesSelectContainer > div > div > div:last-child { padding-right: 0; } /* table first row cells */ .PlentyWebMyAccountDisplayDocumentsData > div > div:first-child > div, .PlentyWebMyAccountTicketsContentAttachContent > div > div:first-child > div, .PlentyWebMyAccountAddOnModulesSelectContainer > div > div:first-child > div { } /* table last row cells */ .PlentyWebMyAccountDisplayDocumentsData > div > div:last-child > div, .PlentyWebMyAccountTicketsContentAttachContent > div > div:last-child > div, .PlentyWebMyAccountAddOnModulesSelectContainer > div > div:last-child > div { border-bottom: none; } /* NOTE */ /* note */ #PlentyWebMyAccountMyAccountTitleContainerContent .red { display: block; padding: 6px 0; margin-bottom: 10px; border-bottom: 1px solid #C2C2C2; border-top: 1px solid #C2C2C2; } /* OTHER */ .PlentyMandatoryField { font-weight: bold !important; color: #000000; } /* popup advice message box */ .PlentyWebMyAccountPopupContainer .PlentyMyAccountMainContainer .plentyMessageBox, .PlentyWebMyAccountPopupContainer .PlentyMyAccountMainContainer .plentyErrorBox { display: block; line-height: 15px; width: auto; } /* TICKETS CSS */ /* openable item container */ .PlentyWebMyAccountTicketsTicketContent { padding: 0 16px; } /* tickets openable item individual style */ /* item container last child */ .PlentyWebMyAccountTicketsLeafContainer:last-child { margin-bottom: 16px; } /* openable item header open close button */ .PlentyWebMyAccountContainerHeaderTitle >.PlentyWebMyAccountTicketsTitleOpen { line-height: 15px; } .PlentyWebMyAccountContainerHeaderTitle >.PlentyWebMyAccountTicketsTitleOpen > button { margin-top: 1px } .PlentyWebMyAccountTicketsTitleContainer { display: inline-block; vertical-align: bottom; } .PlentyWebMyAccountTicketsTitleContainer2 { font-size: 11px; color: #999; } .PlentyWebMyAccountTicketsTitleProgress:before { content: " | "; } .PlentyWebMyAccountTicketsTitleStatus { font-weight: bold; } .PlentyWebMyAccountTicketsTitleProgress { } .PlentyWebMyAccountTicketsTitleStatusValue, .PlentyWebMyAccountTicketsTitleProgressValue { font-weight: normal; } /* attachments */ .PlentyWebMyAccountTicketsContentAttachContent > .PlentyMyAccountTableLayout > div > div:last-child { width: 50px; } /* comment */ .PlentyWebMyAccountTicketsLeafContent > form > div.PlentyWebMyAccountTicketsLeafCommentInput > textarea.ticket_comment { height: 250px !important; } /* submit button */ .PlentyWebMyAccountTicketsLeafFilesInput > input { margin-top: 10px; } /* TAB NEW TICKET */ /* container main */ .PlentyWebMyAccountTicketsNewTicketText { /*border-bottom: 1px solid #C2C2C2; border-top: 1px solid #C2C2C2;*/ } /* input container (all ticket tabs) */ .PlentyWebMyAccountTicketsLeafCommentInput, .PlentyWebMyAccountTicketsNewTicketTitleInput, .PlentyWebMyAccountTicketsNewTicketDescription0Input, .PlentyWebMyAccountTicketsNewTicketDescription1Input { margin: 0 4px; } /* input width (all ticket tabs) */ .PlentyWebMyAccountTicketsLeafCommentInput > textarea, .PlentyWebMyAccountTicketsNewTicketTitleInput > input, .PlentyWebMyAccountTicketsNewTicketDescription0Input > textarea, .PlentyWebMyAccountTicketsNewTicketDescription1Input > textarea { width: 100%; margin-left: -4px; } /* input height */ .PlentyWebMyAccountTicketsNewTicketDescription0Input > textarea { height: 60px; } .PlentyWebMyAccountTicketsNewTicketDescription1Input > textarea { height: 203px; } /* input labels (all ticket tabs) */ .PlentyWebMyAccountTicketsLeafFilesTitle, .PlentyWebMyAccountTicketsNewTicket1 > div > span:first-child, .PlentyWebMyAccountTicketsNewTicket2 > div > span:first-child, .PlentyWebMyAccountTicketsNewTicketFilesTitle, .PlentyWebMyAccountTicketsNewTicketAGB { display: inline-block; margin-top: 10px; } /* input labels first row */ .PlentyWebMyAccountTicketsNewTicket1 > div:first-child > span:first-child, .PlentyWebMyAccountTicketsNewTicket2 > div:first-child > span:first-child { margin-top: 0; } /* file inputs */ .PlentyWebMyAccountTicketsNewTicketFilesInput { border: none; } /* button */ .PlentyWebMyAccountTicketsNewTicketSubmit { margin-top: 10px; /*margin-bottom: 10px;*/ } /* LOGIN */ /* login container */ #PlentyWebMyAccountLogin { width: 322px; margin: 10px auto 0 auto; } /* login container content */ /* row */ #PlentyWebMyAccountLogin .PlentyFormContainer { display: block; clear: both; margin-top: 2px; } .PlentyMyAccountContainerTitle { display: block; color: #4582A5; font-size: 14px; margin-bottom: 10px; padding-bottom: 5px; } /* text before */ #PlentyWebMyAccountLoginNote1 { padding: 5px 0 10px; } /* input container */ .PlentyFormTitle { display: inline-block; color: #626262; font-weight: normal; } .PlentyFormTitle > label { padding-top: 11px; /*7px*/ display: block; } /* labels */ #PlentyWebMyAccountLoginEmailTitle, #PlentyWebMyAccountLoginPasswordTitle { display: inline-block; float: left; width: 100px; } #PlentyWebMyAccountLoginEmailContent > input, #PlentyWebMyAccountLoginPasswordContent > input { display: inline-block; width: 190px; border: 1px solid #CCCCCC; margin: 0; outline: medium none; margin-top: 2px; padding: 3px; } /* inputs */ div.PlentyWebMyAccountLoginData input[type=text], div.PlentyWebMyAccountLoginData input[type=password] { border: 1px solid #CCCCCC; padding: 2px 3px; font-size: 12px; height: 28px; /*13px*/ margin-top: 2px; margin-bottom: 0; } /* inputs hover,focus */ div.PlentyWebMyAccountLoginData input[type=text]:hover, div.PlentyWebMyAccountLoginData input[type=password]:hover, div.PlentyWebMyAccountLoginData input[type=text]:focus, div.PlentyWebMyAccountLoginData input[type=password]:focus { border-color: #666666 !important; /*1474d4*/ } /* link forgotten password */ #PlentyWebMyAccountLoginForgotPassword, #PlentyWebMyAccountLoginCustomerRegistration { padding-top: 8px; } /* text after */ #PlentyWebMyAccountLoginNote2 { padding-top: 10px; padding-bottom: 5px; } /* LINKS */ /*standard*/ #PlentyWebMyAccountLogin a:link, #PlentyWebMyAccountLogin a:visited { color: #282828 !important; text-decoration: none; } #PlentyWebMyAccountLogin a:hover, #PlentyWebMyAccountLogin a:focus, #PlentyWebMyAccountLogin a:active { color: #686868 !important; text-decoration: none; } /* NEW STYLE */ #PlentyWebMyAccountMyAccountNote1 { padding: 5px 0 10px; } #PlentyWebMyAccountMyAccountTitleContainer { } /* headline */ #PlentyWebMyAccountMyAccountTitleContainerTitle { font-size: 26px; border-bottom: 1px solid #999999; } /*logout button*/ #PlentyWebMyAccountMyAccountLogoutContainer { display: block; float: right; position: relative; top: -40px; } /* text before/after */ .PlentyWebMyAccountText1Container p { padding-bottom: 10px; } .PlentyWebMyAccountText2Container p { padding-top: 10px; } /* hide optional freetext fields */ /* in customer data */ #WebMyAccountCustomerDataContainerFreetext1, #WebMyAccountCustomerDataContainerFreetext2, #WebMyAccountCustomerDataContainerFreetext3, /* in popup */ #PlentyWebMyAccountUpdateCustomerContactFreetext1Container, #PlentyWebMyAccountUpdateCustomerContactFreetext2Container, #PlentyWebMyAccountUpdateCustomerContactFreetext3Container { display: none; } /* ORDER CONTAINERS */ /*order container content row*/ .PlentyWebMyAccountDisplayOrdersContainer > div.PlentyWebMyAccountDisplayOrdersOrderId + div.PlentyFormBox { padding: 0; vertical-align: top; color: #626262; font-size: 13px; line-height: 20px; } /*container left cell*/ .PlentyWebMyAccountDisplayOrdersContainer1 { width: 35%; } /*container right cell*/ .PlentyWebMyAccountDisplayOrdersContainer2 { width: 65%; } /*content left*/ .PlentyWebMyAccountDisplayOrdersContainer1 > div { min-width: 200px; padding: 10px 0 10px 10px; } /*content left table*/ .PlentyWebMyAccountDisplayOrdersContainer1 > div > .PlentyMyAccountTableLayout > div > div { padding-right: 10px; } /*content left table first column*/ .PlentyWebMyAccountDisplayOrdersContainer1 > div > .PlentyMyAccountTableLayout > div > div:first-child { width: 120px; } /*content left open details link*/ .PlentyWebMyAccountDisplayOrdersContainer1 > div > div:last-child { margin-top: 15px; } /*name (popup adress)*/ .PlentyWebMyAccountDisplayOrdersContainer1 > div > div.PlentyWebMyAccountDisplayOrdersShipping > span.PlentyWebMyAccountDisplayOrdersShippingData { } /*order data container right*/ .PlentyWebMyAccountDisplayOrdersContainer2 > div { display: inline-block; padding: 8px 10px 8px 0; } /*text/image containers rows standard*/ .PlentyWebMyAccountDisplayOrdersContainer2 > div > div > div.PlentyWebMyAccountDisplayOrdersItemsDataContainer { margin-bottom: 10px; vertical-align: top; } /*text/image containers last row*/ .PlentyWebMyAccountDisplayOrdersContainer2 > div > div > div.PlentyWebMyAccountDisplayOrdersItemsDataContainer:last-child { margin-bottom: 0; } /*text/image containers*/ .PlentyWebMyAccountDisplayOrdersContainer2 > div > div > div.PlentyWebMyAccountDisplayOrdersItemsDataContainer > span { font-weight: bold; vertical-align: top; display: table-cell; padding-left: 10px; } /*text/image containers first child (image container)*/ .PlentyWebMyAccountDisplayOrdersContainer2 > div > div > div.PlentyWebMyAccountDisplayOrdersItemsDataContainer > span:first-child { padding-left: 0; width: 50px; } /*image container first row*/ .PlentyWebMyAccountDisplayOrdersContainer2 > div > div > div.PlentyWebMyAccountDisplayOrdersItemsDataContainer:first-child > span:first-child { margin-top: 0; } /*img*/ .PlentyWebMyAccountDisplayOrdersContainer2 img { max-width: 50px; max-height: 50px; } /*number*/ .PlentyWebMyAccountDisplayOrdersContainer2 .PlentyWebMyAccountDisplayOrdersItemsQuantity { white-space: nowrap; } /* ORDER CONTAINER CHILDREN CONTAINERS (RETOURE, ...) */ /*container*/ .PlentyWebMyAccountDisplayOrdersChildContainer { margin-top: 0; border-top: medium none; } /*header*/ .PlentyWebMyAccountDisplayOrdersChildContainer > div.PlentyWebMyAccountDisplayOrdersOrderId { background: #fcfcfc; border-left: 1px solid #eeeeee; border-right: 1px solid #eeeeee; } /* SINGLE ORDER DETAILS */ /*header container see above*/ /*additional styling*/ .PlentyFormContainer.PlentyWebMyAccountOrderOverviewOverviewContainer { } /*header columns*/ .PlentyWebMyAccountOrderOverviewOverviewContainer > div { display: inline-block; vertical-align: top; font-weight: bold; line-height: 20px; } /*header column left*/ .PlentyWebMyAccountOrderOverviewOverviewContainer > div:first-child { width: 50%; padding-top: 8px; } /*header column right*/ .PlentyWebMyAccountOrderOverviewOverviewContainer > div:last-child { margin-left: 0; padding-top: 8px; } /*header data*/ .PlentyWebMyAccountOrderOverviewOverviewContainer > div > div > span:first-child { display: inline-block; width: 150px; } /* ITEM CONTAINERS (SHIPPING DETAILS & ARTICLE LIST) */ /*item container*/ .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer > .PlentyFormContainer, .PlentyWebMyAccountOrderOverviewItemsBox > .PlentyWebMyAccountOrderOverviewItemsMain > div.PlentyFormContainer.ItemsRow { margin-top: 0; margin-bottom: 16px; } /*item header*/ .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer > .PlentyFormContainer > span, .PlentyWebMyAccountOrderOverviewItemsBox > .PlentyWebMyAccountOrderOverviewItemsMain > div.PlentyFormContainer.ItemsRow > .ItemsHeaderRow { } /*item content*/ .PlentyWebMyAccountOrderOverviewElementsContainer > .PlentyFormContainer > .PlentyFormContainer > .PlentyFormContainer > span + div, .PlentyWebMyAccountOrderOverviewItemsBox > .PlentyWebMyAccountOrderOverviewItemsMain > div.PlentyFormContainer.ItemsRow > .ItemsContentRow { } /*special styling: trusted shops*/ .PlentyWebMyAccountOrderOverviewTrustedShopsDataContainer div.MyAccountPayment_TrustedShopsContent { display: table; width: 100%; margin: 10px 0; } .PlentyWebMyAccountOrderOverviewTrustedShopsDataContainer div.MyAccountPayment_TrustedShopsContent > div { display: table-cell; vertical-align: top; } .PlentyWebMyAccountOrderOverviewTrustedShopsDataContainer div.MyAccountPayment_TrustedShopsDescription { padding-left: 10px; font-size: 13px; } .MyAccountPayment_TrustedShopsLogo input[type=image] { border: none; height: auto; } /*special styling: payment method*/ .PlentyWebMyAccountOrderOverviewPaymentMethodContainer div.PlentyWebMyAccountOrderOverviewPaymentMethodDataContainer { } /* SINGLE ORDER DETAILS ARTICLE LIST (FULL WIDTH) */ /* HEADER */ span.PlentyWebMyAccountOrderOverviewItemsTitle { margin-bottom: 16px; } /*header data left & right*/ span.PlentyWebMyAccountOrderOverviewItemsTitle > span { } span.PlentyWebMyAccountOrderOverviewItemsTitle .PlentyWebMyAccountOrderOverviewItemsTitleContainer { float: left; } span.PlentyWebMyAccountOrderOverviewItemsTitle .PlentyWebMyAccountOrderOverviewItemsTotalContainer { float: right; } /*header button*/ span.PlentyWebMyAccountOrderOverviewItemsTitle > span.PlentyWebMyAccountOrderOverviewItemsChangeContainer { float: left !important; margin-left: 5px !important; } /* ARTICLE LIST */ /*main container*/ .PlentyWebMyAccountOrderOverviewItemsBox .PlentyWebMyAccountOrderOverviewItemsMain .PlentyFormContainer.ItemsRow { } /*article item content*/ .PlentyFormContainer.ItemsContentRow { padding: 0 !important; } /*article list data*/ .PlentyFormContainer.ItemsContentRow > .PlentyFormBox.PlentyMyAccountTableLayout > .PlentyFormContainer > div { vertical-align: top; padding: 10px; font-size: 13px; line-height: 20px; /*color: #626262;*/ } /*last container (price)*/ .PlentyFormContainer.ItemsContentRow > .PlentyFormBox.PlentyMyAccountTableLayout > .PlentyFormContainer > div:last-child { padding-left: 0; min-width: 80px; text-align: right; font-weight: bold; white-space: nowrap; } /*last container (quantity return)*/ .ItemsQuantityReturnDetail { display: block } /*article discription container*/ .PlentyFormContainer.ItemsContentRow > .PlentyFormBox.PlentyMyAccountTableLayout > .PlentyFormContainer > .PlentyFormContainer.ItemsDescription { padding-top: 0; padding-right: 0; vertical-align: top; } /*article discription boxes*/ .PlentyFormContainer.ItemsContentRow > .PlentyFormBox.PlentyMyAccountTableLayout > .PlentyFormContainer > .PlentyFormContainer.ItemsDescription > .PlentyFormContainer.ItemsDescriptionDetails > div { display: inline-block; vertical-align: top; margin-top: 10px; margin-right: 20px; border-bottom: 1px solid #EEEEEE; min-height: 43px; } /* no border bottom after textarea fullwidth */ .ItemWishListCommentComment, .ItemsDescriptionRating { border-bottom: none !important; } /* article discription line span */ .PlentyFormContainer.ItemsContentRow > .PlentyFormBox.PlentyMyAccountTableLayout > .PlentyFormContainer > .PlentyFormContainer.ItemsDescription > .PlentyFormContainer.ItemsDescriptionDetails > div > span { display: block; font-weight: normal; vertical-align: top; } /* bold */ /* article details */ .PlentyFormContainer.ItemsContentRow > .PlentyFormBox.PlentyMyAccountTableLayout > .PlentyFormContainer > .PlentyFormContainer.ItemsDescription > .PlentyFormContainer.ItemsDescriptionDetails > div > span:first-child { font-weight: bold; } /* img */ .PlentyFormContainer.ItemsImage { width: 110px; text-align: center; } /* price */ .ItemsContentRow .PlentyFormContainer.ItemsPrice { font-weight: bold; } /* input quantity */ .PlentyFormContainer.ItemsContentRow input[type=text] { text-align: right; width: 50px; } /* value & comment */ span.ItemsDescriptionRatingDetailCommentTitle, span.ItemsDescriptionRatingDetailCommentValue > input[type=button] { margin-top: 4px; } /* blocks (wrap line) */ .PlentyFormContainer.ItemsDescriptionRating, .PlentyFormContainer.ItemsDescriptionRatingDetailCommentTitle, .ItemWishListCommentComment { display: block !important; } .ItemsDescriptionRatingDetail { width: 100% !important; } /* blocks */ .ItemWishListCommentComment > span { display: block; } span.ItemsDescriptionRatingDetailCommentValue > textarea, .ItemWishListCommentComment textarea { width: 100%; } /* last cell */ .PlentyWebMyAccountOrderOverviewItemsBox > .PlentyWebMyAccountOrderOverviewItemsMain > .PlentyFormContainer.ItemsRow > .PlentyFormContainer.ItemsContentRow > div.ItemsPrice { text-align: right; } /* SUM BOX */ .PlentyWebMyAccountOrderOverviewOrderSumBox { margin-bottom: 0; /*padding: 10px; border: 1px solid #EEEEEE;*/ } /* cells */ .PlentyWebMyAccountOrderOverviewOrderSumBox > div > div > div { text-align: right; padding: 5px 0; border-bottom: 1px solid #eeeeee; } /* cells left column */ .PlentyWebMyAccountOrderOverviewOrderSumBox > div > div > div:first-child { width: 95%; } /* cells right column */ .PlentyWebMyAccountOrderOverviewOrderSumBox > div > div > div:last-child { white-space: nowrap; } /* right column span */ .PlentyWebMyAccountOrderOverviewOrderSumBox > div > div > div:last-child > span { padding-left: 10px; } /* price container */ .PlentyWebMyAccountOrderOverviewOrderSumBox .PlentyCurrencyContainer { width: 110px; } /* bold */ .PlentyWebMyAccountOrderOverviewGoodsValueGross .PlentyGoodsValueGrossTitle, .PlentyWebMyAccountOrderOverviewGoodsValueGross .PlentyGoodsValueGrossDetail, .PlentyWebMyAccountOrderOverviewShippingCostsGross .PlentyShippingCostsGrossTitle, .PlentyWebMyAccountOrderOverviewShippingCostsGross .PlentyShippingCostsGrossDetail, .PlentyWebMyAccountOrderOverviewVAT .PlentyVATTitle, .PlentyWebMyAccountOrderOverviewVAT .PlentyVATDetail, .PlentyWebMyAccountOrderTotalAmount .PlentyTotalAmountTitle, .PlentyWebMyAccountOrderTotalAmount .PlentyTotalAmountDetail, .PlentyWebMyAccountOrderOverviewOrderSumBox > div > div:nth-child(1) > div > span, .PlentyWebMyAccountOrderOverviewOrderSumBox > div > div:nth-child(3) > div > span, .PlentyWebMyAccountOrderOverviewOrderSumBox > div > div:nth-child(6) > div > span, .PlentyWebMyAccountOrderOverviewOrderSumBox > div > div:nth-child(7) > div > span, .PlentyWebMyAccountOrderOverviewOrderSumBox > div > div:nth-child(8) > div > span { font-weight: bold; } /* VAT notice */ .PlentyWebMyAccountVatNotice, .ItemsPrice > .ItemsPriceVat, .ItemsPrice > .ItemsPriceShipping, .ItemsPrice > .ItemsPriceWeight { font-weight: normal !important; font-size: 0.7em !important; } /* no underline */ .PlentyWebMyAccountOrderOverviewGoodsValueGross > div, .PlentyWebMyAccountOrderOverviewShippingCostsGross > div, .PlentyWebMyAccountOrderOverviewOrderSumBox > div > div:nth-child(1) > div, .PlentyWebMyAccountOrderOverviewOrderSumBox > div > div:nth-child(3) > div { border-bottom: none !important; } /* last underline */ .PlentyWebMyAccountOrderOverviewOrderSumBox > div > div:last-child > div { border-bottom: 1px solid #000000; } /* POPUP SINGLE ORDER VIEW (SHIPPING, PAYMENT & SHIPPING ADRESS) */ /* table */ .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingMethodPopupContainer > div > div > form > div > .PlentyFormBox, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountPaymentMethodPopupContainer > div > div > form > div > .PlentyFormBox, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingDetailsPopupContainer > div > div > form > div > .PlentyFormBox, div.PlentyMyAccountTableLayout { display: table; width: 100%; } /*table row*/ .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingMethodPopupContainer > div > div > form > div > .PlentyFormBox > div, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountPaymentMethodPopupContainer > div > div > form > div > .PlentyFormBox > div, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingDetailsPopupContainer > div > div > form > div > .PlentyFormBox > div, div.PlentyMyAccountTableLayout > div { display: table-row; } /*table-cell*/ .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingMethodPopupContainer > div > div > form > div > .PlentyFormBox > div > div, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountPaymentMethodPopupContainer > div > div > form > div > .PlentyFormBox > div > div, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingDetailsPopupContainer > div > div > form > div > .PlentyFormBox > div > div, div.PlentyMyAccountTableLayout > div > div { display: table-cell; vertical-align: top; } /* POPUP TABLE LAYOUT (LIST) */ /*cell rows*/ .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingMethodPopupContainer > div > div > form > div > .PlentyFormBox > div > div, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountPaymentMethodPopupContainer > div > div > form > div > .PlentyFormBox > div > div, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingDetailsPopupContainer > div > div > form > div > .PlentyFormBox > div > div, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountPaymentMethodPopupContainer div.PlentyMyAccountTableLayout > div > div, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingDetailsPopupContainer div.PlentyMyAccountTableLayout > div > div, .PlentyWebMyAccountListContainer .PlentyMyAccountTableLayout > div > div { padding: 8px 0 6px; border-bottom: 1px solid #cccccc; } /*last cell*/ .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingMethodPopupContainer > div > div > form > div > .PlentyFormBox > div > div:last-child, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountPaymentMethodPopupContainer > div > div > form > div > .PlentyFormBox > div > div:last-child, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingDetailsPopupContainer > div > div > form > div > .PlentyFormBox > div > div:last-child, .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountPaymentMethodPopupContainer div.PlentyMyAccountTableLayout > div > div:last-child, .PlentyWebMyAccountListContainer .PlentyMyAccountTableLayout > div > div:last-child { text-align: right; } /*radio buttons*/ .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingMethodPopupContainer label > input[type=radio], .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountPaymentMethodPopupContainer label > input[type=radio], .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountShippingDetailsPopupContainer label > input[type=radio], .PlentyWebMyAccountListContainer label > input[type=radio] { margin-right: 5px; } /*images*/ .PlentyWebMyAccountListContainer .PlentyMyAccountTableLayout > div > div > label > img { height: 30px; margin: -4px 0; } /*shipping details list*/ .PlentyWebMyAccountShippingDetailsListRadio { margin-right: 10px; } /*large popups (payment)*/ /*popup width*/ .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountPaymentMethodPopupContainer { width: 600px; margin-left: -316px !important; /* 1/2 width + border-width + 15px */ } /*images*/ .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountPaymentMethodPopupContainer img { height: 30px; margin: -4px 0; } /* POPUP CHANGE ARTICLE */ /*container*/ .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountItemsPopupContainer { width: 822px; margin-left: -426px !important; /* 1/2 width + border-width + 15px */ } /*item container*/ .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountItemsPopupContainer .PlentyFormContainer.ItemsRow { /*border: 1px solid #CCCCCC;*/ } .PlentyWebMyAccountPopupContainer.PlentyWebMyAccountItemsPopupContainer .PlentyFormContainer.ItemsRow > .PlentyFormContainer.ItemsContentRow { /*border-top: 1px solid #CCCCCC;*/ } /* change attributes */ /* header */ .PlentyWebMyAccountItemUpdateAttributesTitle, .PlentyWebMyAccountItemUpdatePriceSelectTitle, .PlentyWebMyAccountItemUpdateOrderParamsTitle { display: block; background: #F3F3F3; border-bottom: 1px solid #888888; padding: 5px 8px; font-weight: bold; } /* container */ .PlentyWebMyAccountItemUpdateAttributesMain, .PlentyWebMyAccountItemUpdatePriceSelectMain, .PlentyWebMyAccountItemUpdateOrderParamsMain { } /* table */ .PlentyWebMyAccountItemUpdateAttributesMain > .PlentyMyAccountTableLayout, .PlentyWebMyAccountItemUpdatePriceSelectMain > .PlentyMyAccountTableLayout, .PlentyWebMyAccountItemUpdateOrderParamsMain > .PlentyMyAccountTableLayout { margin: 0 0 7px; } /* cells */ .PlentyWebMyAccountItemUpdateAttributesMain > .PlentyMyAccountTableLayout > div > div, .PlentyWebMyAccountItemUpdatePriceSelectMain > .PlentyMyAccountTableLayout > div > div, .PlentyWebMyAccountItemUpdateOrderParamsMain > .PlentyMyAccountTableLayout > div > div { line-height: 22px; vertical-align: middle; } /* first column */ .PlentyWebMyAccountItemUpdateAttributesMain > .PlentyMyAccountTableLayout > div > div:first-child, .PlentyWebMyAccountItemUpdatePriceSelectMain > .PlentyMyAccountTableLayout > div > div:first-child, .PlentyWebMyAccountItemUpdateOrderParamsMain > .PlentyMyAccountTableLayout > div > div:first-child { width: 100px; padding-right: 5px; } /* text */ .PlentyWebMyAccountItemUpdateAttributesMain > .PlentyMyAccountTableLayout > div > div, .PlentyWebMyAccountItemUpdatePriceSelectMain > .PlentyMyAccountTableLayout > div > div, .PlentyWebMyAccountItemUpdateOrderParamsMain > .PlentyMyAccountTableLayout > div > div { font-weight: bold; vertical-align: text-top; padding: 2px 1px; border-bottom: 1px solid #eeeeee; } /* OTHER */ .PlentyWebMyAccountOrderOverviewNote1 + .PlentyWebMyAccountPopupContainer + .PlentyWebMyAccountPopupContainer + .PlentyWebMyAccountOrderOverviewItemsContainer { margin-bottom: 16px; } /* hide customer comment */ .PlentyWebMyAccountOrderOverviewCustomerCommentContainer { /*display: none;*/ } /* customer comment textarea */ .PlentyWebMyAccountOrderOverviewCustomerCommentText { height: 120px; } /*left column*/ #PlentyWebMyAccountItemWishListContainerContent > div > .PlentyFormContainer > div.PlentyMyAccountTableLayout > div > div:first-child { width: 120px; padding-top: 5px; vertical-align: middle; } /*checkbox*/ .PlentyMyAccountTableLayout input[type=checkbox] { margin-top: 4px; } /*select*/ select#PlentyWebMyAccountItemWishListShowOwnerSelect { width: 200px; } select#PlentyWebMyAccountItemWishListShippingSelect { width: 400px; } /*input text*/ #PlentyWebMyAccountItemWishListSettingsContainer input[type=text] { width: 392px; } /* container main */ .PlentyWebMyAccountDisplayCouponsData { } /* table cells standard */ .PlentyWebMyAccountDisplayCouponsData > div > div > div { width: 33%; } /* openable item container first / item container first */ .PlentyWebMyAccountEmailNewAccountContainer, #PlentyWebMyAccountEmailAccountContainerContent .PlentyWebMyAccountItemContainer:first-child { margin-top: 0; } /* all container (includes FTP user & autoreply) */ .PlentyWebMyAccountEmailNewAccountContainerTitle + form, .PlentyWebMyAccountEmailAccountPwdContent > form, .PlentyWebMyAccountEmailNewAddressContainer > form, .PlentyWebMyAccountEmailAddressContainer > form, .PlentyWebMyAccountEmailAddressContainer > .PlentyWebMyAccountItemContainerContent > form .PlentyMyAccountFtpUserContainer > div, .PlentyMyAccountFtpUserContainerContent > div, #PlentyWebMyAccountEmailAutoreplyDataContainer, .PlentyWebMyAccountEmailAutoreplyDataContainer { /*display: table; width: 100%;*/ line-height: 16px; } /* input rows (includes FTP user & autoreply) */ .PlentyWebMyAccountEmailNewAccountContainerTitle + form > div, .PlentyWebMyAccountEmailAccountPwdContent > form > div, .PlentyWebMyAccountEmailNewAddressContainer > form > div, .PlentyWebMyAccountEmailAddressContainer > form > div, .PlentyWebMyAccountEmailAddressContainer > .PlentyWebMyAccountItemContainerContent > form > div, .PlentyMyAccountFtpUserContainer > div > div, .PlentyMyAccountFtpUserContainerContent > div > div, #PlentyWebMyAccountEmailAutoreplyDataContainer > div, .PlentyWebMyAccountEmailAutoreplyDataContainer > div { display: table-row; } /* input labels (includes FTP user & autoreply) */ .PlentyWebMyAccountEmailNewAccountContainerTitle + form > div > span, .PlentyWebMyAccountEmailAccountPwdContent > form > div > span, .PlentyWebMyAccountEmailNewAddressContainer > form > div > span, .PlentyWebMyAccountEmailAddressContainer > form > div > span, .PlentyWebMyAccountEmailAddressContainer > .PlentyWebMyAccountItemContainerContent > form > div > span, .PlentyMyAccountFtpUserContainer > div > div > span, .PlentyMyAccountFtpUserContainerContent > div > div > span, #PlentyWebMyAccountEmailAutoreplyDataContainer > div > span, .PlentyWebMyAccountEmailAutoreplyDataContainer > div > span { display: table-cell; vertical-align: middle; padding-top: 2px; width: 150px; line-height: 22px; } /* label to align top */ .PlentyWebMyAccountFtpUserUpdateHostTitle { vertical-align: top !important; } /* input container (includes FTP user & autoreply) */ .PlentyWebMyAccountEmailNewAccountContainerTitle + form > div > div, .PlentyWebMyAccountEmailAccountPwdContent > form > div > div, .PlentyWebMyAccountEmailNewAddressContainer > form > div > div, .PlentyWebMyAccountEmailAddressContainer > form > div > div, .PlentyWebMyAccountEmailAddressContainer > .PlentyWebMyAccountItemContainerContent > form > div > div, .PlentyMyAccountFtpUserContainer > div > div > div, .PlentyMyAccountFtpUserContainerContent > div > div > div, #PlentyWebMyAccountEmailAutoreplyDataContainer > div > span + span, .PlentyWebMyAccountEmailAutoreplyDataContainer > div > span + span { display: table-cell; vertical-align: middle; padding-top: 2px; line-height: 22px; } /* input (includes FTP user & autoreply) */ .PlentyWebMyAccountEmailNewAccountContainer input, .PlentyWebMyAccountEmailAccountPwdContent input, .PlentyWebMyAccountEmailNewAddressContainer input, .PlentyWebMyAccountEmailAddressContainer input, .PlentyMyAccountFtpUserContainer input, .PlentyMyAccountFtpUserContainerContent input, #PlentyWebMyAccountEmailAutoreplyDataContainer input, .PlentyWebMyAccountEmailAutoreplyDataContainer input { width: 194px; /*margin-top: 4px !important;*/ } /* select (includes FTP user & autoreply) */ .PlentyWebMyAccountEmailNewAddressContainer select, #PlentyWebMyAccountEmailAutoreplyDataContainer select, .PlentyWebMyAccountEmailAutoreplyDataContainer select { margin-top: 4px; width: 202px; } /* account name */ .PlentyWebMyAccountEmailNewAccountName > span { /*vertical-align: bottom;*/ } /* label with more than one line (includes FTP accounts) */ .PlentyWebMyAccountEmailNewAccountNameTitle, .PlentyWebMyAccountFtpUserUpdatePasswordTitle2 { line-height: 16px !important; } .PlentyWebMyAccountAdditionalInfo { font-size: 10px; line-height: 10px; } /* username */ .PlentyWebMyAccountEmailNewAccountUsernameValuePre { display: inline-block; /*width: 25px;*/ } /* input */ .PlentyWebMyAccountEmailNewAccountUsernameValuePre + input { /*width: 165px;*/ } /* button (includes FTP user & autoreply) */ .PlentyWebMyAccountEmailAccountPwdButton > span, .PlentyWebMyAccountEmailAddressSaveAddressValue > span, .PlentyMyAccountFtpUserContainer > .PlentyFormContainer + div > span, .PlentyMyAccountFtpUserContainerContent > .PlentyFormContainer + div > span, #PlentyWebMyAccountEmailAutoreplySubmit > span, .PlentyWebMyAccountEmailAutoreplySubmit > span { display: inline-block !important; margin-top: 10px; } /* item container first */ .PlentyWebMyAccountEmailAutoreplyNewContainer { margin-top: 0; } /* label message */ #PlentyWebMyAccountEmailAutoreplyMessageLabel, .PlentyWebMyAccountEmailAutoreplyDataContainer > .PlentyFormContainer.PlentyWebMyAccountEmailAutoreplyData:last-child > .PlentyFormTitle.PlentyMandatoryField { vertical-align: top !important; } #PlentyWebMyAccountEmailAutoreplyMessageLabel > label, .PlentyWebMyAccountEmailAutoreplyDataContainer > .PlentyFormContainer.PlentyWebMyAccountEmailAutoreplyData:last-child > .PlentyFormTitle.PlentyMandatoryField > label { display: inline-block; margin-top: 5px; } /* input sizes */ #PlentyWebMyAccountEmailAutoreplyDataContainer input, #PlentyWebMyAccountEmailAutoreplyDataContainer textarea { width: 394px; } #PlentyWebMyAccountEmailAutoreplyDataContainer select { width: 402px; } /* table first column */ #PlentyWebMyAccountEmailAutoreplyDataContainer > div > span:first-child, .PlentyWebMyAccountEmailAutoreplyDataContainer > div > span:first-child { width: 90px; } /* textarea */ .PlentyWebMyAccountEmailAutoreplyDataContainer textarea { height: 150px; } /* 1st column */ .PlentyWebMyAccountCustomerEventsRow > div:first-child { white-space: nowrap; } /* 3rd column */ #PlentyWebMyAccountCustomerEventsTitle > div:nth-child(3), .PlentyWebMyAccountCustomerEventsRow > div:nth-child(3) { white-space: nowrap; text-align: right; } /* container main */ .PlentyWebMyAccountDisplayDocumentsData { } /* table */ .PlentyWebMyAccountDisplayDocumentsData > div { width: 100%; } /* table cells standard */ .PlentyWebMyAccountDisplayDocumentsData > div > div > div { padding: 5px 0; border-bottom: 1px solid #EEEEEE; width: 33%; } /* table first row cells */ .PlentyWebMyAccountDisplayDocumentsData > div > div:first-child > div { } /* table last row cells */ .PlentyWebMyAccountDisplayDocumentsData > div > div:last-child > div { border-bottom: none; } /* container main */ .PlentyWebMyAccountDisplayDynamicExportData { } /* table */ .PlentyWebMyAccountDisplayDynamicExportData > div { width: 100%; } /* table cells standard */ .PlentyWebMyAccountDisplayDynamicExportData > div > div > div { padding: 5px 0; border-bottom: 1px solid #EEEEEE; width: 33%; } /* table first row cells */ .PlentyWebMyAccountDisplayDynamicExportData > div > div:first-child > div { } /* table last row cells */ .PlentyWebMyAccountDisplayDynamicExportData > div > div:last-child > div { border-bottom: none; } a { color: #3399cc; font-weight: bold; }