.order-form-container { width:100%;padding:30px 0px 10px 0px; } .order-form-container h2{padding-top:20px;overflow:hidden;line-height:2em;} .order-form-container ul li{margin:0;padding:0;font-size:1.0em;list-style:none;} .order-form-container a:link, .order-form-container a:visited {color:#0054a6; text-decoration:none;} .order-form-container h1 {font-size:20px; margin-bottom:20px;} .order-form-container .wrap {margin:10px auto; width:900px;} .order-form-container .header {margin-bottom:20px;} .order-form-container .list-form li {display:inline;} .box-719{width:100%;display:inline;float:left;} .box-660{width:100%;display:inline;float:left;} .box-170{width:170px;display:inline;float:left;} .box-200{width:200px;display:inline;float:left;} .box-300{width:300px;display:inline;float:left;} .box-180r{width:180px;display:inline;float:right;} .mb-1{margin-bottom:3px;} .mb-2{margin-bottom:5px;} .mb-3{margin-bottom:10px;} .mb-4{margin-bottom:15px;} .mb-5{margin-bottom:20px;} .mb-6{margin-bottom:25px;} .mb-7{margin-bottom:30px;} .ml-1{margin-left:12px;} .ml-2{margin-left:5px;} .ml-3{margin-left:10px;} .ml-4{margin-left:220px;} .ml-1{margin-top:10px;} .pt-1{padding-top:3px;} .pt-2{padding-top:5px;} .pt-3{padding-top:10px;} .pt-4{padding-top:15px;} .pt-5{padding-top:20px;} .pt-6{padding-top:25px;} .pb-1{padding-bottom:3px;} .pb-2{padding-bottom:5px;} .pb-3{padding-bottom:10px;} .pb-4{padding-bottom:15px;} .pb-5{padding-bottom:20px;} .pb-6{padding-bottom:25px;} .pl-1{padding-left:3px;} .pl-2{padding-left:5px;} .pl-3{padding-left:10px;} .pl-4{padding-left:15px;} .pl-5{padding-left:20px;} .pl-6{padding-left:25px;} .pl-7{padding-left:30px;} .pl-8{padding-left:35px;} .pl-9{padding-left:40px;} .pr-1{padding-right:3px;} .pr-2{padding-right:5px;} .pr-3{padding-right:10px;} .pr-4{padding-right:15px;} .pr-5{padding-right:20px;} .pr-6{padding-right:25px;} .pr-7{padding-right:30px;} .pr-8{padding-right:35px;} .pr-9{padding-right:40px;} .floatleft{float:left;} .floatright{float:right;} .order-form-container .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } .order-form-container .clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; } .order-form-container .clearfix{display:inline-block;} * html .clearfix {height: 100%;} .clearfix{display: block;} .typo-step{color:#222;font-size:26px;font-weight:bold;} .typo-step-o{color:#fff;font-size:26px;font-weight:bold;} .typo-right{ padding:40px 0px 0px 25px; font-style:normal;font-variant:normal;font-weight:normal;font-size:80%; } .typo-w{color:#fff;} .typo-1{color:#D10531;} form.order {padding:10px 40px 40px 40px;} ul.order li {line-height:2.4em;border-bottom:1px dashed #fff;clear:both;padding:0px 20px 0px 20px;} form.order label{float:left;width:200px;} form.order input.text{width:380px;background:#fff;border:1px solid #eee;} form.order input.text1{width:80px;background:#fff;border:1px solid #eee;} form.order select.drop{width:380px;background:#fff;border:1px solid #eee;} form.order select.drop1{width:80px;background:#fff;border:1px solid #eee;} form.order textarea{width:560px;height:40px;background:#fff;} input.center { width: 95% !important;text-align:center !important;padding:5px;margin:5px; } .bt-order-orange{background:url("../img/bt.png") no-repeat scroll right 15px #F99108;border-radius:0.3em;height:50px;border:0px none;cursor:pointer;color:#fdf7ee;font-size:24px;font-weight:bold;margin:20px 0px 0px 0px;float:right;padding:0 50px 0 15px;} .bt-order-orange:hover{background-color:#F9A31A;color:#eee;} .rc{display:block} .rc *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#F99108;} .rc1{margin-left:3px;margin-right:3px;padding-left:1px;padding-right:1px;border-left:1px solid #F99108;border-right:1px solid #F99108;background:#F99108;} .rc2{margin-left:1px;margin-right:1px;padding-right:1px;padding-left:1px;border-left:1px solid #F99108;border-right:1px solid #F99108;background:#F99108;} .rc3{margin-left:1px;margin-right:1px;border-left:1px solid #F99108;border-right:1px solid #F99108;} .rc4{border-left:1px solid #F99108;border-right:1px solid #F99108;} .rc5{border-left:1px solid #F99108;border-right:1px solid #F99108;} .rcfg{background:#F99108;} .rc-w{display:block} .rc-w *{display:block;height:1px;overflow:hidden;font-size:.01em;background:#F9D5AA;} .rc1-w{margin-left:3px;margin-right:3px;padding-left:1px;padding-right:1px;border-left:1px solid #F9D5AA;border-right:1px solid #F9D5AA;background:#F9D5AA;} .rc2-w{margin-left:1px;margin-right:1px;padding-right:1px;padding-left:1px;border-left:1px solid #F9D5AA;border-right:1px solid #F9D5AA;background:#F9D5AA;} .rc3-w{margin-left:1px;margin-right:1px;border-left:1px solid #F9D5AA;border-right:1px solid #F9D5AA;} .rc4-w{border-left:1px solid #F9D5AA;border-right:1px solid #F9D5AA;} .rc5-w{border-left:1px solid #F9D5AA;border-right:1px solid #F9D5AA;} .rcfg-w{ background:#F9D5AA; background-image: url("../img/bg.png"); } .bg-step1-orange{background:url(../img/package-order-form-img-orange.png) no-repeat;height:100px;background-position:0 0px;} .bg-step2-orange{background:url(../img/package-order-form-img-orange.png) no-repeat;height:100px;background-position:0 -100px;} .bg-step3-orange{background:url(../img/package-order-form-img-orange.png) no-repeat;height:100px;background-position:0 -200px;} .bg-step4-orange{background:url(../img/package-order-form-img-orange.png) no-repeat;height:100px;background-position:0 -300px;} .bg-step1-o-orange{background:url(../img/package-order-form-img-orange.png) no-repeat;height:100px;background-position:0 -400px;} .bg-step2-o-orange{background:url(../img/package-order-form-img-orange.png) no-repeat;height:100px;background-position:0 -500px;} .bg-step3-o-orange{background:url(../img/package-order-form-img-orange.png) no-repeat;height:100px;background-position:0 -600px;} .bg-step4-o-orange{background:url(../img/package-order-form-img-orange.png) no-repeat;height:100px;background-position:0 -700px;} .bg-step5-o-orange{background:url(../img/package-order-form-img-orange.png) no-repeat;height:100px;background-position:0 -800px;} #order-form-content .payment { margin:0 auto; margin-top:5px; width: 230px; text-align:center; font-size:16pt; height:100px; font-size:16pt; font-weight:bold; cursor:pointer; } #order-form-content .payment small { display:block; margin-top:220px; font-size:10pt; } #order-form-content .payment-3 { float:right; margin:0; } #order-form-content .payment-1 { float:left; margin:0; } #payment-methods-overview .payment { height: 260px !important; background-size: 190px 190px; background-position: center 55px; background-repeat: no-repeat; } #payment-methods-overview .payment small { display:block; margin-top:220px; font-size:10pt; color:#EC6E07; } #payment-methods-overview .payment-coin { background-image:url("../img/bitcoin.png"); } #payment-methods-overview .payment-bank { background-image:url("../img/bank.png"); } #payment-methods-overview .payment-cc { background-image:url("../img/creditcard.png"); } #payment-methods-overview .payment-paypal { background-image:url("../img/paypal.png"); } .bank-details-info .swiss-bank-check-orange-info { float:left; } .bank-details-info { padding-top:30px; } .payment-details .back-button { float:right; font-size:12pt !important; position:relative; top:-36px; right: -9px; height: auto !important; width: auto !important; text-align:right; } .bank-details, .coins-details-text { clear:right; } .bank-details, .swiss-bank-check-orange { margin-left:10px; float:right; width:587px; } .bank-details table { margin-top:0; padding-top:0; } .bank-details table th, .bank-details table td { text-align:left; padding:7px; } .swiss-bank-check-orange { clear:both; height:300px; background-image:url("../img/bank-check-orange-template.png"); font-size:13px; line-height:14px; } .swiss-bank-check-orange .bank-check-to-1 { float:left; position:relative;top:26px;left:8px; } .swiss-bank-check-orange .bank-check-to-2 { float:left; position:relative;top:26px;left:76px; } .swiss-bank-check-orange .bank-check-account-1 { clear:both;float:left; font-size:11px; position:relative;top:93px;left:63px; width:100px; text-align:right; } .swiss-bank-check-orange .bank-check-account-2 { float:left; font-size:11px; position:relative;top:93px;left:131px; width:100px; text-align:right; } .swiss-bank-check-orange .bank-check-msg { clear:both;float:left; font-size:11px; position:relative;top:53px;left:347px; text-align:right;width:221px; } .swiss-bank-check-orange .bank-check-from-1 { clear:both;float:left; position:relative;top:120px;left:8px;line-height:16.5px; } .swiss-bank-check-orange .bank-check-from-2 { clear:both;float:left; position:relative;top:26px;left:345px; } .swiss-bank-check-orange .bank-check-amount-1 { clear:both;float:left; position:relative;top:-6px;left:10px; text-align:right;width:106px; } .swiss-bank-check-orange .bank-check-amount-1-1 { float:left; position:relative;top:-6px;left:33px; } .swiss-bank-check-orange .bank-check-amount-2 { float:left; position:relative;top:-6px;left:55px; text-align:right;width:106px; } .swiss-bank-check-orange .bank-check-amount-2-1 { float:left; position:relative;top:-6px;left:79px; } .coins-details-text { padding-bottom:20px; text-align:center; } .coins-details .payment { height: 260px !important; background-size: 190px; background-position: center 55px; background-repeat: no-repeat; } .coins-details .payment-bitcoin { background-image:url("../img/bitcoin.png"); } .coins-details .payment-litecoin { background-image:url("../img/litecoin.png"); } .coins-details .payment-dogecoin { background-image:url("../img/dogecoin.png"); } .coins-details .payment-bitcoin.payment-coin-details { display: block; position: relative; margin-top:20px !important; padding-top:40px !important; background-image:none; border-radius: 10px 10px 10px 10px !important; background-color:transparent !important; z-index:1;   } .coins-details .payment-bitcoin.payment-coin-details.background-fix { content: ""; background-image:url("../img/coin-background-bitcoin-big.jpg") !important; background-size: 100%; background-position: center center; opacity: 0.1; margin-top:0px !important; width:820px !important; position: absolute; width:100%; z-index:0; } .testRunFieldset { display: block; margin:0 !important; padding:0 !important; background-image:none; border-radius: 10px 10px 10px 10px !important; background-color:transparent !important; border-width: 3px; height:366px !important; } .testRunFieldsetSecurity.background-fix { content: ""; background-image:url("../img/websiteSecurityTesting.gif") !important; background-size: 1200px; background-position: center center; opacity: 0.2; margin-top:0px !important; width:835px !important; height:366px !important; position: absolute; width:100%; border-radius: 10px 10px 10px 10px !important; z-index:0; } .testRunFieldsetContent { z-index:1; opacity: 1 !important; position: absolute; width:835px !important; } #test-run-progress-left { font-weight: bold; } #testCountName { font-size:75%; } .coins-details .payment-coin-details { cursor: default !important; width: auto !important; background-position: 20px 55px; } .coins-details .payment-coin-details .coin-left { float:left; margin-left:25px; text-align:left; } .coins-details .payment-coin-details .coin-progress { margin-top:0px; padding-top:0px; } .coins-details .payment-coin-details .coin-right { clear:both;float:right; text-align:right; padding-right:30px; font-size:12pt !important; } .coins-details .payment-coin-details .coin-text { margin-top:10px; font-weight:normal; font-size:10pt !important; } .coins-details .payment-coin-details .coin-info { clear:both; text-align:left; padding-top:11px; padding-right:30px; font-size:11pt !important; } .coins-details .payment-coin-details .coin-qrcode { margin-bottom:20px; } .coins-details .payment-coin-details .coin-qrcode img { width:175px;height:175px; } h1.title { text-align:center; } form.order input.error { background:#fdd;border:1px solid #f00; } form.order select.error { background:#fdd;border:1px solid #f00; } form.order textarea.error { background:#fdd;border:1px solid #f00; } form.order input[type="checkbox"] { display:inline-block; margin:-1px 4px 0 0; vertical-align:middle; cursor:pointer; } .testBugs { margin:30px;font-size:70pt;opacity:0.5; } .testBugLeft { float: left; } .testBugRight { float:right; }