html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption {
margin: 0;
padding: 0;
border: 0;
outline: 0;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
/* No olvides definir estilos para focus */
:focus {
outline: 0;
}
/* No olvides resaltar de alguna manera el texto insertado/borrado */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* En el c�digo HTML es necesario a�adir cellspacing="0" */
table {
border-collapse: collapse;
border-spacing: 0;
}
body{ background-image:url(/images/gallery/main_Layout/background.jpg); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 0; margin: 0; }
/*******************Reset tag basic*********************/
a{ text-decoration: none; cursor: pointer; }
p{ padding: 0; margin: 0; }
h1{ padding: 0; margin: 0; }
h2{ padding: 0; margin: 0; }
h3{ padding: 0; margin: 0; }
h4{ padding: 0; margin: 0; color:#32b6b0;}
h5{ padding: 0; margin: 0; }
h6{ padding: 0; margin: 0; }
img { border: none; padding: 0px; margin: 0px; }
.clear { clear: both; height:1px;}
.content_text{
font-size:12px;
color:#32b6b0;
line-height:1.5;
}
.content_text a { color: #ff8a00; font-weight: bold; }
.content_text .lnk-blue { color: #32b6b0; font-weight: normal; }
.content_text ul li{
list-style-type:disc;
margin-left:15px;
font-size:12px;
color:#32b6b0;
line-height:1.5;
}
.content_text .title { font-size: 16px; font-weight: bold; }
/**************************************************************/
/* STYLES INDEX.HTML */
/**************************************************************/
#main { width: 1035px; margin: 0 auto; padding: 0; min-height: 800px; _height: 800px; background-image:url(/images/gallery/main_Layout/shadow.png); background-repeat:repeat-y;}
#main2 { width: 1015px; margin: 0 auto; padding: 0; background: #fff; min-height: 800px; _height: 800px; border-left: 2px solid #32b6b0; border-right: 2px solid #32b6b0; }
#header{ position: relative; background: #fff url(/layout/images/banner-header.jpg) no-repeat right top; width: 992px; height: 235px; margin: 0 auto; }
.logo { position: absolute; top: 15px; left: 8px; }
.bg-box-login { float: right; width: 131px; height: 81px; background:url(/images/gallery/main_Layout/bg-box-header-shadow.png) no-repeat bottom left; margin-top: 47px; margin-right: 10px; padding: 12px; _padding-top: 0px; _padding-right: 0px; }
.input-t { width: 124px; height: 16px; border: none; _border: 0px; padding: 5px; margin-bottom: 5px; _margin-top: 5px; _margin-bottom: 0px; background:url(/layout/images/bg-input-login.gif) no-repeat 0 0; font-size: 12px; _line-height: 16px; }
.btn-login { float: right; width: 60px; height: 20px; font-size: 11px; color: #a7a7a7; border: none; _border: 0px; background:url(/layout/images/bg-btn-login.gif) no-repeat 0 0; _margin-right:-12px; }
.bg-box-car { float: right; width: 133px; height: 83px; background:url(/images/gallery/main_Layout/bg-box-header-shadow.png) no-repeat bottom left; margin-top: 47px; margin-right: 108px; _margin-right: 55px; padding: 11px; }
.bg-box-car a { background:url(/layout/images/car.gif) no-repeat -2px 2px; font-size: 18px; color: #fefefe; padding-left: 24px; font-weight: bold; }
.bg-box-car p { font-size: 11px; color: #fefefe; font-weight: bold; }
p.price-car { width: 119px; height: 16px; padding: 5px 10px 5px 5px; background:url(/layout/images/bg-input-login.gif) no-repeat 0 0; color: #000; text-align: right; font-size: 14px; margin-top: 3px; font-weight: normal; }
.top-menu { width: 884px; height: 46px; margin: 0 auto; }
.top-menu .top-left-menu { float: left; width: 13px; height: 46px; background:url(/layout/images/top-left-menu.gif) no-repeat 0 0; }
.top-menu .top-center-menu { float: left; width: 858px; height: 46px; background:url(/layout/images/top-center-menu.gif) repeat-x 0 0; }
.top-menu .top-right-menu { float: left; width: 13px; height: 46px; background:url(/layout/images/top-right-menu.gif) no-repeat 0 0; }
.top-menu .top-menu-table { font-size: 13px; font-weight: bold; text-align: center; }
.top-menu .top-menu-table tr td{ height: 46px; padding-left:10px; padding-right:10px;}
.top-menu .top-menu-table tr td a { display: block; color: #fff; }
.top-menu .top-menu-table tr td a:hover { display: block; color: #fff; text-decoration:underline; }
.top-menu .top-menu-table tr td a#actual { display: block; color: #fff; font-size: 15px; }
.top-menu_2 { width: 884px; height: 31px; margin: 0 auto; }
.top-menu_2 .top-left-menu { float: left; width: 12px; height: 31px; background:url(/images/gallery/main_Layout/menu_2_left.jpg) no-repeat 0 0; }
.top-menu_2 .top-center-menu { float: left; width: 858px; height: 31px; background:url(/images/gallery/main_Layout/menu_2_center.jpg) repeat-x 0 0; }
.top-menu_2 .top-right-menu { float: left; width: 12px; height: 31px; background:url(/images/gallery/main_Layout/menu_2_right.jpg) no-repeat 0 0; }
.top-menu_2 .top-menu-table { font-size: 13px; font-weight: bold; text-align: center; }
.top-menu_2 .top-menu-table tr td{ height: 31px; white-space:nowrap; color: #32b6b0; font-size: 13px; font-weight:normal;}
.top-menu_2 .top-menu-table tr td a { padding:0 5px 0 5px; display: block; color: #32b6b0; font-size: 13px; font-weight:normal;}
.top-menu_2 .top-menu-table tr td a:hover { display: block; color: #32b6b0; text-decoration:underline; }
.top-menu_2 .top-menu-table tr td a#actual_content { display: block; color: #32b6b0; font-size: 12px; text-decoration:underline; font-weight:bold;}
#content { width: 884px; min-height: 400px; _height: 400px; margin: 32px auto 10px auto;}
#content_order { width: 885px; min-height: 400px; _height: 400px; margin: 32px auto 10px 70px; }
.left { float:left; width: 163px; }
ul.left_menu{border-top:2px solid #32b6b0; margin-bottom:10px;}
.left_menu li a { display: block; }
.level1 { padding: 5px 3px 5px 0px; margin: 0px; list-style: none; }
.level1 a{ font-size: 13px; color: #32b6b0;}
.level1 a:hover { color: #ff8a00; margin: 0px; display: block; }
.level1active a { font-size: 13px; padding: 5px 3px 5px 0px; font-weight: bold; color: #ff8a00; margin: 0px; display: block; }
.left_menu li { padding: 5px 3px 5px 0px; margin: 0px; list-style: none; }
.left_menu li a{ font-size: 13px; color: #32b6b0;}
.left_menu li a:hover { color: #ff8a00; margin: 0px; display: block; }
.level1_sub { padding: 5px 3px 5px 0px; margin: 0px; list-style: none; }
.level1_sub a{ font-size: 13px; color: #32b6b0;}
.level1_sub a:hover { color: #ff8a00; margin: 0px; display: block; }
a#current_page { font-size: 13px; padding: 0px 3px 0px 0px; font-weight: bold; color: #ff8a00; margin: 0px; display: block; }
.level2{ padding: 5px 3px 5px 0px; margin: 0px; list-style: none; }
.level2 a{ font-size: 13px; color: #32b6b0;}
.level2 a:hover { color: #ff8a00; margin: 0px; display: block; }
.level2active a { font-size: 13px; padding: 5px 3px 5px 0px; font-weight: bold; color: #ff8a00; margin: 0px; display: block; }
.level2_sub { padding: 5px 3px 5px 0px; margin: 0px; list-style: none; }
.level2_sub a{ font-size: 13px; color: #32b6b0;}
.level2_sub a:hover { color: #ff8a00; margin: 0px; display: block; }
#page_id_66{display:none;}
#page_id_67{display:none;}
#page_id_230{display:none;}
#page_id_231{display:none;}
#page_id_68{display:none;}
#page_id_15{display:none;}
#page_id_26{display:none;}
#page_id_65{border-bottom:2px solid #32b6b0; padding-bottom:15px;margin-bottom:10px;}
#page_id_1{font-weight:bold;}
#page_id_6{font-weight:bold;}
#page_id_16{font-weight:bold;}
#page_id_27{display:none;}
#page_id_64{display:none;}
#page_id_212{display:none;}
#page_id_225{display:none;}
li#page_id_62{display:none; margin-left:15px; list-style:disc; color:#32b6b0;}
li#page_id_63{display:none; margin-left:15px; list-style:disc; color:#32b6b0;}
li.level2{margin-left:15px; list-style:disc; color:#32b6b0;}
.right_column { float: left; width: 699px; padding-left: 21px; }
.right_order { width: 885px;}
.content-bg-msg-index { width: 699px; height: 295; }
.index-top { float: left; width: 700px; height: 20px; background:url(/layout/images/index-top.gif) no-repeat 0 0; }
.index-center { float: left; width: 700px; min-height: 295px; _height: 295px; background:url(/layout/images/index-center.gif) repeat-y 0px 1px; }
.img-index { float:left; width: 336px; height: 269px; background: #fff; margin-top: 11px; margin-left: 20px; _margin-left: 12px; padding-top: 5px; }
.txt-right-index { float: left; width: 335px; min-height: 295px; _height: 295px; background: #32b6b0; color: #fff; }
.txt-right-index h1 { font-weight: bold; color: #fff; font-size: 25px; padding: 10px 0px 0px 30px;}
.txt-right-index h2 { font-weight: bold; color: #fff; font-size: 18px; padding: 5px 0px 0px 30px;}
.txt-right-index ul { padding: 14px 0px 0px 0px; font-size: 13px; }
.txt-right-index li { padding: 8px 0px 8px 30px; line-height: 1.2; background:url(/layout/images/bullet-txt-index.gif) no-repeat 15px 8px; }
.txt-right-index ul.list_description{ padding: 14px 0px 0px 0px; font-size: 13px; }
.txt-right-index ul.list_description li { padding: 0px 0px 0px 30px; line-height: 1.2; background:url(/layout/images/bullet-txt-index.gif) no-repeat 15px 2px; }
.description { padding-left: 30px; font-size:13px;}
.index-bottom { float: left; width: 700px; height: 20px; background:url(/layout/images/index-bottom.gif) no-repeat 0 0; }
.btns-index { float: left; padding-top: 20px; }
a.button_left img:hover{background-image:url(/layout/images/btn-left-index_over.gif);}
a.button_left img{background-image:url(/layout/images/btn-left-index.gif); background-position:center;}
a.button_right img:hover{background-image:url(/layout/images/btn-right-index_over.gif);}
a.button_right img{background-image:url(/layout/images/btn-right-index.gif); background-position:center;}
.menu-clip-art { width: 883px; height: 85px; margin: 0 auto; padding: 10px 15px 10px 15px; background:url(/layout/images/options.png) no-repeat 0 0; }
.option1 { float: left; width: 154px; height: 95px; text-align: center; }
.option1 img {padding-bottom: 10px; *padding-bottom: 8px; _padding-bottom: 17px; }
.option1 a{ color: #fff; font-weight: bold; }
.option1 a:hover{ color: #000; font-weight: bold;}
.option2 { float: left; width: 151px; height: 95px; text-align: center; margin-left: 25px; }
.option2 img { padding-bottom: 8px; *padding-bottom: 8px; _padding-bottom: 17px; }
.option2 a{ color: #fff; font-weight: bold; }
.option2 a:hover{ color: #000; font-weight: bold;}
.option3 { float: left; width: 151px; height: 95px; text-align: center; margin-left: 22px; }
.option3 img { padding-bottom: 10px; *padding-bottom: 8px; _padding-bottom: 17px; }
.option3 a{ color: #fff; font-weight: bold; font-size:10px;}
.option3 a:hover{ color: #000; font-weight: bold;}
.option4 { float: left; width: 151px; height: 95px; text-align: center; margin-left: 23px; }
.option4 img { padding-bottom: 10px; *padding-bottom: 8px; _padding-bottom: 17px; }
.option4 a{ color: #fff; font-weight: bold; }
.option4 a:hover{ color: #000; font-weight: bold;}
.option5 { float: left; width: 151px; height: 95px; text-align: center; margin-left: 25px; }
.option5 img { padding-bottom: 10px; *padding-bottom: 8px; _padding-bottom: 17px; }
.option5 a{ color: #fff; font-weight: bold; }
.option5 a:hover{ color: #000; font-weight: bold;}
#footer { width: 1002px; height: 195px; padding-top: 0px; margin: 0px auto; background:url(/layout/images/bg-footer.gif) no-repeat 0 45px; }
.links-left { float: left; font-size: 11px; padding: 95px 0px 5px 30px; color: #fff;}
.links-left a { color: #fff; }
.links-left a:hover { color: #fff; text-decoration:underline;}
.links-right { float: right; font-size: 11px; padding: 95px 50px 5px 5px; color: #fff; }
.links-right a { color: #fff; }
.links-right a:hover { color: #fff; text-decoration:underline;}
.sicher_einkaufen{text-align:center;}
.sicher_einkaufen img{padding-top:35px;padding-right:25px;}
/***********************************************************************************
STYLES FORM.HTML
************************************************************************************/
.content-form { position: relative; }
.send-info { position: absolute; display: none; top: 0px; left: -320px; width: 281px; padding: 10px; border: 2px solid #ff8a00; background: #fff3e4; color: #ff8a00; font-size: 12px; line-height: 1.5; }
.close { position: absolute; left:-2px; top: -18px; border: 2px solid #ff8a00; border-bottom: none; background: #fff3e4; padding: 2px; line-height: 1;}
.close a { font-size: 12px; font-weight: bold; text-align: right; color: #ff8a00 !important;}
.link-versan { color: #ff8a00; text-decoration: underline; }
.form-top { width: 700px; height: 16px; background:url(/layout/images/bg-form-top.gif) no-repeat 0 0; }
.form-center { width: 676px; min-height: 20px; _height: 16px; background:url(/layout/images/bg-form-center.gif) repeat-y 0 0; padding: 0px 12px 15px 12px; color: #fff; }
.form-center h1 { font-size: 18px; padding-bottom: 15px; }
.table-form { font-size: 15px; font-weight: bold; }
.table-form p { font-size: 12px; font-weight: normal; }
.table-form a { font-size: 12px; font-weight: normal; color: #fff; }
.input1-details-order { border: none; border: 0px; padding: 2px 0px 0px 2px; }
.box_big_2 .input1-details-order { border: 1px solid #ff8b00; padding: 2px 0px 0px 2px; }
.input2-details-order { width: 92px; height: 27px; border: none; _border: 0px; padding: 8px 2px 0px; }
.form-bottom { width: 700px; height: 16px; background:url(/layout/images/bg-form-bottom.gif) no-repeat 0 0; padding-bottom: 25px; }
.bg-tds { width: 163px; height: 236px; background:url(/layout/images/bg-table2.gif) no-repeat 0 0; color: #32b6b0; font-weight: bold; font-size: 12px; }
.bg-td-litle { width: 10px; background: #32b6b0; }
.bg-table-general { background: #32b6b0; }
.corner1 { width: 9px; height: 9px; _width: 9px; _height: 6px; background:url(/layout/images/sprite-corners.gif) no-repeat 0 0; _background-position: 0px 0px;}
.corner2 { float: left; width: 10px; height: 9px; background:url(/layout/images/sprite-corners.gif) no-repeat -10px 0px; }
.corner3 { float: left; width: 9px; height: 9px; _width: 9px; _height: 9px; background:url(/layout/images/sprite-corners.gif) no-repeat 0px -11px; _background-position: 0 -7px;}
.corner4 { float: right; width: 9px; height: 9px; _width: 9px; _height: 9px; background:url(/layout/images/sprite-corners.gif) no-repeat -11px -11px; _background-position: -11px -7px;}
.table-titus { font-size: 12px; color: #fff; font-weight: bold; padding: 9px 0px 0px 0px; }
.txt-table { padding: 23px 0px 0px 10px; }
.btn-table-left { float: left; width: 9px; height: 43px; margin: 10px 0px 0px 10px; _margin: 10px 0px 0px 5px; background:url(/layout/images/bg-btn-table-left.gif) no-repeat; }
.btn-table-right { float: left; width: 155px; height: 43px; margin: 10px 0px 0px 0px; background: #fff url(/layout/images/bg-btn-table-right.gif) no-repeat right 0; }
.btn-table-right p { font-size: 12px; font-weight: bold; color: #32b6b0; padding: 8px 8px 0px 3px; }
.txt-end-form { font-size: 15px; color: #32b6b0; }
.step{
float:left;
color:#fff;
font-weight:bold;
font-size:18px;
padding-left:10px;
padding-bottom:10px;
}
.step2{
color:#fff;
font-weight:bold;
font-size:18px;
padding-left:10px;
padding-bottom:10px;
}
.box_big_2 .step2{
color:#ff8b00;
font-weight:bold;
font-size:18px;
padding-left:10px;
padding-bottom:10px;
}
.info{
float:right;
}
.accordion h2.title_box{
color:#fff;
padding:10px;
font-size:16px;
cursor:pointer;
text-decoration:underline;
}
.accordion h2.title_box:hover{
color:#fff;
padding:10px;
font-size:16px;
text-transform:uppercase;
}
.accordion h2.title_box.current{
color:#fff;
padding:10px;
font-size:20px;
text-transform:uppercase;
text-decoration:none;
}
.accordion h2.title_box2{
color:#fff;
padding:10px;
font-size:20px;
text-transform:uppercase;
text-decoration:none;
}
.pane{
margin-left:10px;
font-size:11px;
color:#fff;
}
.pane table tbody tr td{
padding-top:2px;
padding-bottom:2px;
}
.pane a{
font-weight:bold;
font-size:11px;
color:#fff;
}
.pane2{
margin-left:10px;
font-size:11px;
color:#fff;
}
.box_big_2 .pane{
margin-left:10px;
font-size:11px;
color:#ff8b00;
}
.box_big_2 .pane table tbody tr td{
padding-top:2px;
padding-bottom:2px;
}
.box_big_2 .pane a{
font-weight:bold;
font-size:11px;
color:#ff8b00;
}
.box_big_2 .pane a:hover{
text-decoration:underline;
color:#ff8b00 !important;
}
.AboData{
float:left;
}
.AboStep2 table{
color:#fff;
margin-left:10px;
}
#scheduler_interval{
margin-left:5px;
margin-right:5px;
}
.AboStep3{
float:right;
}
.AboStep3 table{
color:#fff;
margin-left:10px;
}
#scheduler_repeating{
margin-left:5px;
margin-right:5px;
}
.AboStep4{
float:left;
}
.AboStep4 table{
color:#fff;
margin-left:10px;
}
.AboStep4 table tbody tr td{
nowrap:nowrap;
}
#scheduler_dateselector{
border:0;
padding:2px;
margin:2px;
}
.AboStep5{
float:right;
}
.AboStep5 table{
color:#fff;
margin-left:10px;
}
.box_big{
width:700px;
position: relative;
}
.box_big .header{
background-image:url(/layout/images/box_big_top.png);
height:13px;
}
.box_big .content{
background-image:url(/layout/images/box_big_content.png);
padding:0px 10px 10px 0px;
}
.box_big .footer{
background:url(/layout/images/box_big_bottom.png) no-repeat;
height:13px;
}
.box_big_2{
width:700px;
position: relative;
}
.box_big_2 .header{
background-image:url(/images/gallery/Artikelansicht/box_big_2_top.png);
height:13px;
}
.box_big_2 .content_outer{
background-color:#fff);
border-left:2px solid #ff8b00;
border-right:2px solid #ff8b00;
padding-left:8px;
padding-right:8px;
}
.box_big_2 .content{
background-image:url(/images/gallery/Artikelansicht/box_big_2_content.png);
background-repeat:repeat-x;
padding:0px 10px 10px 0px;
background-position:bottom;
}
.box_big_2 .footer{
background:url(/images/gallery/Artikelansicht/box_big_2_bottom.png) no-repeat;
height:19px;
}
.image{
background-color:#fff;
padding:10px;
width:300px;
border:1px solid #ff8b00;
-moz-border-radius:5px;
border-radius:5px;
}
.box_small{
width:344px;
position: relative;
}
.box_small .header{
background-image:url(/layout/images/box_small_top.png);
height:13px;
}
.box_small .content{
background-image:url(/layout/images/box_small_content.png);
padding:0px 10px 10px 0px;
height:80px;
}
.box_small .footer{
background-image:url(/layout/images/box_small_bottom.png);
height:13px;
}
.txt1 { padding: 30px 10px 0px 10px; font-size: 22px; color: #ff8a00 !important; font-weight: bold; }
.txt2 { padding: 5px 10px 25px 10px;font-size: 16px; color: #ff8a00; font-weight: bold; }
.txt3 { padding: 30px 10px 20px 10px; font-size: 23px; color: #32b6b0; font-weight: bold; }
.txt4 { padding: 5px 10px 10px 10px; font-size: 12px; color: #ff8a00; font-weight: bold; }
.txt4 a{font-size: 12px; color: #ff8a00 !important; font-weight: bold; text-decoration:none;}
.txt4 a:hover{font-size: 12px; color: #ff8a00; font-weight: bold; text-decoration:underline;}
/* Ausblenden des Aendernbuttons der Versandart */
#order_view_tod .order_view_edit_link{display:none}
table.Order_ConfigTable td.right
{
width : inherit !important;
}
a.btn-produktuebersicht { display: block; width: 244px; height: 58px; background: url(/layout/images/button_produktuebersicht.png) no-repeat; cursor: pointer; }
a.btn-produktuebersicht:hover { display: block; width: 244px; height: 58px; background: url(/layout/images/button_produktubersicht-hover.gif) no-repeat; cursor: pointer; }
a.btn-goto-up { display: block; width: 143px; height: 58px; background: url(/layout/images/btn-goto-up.gif) no-repeat; cursor: pointer; }
a.btn-goto-up:hover { display: block; width: 143px; height: 58px; background: url(/layout/images/btn-goto-up-hover.gif) no-repeat; cursor: pointer; }
.article_order_form h1{
color:#32b6b0;
margin-bottom:15px;
}
.article_order_form{
color:#fff;
line-height:1.3;
}
.article_order_form a{
color:#fff;
font-weight:bold;
}
.article_order_form a:hover{
color:#fff;
font-weight:bold;
text-decoration:underline;
}
.article_order_form .Price{
color:#fff;
font-weight:bold;
font-size:20px;
}
a.breadcrumbs{
color:#32b6b0;
}
.breadcrumbs a{
color:#32b6b0;
}
.breadcrumbs span{
color:#32b6b0 !important;
}
.big_image h1{
color:#32b6b0;
}
.stoerer{
margin-top:10px;
width:164px;
}
.stoerer .top{
background-image:url(/images/gallery/Stoerer_HG/stoerer_oben.jpg);
background-repeat:no-repeat;
height:13px;
}
.stoerer .content{
background-image:url(/images/gallery/Stoerer_HG/stoerer_mitte.jpg);
background-repeat:repeat-y;
text-align:center;
}
.stoerer .content a{
color:#fff;
font-weight:bold;
font-size:14px;
line-height:1.3;
}
.stoerer .content a:hover{
text-decoration:underline;
}
.stoerer .bottom{
background-image:url(/images/gallery/Stoerer_HG/stoerer_unten.jpg);
background-repeat:no-repeat;
height:13px;
}
.cat_box_big{
text-align:center;
width:844px;
color:#32b6b0;
padding:20px;
}
.cat_box{
background-image:url(/layout/images/box_category.jpg);
background-repeat:no-repeat;
width:395px;
height:125px;
float:left;
color:#32b6b0;
padding:20px;
margin-bottom:15px;
}
.cat_box a{
line-height:16px;
color:#32b6b0;
}
.cat_box a:hover{
text-decoration:underline;
}
.cat_spacer{
width:15px;
float:left;
}
.cat_left{
float:left;
}
.cat_right img{
float:right;
}
#livesearch_result{
color:#32b6b0;
font-size:12px;
z-index:50 !important;
position:relative;
left:50px;
top:10px;
}
#livesearch_result fieldset.box_gray2{
border: 2px solid #32b6b0 !important;
-moz-border-radius: 5px;
border-radius: 5px;
padding:5px;
}
#livesearch_result a{
font-weight:bold;
color:#32b6b0;
}
#livesearch_result a:hover{
text-decoration:underline;
}
#livesearch_result .Price{
font-weight:bold;
color:#ff8b00;
} /* 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;
}
div.PlentyErrorPane
{
display: none;
color: white;
font-size: 12pt;
}
.PlentyErrorMessageBox
{
background-color: #f36060;
border: 1px dashed #9c2020 !important;
margin-bottom:5px;
padding:5px;
}
*{
color:#00786e;
}
a{
color:#32b6b0;
}
/* Box Settings*/
.PlentyWebBasketContainer
{
margin-bottom:15px;
}
#PlentyWebBasketTitleContainer
{
margin-top:15px;
}
/* Box Headlines */
.PlentyWebBasketContainerTitle
{
background: #e8f4f2; /* Old browsers */
background: -moz-linear-gradient(top, #fefefe 0%, #e8f4f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8f4f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fefefe 0%,#e8f4f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fefefe 0%,#e8f4f2 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #fefefe 0%,#e8f4f2 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e8f4f2',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #fefefe 0%,#e8f4f2 100%); /* W3C */
/* rounded borders top left and right */
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-khtml-border-radius-topleft:5px;
-khtml-border-radius-topright:5px;
/* rest */
color:#32B6B0;
font-size:18px;
font-weight:400;
border:1px solid #43cfc2;
padding:5px 10px 5px 10px;
}
.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketShippingCountryContainerTitle,.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketPaymentMethodContainerTitle,
.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketShippingMethodContainerTitle,.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketCouponContainer,
.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketCouponContainerTitle,.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketSchedulerContainerTitle
{
cursor:pointer;
background: #17b4a8; /* Old browsers */
background: -moz-linear-gradient(top, #3abfb5 0%,#17b4a8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3abfb5), color-stop(100%,#17b4a8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3abfb5 0%,#17b4a8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3abfb5 0%,#17b4a8 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #3abfb5 0%,#17b4a8 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3abfb5', endColorstr='#17b4a8',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #3abfb5 0%,#17b4a8 100%); /* W3C */
color:#fff;
}
.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketShippingMethodContainerTitle #WebBasketShippingMethodSelectedChange,
.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketPaymentMethodContainerTitle #WebBasketPaymentMethodSelectedChange,
.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketSchedulerContainerTitle #WebBasketSchedulerSelectedChange,
.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketShippingCountryContainerTitle #WebBasketShippingCountrySelectedChange,
.PlentyWebBasketOpenableContainer:hover #PlentyWebBasketCouponContainerTitle #WebBasketCouponSelectedChange
{
color:#fff;
}
/* Box Body */
.PlentyWebBasketContainerContent
{
/* inner shadow*/
-moz-box-shadow: inset 0px 0px 3px #87fffd;
-webkit-box-shadow: inset 0px 0px 3px #87fffd;
box-shadow: inset 0px 0px 3px #87fffd;
/* 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 #43cfc2;
border-top:0;
background-color:#fff;
padding:10px;
line-height:17px;
}
/* footer */
#PlentyWebBasketFooterContainerContent
{
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-khtml-border-radius-topleft:5px;
-khtml-border-radius-topright:5px;
text-align: right;
}
/* Box Head change Buttons */
#WebBasketSchedulerSelectedChange,#WebBasketShippingCountrySelectedChange,#WebBasketPaymentMethodSelectedChange,#WebBasketShippingMethodSelectedChange,#WebBasketCouponSelectedChange
{
font-size:12px;
font-weight:400;
color:#00786e;
float:right;
margin-top:3px;
cursor:pointer;
}
/* 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;
}
/* 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;
}
*{
color:#00786e;
}
a{
color:#32b6b0;
}
/* 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
{
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: #e8f4f2; /* Old browsers */
background: -moz-linear-gradient(top, #fefefe 0%, #e8f4f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefefe), color-stop(100%,#e8f4f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #fefefe 0%,#ee8f4f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #fefefe 0%,#e8f4f2 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #fefefe 0%,#e8f4f2 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#e8f4f2',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #fefefe 0%,#e8f4f2 100%); /* W3C */
/* rounded borders top left and right */
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
-khtml-border-radius-topleft:5px;
-khtml-border-radius-topright:5px;
/* rest */
color:#32B6B0;
font-size:18px;
border:1px solid #43cfc2;
padding:5px 10px 5px 10px;
font-weight:400;
}
.AccordionTitle.CurrentAccordionTitle
{
background: #17b4a8; /* Old browsers */
background: -moz-linear-gradient(top, #3abfb5 0%, #17b4a8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3abfb5), color-stop(100%,#17b4a8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3abfb5 0%,#17b4a8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3abfb5 0%,#17b4a8 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #3abfb5 0%,#17b4a8 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3abfb5', endColorstr='#17b4a8',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #3abfb5 0%,#17b4a8 100%); /* W3C */
/* rest */
border:1px solid #3abfb5;
color:#fff;
font-weight:bold;
}
.AccordionTitle.AlreadyOpened
{
background: #17b4a8; /* Old browsers */
background: -moz-linear-gradient(top, #3abfb5 0%, #17b4a8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3abfb5), color-stop(100%,#17b4a8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #3abfb5 0%,#17b4a8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #3abfb5 0%,#17b4a8 100%); /* Opera11.10+ */
background: -ms-linear-gradient(top, #3abfb5 0%,#17b4a8 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3abfb5', endColorstr='#17b4a8',GradientType=0 ); /* IE6-9 */
background: linear-gradient(top, #3abfb5 0%,#17b4a8 100%); /* W3C */
/* rest */
border:1px solid #3abfb5;
color:#fff;
font-weight:bold;
}
/* Unique goes here */
/* Unique goes here */
/* Accordion Body */
#PlentyOrderCheckoutAccordion > .AccordionPane
{
/* inner shadow*/
-moz-box-shadow: inset 0px 0px 3px #17b4a8;
-webkit-box-shadow: inset 0px 0px 3px #17b4a8;
box-shadow: inset 0px 0px 3px #17b4a8;
/* 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 #17b4a8;
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]
{
border:none;
border:1px solid #CCC;
padding:3px 0;
margin-top:2px;
}
div.PlentyFormBox input[type=text]:focus,div.PlentyFormBox input[type=password]:focus
{
border:none;
border:1px solid #4582a5;
padding:3px 0;
}
/* 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;
}
/* 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;
}#PlentyWebLoginRegisterForm{padding-right:25px; border-right:1px solid #32b6b0; width:400px;}
#PlentyWebLoginLoginForm{width:400px; padding-left:10px;}
/* 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;
color:#32b6b0;
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: 90%;
}
#PlentyWebInvoiceDetailsBirthdayContainer .address_input_field
{
width: 31% !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%
}
#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;}
#WebPostfinderGetPackstationsOverlayTrigger
{
margin-top: 10px;
cursor: pointer;
text-align: left;
}
#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;}
#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;
}
.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;
}