/* .oc:CSS-stVooCtrlCheckout.css - Voomates - /templates/#Voo#/frontend/_resources/styles/stVooCtrlCheckout.css - 2013-07-30:1400. */ /* .wpa: wolfgang papendieck [papendieck.net] - oc: oliver martens [OMARtecc engineering]. */ /* .2013 wpa,oc, Original by Shopware (http://www.shopware.de). */ /* .voomates - Shopware 4.0.5. Stylesheet. */ /* .. */ /*oc: . */ /* .ctrl:checkout-----------------------------------------------------------. */ /* .oc:style.css---------------------------------------------------------... */ /* Stepbox */ /*oc: div.step_box {width: 998px;height: 42px;margin-left: 1px;background: url(../images/backgrounds/bg_stepbox.png) bottom left repeat-x;margin: 0 0 20px 0;} */ /*oc: div.step_box ul {width: 100%;} */ /*oc: div.step_box ul li {width: 316px;float: left;margin-right: 2px;height: 41px;background: url(../images/backgrounds/bg_step-inactive.png) repeat-x;border: 1px solid;border-bottom: 0 none;cursor: default;} */ /*oc: div.step_box ul li.active {background: #fff url(../images/backgrounds/bg_step-active.png) top left repeat-x;} */ /*oc: div.step_box ul li#first_step {margin-left: 20px;} */ /*oc: div.step_box ul li .icon {display: block;height: 26px;width: 29px;background: url(../images/backgrounds/bg_stepnumber.png) repeat-x;text-align: center;margin: 5px 0 0 9px;padding: 8px 0 0 0;border: 1px solid;border-bottom: 0 none;font: bold 15px/18px Arial, sans-serif;float: left;} */ /*oc: div.step_box ul li.active .icon {background: url(../images/backgrounds/bg_stepnumber-active.png) repeat-x;border: 0;width: 29px;height: 31px;} */ /*oc: div.step_box ul li .text {display: block;float: left;font: bold 15px/18px Arial, sans-serif;margin: 12px 0 0 15px;} */ /* General table styling */ /*oc: .table {margin: 0 !important;} */ /*oc: .table .table_row, .table .table_foot, .table .table_premium {margin: 0 !important; width: 100%;} */ /*oc: .table .table_head {height:15px;padding: 10px 0 10px 0px;border: 1px solid;font-weight: 700;} */ /*oc: .table .table_row, .table .table_foot {min-height: 45px;border: 1px solid; border-top: 0 none;padding: 10px 0 10px 0px;} */ .table .lastrow {border-bottom: 1px solid;} /*oc: .table .table_row .no_image {width: 57px; height:57px;margin:12px 0 0 10px;} */ /*oc: .table .table_foot #aggregation_left {width: 130px;} */ /*oc: .table .table_foot #aggregation_left p, .table .table_foot #aggregation p {margin-bottom: 0.5em;} */ /*oc: .table .table_foot #aggregation_left .tax, .table .table_foot #aggregation .tax {height:32px;} */ /*oc: .table .table_row a.thumb_image {margin: 12px 0 0 10px;display: block; height: 57px; width: 57px;} */ /*oc: .table .table_row a.thumb_image img {margin: 0 auto;display: block;} */ /*oc: .table .table_row .basket_details {position: absolute; top:0px;left: 95px;} */ #content #payment {border: 1px solid;} #content #payment h2.headingbox_dark {border: 0 none;} #content #payment iframe {border:0px;width:100%;height:400px;} /* .end:style.css--------------------------------------------------------... */ /* .oc:colors.css--------------------------------------------------------... */ /*oc: div.step_box ul li {border-color: #ebebeb} */ /*oc: div.step_box ul li.active {border-color: #c7c7c7;} */ /*oc: div.step_box ul li .icon {border-color: #dedede; color: #919191;} */ /*oc: div.step_box ul li.active .icon {color: #fff;} */ /*oc: div.step_box ul li .text {color: #919191;} */ /*oc: div.step_box ul li.active .text {color: #dd4800;} */ /*oc: .table .table_head {background-color: #F5F5F5;border-color:#c7c7c7;} */ /* .end:colors.css-------------------------------------------------------... */ /* .oc:emotion.css-------------------------------------------------------... */ /* Step box */ /*oc: div.step_box ul li {border-color: #d5d5d5} */ /*oc: div.step_box ul li.active {border-color: #d3d3d3;} */ /*oc: div.step_box ul li .icon {border-color: #dedede; color: #919191;} */ /*oc: div.step_box ul li.active .icon {color: #fff;} */ /*oc: div.step_box ul li .text {color: #919191;} */ /*oc: div.step_box ul li.active .text {color: #e1540f;} */ /* .end:emotion.css. */ /* -------------------------------------------------------------------------- */ /* .checkout step.1.-----------------------------------------------------... */ /*oc:in #content. */ #diVooBgInner #diVooCheckout{ position:relative; width:100%; height:100%; background:url(../images/backgrounds/bg_softgrey_light.jpg) repeat; } #diVooBgInner #diVooCheckoutRight{ position:absolute; width:33%; height:100%; right:0; background: url("../images/backgrounds/bg_basket10p.png") repeat; } #content .inner #stepbox{ float:left; width:656px; margin:0; } #stepbox .step_box{ width:543px; height:41px; margin:0 auto; font-family:"BitterBold"; font-size:14px; background:transparent; } #stepbox .step_box ul{ width:100%; } #stepbox .step_box .stPOS{ position:absolute; width:auto; height:31px; } #stepbox .step_box .active .stPOS{ background:url(../images/icons/ico_step_current.png) no-repeat center bottom; } #stepbox .step_box ul li{ width:181px; float:left; height:34px; margin:0; background:transparent; cursor:default; } #stepbox .step_box ul li.active{ background:transparent; } #stepbox .step_box ul li#first_step{ margin:0; } #stepbox .step_box ul li .icon{ display:block; float:left; height:20px; width:20px; margin:-2px 5px 0 0; text-align:center; background:transparent; } #stepbox .step_box ul li .icon.st1{ background:url(../images/icons/ico_step1.png) no-repeat 0px 0px; } #stepbox .step_box ul li.active .icon.st1{ background:url(../images/icons/ico_step1.png) no-repeat 0px -20px; } #stepbox .step_box ul li .icon.st1.stDone{ background:url(../images/icons/ico_step1.png) no-repeat 0px -40px; } #stepbox .step_box ul li .icon.st2{ background:url(../images/icons/ico_step2.png) no-repeat 0px 0px; } #stepbox .step_box ul li.active .icon.st2{ background:url(../images/icons/ico_step2.png) no-repeat 0px -20px; } #stepbox .step_box ul li .icon.st2.stDone{ background:url(../images/icons/ico_step2.png) no-repeat 0px -40px; } #stepbox .step_box ul li .icon.st3{ background:url(../images/icons/ico_step3.png) no-repeat 0px 0px; } #stepbox .step_box ul li.active .icon.st3{ background:url(../images/icons/ico_step3.png) no-repeat 0px -20px; } #stepbox .step_box ul li .icon.st3.stDone{ background:url(../images/icons/ico_step3.png) no-repeat 0px -40px; } #stepbox .step_box ul li .text{ display:block; float:left; margin:0; color:#a1a1a1; } #stepbox .step_box ul li.active .text{ color:#5f5f5f; } #content .inner #basket{ float:left; width:656px; min-height:900px; margin:22px 0 0 0; } #content .inner .stConfirm{ width:656px; height:64px; margin:0; } #content .inner #confirm{ width:656px; min-height:900px; left:0; } #content .inner #center.finish{ width:656px; min-height:850px; left:0; } #content .inner .table{ width:543px; margin:0 auto; } #content .inner #basket.table{ } #content .inner #confirm .table{ margin:41px 0 0 56px; } .table .table_head{ width:100%; height:42px; margin:0; font-family:"BitterBold"; font-size:13px; background:transparent; text-transform:uppercase; } .table .table_head .stBG{ position:absolute; width:560px; height:47px; margin:-15px 0 0 -6px; background:url(../images/backgrounds/pl_checkout_dark_l.png) no-repeat center top; z-index:-1; } /* .table-grid. oc:#basket + #confirm */ .table .table_head .stCol, .table .table_row .stCol{ position:relative; display:inline; float:left; margin:0; } .table .table_head .stCol.stArt{ width:161px; margin:0 0 0 91px; } .table .table_head .stCol.stQuant{ width:75px; } .table .table_head .stCol.stUniPri{ width:100px; } .table .table_head .stCol.stTotal{ width:90px; } .table .table_row{ overflow:hidden; border-bottom:1px solid #A9A9A9; } .table .table_row, .table .selected_premium{ width:100%; height:70px; margin:0 0 15px 0; } #basket .table .table_row{ } /*no: #finished .table .table_row{ min-height:100px; } */ /* .table-grid:item:inner. oc:#basket + #confirm. */ .table .table_row .stCol.stArt{ width:252px; margin:0; } .table .table_row.small_quantities .stCol.stArt{ width:262px; margin:0; } .table .table_row .stCol.stQuant{ width:75px; margin:17px 0 0 0; } .table .table_row.small_quantities .stCol.stQuant{ width:65px; margin:17px 0 0 0; } .table .table_row .stCol.stQuant input.stQuantity{ float:left; width:28px; height:26px; margin:-2px 0 0 1px; line-height:26px; text-align:center; border:1px solid #A9A9A9; font-family:"BitterBold"; font-size:15px; } .table .table_row .stCol.stQuant .stSpin{ position:relative; width:15px; height:26px; left:31px; top:0; } .table .table_row .stCol.stQuant .stSpin_up{ height:14px; width:20px; cursor:url(../images/buttons/bcPlusMid.cur),ne-resize; background:url(../images/buttons/bQuantityChecko.png) no-repeat center top; } .table .table_row .stCol.stQuant .stSpin_down{ height:13px; width:20px; margin:0; cursor:url(../images/buttons/bcMinusMid.cur),s-resize; background:url(../images/buttons/bQuantityChecko.png) no-repeat center bottom; } .table .table_row .stCol.stUniPri{ width:100px; margin:22px 0 0; color:#5f5f5f; } .table .table_row .stCol.stTotal{ width:90px; margin:22px 0 0; font-family:"BitterBold"; font-size:13px; color:#5f5f5f; } .table .table_row a.thumb_image{ display:block; float:left; width:auto; height:auto; margin:-8px 0 0 11px; } .table .table_row a.thumb_image.stCUDEF{ cursor:default; } #confirm .table .table_row a.thumb_image{ margin:-8px 0 0 11px; padding:0; border:0 none; border-radius:0 0 0 0; background:transparent;} .table .table_row a.thumb_image img{ display:block; margin:0 auto; } #confirm .table .table_row a.thumb_image img{ border-radius:0 0 0 0; } .table .table_row .no_image{ width:70px; height:70px; margin:0 0 0 10px;} .table .table_row .basket_details{ position:relative; float:left; top:15px; margin:0 0 0 10px; } #confirm .table .table_row .basket_details{ position:relative; width:auto; float:left; top:15px; margin:0 0 0 10px; } #confirm .table .table_row.voucher .basket_details{ top:21px; } #confirm .table .table_row .basket_details .title {text-transform:uppercase;} .table .table_row .basket_details p{ margin:0; } .table .table_row .basket_details .title{line-height:15px; font-family:"BitterBold"; font-size:13px; color:#5f5f5f; } .table .table_row .basket_details .title.stCUDEF{ cursor:default; } .table .table_row .basket_details a.title.stCUDEF:hover{ text-decoration:none; } .table .table_row .basket_details .ordernumber{ font-size:10px; color:#5f5f5f; } .table .table_row.voucher .basket_details, .table .table_row.small_quantities .basket_details{ top:21px; } .table .table_row .action a.del{ position:relative; left:307px; top:22px; } /*oc:stQuant incl.fancy select. */ .table .table_row .stCol.stQuant select{ width:50px; margin:0; } /* .table-grid:item:spec. */ .table .small_quantities{ min-height:65px; background:url(../images/icons/no_ico_basket_small_quantities.png) no-repeat 30px 12px; } #confirm .table .small_quantities{ background:url(../images/icons/no_ico_basket_small_quantities.png) no-repeat 22px 6px; } .table .small_quantities .stSPACE, .table .voucher .stSPACE{ float:left; width:70px; height:45px; margin:0 0 0 10px; background:transparent; } #confirm .table .small_quantities .stSPACE{ margin:0 0 0 2px; } /* .table-grid:item:vouchers. */ /*?: #basket .cart .table_row .vouchers, #basket .cart .table_row .box .add_article{ width:100%; } */ .table .voucher{ min-height:65px; background:url(../images/icons/ico_voucher.png) no-repeat 11px -8px; } /* .table-grid:voucher-input. */ #basket .table .stVoucher{ height:52px; margin:0 0 30px 0; border-bottom:0; background:url(../images/backgrounds/no_bg_basket10p.png) repeat; } #basket .table .stVoucher .stBOX{ margin:7px 0 0 90px; } #basket .table .stVoucher .stTXT{ float:left; width:164px; padding:5px 0 0 0; line-height:14px; font-family:"BitterBold"; font-size:10px; color:#5f5f5f; } #basket .cart .table_row input.text{ float:left; width:148px; height:14px; border:1px solid #A9A9A9; background:url(../images/backgrounds/bg_newsletter.png) no-repeat scroll 0 0 white; } #basket .table .stVoucher input#basket_add_voucher{ width:158px; height:22px; margin:6px 0 0 0; padding:2px 0 0 0; text-align:center; font-size:9px; color:#A1A1A1; } #basket .cart .table_row input.box_send{ display:block; float:left; width:93px; height:19px; line-height:19px; margin:9px 0 0 22px; padding:0; text-indent:12px; border:0 none; font-family:"BitterBold"; font-size:11.4px; color:white; cursor:pointer; background:url("../images/buttons/btn_voucher.png") no-repeat scroll 0 0 transparent; } #basket .cart .table_row input.box_send:hover{ color:black; background-position:left bottom; } /* .table-grid:free-delivery. */ /*no: #basket .cart .table_row .box_cart_info{ float:right; width:348px; margin:0.5em 0; padding:0 50px; text-align:center; color:#e1540f; } */ /*no: #basket .cart .table_row .box_cart_info p{ margin:0; } */ /* .table-grid:calc-container. */ #basket .table .table_row.non{ height:auto; border-bottom:0; } /* .table-grid:calc-delivery. */ #basket .table .shipping, #confirm .table .shipping{ display:inline-block; float:left; width:100%; height:auto; margin:0; padding:0 0 19px 0; border:0; background:url("../images/backgrounds/no_bg_basket10p.png") repeat; } #basket .table .shipping form{ width:100%; margin:0 auto; } #confirm .table .shipping{ margin:-16px 0 23px 0; padding:0; } /*no: #basket .table .shipping h2.headingbox.largesize{ padding:0 0 0 14px; color:#999; } */ #basket .cart .shipping .basket_country p, #basket .cart .shipping .basket_payment p, #basket .cart .shipping .basket_dispatch p{ margin:2px 0; } #basket .table .shipping .stShipPayHead{ width:100%; height:55px; margin:0; font-family:"BitterBold"; font-size:13px; background:transparent; } #basket .table .shipping .stShipPayHead span{ margin:0 0 0 27px; } #basket .table .shipping .stShipPayHead .stBG{ position:absolute; width:560px; height:47px; margin:-14px 0 0 -6px; background:url(../images/backgrounds/pl_checkout_dark_l.png) no-repeat center top; z-index:-1; } /* .calc-delivery:payment. */ #basket .table .shipping .basket_payment{ margin:0; padding:0; color:#5f5f5f; border-bottom:1px solid #A9A9A9; } #basket .table .shipping .basket_payment #basket_payment_list{ min-height:75px; margin:0; } #basket .table .shipping .basket_payment #basket_payment_list .stIMG{ width:104px; min-height:30px; margin:0 0 0 4px; background:transparent; } #basket .table .shipping .basket_payment #basket_payment_list .stRadio{ margin:1px 0 0 33px; } #basket .table .shipping .basket_payment #basket_payment_list .stRadio input{ top:0; margin:0 6px 0 0; cursor:pointer; } #basket .table .shipping .basket_payment #basket_payment_list .stRadio label{text-transform:uppercase; position:relative; top:-2px; font-family:"BitterBold"; font-size:13px; cursor:pointer; } #basket .table .shipping .basket_payment #basket_payment_list .stPayCharge{ margin:0 0 0 21px; font-size:10px; } #basket .table .shipping .basket_payment #basket_payment_list .stDesc{ width:215px; line-height:15px; font-size:10px; } /* .calc-delivery:payment:templates. */ #basket .table .shipping .basket_payment #basket_payment_list .bankdata{ position:relative; width:400px; left:136px; margin:0; } #basket .table .shipping .basket_payment #basket_payment_list .bankdata .debit{ } #basket .table .shipping .basket_payment #basket_payment_list .bankdata p{ float:left; } #basket .table .shipping .basket_payment #basket_payment_list .bankdata label{ display:block; float:left; width:100px; padding-top:11px; } /*no: #basket .table .shipping .basket_payment #basket_payment_list .bankdata input{ } */ /* .calc-delivery:payment:price. */ #basket .table .shipping .stPayMethodeSum{ width:100%; height:53px; border-bottom:1px solid #A9A9A9; font-family:"BitterBold"; font-size:13px; color:#5F5F5F; } #basket .table .shipping .stPayMethodeSum .stPaMeTxt{ margin:18px 0 0 31px; } #basket .table .shipping .stPayMethodeSum .stPaMePrice{ margin:18px 28px 0 0; } /* .calc-delivery:country + dispatch. */ /*no: #basket .cart .shipping .basket_country, #basket .cart .shipping .basket_payment, #basket .cart .shipping .basket_dispatch{ */ #basket .cart .shipping .basket_country, #basket .cart .shipping .basket_dispatch{ width:100%; height:24px; margin:15px 0 0 0; padding:0; border:0 none; font-family:"BitterBold"; font-size:13px; color:#5F5F5F; } #basket .cart .shipping .basket_dispatch.stHIDE{ display:none; } #basket .cart .shipping .basket_country label, #basket .cart .shipping .basket_dispatch label{ float:left; width:109px; margin:4px 0 0 31px; } /*oc:inkl.fancy select. (oc:need margin-top). */ #basket .cart .shipping .basket_country select, #basket .cart .shipping .basket_payment select, #basket .cart .shipping .basket_dispatch select{ width:147px; margin-top:0; } #basket .cart .shipping .basket_country .stDispatchPrice{ margin:4px 28px 0 0; } #basket .cart .shipping .basket_dispatch_description{ padding:18px 0 0 31px; font-size:10px; color:#5F5F5F; } #basket .cart .shipping .basket_dispatch_description h3{ margin:0; } #basket .cart .shipping .basket_dispatch_description p{ margin:0; } /* .table_foot:sum of check. */ .table .table_foot{ width:100%; min-height:50px; margin:-19px 0 0 0; padding:20px 0 0 0; border-top:3px double #5F5F5F; } .table .table_foot #aggregation_left{ width:120px; margin:0 0 0 294px; text-align:right; } .table .table_foot #aggregation{ width:101px; margin:0; } .table .table_foot #aggregation_left p, .table .table_foot #aggregation p{ margin-bottom:0px; color:#5f5f5f; } .table .table_foot #aggregation_left span{ } .table .table_foot .stFooShip{ border-bottom:1px solid #5F5F5F; } .table .table_foot .totalamount{ border:0 none; } .table .table_foot #aggregation_left .totalamount p{ line-height:19px; font-size:13px; letter-spacing:0.5px; } .table .table_foot #aggregation .totalamount p{ line-height:15px; font-size:17px; padding:0 0 4px; } .table .table_foot .tax, .table .table_foot .tax{ height:16px; font-size:10px; } .table .table_foot .stTaxRates{ margin:-2px 0 0 0; font-size:10px; } /*no: #basket .table .table_foot .border{ border-bottom:1px solid; } */ /*no: .table .table_foot #aggregation_left .border, .table .table_foot #aggregation_left .doubleborder{ border-color:#999; } */ /*no: .table .table_foot #aggregation .border, .table .table_foot #aggregation .doubleborder{ border-color:#999; } */ /* .buttons. */ #basket .actions.stChecko{ height:40px; margin:20px 0 0 0; } #basket .actions.stChecko a.stBut{ position:absolute; display:inline-block; float:left; font-size:17px; font-family:"BitterBold"; text-align:center; line-height:28px; background-position:left top; } #basket .actions.stChecko a.stBut.stBack{ width:150px; height:32px; line-height:32px; text-indent:18px; color:#A9A9A9; background-image:url("../images/buttons/btn_back.png"); } #basket .actions.stChecko a.stBut.stBack span{ position:relative; top:-1px; } #basket .actions.stChecko a.stBut.stInqui{ width:116px; height:28px; margin:0 auto; font-size:10px; background-image:url("../images/buttons/btn_grey_without_arrow_small.png"); } #basket .actions.stChecko a.stBut.stCheck{ width:150px; height:32px; left:449px; line-height:32px; text-indent:18px; background-image:url("../images/buttons/btn_foreward.png"); } #basket .actions.stChecko a.stBut.stCheck span{ position:relative; top:-1px; } #basket .actions.stChecko a:hover, #basket .actions.stChecko a:focus{ text-decoration:none; color:white; background-position:left bottom; } #basket .actions.stChecko a.stBut.stBack:hover, #basket .actions.stChecko a.stBut.stBack:focus{ color:black; } /*end:checkout step.1.---------------------------------------------------... */ /* .checkout step.1.1.modal-login see:stVoomates.css---------------------... */ /* .checkout step.2.register/login see:stVooCtrlAccoReg.css--------------... */ /* .checkout step.3.confirm----------------------------------------------... */ /*no: #confirm h2.headingbox{ height:20px; line-height:20px; padding:10px 40px 0px; font-size:16px; color:#e1540f; border:0 none; background:#fff; } */ #confirm .agb_cancelation{ width:543px; height:200px; margin:0 0 17px 55px; } #confirm .agb_cancelation .stConfirmAgbHead{ width:100%; height:55px; margin:0; font-family:"BitterBold"; font-size:13px; background:transparent; } #confirm .agb_cancelation .stConfirmAgbHead span{ margin:0 0 0 27px; } #confirm .agb_cancelation .stConfirmAgbHead .stBG{ position:absolute; width:560px; height:47px; margin:-14px 0 0 -6px; background:url(../images/backgrounds/pl_checkout_dark_l.png) no-repeat center top; z-index:-1; } #confirm .personal-information{ width:543px; height:160px; margin:0 0 0 55px; } #confirm .personal-information .stConfirmPersInfoHead{ width:100%; height:41px; margin:0; font-family:"BitterBold"; font-size:13px; background:transparent; } #confirm .personal-information .stConfirmPersInfoHead span{ margin:0 0 0 27px; } #confirm .personal-information .stConfirmPersInfoHead .stBG{ position:absolute; width:560px; height:47px; margin:-14px 0 0 -6px; background:url(../images/backgrounds/pl_checkout_dark_l.png) no-repeat center top; z-index:-1; } .payment input[type=radio]{ margin:0 10px 0 0; } #confirm .personal-information .payment-display{ margin:0; border:0; } #confirm .personal-information .payment{ margin:20px 0 10px 0; padding-top:5px; } #confirm .personal-information .payment .method label.description{ background:transparent; } /* .reformat the error message in -confirm-. */ .ctl_checkout #content .agb_confirm{ position:absolute; width:500px; left:75px; top:60px; margin:0; padding:5px 0; color:#b94a48; background:#f2dede; text-shadow:0 0 0; border-radius:0; } .ctl_checkout .confirm_accept, .ctl_checkout .more_info, .ctl_checkout .agb_info, .ctl_checkout .agb_accept{ position:absolute; left:82px; z-index:1; } /* .widerruf. */ .ctl_checkout .confirm_accept{ top:52px; color:#5f5f5f; } .ctl_checkout .confirm_accept a{ text-decoration:underline !important; } .ctl_checkout .confirm_accept a:hover{ color: #e1540f; } div.more_info input, div.agb_accept input{ margin:3px 0; } div.agb_accept label.chklabel, div.more_info label.chklabel{ display:block; float:left; height:32px; line-height:15px; margin:2px 0 0 14px; padding:2px; color:#5f5f5f; font-size:10px; } /* .newsletter. */ .ctl_checkout .more_info{ top:50px; } .ctl_checkout .more_info input{ float: left; } /* .agb. */ .ctl_checkout .agb_accept{ top:120px; } .ctl_checkout .agb_accept span{ font-family:"BitterBold"; } .ctl_checkout .agb_info{ top:130px; } /* .inner container styling. */ #confirm .personal-information .inner_container, #confirm .additional-options .inner_container, .agb_cancelation .inner_container{ margin:0 0 20px; padding:0 0 0 27px; border:0 none; } /* .structure of the personal information panel. */ #confirm .personal-information .invoice-address, #confirm .personal-information .shipping-address{ position:relative; float:left; width:254px; height:188px; margin:0; line-height:19px; } #confirm .personal-information .invoice-address span, #confirm .personal-information .shipping-address span{ line-height:29px; font-size:13px; color:#5f5f5f; } /*no: #confirm h3.underline{ border:0 none !important; } */ #confirm .personal-information p{ margin:6px 0 10px 0; font-size:13px; color:#5f5f5f; } /* .buttons confirm:personal information. */ #confirm .personal-information .actions{ position:relative; margin:18px 0 0; } #confirm .personal-information .actions .stBUT{ display:inline-block; width:93px; height:18px; padding:0 0 1px 0; line-height:18px; text-indent:25px; text-decoration:none; font-size:11.4px; color:white; background:url(../images/buttons/btn_confirm_AddressChange.png) left top no-repeat; } #confirm .personal-information .actions .stBUT:hover{ color:black; background-position:left bottom; } #confirm .personal-information .actions .stChange{ margin:0 10px 0 0; } #confirm .personal-information .actions .stDiff{ } /* Styles oc@:delete all. */ /*no: .button-left, .button-middle, .button-right{ height:40px; text-decoration:none; color:#000; display:inline-block; font-weight:500; line-height:40px; cursor:pointer; border:0 none; margin:0 5px 5px 0; padding:0 50px 0 35px;} */ /*no: .button-left{ background:url(../images/buttons/button_left-large.png) left center repeat-x; padding:0 35px 0 50px;} */ /*no: .button-right{ background:url(../images/buttons/button_right-large.png) right center repeat-x} */ /*no: .button-middle{ background:url(../images/buttons/button_middle-large.png) center center repeat-x; padding:0 35px;} */ /* Modifier */ /*no: .small, .small_left, .small_right, .small_green{ height:20px; line-height:20px; font-size:11px; font-weight:bold; padding:0 45px 0 20px; color:#fff; } */ /*no: .small{ background:url(../images/buttons/button_middle-small.png) center center repeat-x; padding:0 10px; } */ /*no: .small_right{ background:url(../images/buttons/button_right-small.png) right center repeat-x; padding:0 45px 0 20px; } */ /*no: .small_left{ background:url(../images/buttons/button_left-small.png) left center repeat-x; padding:0 20px 0 45px; } */ /*no: .small_green{ background:url(../images/buttons/button_green-small.png) right center repeat-x; } */ /*no: input.button-left,input.button-right,input.button-middle{ text-align:left; } */ /* .table_row:see above. */ /* .payment & dispatch. */ #confirm .dispatch-methods h3{ border:0 none; font-size:16px; color:#E1540F; } #confirm .dispatch-methods .method .last{ margin:0 0 0 40px; color:#888888; } #content #confirm .payment_method h3, #content #confirm .dispatch-methods h3{ border:0 none; font-size:16px; color:#E1540F; } #confirm .payment_method .method{ padding:10px 0; border-bottom:1px solid #dfdfdf; } #content #confirm .dispatch-methods .method{ width:100%; margin:5px 0; padding:10px 0; border-bottom:1px solid #dfdfdf; } #content #confirm .dispatch-methods .method input{ top:0; } #confirm .payment_method, #confirm .dispatch-methods{ margin:0 0 0 90px; font-family:"BitterBold"; font-size:13px; color:#5f5f5f; } #confirm .shipping form.payment{ border-bottom:1px solid #A9A9A9; } #confirm .payment_method label, #confirm .dispatch-methods label{ float:left; width:163px; margin:5px 0 0 0; } #confirm .payment_method select, #confirm .dispatch-methods select{ width:167px; margin-top:0; } #confirm .payment_method .stPaMePrice{ margin:9px 28px 0 0; } #confirm .dispatch-methods{ margin-top:-3px; padding:0; } #confirm .stDispSpace{ height:10px; border-bottom:3px double #5F5F5F; } #confirm .dispatch-methods .stDesc{ font-family:"BitterRegular"; font-size:9px; line-height:14px; } #confirm .dispatch-methods .stDesc.stDisp{ } #confirm .dispatch-methods .stDesc.stTxt{ width:210px; } #confirm .dispatch-methods .stDispatchPrice{ margin:5px 28px 0 0; } #confirm .method_hide {display: none} #confirm .payment_method .method, #confirm .payment_method .method_last {padding:0 0 10px 0;width:100%;} #confirm .payment_method .grid_5 {padding:0 0 0 40px;} #confirm .payment .change {margin: 0;float:right;} #confirm .payment .change a {margin: 10px} /* .action buttons. */ #confirm .dispatch-methods .actions{ position:static; display:inline-block; margin-top:20px; } #confirm .payment .actions input{ margin:0; } #confirm .table .table_foot{ width:100%; margin:-16px 0 0 0; padding-left:0; } /*no: #confirm .table .table_foot .tablefoot_inner-left{ float:left; width:272px; height:190px; margin-top:1px; border-top:1px solid #DFDFDF; background:transparent; } */ #confirm .table .table_foot .tablefoot_inner{ background:transparent; } /*oc:container zur kasse button. */ #confirm .additional_footer{ width:100%; margin:21px 0 20px 0; } #confirm .additional_footer .actions{ float:right; width:150px; margin:0; } #confirm .additional_footer #basketButton{ position:relative; width:150px; height:36px; margin:-4px 0 0 -57px; padding:0 0 0 10px; color:black; font-family:"BitterBold"; font-size:17px; border:0 none; cursor:pointer; background:url(../images/buttons/btn_foreward_form.png) no-repeat left 4px; /* CSS3 */ -webkit-border-radius: 0 0 0 0; -moz-border-radius: 0 0 0 0; -ms-border-radius: 0 0 0 0; -o-border-radius: 0 0 0 0; border-radius: none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; } #confirm .additional_footer #basketButton:hover{ color:#fff; background-position:left bottom; } /* .checkout step.end.finish---------------------------------------------... */ #center.finish .teaser{ width:543px; margin:0 auto 63px; background:url(../images/backgrounds/gra_well_done.png) no-repeat 303px 59px; } /*no: #center.finish h2.stTeaH2{ width:100%; height:47px; margin:0 0 20px 0; font-size:12px; color:white; background:url(../images/backgrounds/pl_checkout_dark_l.png) no-repeat 30px top; } */ /*no: #center.finish h2.stTeaH2 span.frontend_checkout_finish{ display:block; margin:0 0 0 50px; line-height:47px; } */ #center.finish .teaser .stFinSuccHead{ width:100%; height:62px; margin:0; font-family:"BitterBold"; font-size:13px; background:transparent; } #center.finish .teaser .stFinSuccHead span{ margin:0 0 0 26px; } #center.finish .teaser .stFinSuccHead .stBG{ position:absolute; width:560px; height:47px; margin:-14px 0 0 -5px; background:url(../images/backgrounds/pl_checkout_dark_l.png) no-repeat center top; z-index:-1; } #center.finish .teaser p{ margin:0 0 0 26px; text-align:left; line-height:19px; font-size:13px; color:#5F5F5F; } #center.finish .teaser p.stFinTeaTxt.thx{ } /*no: #center.finish .teaser p.stFinTeaTxt.email{ } */ #center.finish .teaser p.stFinTeaTxt.print{ margin-top:30px; } /* .print-button. */ #center.finish .teaser .stFinTeaButtons{ display:inline-block; margin:47px 0 0 0; } #center.finish .teaser .stFinTeaButtons a.stBUT{ display:block; float:left; width:150px; height:32px; line-height:30px; margin:0; padding:0; text-indent:35px; text-decoration:none; font-family:"BitterBold"; font-size:17px; cursor:pointer; background:blue; } #center.finish .teaser .stFinTeaButtons a.stBUT.gohome{ color:#A9A9A9; background:url(../images/buttons/btn_back.png) no-repeat left top; } #center.finish .teaser .stFinTeaButtons a.stBUT.print{ margin:0 0 0 243px; color:black; background:url(../images/buttons/btn_foreward.png) no-repeat left top; } #center.finish .teaser .stFinTeaButtons a.stBUT:hover{ background-position:left bottom; } #center.finish .teaser .stFinTeaButtons a.stBUT.gohome:hover{ color:black; } #center.finish .teaser .stFinTeaButtons a.stBUT.print:hover{ color:white; } /* .list-area. */ #center.finish .stFinHeadOrderInfo{ margin:0 0 0 50px; } #center.finish #finished{ } #center.finish #finished .orderdetails{ width:543px; margin:10px auto 23px; padding:0; border:0 none; color:#5F5F5F; } #center.finish #finished .orderdetails p{ margin:0 0 0 26px; } /* .table. */ /*no: #center.finish #finished .table{ } */ #center.finish #finished .table .table_row .stCol.stQuant{ width:50px; margin-right:25px; text-align:center; font-family:"BitterBold"; font-size:13px; color:#5f5f5f; } /* .calc-delivery:payment:price. */ #center.finish #finished .table .stPaySpace{ height:10px; margin:-26px 0 0 0; border-bottom:3px double #5F5F5F; } #center.finish #finished .table .stPayMethodeSum{ width:100%; height:53px; border-bottom:1px solid #A9A9A9; font-family:"BitterBold"; font-size:13px; color:#5F5F5F; } #center.finish #finished .table .stPayMethodeSum .stPaMeTxt{ margin:20px 0 0 91px; } #center.finish #finished .table .stPayMethodeSum .stPaMePrice{ margin:18px 26px 0 0; } #center.finish #finished .table .stDispMethodeSum{ width:100%; height:53px; font-family:"BitterBold"; font-size:13px; color:#5F5F5F; } #center.finish #finished .table .stDispMethodeSum .stDispTxt{ margin:19px 0 0 90px; } #center.finish #finished .table .stDispMethodeSum .stDispatchPrice{ margin:18px 26px 0 0; } #center.finish #finished .table .stDispMethodeSum .stDesc{ font-family:"Bitter"; font-size:10px; line-height:14px; } #center.finish #finished .table .stDispMethodeSum .stDesc.stDisp{ } #center.finish #finished .table .stDispMethodeSum .stDesc.stTxt{ width:210px; margin:14px 0 0 49px; } #center.finish #finished .table .table_foot{ margin:0; padding:24px 0 0 0; } #center.finish #finished .table_foot #aggregation_left{ margin-left:290px; } #center.finish #finished .table_foot #aggregation{ width:107px; } /* .finish right side. */ #content #right.checkout.stFinRightSide{ float:right; } /* .ctrl:checkout:right-side---------------------------------------------... */ #content #right.checkout{ position:absolute; float:left; overflow:hidden; width:300px; right:0; margin:0 0 0 10px; background:transparent; } #content #right.checkout .register_info{ margin:0; background:transparent; } #content #right.checkout #diCheckoRight{ width:250px; margin:0 auto; background:transparent; } #content #right.checkout #diCheckoRight h2{ height:29px; margin:0; padding:0; font-family:"BitterBold"; font-size:17px; border:0 none; color:#474747; } #content #right.checkout #diCheckoRight p{ margin:0; padding:0; line-height:19px; font-size:13px; color:#474747; } #content #right.checkout #diCheckoRight ul{ display:block; padding:0; border:0 none; background:transparent; } #content #right.checkout #diCheckoRight li{ display:block; margin:10px 0; padding:0 0 0 25px; line-height:23px; font-family:"BitterBold"; font-size:13px; color:#5f5f5f; } #content #right.checkout #diCheckoRight .stCnt01 li{ background:url(../images/icons/gra_info.png) no-repeat 0 center; } #content #right.checkout #diCheckoRight .stCnt02 li{ background:url(../images/icons/gra_tick.png) no-repeat 0 center; } #content #right.checkout #diCheckoRight hr{ width:100%; height:1px; margin:0 0 25px -16px; background-color:#a7a7a7; } #content #right.checkout #diCheckoRight .stCnt01, #diCheckoRight .stCnt02, #diCheckoRight .stCnt03, #diCheckoRight .stCnt04{ margin:0 0 25px 0; } #content #right.checkout #diCheckoRight .stCnt02 img{ position:absolute; margin:-5px 0 0 10px; } #content #right.checkout #diCheckoRight .stCnt03 img{ position:static; float:left; margin:0; } #content #right.checkout #diCheckoRight .stCnt03 p.stRight{ padding:0 0 0 80px; } #content #right.checkout #diCheckoRight .stCnt03 .stBot a{ font-family:"BitterBold"; text-decoration:none; } #content #right.checkout #diCheckoRight .stCnt03 .stBot a:hover{ font-family:"BitterBold"; text-decoration:underline; } /* .zahlungsarten. */ #content #right.checkout #diCheckoRight .stCnt04 #diPayImg{ display:inline-block; margin:10px 0 0 0; } #content #right.checkout #diCheckoRight .stCnt04 #diPayImg .stIMG{ width:104px; min-height:30px; margin:0 10px 10px 0; background:transparent; } /* .zahlungsarten:gfx oc:workaround cause sPayment-Var in register not available. */ #content #right.checkout #diCheckoRight .stCnt04 #diPayImg .stVo{ background:url(../images/payment/prepayment.png) no-repeat 0 0; } #content #right.checkout #diCheckoRight .stCnt04 #diPayImg .stPP{ background:url(../images/payment/paypal.png) no-repeat 0 0; } #content #right.checkout #diCheckoRight .stCnt04 #diPayImg .stSo{ background:url(../images/payment/heidelpay_sue.png) no-repeat 0 0; } #content #right.checkout #diCheckoRight .stCnt04 #diPayImg .stMcVi{ background:url(../images/payment/heidelpay_cc.png) no-repeat 0 0; } /* .end:oc-changes: (sum of all above)------------------------------------... */ /* .end:ctrl:nnn------------------------------------------------------------. */ /* wpa: additional styles shopware css */