/* GENERAL STYLES */ html { width: 100%;height: 100%;} body { width: 100%;height: 100%;line-height: 1.5;margin: 0;padding: 0;text-align: center;font-family: "Trebuchet MS", sans-serif;font-size: 82%;color: #000000;} ul { padding: 0 0 0 15px;margin: 0 0 0 0;} ul li { padding: 0 0 0 0;margin: 0 0 0 15px;list-style-type: square;} ol { padding: 0 0 0 22px; margin: 0 0 0 0;} ol li { padding: 0 0 0 0; margin: 0 0 0 0;} pre , #PlentyOrderPayPalExpressPanel{ background: #eee; border: solid 1px #ccc;padding: 10px 10px 10px 10px;font-size:120%;color:#444} a img {border:0} .clearer { clear: both;} .wrapper { width: 990px; margin: 0 auto 0 auto; text-align: left; border-bottom-color:#c2c2c2; border-bottom-style:solid; border-bottom-width:1px; } textarea { resize: none;} xtable {  border-collapse:collapse; margin:20px 0;} xtable td {   border-bottom: 1px solid #CCCCCC;} /* TYPO */ a { color: #333; text-decoration: none;} a:link, a:visited { color: #666;} a:hover, a:link:hover, a:visited:hover { color: #999;} h1 { font-size: 140%; padding: 0 0 0 0; margin: 0 0 0 0;} .singlearticleheader h1{ width: 640px; margin: 0 0 10px 90px;} h2 { font-size: 125%; padding: 10px 0 0 0; margin: 10px 0 0 0; border-top: solid 1px #c2c2c2;} h2.extra { margin: 0 0 0 0; } h1.extra { margin: 0 0 0 0; } h3 { font-size: 120%; padding: 0 0 0 0; margin: 0 0 0 0;} h4 { font-size: 115%; padding: 0 0 0 0; margin: 0 0 0 0;} h5 { font-size: 110%; padding: 0 0 0 0; margin: 0 0 0 0;} h6 { font-size: 105%; padding: 0 0 0 0; margin: 0 0 0 0;} span.mini { font-size: 60%; line-height: 1.1;} span.strike { text-decoration: line-through;} /* FORMS */ .btn { border: solid 1px #949494; height: 34px; padding: 3px 5px 3px 5px; background-image: url("/layout/machart-studios/images/btn_shadow.png") repeat-x bottom; background: #434343; color: #fff; line-height: 30px;} .btn:hover { color: #cacaca;} .btn_small { border: solid 1px #cacaca; padding: 3px 5px 3px 5px; background-image: url("/layout/machart-studios/images/btn_shadow.png") repeat-x bottom; background: #434343; color: #fff; line-height: 1.5;} .btn_small:hover { color: #cacaca;} .btnsearch { border: solid 1px #949494; height: 34px; width: 25px; padding: 0 5px 0 3px; background-image: url("/layout/machart-studios/images/btn_shadow.png") repeat-x bottom; background: #434343; color: #fff; font-size: 18px; margin: 0 0 0 -5px; line-height: 30px; float: left;} .btnsearch:hover { color: #cacaca;} .btnlogin { border: solid 1px #949494; height: 34px; padding:0; background-image: url("/layout/machart-studios/images/btn_shadow.png") repeat-x bottom; background: #434343; color: #fff; font-size: 14px;width:229px;text-align:center; margin: 0 0 5px 0; line-height: 30px; } .btnlogin:hover { color: #cacaca;} input[type=text], input[type=password], textarea { border: solid 1px #ccc; height: 32px; color: #404040; line-height: 30px; } input:hover, textarea:hover { border: solid 1px #666; color: #666666; } input:focus, textarea:focus { border: solid 1px #888; color: #666666; } .inputsearch { float: left; border: solid 1px #ccc; height: 32px; padding: 0 6px 0 6px; color: #cacaca; line-height: 30px; width: 195px; margin: 0 0 0 0;} .inputloginemail { border: solid 1px #ccc; height: 32px; padding: 0 6px 0 6px; color: #404040; line-height: 30px; width: 215px; margin: 0 0px 0 0;} .inputloginpass { border: solid 1px #ccc; height: 32px; padding: 0 6px 0 6px; color: #404040; line-height: 30px; width: 215px; margin: 0 0 0 0;} .nl_nachname { height: 32px; width: 63px; border: solid 1px #ccc; line-height: 30px; margin-right:-1px; padding: 0 6px 0 6px; color: #404040; float: left;} .nl_nachname:hover, .nl_nachname:focus { position:relative;z-index:25} .nl_email { height: 32px; width: 138px; border: solid 1px #ccc; line-height: 30px; padding: 0 6px 0 6px; color: #404040; float: left;} .PlentySubmitButton{ background: none repeat scroll 0 0 #434343; border: 1px solid #949494; color: #fff; height: 34px; line-height: 30px; padding: 0 6px; width: 108px; float: left;} .PlentySubmitButton:hover{ color: #cacaca;} .nl_submit { background: none repeat scroll 0 0 #434343; border: 1px solid #949494; color: #fff; height: 34px; line-height: 30px; padding: 0 6px; width: 108px; float: left;} .nl_submit:hover { color: #cacaca;} #deckel { background: none repeat scroll 0 0 #FFFFFF; clear: both; height: 40px; margin: -19px 0 0 304px; opacity: 0.75; position: absolute; width: 120px;} .checker{width:auto;float:left;padding:0; margin:4px 4px 0 0; border:0; background:none transparent} .checker:focus{border:none !important;} .checker:hover{border:none !important;} .infolink{background: none repeat scroll 0 0 #434343; border: 1px solid #CACACA; color: #FFFFFF !important; line-height: 1.4; margin: 10px 3px 0 0; padding: 1px 8px;} /* OVERRIDE Hubba-Bubba Checkout */ #PlentyOrderCheckoutAccordion .AccordionPane{box-shadow: none !important; border:1px solid #ccc !important; border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important } #PlentyBasketWebBasket .PlentyWebBasketContainerContent{box-shadow: none !important; border:1px solid #ccc !important; border-bottom-left-radius:0 !important; border-bottom-right-radius:0 !important } #PlentyBasketWebBasket input[type=text], #PlentyOrderCheckoutAccordion input[type=text], #PlentyBasketWebBasket input[type=password], #PlentyOrderCheckoutAccordion input[type=password] {height:22px !important; line-height:22px !important} #PlentyWebBasketContainerTitle{background:#fff !important} /* SLIDER */ .slider {margin: 0 0 20px 0;overflow: hidden;} .slider p {float:left;width:258px;padding-top:200px;font-size: 32px; line-height: 1;} .slider ul, .slider li { margin: 0; padding: 0; list-style: none;overflow: hidden;} .slider li { width: 730px; height: 369px; overflow: hidden;} .slider img {max-width: 730px;} #prevBtn { margin: -61px 0 0 656px;} #nextBtn { margin: -61px 0 0 686px;} #prevBtn a, #nextBtn a { z-index: 10000; display: block; text-align: center; color: #000; text-decoration: none; position: absolute; width: 26px; height: 26px; background: #ffffff no-repeat 0 0; margin: 0;} #prevBtn, #nextBtn {display: block;height: 26px; width: 26px; position: absolute; z-index: 9999; padding: 0 auto 0 auto;} #prevBtn a:hover, #nextBtn a:hover { background: #ededed;} /* MESSAGE */ .message{position:absolute;border:3px solid #ccc; background:#fff; width:340px;margin:-100px 0 0 -190px; top:50%;left:50%;padding:20px;z-index:500} .message h1{line-height:1.2;margin-bottom:10px;} .message .close{top:10px; right:10px; position:absolute;cursor:pointer} .message a{background: none repeat scroll 0 0 #434343; border: 1px solid #CACACA; color: #FFFFFF; line-height: 1.4; margin: 0px 0px 0 0px; padding: 1px 5px;} /* HEADER */ .header { border-bottom-color:#C2C2C2; border-bottom-style:solid; border-bottom-width:0px; position:absolute; top:0px; width:100%; } .header .wrapper { padding: 10px 0 5px 0;} .logo { margin: 0 0 0 0; width: 250px; float: left; height: 105px; position: relative; font-size: 170%;} .logo span { position: absolute; bottom: 0;} .kontlogos { border: none; float: left; height: 55px; width: 55px; margin: 0 5px 0 0;} .kontlogos a{ height:55px; overflow:hidden; display:block } .topnavigationcontainer { position: relative; width: 409px; float: left; height: 84px; font-size: 125%; margin: 30 0 0 0px; margin-left:90px;} .topnavigation { position: absolute; bottom: 0; padding-left:0} .topnavigation ul { margin: 0 0 0 -5px; padding: 0 0 0 0;} .topnavigation li { float: left; margin: 0 0 0 0; padding: 0 20px 0 0; list-style-type: none;} .topnavigation li a:hover {color:#333} .tabmsbox { width: 230px; height: 68px; float: left; padding: 0 0 2px 0; font-size: 90%; margin-top:32px;} .tabmsbox ul { padding: 0 0 0 0;} .tabmsbtns { position: absolute; margin: 0 0 0 0; padding: 0 0 0 0;} .tabmsbtns li { float: left; padding: 3px 10px 0; margin: 5px 0 0 0; height: 20px; list-style-type: none;} .tabmsbtns li.active { background: #ededed;} .tabmsbtns li.active a:link, .tabmsbtns li.active a:visited { color: #333333; cursor: default !important; } .tabms_cart { position: relative; margin: 27px 0 0 0; padding: 3px 5px 3px 5px; background: #ededed; height: 35px; width: 230px;display:none} .tabms_login { position: relative; margin: 27px 0 0 0; padding: 3px 5px 3px 5px; background: #ededed; height: 35px; width: 230px;display:none} .tabms_search {position: relative; margin: 27px 0 0 0; padding: 3px 5px 3px 5px; background: #ededed; height: 35px; width: 230px;display:none} .tabms_cart.active {display:block} .tabms_search.active {display:block} #JK_BG { background-image:url("/images/gallery/Layout/bg_girl.jpg"); background-position:0% 0; background-repeat:no-repeat no-repeat; height:100%; position:fixed; width:100%; overflow-y:auto; } #jkbutton { background-color: #ccc; } .content_pcontent { background-color:#ffffff; margin-left:10px;margin-top:30px; } /* ARTIKELSEITE/KATEGORIESEITE */ .articlenav { margin: -24px 15px 0 0; float: right; padding: 0 0 0 0;} .articlenav span { float:left;margin:0 0 0 5px} .articlenav select { float:left;margin:0 0 0 5px} .articlenav form {display:inline} .pagebtns{float:right;margin:-30px 0 0 0 ;} .pagebtns a { float: left; height: 14px; margin: 2px 2px 2px 0; width: 14px;} .pagenavbottom { padding: 0 0 0 0;border-top: 1px solid #C2C2C2;} .pagenavbottom .articlenav{ margin:10px 15px 0 0;padding: 0 0 0 0;} .pagenavbottom { width: 730px;} .pagenavtop { width: 730px;} .catname{width:265px;display:block} .catimage img{max-width:730px; max-height:600px} .backlink { font-size: 100%; float:left;margin:3px 0 0 0} .previewimages { margin: 0; width: 85px;} .anzahlinput { width: 23px; height: 32px; border: none !important; background: none; color: #ffffff !important; text-align: center; } .producerlogo{max-width:220px; max-height:100px} .actions { border-top: solid 1px #c2c2c2; border-bottom: solid 1px #c2c2c2; margin: 10px 0 10px 0; padding: 10px 0 10px 0; font-size: 90%;} .actionsbtn { padding:0;border: none; background: none; color: #333333; text-decoration: underline; font-size: 120%; cursor: pointer;} .actionsbtn:hover { color: #999999;} .articledescwrapper table td{border-bottom:1px dotted #555} .newarticle_picture { width: 110px;} a.newarticle_img { float: left; margin: 0 10px 0 0; width: 110px; overflow:hidden} a.newarticle_img { width: 110px; } a.newarticle_img img { max-width: 110px;} .newarticle_info { float: left; width: 110px; font-size: 95%;} .newarticle_info a { color: #ffffff;} .articleinfo input:hover, .articleinfo input:focus{ color:#999;border:0} .articleinfo { float: left; width: 240px; border-top: solid 1px #c2c2c2;} .articledescription {background: #fff;border:1px solid #ccc; padding: 20px;display:none} .articletechnical { background: #fff;border:1px solid #ccc; padding: 20px;display:none} .articledescription.active {display:block} .articletechnical.active { display:block} .articleratings { background: #ededed; width: 730px; padding: 20px;} .articlepic_big {text-align:center;margin: 10px 5px 0 0;float:left} .articlepicswrapper{float:left; margin:-1px 0 0 10px} .articlepicswrapper a { border: 1px solid #C2C2C2; margin: 0 0 5px;width:85px;display:block} .articlepicswrapper a:hover { border: 1px solid #888;} .articledescription { position: relative; margin: 30px 0 0 0; padding: 5px 10px 20px 10px; } .articletechnical { position: relative; margin: 30px 0 0 0; padding: 5px 10px 20px 10px; } .articleratings { position: relative; margin: 28px 0 0 0; padding: 5px 10px 20px 10px; background: #ededed; width: 690px} .articledesc { width: 730px; float: left; margin: 20px 0 20px 0; text-align: left; font-size: 100%;} .articledesc ul { padding: 0 0 0 0;} .articlenav a {margin: 2px 2px 2px 0px; width: 14px; height: 14px; float: left;} .articlenav a.articlePages_activeLink {background:#ccc} .articlePages { float: left; height: auto;} .articlePages a { display:inline-block;line-height:14px;width:14px; height:14px;text-align:center; background:#eee} .detailinfo{font-size:90%} .detailinfo .inforow{clear:both;} .ArticleAttrTable{margin: 0px 0 9px !important; padding: 0; width: 240px;} .detailinfo .infokey{float:left;width:100px} .detailinfo .infovalue{float:left;width:140px} .singlearticleoverview { float: left; width: 480px; margin: 0 10px 0 0; border-top: solid 1px #c2c2c2;} .singlekaufen { height: 32px; width: 130px; color: #ffffff; border: 0; background: none; cursor:pointer} .shippinginfo { font-size: 75%; margin: 0 0 0 20px; width: 100px;} .singleartprice .shippinginfo { font-size: 75%; margin: 5px 0 0; width: 114px;float:left} .singlecurrency { font-size: 155%; /*font-weight: bold;*/ float: left; margin: 5px 6px 16px 0; } /*20120515*/ .singleprice { font-size: 190%; /*font-weight: bold*/; float: left;margin:0px 7px 0px 0px; letter-spacing:-0.2px } /*20120515*/ .tabmsdescbtns { position: absolute; margin: 0 0 0 0;} .tabmsdescbtns li { float: left; padding: 5px 10px 0 10px; height: 25px; text-align: center; list-style-type: none;margin-left:0; border:1px solid #eee;border-bottom:0;} .tabmsdescbtns li:hover { padding: 10px 10px 0 10px; margin-top:-5px} .tabmsdescbtns li.active { background: #fff;border:1px solid #ccc;border-bottom:0;position:relative;z-index:25;} /* SOCIAL */ .socialbutton.socialtwitter { margin: 10px 0 8px 0; border: none; overflow: hidden; width: 105px !important; height: 20px;} .socialbutton {margin: 10px 0 8px 0; border: none; overflow: hidden; width: 110px; height: 20px;} .socialfacebook{float: right; margin-top: 10px;/*width:110px*/} .socialfacebook .fb_iframe_widget iframe {position:static} .socialplus{float: right; margin-top: 10px; width:105px;} /* BRANDS SLIDER*/ .content_brandlist { position:relative; width:684px ; float:left; overflow:hidden ; } .content_brandlistwrap { width:8000px !important ; overflow:hidden ; } .content_brandlist{border-bottom: 1px solid #C2C2C2; border-top: 1px solid #C2C2C2;margin: 9px 0; clear:both; width:100%; float:left;} .content_brandlist .content_brandlistwrap{padding:10px;margin:0; height:70px;float: left; width: 100%;} .content_brandlist ul li{padding:0;margin:0; float:left; height:100%;} .content_brandlist li a img { max-width: 130px; opacity: 0.5; margin-right:5px; max-height:60px} .content_brandlist li a { display:block; width:140px; height:60px; text-align:center} .content_brandlist li a:hover img { opacity: 1;} .content_brandlist li img { border:none; } .content_brandlist li{position:relative ; display:block ; float:left ; list-style:none} #brandlist_right, #brandlist_left { position: absolute; cursor:pointer; background: #FFF; color: #000; display: block; height: 90px; line-height:90px; margin: 0; text-align: center; text-decoration: none; width:26px; z-index: 100; } #brandlist_right { right: 0; } #brandlist_right:hover, #brandlist_left:hover { background-color: #EDEDED; } /* CONTENT */ .main { width: 730px;} .content { margin: 140px 0 0 0;} .leftcolumn { width: 230px; padding: 0 20px 0 0; float: left; background-color: #ffffff;} .rightcolumn {width: 740px; float: left;} .rightcolumn.order {margin-top:-30px} .crossselling{width:738px} .level1active{margin-bottom:10px} .uvpsing{background: #eee; border: solid 1px #ccc;padding: 10px 10px 10px 40px;font-size:120%;color:#444; float:left;width:188px;margin-bottom:10px;} .uvpimage { position: absolute; margin: -10px 0 0 185px;z-index:100} .singleartprice .uvpimage { position: absolute; margin: -3px 0 0 -33px;z-index:9;width: 29px;} .certlink { display: block;} .certificates { border-top: solid 1px #c2c2c2; border-bottom: solid 1px #c2c2c2; width: 216px; margin: 0 10px 10px 0px; padding: 10px 10px 10px 10px; float: left;} .signet { width: 54px; height: 56px; float: left;} .certtext { font-size: 100%; float: left; margin: 0 0 0 10px; width: 136px;line-height:1.4} .content_infos { width: 741px;} .content_social { text-align: right; border-top: solid 1px #c2c2c2; clear:both;} .content_highlights { width: 728px;} .produkt { height: 220px; width: 232px; margin: 10px 10px 20px 0; border-top: solid 1px #c2c2c2; float:left;} .produkt_picture { width: 236px; height: 150px; text-align: center; margin: 5px 0 5px 0;position:relative} .produkt_picture a{position:absolute;bottom:0; display:block;width:236px; text-align:center } .produkt_info { width: 236px; height: 60px;} .produkt_info .produkt_name{ font-size: 105%; height: 40px; overflow: hidden; padding: 3px 0 0;} .produkt_info .produkt_price .currency{float: left; padding-right: 5px;} .produkt_info .produkt_price .Price_single_art{float:left; padding-right:10px} .produkt_info .produkt_price .mini{float:left; } .produkt_info .produkt_price {float: left; font-size: 125%; padding-top: 5px;} .cattext{overflow:auto;max-height:200px;border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; margin-bottom: 12px;} .box_categorynavigation { margin: 3px 0 30px; text-align: left;font-size:120%;background-color:#fff;} .box_categorynavigation .menu_level2{ font-size:80%;} .box_categorynavigation ul { padding: 0 0 0 20px;} .box_categorynavigation ul ul{ padding: 0 0 0 24px;} .box_categorynavigation ul li {margin:0;padding:0; list-style-type: none;display:block;f} .box_categorynavigation ul li a{ color: #282828;padding-right:15px;display: block;} .box_categorynavigation ul li a:hover{color: #686868;} .box_categorynavigation ul a:hover { background: url("/layout/machart_studios/images/arrow_down.png") no-repeat center right;} .box_categorynavigation ul li.level1active a.level1active_link { padding: 0 0 0 10px; color: #686868; background: url("/layout/machart_studios/images/arrow_right.png") no-repeat center left;} .box_categorynavigation ul li.level2active a.level2active_link { padding: 0 0 0 10px; color: #686868; background: url("/layout/machart_studios/images/arrow_right.png") no-repeat center left;} .box_categorynavigation ul li.level3active a.level3active_link { padding: 0 0 0 10px; color: #686868; background: url("/layout/machart_studios/images/arrow_right.png") no-repeat center left;} .box_categorynavigation ul li.level4active a.level4active_link { padding: 0 0 0 10px; color: #686868; background: url("/layout/machart_studios/images/arrow_right.png") no-repeat center left;} .box_categorynavigation ul li.level5active a.level5active_link { padding: 0 0 0 10px; color: #686868; background: url("/layout/machart_studios/images/arrow_right.png") no-repeat center left;} .box_categorynavigation ul li.level6active a.level6active_link { padding: 0 0 0 10px; color: #686868; background: url("/layout/machart_studios/images/arrow_right.png") no-repeat center left;} .box_categorynavigation ul li.level1active {padding-bottom:7px} .box_categorynavigation ul li.level1active .level6 a{background: none;} .box_ts.box input{height:auto} .box_ts{background:#fff;padding:5px 10px 10px 10px ; border:1px solid #eee; margin:5px 0 25px 0} .box_newarticle { border-top: solid 1px #c2c2c2; padding: 20px 0 0 0; margin: 0 0 20px 0;} .box_newarticle h4 {font-weight:normal;margin-bottom:30px;} .box_newarticle .clearer.spacer {height:20px;} .box h3 {padding:5px 0;margin:7px 0} .box_brands { border-top: solid 1px #c2c2c2; padding: 40px 0 0 0; margin: 0 0 40px 0;} .box_contact { margin: 10px 0 30px 0;background: none repeat scroll 0 0 #EEEEEE; border: 1px solid #CCCCCC; color: #444444; margin-bottom: 10px; padding: 10px 10px 15px 40px; } .box_contact .telicon{margin: -3px 0 0 -33px; position: absolute; width: 29px; z-index: 9;} .box_contact h3{padding:0 0 7px 0;margin:0 0 0 -30px;} .box_lastseen.box h3{padding-bottom:0px; margin-bottom:0} .lastseen{padding:5px 0} .lastseen a img{width:70px;} .lastseen a{opacity:0.7;width:70px;height:70px;float:left;margin:0 5px 5px 0;border:1px dotted #ccc; overflow:hidden} .lastseen a:hover{opacity:1;border:1px solid #aaa} .bread{height: 20px;overflow: hidden;color: #BBBBBB; position: absolute; top: 145px;width: 728px;} .bread a{color:#bbb} #PlentyWebItemWishListItemsMain{border:4px solid #DDDDDD; padding:20px 0 20px 2px; float:left;} #PlentyWebItemWishListItemsMain .ItemsRow{ border-bottom: 1px solid #ccc; float:left;width:199px; padding:0 20px 30px;margin-bottom:35px;height:284px;} #PlentyWebItemWishListItemsMain .ItemsImage{height:100px;position:relative;overflow:hidden; margin:10px 0;} #PlentyWebItemWishListItemsMain .ItemsImage img{position:absolute; bottom:0;left:0; max-height:100px;max-width:200px;} #PlentyWebItemWishListItemsMain .PlentyWebMyAccountItemContainerHeaderTitle{height: 20px; overflow: hidden;margin-bottom:10px;} .produkt.lastseen { height: auto; } /* WARENKORB */ .wkvorschau { background: none repeat scroll 0 0 #EDEDED; margin: 10px 0 0 -5px; padding: 0 5px 0 5px; position: absolute; width: 230px; z-index: 2000; display: none; } .loginvorschau { background: none repeat scroll 0 0 #EDEDED; margin: -1px 0 0 -5px; padding: 0 5px 0 5px; position: absolute; width: 230px; z-index: 2000; display: none; } .wkvorschauartikel { width: 230px; height: 60px; margin: 5px 0 5px 0; border-bottom: solid 1px #ffffff;} .wkimage { width: 55px;} .wklink { display: block; margin: 9px 0 0 5px; font-size: 11.5px;} .wklink span{ display: block; margin: -2px 3px 0 0;float:right;color: #fff;background: none repeat scroll 0 0 #434343; border: 1px solid #CACACA; line-height: 1.4; padding: 1px 4px; margin-right: 2px; } .wkanzahl { font-size: 80%;} /* WARENKORBBUTTON */ .addtocart { height: 32px; border: solid 1px #c2c2c2; width: 180px; background: url("/layout/machart_studios/images/cartbg.gif") repeat-x;} .cartmenge { float: left; width: 27px; height: 32px;} .cartmengebtn { float: left; width: 27px; height: 16px;display: block;} .cartanzahl { height: 32px; width: 23px; float: left;} .cartanzahl input:hover, .cartanzahl input:focus{ color:#fff;border:0} .cartkaufen { height: 32px; width: 130px;float: left;} /* FOOTER */ .footer { border-top: solid 1px #c2c2c2; margin: 40px 0 0 0; padding: 20px 0 0 0px; font-size: 90%; color: #848484;background-color:#ffffff;width:990px; margin-left:458px;} .footer ul { padding: 0 0 80px 0;margin: 0 30px 0px 0;} .footer ul ul{ padding: 0 0 80px 0;margin: 0 0px 0px 0;} .footertitle { font-weight: bold;color: #666666;} .footer ul li { padding: 0; margin: 0; list-style-type: none;} .footer a { color: #848484;} .footer a:hover { color: #000000;} .footer_title { font-weight: bold;} .footer_brands { float: left;} .footer_categories {float: left;} .footer_credit li {float: left;display:inline; margin-right:15px} .footer_credit li a{font-size:90%; color:#bbb;margin-right:15px} .footer_categories ul li ul {display: none;} .footer_categories ul li a {padding: 0 0 0 0;background: none; color: #848484;} .footer_categories ul li a:hover { padding: 0 0 0 0; background: none; color: #000000;} .footer_categories ul li a.level1active_link { padding: 0 0 0 0; background: none; color: #848484;} .footer_about { float: left;} .footer_shopinfo { float: left;} .footer_shopinfo li {} .footer_newsletter { float: right; width: 418px;} .footer_newsletter input[type=text] { color: #999999; } .footer_newsletter input[type=text]:hover, .footer_newsletter input[type=text]:focus { color: #404040; } /*ZOOM*/ .zoomPad { position:relative; float:left; z-index:99; cursor:crosshair;} .zoomPreload { -moz-opacity:0.8; opacity: 0.8; filter: alpha(opacity = 80); color: #333; font-size: 12px; text-decoration: none; border: 1px solid #CCC; background-color: white; padding: 8px; text-align:center; background-image: url(../images/zoomloader.gif); background-repeat: no-repeat;background-position: 43px 30px; z-index:110; width:90px; height:43px; position:absolute; top:0px; left:0px;* width:100px;* height:49px;} .zoomPup { overflow:hidden; background-color: #FFF; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60); z-index:120; position:absolute; border:1px solid #CCC; z-index:101; cursor:crosshair;} .zoomOverlay { position:absolute; left:0px; top:0px; background:#FFF; /*opacity:0.5;*/ z-index:5000; width:100%; height:100%; display:none; z-index:101;} .zoomWindow { position:absolute; left:110%;top:39px;background:#FFF; z-index:6000; height:auto; z-index:10000; z-index:110;} .zoomWrapper { position:relative; border:1px solid #999; z-index:110;} .zoomWrapperTitle { display:block; background:#999; color:#FFF; height:18px; line-height:18px; width:100%; overflow:hidden; text-align:center; font-size:10px; position:absolute; top:0px; left:0px; z-index:120; -moz-opacity:0.6; opacity: 0.6; filter: alpha(opacity = 60);} .zoomWrapperImage { display:block; position:relative; overflow:hidden; z-index:110;} .zoomWrapperImage img { border:0px; display:block; position:absolute; z-index:101;} .zoomIframe { z-index: -1; filter:alpha(opacity=0); -moz-opacity: 0.80; opacity: 0.80; position:absolute;display:block;} .zoomoptions h3, .zoomoptions h4{width:auto} .zoomoptions .producerlogo{max-width:190px; max-height:50px} .zoomoptions{background: none repeat scroll 0 0 #FFFFFF; border: 4px solid #DDDDDD; display: none; margin: -14px 0 0 0; padding: 10px; position: absolute; text-align: center; width: 208px; z-index: 110;} .zoomoptions .zoomimages img{width:50px; margin:5px; } .zoomoptions #mainimg{display:block; text-align:center } .zoomoptions .produkt_picture a{width: 208px;} .zoomoptions .zoomimages {padding:5px; border-top:1px dotted #ccc; display:block;} .zoomdesc{display: block; height: 79px; margin-bottom: 10px; overflow: hidden;} .zoomoptions p{margin:0;padding:0} .zoomdesc h1, .zoomdesc h2, .zoomdesc h3{display:none} .jqzoom{margin:0 auto; display:block;float:left} /* 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; } /* Filter */ .CharacterFilterGroupName { font-size:16px; font-weight:bold; } .NavigationGroupFilter { border-color:#CCCCCC; border-style:solid; border-width:1px; font-size:12px; margin-bottom:10px; height:150px; overflow-x:hidden; overflow-y:auto; padding:5px; width:226px; float:left; margin:2px; background-color:#EDF3F3; } .btn_overlay { position:fixed; top:50%; margin-top:-75px; left:0; } #overlay { background-color:#fff; display:none; border:1px solid #d0d0d0; padding:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 10px #8f8f8f; -moz-box-shadow: 0 0 10px #8f8f8f; box-shadow: 0 0 10px #8f8f8f; } #overlay .close { background-image:url(/images/icons/silk/overlay_close.png ); position:absolute; right:-10px; top:-10px; cursor:pointer; height:35px; width:35px; } .contentWrap { height:350px; width:500px; } img { border:0; } table .sieger { margin-bottom:20px; margin-left:auto; margin-right:auto; margin-top:20px; width:90%; border: solid 3px #cccccc; } table .sieger td { padding-bottom:2px; padding-left:2px; padding-right:2px; padding-top:2px; border: solid 3px #cccccc; } .ff01_pagenav{ margin-bottom: 5px; width: 510px; height:22px; background-color:#06C; padding-left:10px; padding-right:10px; padding-top:6px; } /* Errors */ div.PlentyError input[type=text], div.PlentyError input[type=password] { border:1px dashed #f44d4d !important; background-color:#fbe7e7; } div.PlentyErrorPane { display: none; color: white; font-size: 12pt; } .PlentyErrorMessageBox { background-color: #f36060; border: 1px dashed #9c2020 !important; margin-bottom:5px; padding:5px; } /* Box Settings*/ .PlentyWebBasketContainer { margin-bottom:15px; } /* Box Headlines */ .PlentyWebBasketContainerTitle { background: #eeeeee; /* Old browsers */ color:#444; font-size:18px; font-weight:normal; padding:5px 10px 5px 10px;border-bottom:2px solid #ccc } .PlentyWebBasketOpenableContainer:hover #PlentyWebBasketShippingCountryContainerTitle,.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketPaymentMethodContainerTitle, .PlentyWebBasketOpenableContainer:hover #PlentyWebBasketShippingMethodContainerTitle,.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketCouponContainer, .PlentyWebBasketOpenableContainer:hover #PlentyWebBasketCouponContainerTitle { cursor:pointer; background: #ccc; color:#000; } .PlentyWebBasketOpenableContainer:hover #PlentyWebBasketShippingMethodContainerTitle #WebBasketShippingMethodSelectedChange, .PlentyWebBasketOpenableContainer:hover #PlentyWebBasketPaymentMethodContainerTitle #WebBasketPaymentMethodSelectedChange, .PlentyWebBasketOpenableContainer:hover #PlentyWebBasketShippingCountryContainerTitle #WebBasketShippingCountrySelectedChange, .PlentyWebBasketOpenableContainer:hover #PlentyWebBasketCouponContainerTitle #WebBasketCouponSelectedChange { color:#000;background: #eee; } /* Box Body */ .PlentyWebBasketContainerContent { /* inner shadow*/ -moz-box-shadow: inset 0px 0px 3px #b5c6d0; -webkit-box-shadow: inset 0px 0px 3px #b5c6d0; box-shadow: inset 0px 0px 3px #b5c6d0; /* rest */ border:1px solid #b5c6d0; border-top:0; background-color:#fff; padding:10px; line-height:17px; } /* footer */ #PlentyWebBasketFooterContainerContent { text-align: right; } /* Box Head change Buttons */ #WebBasketShippingCountrySelectedChange,#WebBasketPaymentMethodSelectedChange,#WebBasketShippingMethodSelectedChange,#WebBasketCouponSelectedChange { font-size:11px; font-weight:normal; color:444; float:right; margin-top:3px; cursor:pointer;background:#fff; border-radius:9px;padding:1px 9px } /* Box slideable:hover */ .PlentyWebBasketOverlayMainPane > .PlentyWebBasketOverlayBackground { width: 100%; height: 100%; left: 0px; top: 0px; position: fixed; opacity: 0.5; background-color: black; } .PlentyWebBasketOverlayMainPane > .PlentyWebBasketOverlayContent { max-height: 80%; overflow: auto; min-width: 30%; width: 40%; top: 10%; left: 30%; position: fixed; z-index: 10001; } .PlentyWebBasketOverlayMainPane > .PlentyWebBasketOverlayClose { position: fixed; height: 35px; width: 35px; cursor: pointer; background-image: url(/images/icons/silk/overlay_close.png); top:8%; right:29%; z-index: 10002; } /* CURRENCY & VALUE */ .PlentyCurrencyValue + .PlentyCurrencySymbol, .PlentyCurrencySymbol + .PlentyCurrencyValue { margin-left: 0.15em !important; } /* Titel CSS */ #nextWebBasket1,#change_basketWebBasketItemsRefresh,#proceed_orderWebBasket1 { display:block; text-align:right; margin-top:5px; } /* Article List CSS */ #PlentyWebBasketItemsData { display : table; width: 100%; } #PlentyWebBasketItemsItemsHeader { display : table-row; } #PlentyWebBasketItemsItemsHeader > div.ItemsHeadline { display : table-cell; border-bottom: 1px solid #CCCCCC; padding:0 5px 5px 5px; font-weight:bold; } #PlentyWebBasketItemsMain { display : table-row-group; } #PlentyWebBasketItemsMain > div.PlentyBasketItemRow > div { vertical-align: top; display : table-cell; border-bottom: 1px solid #b5c6d0; padding:5px; } #PlentyWebBasketItemsMain > div.PlentyBasketItemRow { display : table-row; } #PlentyWebBasketItemsItemsHeaderImage,.ItemsImage { width:15%; text-align:center; } #PlentyWebBasketItemsItemsHeaderDescription { width:60%; } #PlentyWebBasketItemsItemsHeaderQuantity { width:10%; } #PlentyWebBasketItemsItemsHeaderTotal { width:10%; } #PlentyWebBasketItemsItemsHeaderDelete { width:5%; text-align:center; } .ItemsDescriptionInfo > .PlentyDataContainer > .PlentyDataContainerTitle { font-weight:bold; } .ItemsDescriptionInfo > .PlentyDataContainer { float:left; margin-right:15px; margin-top:5px; } .ItemsVariationSelection { clear:both; display:block; width:100% } .ItemsDescriptionGiftPackage { clear:both; } .ItemsDescriptionGiftPackage:hover { cursor:pointer; } /* Basket Sum */ #PlentyWebBasketTotalsBasketSumBox { text-align:right; } .PlentyBasketSumTitle { font-weight:bold; display:inline-block; } .PlentyBasketSum { border-bottom:1px solid #CCCCCC; padding:5px; } .PlentyBasketSumDetail { display: inline-block; min-width: 10%; padding-left: 25px; text-align: right; } #PlentyWebBasketTotalsTotalAmount { border-bottom:none; } #PlentyWebBasketTotalsTotalAmountSubscription { border-top:1px solid #CCCCCC; } #PlentyGoodsValueNetTitle,#PlentyShippingCostsNetTitle,#PlentySubtotalNetTitle { font-weight:400!important; } .ItemsQuantity input { width:50px;} .ItemsDescriptionGiftPackageTitle { font-weight: bold; display: inline-block; padding-bottom: 3px; } .ItemsDescriptionDiscountDetail { color:#95C65C; } .ItemParamError > .ItemsDescriptionParamDetail, .ItemParamError > .ItemsDescriptionCharacterDetail { color: red; font-style:italic; } .ItemsDescriptionEAN { display: none; } /* Country Select */ #PlentyWebBasketShippingCountryText1,#PlentyWebBasketShippingCountryForm { display:inline; } #PlentyWebBasketShippingCountrySelect { display:inline-block; margin-left:10px; } /* Payment */ .PlentyWebBasketPaymentMethodRadio { float: left; font-size: 12px; font-weight: 400; margin-top: 7px; min-width: 250px; } .PlentyWebBasketPaymentMethodPrice { font-size:14px;float:right;font-weight:400; margin-top:7px; } .PlentyWebBasketPaymentMethodAdvice { display:inline-block; margin-left:10px; } #PlentyWebBasketPaymentMethodSelect .PlentyFormContainer { border-bottom: 1px solid #B5C6D0; min-height: 30px; padding: 5px 0; } #PlentyGoodsRebateTitle,#PlentyGoodsRebateDetail { color:#95c65c; } #PlentyWebBasketTotalsGoodsValueGross,#PlentyWebBasketTotalsShippingCostsGross { border-bottom:none; padding-bottom:0; } /* Shipping Select */ #PlentyWebBasketShippingMethodSelect { padding-left: 5px; padding-right: 5px; } #PlentyWebBasketShippingMethodSelect .PlentyFormContainer { border-bottom: 1px solid #b5c6d0; min-height: 30px; padding: 5px 0; } #PlentyWebBasketShippingMethodSelect .PlentyFormContainer:last-child { border-bottom:none; } .PlentyWebBasketShippingMethodName { float:left; font-size:12px; font-weight:400; margin-top:7px; } .PlentyWebBasketShippingMethodPrice { font-size:14px;float:right;font-weight:400; margin-top:7px; } #PlentyTotalAmountDetail, #PlentyTotalAmountSubscriptionDetail { font-weight: bold; vertical-align: top; } #PlentyTotalAmountTitle > .PlentyDataAdditional, #PlentyTotalAmountSubscriptionTitle > .PlentyDataAdditional { font-weight: normal; } #PlentyWebBasketTotalsVoucherCreditNote { color: #95C65C; } /* General Styles */ #PlentyOrderCheckoutAccordion { margin:10px 0 10px 0; clear:both; } /* Errors */ div.PlentyError input[type=text], div.PlentyError input[type=password] { border:none; border:1px dashed #f44d4d!important; background-color:#fbe7e7; } .PlentyError span, .PlentyError span input { color:#f44d4d; } div.PlentyErrorPane { display: none; color: white; font-size: 12pt; } .PlentyErrorMessageBox { background-color: #f36060; border: 1px dashed #9c2020 !important; margin-bottom:5px; padding:5px; } .PlentyMandatoryField { font-weight:bold; } #PlentyOrderWebShippingMethodContent input,#PlentyOrderWebPaymentMethodContent input { margin-right:5px; } #PlentyOrderCheckoutButtonsTop > #PlentyOrderCheckoutButtonsOpenBasket { float:left; margin-bottom: 4px; } #PlentyOrderCheckoutButtonsTop > #PlentyOrderCheckoutButtonsOpenHelp { float: right; } /* Accordion Headlines */ .AccordionTitle { background: #eee; color:#444; font-size:18px; border:0; padding:5px 10px 5px 10px; font-weight:normal; border-bottom:2px solid #ccc;margin-top:5px } .AccordionTitle.CurrentAccordionTitle { background: #ccc; border:0; color:#000; font-weight:normal; border-bottom:2px solid #ccc; } .AccordionTitle.AlreadyOpened { background: #eee; color:#4; border-bottom:2px solid #ccc } /* Unique goes here */ /* Unique goes here */ /* Accordion Body */ #PlentyOrderCheckoutAccordion > .AccordionPane { /* inner shadow*/ -moz-box-shadow: inset 0px 0px 3px #b5c6d0; -webkit-box-shadow: inset 0px 0px 3px #b5c6d0; box-shadow: inset 0px 0px 3px #b5c6d0; /* rounded bottom */ -khtml-border-radius-bottomleft:5px; -khtml-border-radius-bottomright:5px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; /* rest */ border:1px solid #b5c6d0; border-top:0; background-color:#fff; padding:10px; line-height:17px; margin-bottom:10px; } /* Input fields*/ div.PlentyFormBox input[type=text],div.PlentyFormBox input[type=password] { padding:3px 0; margin-top:2px; } /* General Styles end */ .PlentyOrderDeliveryAddress { border: 1px solid #cccccc; margin: 16px 7px 0px 7px; padding: 10px; float: left; width: 45%; } .PlentyOrderDeliveryAddress > .PlentyWebShippingDetailsListTitle { background-color: #f0f0f0; border-bottom: 1px solid #cccccc; font-weight: bold; margin: -10px; padding: 10px; display: block; } .PlentyOrderDeliveryAddress > .PlentyWebShippingDetailsListContent { margin-top: 15px; float: left; } .PlentyOrderDeliveryAddress > .PlentyWebEditButtonContent { float: right; margin-top: 15px; } #PlentyWebShippingDetailsSubmit { clear: both; text-align: right; padding:5px; } /* CURRENCY & VALUE */ .PlentyCurrencyValue + .PlentyCurrencySymbol, .PlentyCurrencySymbol + .PlentyCurrencyValue { margin-left: 0.15em !important; }/* main header */ #PlentyWebOrderSystemTitle { background: #EEEEEE; border-bottom: 2px solid #CCCCCC !important; color: #444444; font-size: 18px; font-weight: normal; padding: 5px 10px; margin-bottom: 0; } /* main container */ #PlentyWebOrderSystemMainContainer { background-color: #FFFFFF; border: 1px solid #CCCCCC; line-height: 17px; padding: 16px; } /* 2 COLUMN LAYOUT */ /* table */ #PlentyWebOrderSystemTable { display: table; width: 100%; } /* row */ #PlentyWebOrderSystemTableRow { display: table-row; } /* cell */ #PlentyWebOrderSystemTableRow > div { display: table-cell; width: 50%; } #PlentyWebOrderSystemContainer1 { padding-right: 8px; } #PlentyWebOrderSystemContainer2 { padding-left: 8px; } /* LABEL INPUT LIST */ /* table */ #PlentyWebOrderSystemContainer1 > div, #PlentyWebOrderSystemContainer2 > div { display: table; width: 100%; } /* row */ .PlentyWebOrderSystemData { display: table-row; } /* cell */ .PlentyWebOrderSystemData > div { display: table-cell; vertical-align: middle; } /* label cell */ .PlentyWebTableCellLabel { } /* input cell */ .PlentyWebTableCellInputs, .PlentyWebTableCellInputsMulti { width: 61%; } /* label */ .PlentyWebTableCellLabel > span { display: block; } /* input wrappers */ .PlentyWebTableCellInputs > span, .PlentyWebTableCellInputsMulti > span { display: block; margin: 2px 0; } /* input */ .PlentyWebTableCellInputs > span > input, .PlentyWebTableCellInputsMulti > span > input, #PlentyWebOrderSystemUpdateCustomerDetailsInputBirthdayDayInput > input, #PlentyWebOrderSystemUpdateCustomerDetailsInputBirthdayMonthInput > input, #PlentyWebOrderSystemUpdateCustomerDetailsInputBirthdayYearInput > input { width: 100%; margin-left: -1px; color: #404040 !important; } /* select */ .PlentyWebTableCellInputs > span > select { margin-left: -1px; } /* input wrapper multi (street, nr., zip, city) */ .PlentyWebTableCellInputsMulti #PlentyWebOrderSystemInputStreetInput, .PlentyWebTableCellInputsMulti #PlentyWebOrderSystemInputCityInput { width: 74%; } .PlentyWebTableCellInputsMulti #PlentyWebOrderSystemInputHouseNoInput, .PlentyWebTableCellInputsMulti #PlentyWebOrderSystemInputZipCodeInput { width: 22%; } /* input wrapper multi (street, nr., zip, city) */ .PlentyWebTableCellInputsMulti #PlentyWebOrderSystemInputStreetInput, .PlentyWebTableCellInputsMulti #PlentyWebOrderSystemInputZipCodeInput { float: left; } .PlentyWebTableCellInputsMulti #PlentyWebOrderSystemInputHouseNoInput, .PlentyWebTableCellInputsMulti #PlentyWebOrderSystemInputCityInput { float: right; } .PlentyWebOrderSystemClear { clear: both; } #PlentyWebOrderSystemUpdateCustomerDetailsInputBirthdayInput { display: block; } /* input wrapper multi (date of birth) */ #PlentyWebOrderSystemUpdateCustomerDetailsInputBirthdayDayInput, #PlentyWebOrderSystemUpdateCustomerDetailsInputBirthdayMonthInput, #PlentyWebOrderSystemUpdateCustomerDetailsInputBirthdayYearInput { display: block; float: left; vertical-align: top; text-align: center; width: 9%; } #PlentyWebOrderSystemUpdateCustomerDetailsInputBirthdayYearInput { width: 22%; } #PlentyWebOrderSystemUpdateCustomerDetailsInputBirthdayMonthInput, #PlentyWebOrderSystemUpdateCustomerDetailsInputBirthdayYearInput { margin-left: 4%; } #PlentyWebOrderSystemUpdateCustomerDetailsInputBirthdayInput input { text-align: center; } #PlentyWebOrderSystemBirthdayTitle, #PlentyWebOrderSystemVATNumberTitle { } #PlentyWebOrderSystemBirthdayNotice, #PlentyWebOrderSystemVATNumberNotice { display: block; font-size: 0.8em; padding: 2px 0; } /* select */ #PlentyWebOrderSystem 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*/ } #PlentyWebOrderSystem select:hover, #PlentyWebOrderSystem select:focus { border-color: #666666; /*1474d4*/ } #PlentyWebOrderSystemSalutation { width: 33%; } #PlentyWebOrderSystemCountry { width: 66%; } /* input */ #PlentyWebOrderSystem input[tyle=text], #PlentyWebOrderSystem input[tyle=password] { border: 1px solid #CCCCCC; padding: 2px 3px; font-size: 12px; height: 28px; /*13px*/ margin-top: 2px; margin-bottom: 0; } #PlentyWebOrderSystem input[tyle=text]:hover, #PlentyWebOrderSystem input[tyle=password]:hover, #PlentyWebOrderSystem input[tyle=text]:focus, #PlentyWebOrderSystem input[tyle=password]:focus { border-color: #666666 !important; /*1474d4*/ } /* note */ #PlentyWebOrderSystemContainer4 { margin-top: 16px; } #PlentyWebLoginRegisterRadios > div > label > input[type=radio] { height: auto !important; } .PlentyMandatoryField { font-weight: bold !important; } /* main header */ #PlentyWebCustomerRegistrationTitle { background: #EEEEEE; border-bottom: 2px solid #CCCCCC !important; color: #444444; font-size: 18px; font-weight: normal; padding: 5px 10px; margin-bottom: 0; } /* main container */ #PlentyWebCustomerRegistrationMainContainer { background-color: #FFFFFF; border: 1px solid #CCCCCC; line-height: 17px; padding: 16px; } /* 2 COLUMN LAYOUT */ /* table */ #PlentyWebCustomerRegistrationTable { display: table; width: 100%; } /* row */ #PlentyWebCustomerRegistrationTableRow { display: table-row; } /* cell */ #PlentyWebCustomerRegistrationTableRow > div { display: table-cell; width: 50%; } #PlentyWebCustomerRegistrationContainer1 { padding-right: 8px; } #PlentyWebCustomerRegistrationContainer2 { padding-left: 8px; } /* LABEL INPUT LIST */ /* table */ #PlentyWebCustomerRegistrationContainer1 > div, #PlentyWebCustomerRegistrationContainer2 > div { display: table; width: 100%; } /* row */ .PlentyWebCustomerRegistrationData { display: table-row; } /* cell */ .PlentyWebCustomerRegistrationData > div { display: table-cell; vertical-align: middle; } /* label cell */ .PlentyWebTableCellLabel { } /* input cell */ .PlentyWebTableCellInputs, .PlentyWebTableCellInputsMulti { width: 61%; } /* label */ .PlentyWebTableCellLabel > span { display: block; } /* input wrappers */ .PlentyWebTableCellInputs > span, .PlentyWebTableCellInputsMulti > span { display: block; margin: 2px 0; } /* input */ .PlentyWebTableCellInputs > span > input, .PlentyWebTableCellInputsMulti > span > input, #PlentyWebCustomerRegistrationUpdateCustomerDetailsInputBirthdayDayInput > input, #PlentyWebCustomerRegistrationUpdateCustomerDetailsInputBirthdayMonthInput > input, #PlentyWebCustomerRegistrationUpdateCustomerDetailsInputBirthdayYearInput > input { width: 100%; margin-left: -1px; color: #404040 !important; } /* select */ .PlentyWebTableCellInputs > span > select { margin-left: -1px; } /* input wrapper multi (street, nr., zip, city) */ .PlentyWebTableCellInputsMulti #PlentyWebCustomerRegistrationInputStreetInput, .PlentyWebTableCellInputsMulti #PlentyWebCustomerRegistrationInputCityInput { width: 74%; } .PlentyWebTableCellInputsMulti #PlentyWebCustomerRegistrationInputHouseNoInput, .PlentyWebTableCellInputsMulti #PlentyWebCustomerRegistrationInputZipCodeInput { width: 22%; } /* input wrapper multi (street, nr., zip, city) */ .PlentyWebTableCellInputsMulti #PlentyWebCustomerRegistrationInputStreetInput, .PlentyWebTableCellInputsMulti #PlentyWebCustomerRegistrationInputZipCodeInput { float: left; } .PlentyWebTableCellInputsMulti #PlentyWebCustomerRegistrationInputHouseNoInput, .PlentyWebTableCellInputsMulti #PlentyWebCustomerRegistrationInputCityInput { float: right; } .PlentyWebCustomerRegistrationClear { clear: both; } #PlentyWebCustomerRegistrationUpdateCustomerDetailsInputBirthdayInput { display: block; } /* input wrapper multi (date of birth) */ #PlentyWebCustomerRegistrationUpdateCustomerDetailsInputBirthdayDayInput, #PlentyWebCustomerRegistrationUpdateCustomerDetailsInputBirthdayMonthInput, #PlentyWebCustomerRegistrationUpdateCustomerDetailsInputBirthdayYearInput { display: block; float: left; vertical-align: top; text-align: center; width: 9%; } #PlentyWebCustomerRegistrationUpdateCustomerDetailsInputBirthdayYearInput { width: 22%; } #PlentyWebCustomerRegistrationUpdateCustomerDetailsInputBirthdayMonthInput, #PlentyWebCustomerRegistrationUpdateCustomerDetailsInputBirthdayYearInput { margin-left: 4%; } #PlentyWebCustomerRegistrationUpdateCustomerDetailsInputBirthdayInput input { text-align: center; } #PlentyWebCustomerRegistrationBirthdayTitle, #PlentyWebCustomerRegistrationVATNumberTitle { } #PlentyWebCustomerRegistrationBirthdayNotice, #PlentyWebCustomerRegistrationVATNumberNotice { display: block; font-size: 0.8em; padding: 2px 0; } /* select */ #PlentyWebCustomerRegistration 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*/ } #PlentyWebCustomerRegistration select:hover, #PlentyWebCustomerRegistration select:focus { border-color: #666666; /*1474d4*/ } #PlentyWebCustomerRegistrationSalutation { width: 33%; } #PlentyWebCustomerRegistrationCountry { width: 66%; } /* input */ #PlentyWebCustomerRegistration input[tyle=text], #PlentyWebCustomerRegistration input[tyle=password] { border: 1px solid #CCCCCC; padding: 2px 3px; font-size: 12px; height: 28px; /*13px*/ margin-top: 2px; margin-bottom: 0; } #PlentyWebCustomerRegistration input[tyle=text]:hover, #PlentyWebCustomerRegistration input[tyle=password]:hover, #PlentyWebCustomerRegistration input[tyle=text]:focus, #PlentyWebCustomerRegistration input[tyle=password]:focus { border-color: #666666 !important; /*1474d4*/ } /* note */ #PlentyWebCustomerRegistrationContainer4 { margin-top: 16px; } #PlentyWebLoginRegisterRadios > div > label > input[type=radio] { height: auto !important; } .PlentyMandatoryField { font-weight: bold !important; }/* container main */ #PlentyWebCancelNewsletter { margin: 10px auto 0; width: 322px; } /* accordion header (cancel newsletter) */ #PlentyWebCancelNewsletterTitle { background: #EEEEEE; border-bottom: 2px solid #CCCCCC !important; color: #444444; font-size: 18px; font-weight: normal; padding: 5px 10px; margin-bottom: 0; } /* accordion body (cancel newsletter) */ #PlentyWebCancelNewsletterMainContainer { background-color: #FFFFFF; border: 1px solid #CCCCCC; line-height: 17px; padding: 10px; font-family: Arial,Helvetica,sans-serif; } /* login container content */ .PlentyMyAccountContainerTitle { display: block; color: #4582A5; font-size: 14px; margin-bottom: 10px; padding-bottom: 5px; } /* text before */ #PlentyWebCancelNewsletterNotice { padding: 5px 0 10px; color: #626262; } /* row */ #PlentyWebCancelNewsletterEMailContainer { display: block; } /* labels */ #PlentyWebCancelNewsletterEMailTitle { display: inline-block; float: left; width: 100px; padding-top: 11px; color: #626262; } /* input container */ #PlenyWebCancelNewsletterEMailContent { display: inline-block; color: #626262; font-weight: normal; } /* inputs */ #PlentyWebCancelNewsletterEMail { border: 1px solid #CCCCCC; padding: 2px 3px; font-size: 12px; height: 28px; /*13px*/ margin-top: 2px; margin-bottom: 0; width: 190px; } /* inputs hover,focus */ #PlentyWebCancelNewsletterEMail:hover, #PlentyWebCancelNewsletterEMail:focus { border-color: #666666 !important; /*1474d4*/ } /* text after */ #PlentyWebCancelNewsletterContainer2 { 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; }/* 1 Accordion*/ #PlentyWebLoginRegister,#PlentyWebLoginLogin { display:inline-block; width:47%; vertical-align:top; } #PlentyWebLoginLogin { margin-left:30px } #PlentyWebLoginNotice { font-size:14px; font-weight:bold; margin:10px 0 10px 0 } .PlentyFormContainer.PlentyWebLoginData { margin:10px 0 10px 0; } #PlentyWebLoginRegisterTitle,#PlentyWebLoginLoginTitle { font-size:14px; border-bottom:1px solid #ccc; padding-bottom:5px; margin-bottom:10px; } #PlentyWebLoginRegisterRadiosRegister { margin-top:3px; } #PlentyWebLoginRegisterRadios { font-weight:bold; } #PlentyWebLoginLoginEmailTitle,#PlentyWebLoginLoginPasswordTitle { width:100px;display:inline-block } #PlentyWebLoginLoginSubmit { margin-top: 49px; } #PlentyWebInvoiceDetailsVATNumberNotice { font-size: 90%; } /* container main */ #PlentyWebLostPWDLogin { margin: 10px auto 0; width: 322px; } /* accordion header (forgotten password) */ .PlentyLostPWDContainerTitle { background: #EEEEEE; border-bottom: 2px solid #CCCCCC !important; color: #444444; font-size: 18px; font-weight: normal; padding: 5px 10px; margin-bottom: 0; } /* accordion body (forgotten password) */ .PlentyLostPWDContainerContent { background-color: #FFFFFF; border: 1px solid #CCCCCC; line-height: 17px; padding: 10px; font-family: Arial,Helvetica,sans-serif; } /* login container content */ .PlentyMyAccountContainerTitle { display: block; color: #4582A5; font-size: 14px; margin-bottom: 10px; padding-bottom: 5px; } /* text before */ #PlentyWebCancelNewsletterNotice { padding: 5px 0 10px; color: #626262; } /* row */ #PlentyWebLostPWDData { display: block; } /* labels */ #PlentyWebLostPWDLoginEmailTitle { display: inline-block; float: left; width: 100px; padding-top: 11px; color: #626262; } /* input container */ #PlentyWebLostPWDLoginEmailContent { display: inline-block; color: #626262; font-weight: normal; } /* inputs */ #PlentyWebLostPWDLoginEmail { border: 1px solid #CCCCCC; padding: 2px 3px; font-size: 12px; height: 28px; /*13px*/ margin-top: 2px; margin-bottom: 0; width: 190px; } /* inputs hover,focus */ #PlentyWebLostPWDLoginEmail:hover, #PlentyWebLostPWDLoginEmail:focus { border-color: #666666 !important; /*1474d4*/ } /* text after */ #PlentyWebLostPWDData + div { 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; }div#PlentyWebInvoiceDetailsContainer1, div#PlentyWebInvoiceDetailsContainer2 { display: table; border:1px solid #ccc; width: 49%; margin-bottom:8px; border-spacing: 2px; } div#PlentyWebInvoiceDetailsContainer1 { float: left; } div#PlentyWebInvoiceDetailsContainer2 { float: right; } div#PlentyWebInvoiceDetailsContainer1 > .PlentyFormContainer, div#PlentyWebInvoiceDetailsContainer2 > .PlentyFormContainer { display: table-row; } div#PlentyWebInvoiceDetailsContainer1 > .PlentyFormContainer > .PlentyFormTitle, div#PlentyWebInvoiceDetailsContainer1 > .PlentyFormContainer > .PlentyFormValue, div#PlentyWebInvoiceDetailsContainer2 > .PlentyFormContainer > .PlentyFormTitle, div#PlentyWebInvoiceDetailsContainer2 > .PlentyFormContainer > .PlentyFormValue { display: table-cell; vertical-align: top; padding:0 5px; } div#PlentyWebInvoiceDetailsContainer1 > .PlentyFormContainer:first-child > .PlentyFormTitle, div#PlentyWebInvoiceDetailsContainer1 > .PlentyFormContainer:first-child > .PlentyFormValue, div#PlentyWebInvoiceDetailsContainer2 > .PlentyFormContainer:first-child > .PlentyFormTitle, div#PlentyWebInvoiceDetailsContainer2 > .PlentyFormContainer:first-child > .PlentyFormValue { padding-top:10px!important; } div#PlentyWebInvoiceDetailsContainer1 > .PlentyFormContainer:last-child > .PlentyFormTitle, div#PlentyWebInvoiceDetailsContainer1 > .PlentyFormContainer:last-child > .PlentyFormValue, div#PlentyWebInvoiceDetailsContainer2 > .PlentyFormContainer:last-child > .PlentyFormTitle, div#PlentyWebInvoiceDetailsContainer2 > .PlentyFormContainer:last-child > .PlentyFormValue { padding-bottom:10px!important; } div#PlentyWebInvoiceDetailsContainer1 > .PlentyFormContainer > .PlentyFormTitle, div#PlentyWebInvoiceDetailsContainer2 > .PlentyFormContainer > .PlentyFormTitle { text-align: right; } #PlentyWebInvoiceDetailsBirthdayNotice { display: block; } div#PlentyWebInvoiceDetailsContainer1 > .PlentyFormContainer > .PlentyFormValue input, div#PlentyWebInvoiceDetailsContainer2 > .PlentyFormContainer > .PlentyFormValue input { width:99%; } input#PlentyWebInvoiceDetailsStreet, input#PlentyWebInvoiceDetailsCity { width: 69% !important; } input#PlentyWebInvoiceDetailsHouseNo, input#PlentyWebInvoiceDetailsZIPCode { width: 27% !important; } #PlentyWebInvoiceDetailsBirthdayNotice { font-size: 80%; } #PlentyWebInvoiceDetailsBirthdayContainer .address_input_field { width: 30% !important; } #PlenyWebInvoiceDetailsStreetContent, #PlenyWebInvoiceDetailsZIPCodeContent { text-align: right; } #PlentyWebInvoiceDetailsStreet, #PlentyWebInvoiceDetailsZIPCode { float: left; } /*** Container 3 ***/ div#PlentyWebInvoiceDetailsContainer3, div#PlentyWebInvoiceDetailsNotice2 { clear: both; border:1px solid #ccc; padding:5px; margin-top:5px; } #PlentyWebInvoiceDetailsSubmit { margin-top:5px; text-align:right; } #PlentyWebShippingDetailsLoginSubmit,#PlentyWebShippingDetailsFormPane .PlentyFormBox { border:1px solid #ccc; padding:10px; width:47% } /* PATCH 2012-05-07 */ /* container width */ #PlentyWebShippingDetailsFormPane > .PlentyFormBox { display: table; width: 49%; } #PlentyWebShippingDetailsFormPane > .PlentyFormBox > .PlentyFormContainer { display: table-row; } /* table cells vertical align */ #PlentyWebShippingDetailsFormPane > .PlentyFormBox > .PlentyFormContainer > .PlentyFormValue { vertical-align: top; } #PlentyWebShippingDetailsLoginSubmit,#PlentyWebShippingDetailsFormPane .PlentyFormBox:last-child { width:auto; } #PlentyWebShippingDetailsLoginSubmit { text-align:right; padding:5px; margin-top:5px; border: none; } #PlentyWebShippingDetailsFormPane > .PlentyFormBox > .PlentyFormContainer > .PlentyFormTitle { display:inline-block; width: 30%; padding-right:5px; text-align:right; } #PlentyWebShippingDetailsFormPane > .PlentyFormBox > .PlentyFormContainer > .PlentyFormValue input { width:100% } #PlentyWebShippingDetailsFormPane > .PlentyFormBox > .PlentyFormContainer > .PlentyFormValue { display:inline-block; width:67% } #PlentyWebShippingDetailsFormPane > .PlentyFormBox > .PlentyFormContainer { margin-bottom:2px!important; } #PlentyWebShippingDetailsHouseNoTitle { display:none!important; } #PlentyWebShippingDetailsHouseNoContainer { float:right!important; margin-right:5px;} #PlentyWebShippingDetailsStreetContainer { width: 84%!important;float:left!important; } #PlentyWebShippingDetailsStreetTitle { width:36%!important;} #PlentyWebShippingDetailsStreetContent { width:60%!important;} #PlentyWebShippingDetailsHouseNoContent { width:100%!important;} #PlentyWebShippingDetailsZIPCodeContainer { float: left !important; width: 50% !important; } #PlentyWebShippingDetailsZIPCodeTitle{ display: inline-block!important; padding-right: 10px!important; text-align: right!important; width: 58% !important; } #PlentyWebShippingDetailsZIPCodeContent{ display: inline-block!important; width: 29% !important; } #PlentyWebShippingDetailsCityContainer { float: left!important; width: 49% !important; } #PlentyWebShippingDetailsCityContent { padding-right: 10px!important; text-align: right!important; width: 100% !important; } #PlentyWebShippingDetailsCityTitle { display:none!important;} #PlentyWebShippingDetailsPackstationContent { float: left!important; margin-left: 10px!important; } #PlentyWebShippingDetailsPackstationContent input { display: inline-block !important; float: left !important; margin-left: 48%; text-align: left !important; width: 5%!important; } #PlentyWebShippingDetailsPackstationContent label { float: left!important; margin-left: 10px!important; } #PlentyWebShippingDetailsNotice2 { border: 1px solid #ccc; padding: 5px; margin-top: 5px; } /* 4 Accordion */ .PlentyWebPaymentMethodRadio { float: left; font-size: 12px; font-weight: 400; margin-top: 7px; min-width: 250px; } .PlentyWebPaymentMethodPrice { font-size:14px;float:right;font-weight:400; margin-top:7px; } .PlentyWebPaymentMethodAdvice { display:inline-block; margin-left:10px; } #PlentyOrderWebPaymentMethodContent .PlentyFormBox > .PlentyFormContainer { border-bottom: 1px solid #B5C6D0; min-height: 30px; padding: 5px 0; } #PlentyWebPaymentMethodNotice { font-size:18px; margin-top:5px; margin-bottom:10px; } #PlentyWebPaymentMethodSubmit { text-align:right; margin-top:5px; } div#PlentyWebBankInformationContainer { display : table; } div#PlentyWebBankInformationContainer > div.PlentyFormContainer { display : table-row; } div#PlentyWebBankInformationContainer > div.PlentyFormContainer > span.PlentyFormTitle, div#PlentyWebBankInformationContainer > div.PlentyFormContainer > span.PlentyFormValue { display: table-cell; vertical-align: top; padding:0 5px; } div#PlentyWebBankInformationNotice,div#PlentyWebBankInformationNotice { clear: both; border:1px solid #ccc; padding:5px; margin-top:5px; } #PlentyWebBankInformationSubmit { margin-top:5px; text-align:right; }div#PlentyWebPayoneCreditCardContainer { display : table; } div#PlentyWebPayoneCreditCardContainer > div.PlentyFormContainer { display : table-row; } div#PlentyWebPayoneCreditCardContainer > div.PlentyFormContainer > span.PlentyFormTitle, div#PlentyWebPayoneCreditCardContainer > div.PlentyFormContainer > span.PlentyFormValue { display: table-cell; vertical-align: top; padding:0 5px; } div#PlentyWebPayoneCreditCardNotice,div#PlentyWebPayoneCreditCardNotice { clear: both; border:1px solid #ccc; padding:5px; margin-top:5px; } #PlentyWebPayoneCreditCardSubmit { margin-top:5px; text-align:right; }div#PlentyWebPayoneDebitContainer { display : table; } div#PlentyWebPayoneDebitContainer > div.PlentyFormContainer { display : table-row; } div#PlentyWebPayoneDebitContainer > div.PlentyFormContainer > span.PlentyFormTitle, div#PlentyWebPayoneDebitContainer > div.PlentyFormContainer > span.PlentyFormValue { display: table-cell; vertical-align: top; padding:0 5px; } div#PlentyWebPayoneDebitNotice,div#PlentyWebPayoneDebitNotice { clear: both; border:1px solid #ccc; padding:5px; margin-top:5px; } #PlentyWebPayoneDebitSubmit { margin-top:5px; text-align:right; }div#PlentyWebPayoneEpsContainer { display : table; } div#PlentyWebPayoneEpsContainer > div.PlentyFormContainer { display : table-row; } div#PlentyWebPayoneEpsContainer > div.PlentyFormContainer > span.PlentyFormTitle, div#PlentyWebPayoneEpsContainer > div.PlentyFormContainer > span.PlentyFormValue { display: table-cell; vertical-align: top; padding:0 5px; } div#PlentyWebPayoneEpsNotice,div#PlentyWebPayoneEpsNotice { clear: both; border:1px solid #ccc; padding:5px; margin-top:5px; } #PlentyWebPayoneEpsSubmit { margin-top:5px; text-align:right; }div#PlentyWebPayoneGiropayContainer { display : table; } div#PlentyWebPayoneGiropayContainer > div.PlentyFormContainer { display : table-row; } div#PlentyWebPayoneGiropayContainer > div.PlentyFormContainer > span.PlentyFormTitle, div#PlentyWebPayoneGiropayContainer > div.PlentyFormContainer > span.PlentyFormValue { display: table-cell; vertical-align: top; padding:0 5px; } div#PlentyWebPayoneGiropayNotice,div#PlentyWebPayoneGiropayNotice { clear: both; border:1px solid #ccc; padding:5px; margin-top:5px; } #PlentyWebPayoneGiropaySubmit { margin-top:5px; text-align:right; }div#PlentyWebPayoneIdealContainer { display : table; } div#PlentyWebPayoneIdealContainer > div.PlentyFormContainer { display : table-row; } div#PlentyWebPayoneIdealContainer > div.PlentyFormContainer > span.PlentyFormTitle, div#PlentyWebPayoneIdealContainer > div.PlentyFormContainer > span.PlentyFormValue { display: table-cell; vertical-align: top; padding:0 5px; } div#PlentyWebPayoneIdealNotice,div#PlentyWebPayoneIdealNotice { clear: both; border:1px solid #ccc; padding:5px; margin-top:5px; } #PlentyWebPayoneIdealSubmit { margin-top:5px; text-align:right; }div#PlentyWebPayoneSofortueberweisungContainer { display : table; } div#PlentyWebPayoneSofortueberweisungContainer > div.PlentyFormContainer { display : table-row; } div#PlentyWebPayoneSofortueberweisungContainer > div.PlentyFormContainer > span.PlentyFormTitle, div#PlentyWebPayoneSofortueberweisungContainer > div.PlentyFormContainer > span.PlentyFormValue { display: table-cell; vertical-align: top; padding:0 5px; } div#PlentyWebPayoneSofortueberweisungNotice,div#PlentyWebPayoneSofortueberweisungNotice { clear: both; border:1px solid #ccc; padding:5px; margin-top:5px; } #PlentyWebPayoneSofortueberweisungSubmit { margin-top:5px; text-align:right; }div#PlentyWebPayoneDebitContainer { display : table; } div#PlentyWebPayoneDebitContainer > div.PlentyFormContainer { display : table-row; } div#PlentyWebPayoneDebitContainer > div.PlentyFormContainer > span.PlentyFormTitle, div#PlentyWebPayoneDebitContainer > div.PlentyFormContainer > span.PlentyFormValue { display: table-cell; vertical-align: top; padding:0 5px; } div#PlentyWebPayoneDebitNotice,div#PlentyWebPayoneDebitNotice { clear: both; border:1px solid #ccc; padding:5px; margin-top:5px; } #PlentyWebPayoneDebitSubmit { margin-top:5px; text-align:right; }/* 5 Accordion */ #PlentyOrderWebShippingMethodContent { padding-left: 5px; padding-right: 5px; } #PlentyOrderWebShippingMethodContent .PlentyFormBox > .PlentyFormContainer { border-bottom: 1px solid #b5c6d0; min-height: 30px; padding: 5px 0; } .PlentyWebShippingMethodName { float:left; font-size:12px; font-weight:400; margin-top:7px; } .PlentyWebShippingMethodPrice { font-size:14px;float:right;font-weight:400; margin-top:7px; } #PlentyWebShippingMethodNotice { font-size: 18px; margin-bottom: 10px; margin-top: 10px; } #PlentyOrderWebPaymentMethodContent { margin-bottom:10px;} #PlentyWebShippingMethodSubmit { text-align:right; margin-top:5px; }/* 6 Accordion */ .PlentyFormContainer fieldset { border: 1px solid #cccccc; } #PlentyWebOrderOverviewInvoiceContainer,#PlentyWebOrderOverviewShippingContainer, #PlentyWebOrderOverviewPaymentMethodContainer,#PlentyWebOrderOverviewShippingMethodContainer, #PlentyWebOrderOverviewSchedulerContainer { padding:0; } #PlentyWebOrderOverviewPaymentIcon { float:left; padding:10px 0 10px 0; } #PlentyWebOrderOverviewItemsBox { clear:both; display:table; border:1px solid #CCCCCC; } #PlentyWebOrderOverviewItemsContainer { clear:both; } #PlentyWebOrderOverviewItems { font-size:18px; float:left; } #PlentyWebOrderOverviewItems { font-size:18px;float:left; } .ItemsHeadline { font-weight:bold; display : table-cell; border-bottom: 1px solid #CCCCCC; padding: 5px; } #PlentyWebOrderOverviewItemsMain { display: table-row-group; } #PlentyWebOrderOverviewItemsMain .ItemsRow,#PlentyWebOrderOverviewItemsHeader { display:table-row; width:100%; } #PlentyWebOrderOverviewItemsMain .ItemsRow > div {display:table-cell; vertical-align:top; border-bottom:1px solid #B5C6D0; padding:5px; } #PlentyWebOrderOverviewItemsMain .ItemsRow:last-child > div{ border-bottom:none!important; } #PlentyWebOrderOverviewItemsHeaderImage { width:15%; } #PlentyWebOrderOverviewItemsMain > .PlentyFormContainer > .ItemsDescription > .ItemsDescriptionLink { display: inline-block; vertical-align: top; width: 100%; } #PlentyWebOrderOverviewItemsMain > .PlentyFormContainer > .ItemsDescription > .ItemsDescriptionDetails { vertical-align: top; } .PlentyOrderSumTitle { font-weight:bold; display:inline-block; } .PlentyOrderSumDetail { display: inline-block; min-width: 10%; padding-left: 40px; text-align: right; } #PlentyWebOrderOverviewOrderSumBox { text-align:right; margin:20px 0 20px 0; } .PlentyOrderSum { border-bottom: 1px solid #CCCCCC; padding: 5px; } #PlentyWebOrderTotalAmount { border-bottom:none; } #PlentyWebOrderTotalAmountSubscription { border-top: 1px solid #CCCCCC; } #PlentyWebOrderOverviewSubmitContainer { padding: 3px 3px 6px; text-align:right; } #PlentyWebOrderOverviewSubmitContainer > div { display:inline;} #PlentyWebOrderOverviewNotice { margin:10px 0 20px 0; } #PlentyWebOrderOverviewAGBandWithdrawal h3 { font-size: 18px; font-weight: 400; margin: 0 0 0; padding: 0; } #PlentyWebOrderOverviewAGBContainer,#PlentyWebOrderOverviewWithdrawalContainer,#PlentyWebOrderOverviewNewsletterContainer { margin-top:5px; } #PlentyWebOrderOverviewAGBContainer { margin-top:15px; } #PlentyWebOrderOverviewNotesContainer { margin-top:10px; margin-bottom:10px; } #PlentyWebOrderOverviewNotesTextarea { width:890px; } #PlentyWebOrderOverviewReference { display:inline-block; margin:10px 0 5px 0; } #PlentyWebOrderOverviewItems,#PlentyWebOrderOverviewItemsChangeContainer { float:none;display:inline-block;margin-top:10px;padding-bottom:10px } #PlentyWebOrderOverviewItemsChangeContainer { float:right; margin-top:0;} #PlentyWebOrderOverviewItemsTop { margin:16px 0 10px 0; background-color: #F0F0F0; border: 1px solid #CCCCCC; padding: 0 3px 0 25px; } /* Anzeige von IHR ZEICHEN & SONDERWÜNSCHE FÜR DIE BESTELLUNG */ #PlentyWebOrderOverviewReferenceContainer,#PlentyWebOrderOverviewNotesContainer { display:none;} /* POSITIONEN DER EINZELNEN BOXEN */ #PlentyWebOrderOverviewAGBPrivacyContainer { margin:15px 0; border:1px solid #ccc!important; padding:10px!important; } #PlentyWebOrderOverviewItemsContainer { float: right; width: 73%; min-height:710px; } #PlentyWebOrderOverviewInvoiceContainer,#PlentyWebOrderOverviewShippingContainer, #PlentyWebOrderOverviewShippingMethodContainer,#PlentyWebOrderOverviewPaymentMethodContainer, #PlentyWebOrderOverviewSchedulerContainer { border: 1px solid #CCCCCC; float: left; margin-top: 16px; padding: 10px; width: 23%; } #PlentyWebOrderOverviewPaymentMethodContainer { margin-bottom:10px; } #PlentyWebOrderOverviewSubmitContainer { clear:both; background-color:#f0f0f0; border:1px solid #ccc; } #PlentyWebOrderOverviewAGBandWithdrawal { background-color: #F0F0F0; border-bottom: 1px solid #CCCCCC; display: block; margin: -10px; padding: 10px;} /* Article */ #PlentyWebOrderOverviewItemsHeaderImage,.ItemsImage { width:15%; text-align:center; } #PlentyWebOrderOverviewItemsHeaderDescription { width:65%; } #PlentyWebOrderOverviewItemsHeaderQuantity { width:10%; } #PlentyWebOrderOverviewItemsHeaderTotal { width:10%; } #PlentyWebOrderOverviewItemsHeader { background-color:#f0f0f0; } .ItemsDescriptionDetails > .PlentyFormContainer { float: left; margin-right: 15px; margin-top: 5px; } .ItemsDescriptionDetails > .PlentyFormContainer span { display:block; } .ItemsDescriptionDetails > .PlentyFormContainer:first-child { margin-left:0; } .ItemsDescriptionUnitPriceTitle,.ItemsDescriptionNoTitle,.ItemsDescriptionIDTitle,.ItemsDescriptionEANTitle,.ItemsDescriptionConditionTitle,.ItemsDescriptionUnit0Title,.PlentyItemsDescriptionContainerTitle { font-weight:bold; } #PlentyWebOrderOverviewNoticeTotals { clear:both; margin:20px 0 20px 0; } #PlentyWebOrderOverviewNotice2 { margin:20px 0 20px 0; } #PlentyWebOrderOverviewSubmitText,.ItemsDescriptionUnitTitle,.ItemsAttributeValueTitle { font-weight:bold; } #PlentyGoodsRebateTitle,#PlentyGoodsRebateDetail { color:#95c65c; } #PlentyWebOrderOverviewGoodsValueGross,#PlentyWebOrderOverviewShippingCostsGross { border-bottom:none; padding-bottom:0; } #PlentyGoodsValueNetTitle,#PlentyShippingCostsNetTitle,#PlentySubtotalNetTitle { font-weight:400!important; } #PlentyWebOrderOverviewInvoiceTitle,#PlentyWebOrderOverviewShippingTitle, #PlentyWebOrderOverviewShippingMethodTitle,#PlentyWebOrderOverviewPaymentMethodTitle, #PlentyWebOrderOverviewSchedulerTitle { margin: -10px; display: block; border-bottom:1px solid #ccc; background-color:#f0f0f0; padding: 10px; font-weight: bold; } #PlentyWebOrderOverviewInvoiceDataContainer,#PlentyWebOrderOverviewShippingDataContainer, #PlentyWebOrderOverviewShippingMethodDataContainer,#PlentyWebOrderOverviewPaymentMethodDataContainer, #PlentyWebOrderOverviewSchedulerDataContainer { margin-top:15px; } .ItemsDescriptionDiscountDetail { color:#95C65C; } .ItemsDescriptionDiscountTitle { font-weight:bold;} #PlentyTotalAmountDetail,#PlentyTotalAmountSubscriptionDetail { font-weight: bold; vertical-align: top; } #PlentyTotalAmountTitle > .PlentyDataAdditional, #PlentyTotalAmountSubscriptionTitle> .PlentyDataAdditional { font-weight: normal; } #PlentyWebOrderVoucherCreditNote { color: #95C65C; } .ItemsDescriptionEAN { display:none; } /* FIX SUM BOX */ #PlentyWebOrderOverviewOrderSumBox { display: table; } #PlentyWebOrderOverviewOrderSumBox > div { display: table-row; } #PlentyWebOrderOverviewOrderSumBox > div > span { display: table-cell; vertical-align: top; padding: 5px 0; border-bottom: 1px solid #CCCCCC; } #PlentyWebOrderOverviewOrderSumBox > div > span.PlentyCurrencyContainer { padding-left: 30px; }.PayoneCreditCardTable { border: 1px black solid; width: 70% } .PayoneCreditCardTable td, th { padding: 6px 10px 5px 15px; border: 0px; } .PayoneCreditCardTable tr:first-child th { background-color: #4e5559; padding-left: 10px; border: 1px solid black; color: #FFFFFF; } .PayoneCreditCardTable input { height: 20px; line-height: 1; }div#PlentyWebPayoneDebitContainer { display : table; } div#PlentyWebPayoneDebitContainer > div.PlentyFormContainer { display : table-row; } div#PlentyWebPayoneDebitContainer > div.PlentyFormContainer > span.PlentyFormTitle, div#PlentyWebPayoneDebitContainer > div.PlentyFormContainer > span.PlentyFormValue { display: table-cell; vertical-align: top; padding:0 5px; } div#PlentyWebPayoneDebitTextVor,div#PlentyWebPayoneDebitTextNach { clear: both; border:1px solid #ccc; padding:5px; margin-top:5px; } #PlentyWebPayoneDebitSubmit { margin-top:5px; text-align:right; }div#PlentyWebPayoneGiropayContainer { display : table; } div#PlentyWebPayoneGiropayContainer > div.PlentyFormContainer { display : table-row; } div#PlentyWebPayoneGiropayContainer > div.PlentyFormContainer > span.PlentyFormTitle, div#PlentyWebPayoneGiropayContainer > div.PlentyFormContainer > span.PlentyFormValue { display: table-cell; vertical-align: top; padding:0 5px; } div#PlentyWebPayoneGiropayTextVor,div#PlentyWebPayoneGiropayTextNach { clear: both; border:1px solid #ccc; padding:5px; margin-top:5px; } #PlentyWebPayoneGiropaySubmit { margin-top:5px; text-align:right; }div#PlentyWebPayoneSofortUeberweisungContainer { display : table; } div#PlentyWebPayoneSofortUeberweisungContainer > div.PlentyFormContainer { display : table-row; } div#PlentyWebPayoneSofortUeberweisungContainer > div.PlentyFormContainer > span.PlentyFormTitle, div#PlentyWebPayoneSofortUeberweisungContainer > div.PlentyFormContainer > span.PlentyFormValue { display: table-cell; vertical-align: top; padding:0 5px; } div#PlentyWebPayoneSofortUeberweisungTextVor,div#PlentyWebPayoneSofortUeberweisungTextNach { clear: both; border:1px solid #ccc; padding:5px; margin-top:5px; } #PlentyWebPayoneSofortUeberweisungSubmit { margin-top:5px; text-align:right; }div#PlentyWebPayoneEpsContainer { display : table; } div#PlentyWebPayoneEpsContainer > div.PlentyFormContainer { display : table-row; } div#PlentyWebPayoneEpsContainer > div.PlentyFormContainer > span.PlentyFormTitle, div#PlentyWebPayoneEpsContainer > div.PlentyFormContainer > span.PlentyFormValue { display: table-cell; vertical-align: top; padding:0 5px; } div#PlentyWebPayoneEpsTextVor,div#PlentyWebPayoneEpsTextNach { clear: both; border:1px solid #ccc; padding:5px; margin-top:5px; } #PlentyWebPayoneEpsSubmit { margin-top:5px; text-align:right; }div#PlentyWebPayoneIDealContainer { display : table; } div#PlentyWebPayoneIDealContainer > div.PlentyFormContainer { display : table-row; } div#PlentyWebPayoneIDealContainer > div.PlentyFormContainer > span.PlentyFormTitle, div#PlentyWebPayoneIDealContainer > div.PlentyFormContainer > span.PlentyFormValue { display: table-cell; vertical-align: top; padding:0 5px; } div#PlentyWebPayoneIDealTextVor,div#PlentyWebPayoneIDealTextNach { clear: both; border:1px solid #ccc; padding:5px; margin-top:5px; } #PlentyWebPayoneIDealSubmit { margin-top:5px; text-align:right; }