﻿/* ::::: https://www.purskincare.net/css/styles_order.css ::::: */

@font-face {
	font-family: "MyriadProCond";
	src: url('myriadprocond.eot') format("embedded-opentype"), url('myriadprocond.woff2') format("woff2"), url('myriadprocond.woff') format("woff"), url('myriadprocond.ttf') format("truetype"), url('myriadprocond.svg') format("svg");
}
body { font-size: 14px; padding: 0px; margin: 0px; font-family: MyriadProCond; font-weight: 600; background: url('bg7.jpg') no-repeat scroll center top rgb(254, 218, 202); }
input::-moz-focus-inner { border: 0px none; }
.head { height: 300px; }
a, a:hover, a:active, a:focus { outline: 0px none; color: rgb(0, 0, 0); }
.clear { clear: both; margin: 0px; padding: 0px; }
img { border: 0px none; }
#wrapper { width: 995px; margin: 0px auto; background: none repeat scroll 0% 0% rgb(255, 255, 255); }
#container { width: 100%; box-shadow: 0px 0px 15px rgb(171, 181, 147); }
#signup label, .contact-information label, .checkout label { width: 35%; float: left; text-align: right; padding: 8px 8px 0px 0px; }
#signup input[type="text"], #signup select, .contact-information input[type="text"], .contact-information input[type="email"], .checkout input[type="text"], .checkout input[type="email"] { border: 1px solid rgb(148, 157, 128); width: 52%; padding: 7px; margin: 0px 0px 13px; box-shadow: 0px 0px 5px rgb(226, 239, 194) inset; }
.checkout input[type="text"], .checkout input[type="email"] { width: 49%; padding: 5px; border-radius: 2px; margin: 0px 0px 5px; background: none repeat scroll 0% 0% rgb(244, 252, 228); }
.checkout label { width: 37%; padding-top: 5px; font-weight: normal; }
.payment-information input[type="text"], .payment-information select, .checkout select { border: 1px solid rgb(148, 157, 128); padding: 7px; margin: 0px 0px 17px; box-shadow: 0px 0px 5px rgb(226, 239, 194) inset; width: 52%; color: rgb(51, 51, 51); }
.checkout select { width: 51.2%; padding: 5px; border-radius: 2px; margin: 0px 0px 5px; background: none repeat scroll 0% 0% rgb(244, 252, 228); }
#order-now { background: url('order-now.png') no-repeat scroll left top transparent; width: 298px; height: 60px; margin: 0px auto 5px; border: 0px none; text-indent: -99999px; cursor: pointer; }
p { font-size: 20px; margin: 0px 0px 20px; }
.testimonial::before, .testimonial::after { content: "“"; position: absolute; font-size: 80px; line-height: 1; color: rgb(0, 0, 0); font-style: normal; }
.testimonial::before { top: 10px; left: 10px; }
.testimonial::after { content: "”"; right: 10px; bottom: -0.5em; }
.testimonial-right::before, .testimonial-right::after { content: "“"; position: absolute; font-size: 80px; line-height: 1; color: rgb(0, 0, 0); font-style: normal; }
.testimonial-right::before { top: 10px; left: 10px; }
.testimonial-right::after { content: "”"; right: 10px; bottom: -0.5em; }
.trail h2 { border-bottom: 1px dashed rgb(0, 0, 0); padding: 0px 0px 15px; }
.checkout { overflow: hidden; padding: 20px; }
.checkout img { margin: 0px auto; display: block; }
.checkout .leftarea, .checkout .rightarea { border: 1px solid rgb(238, 238, 238); border-radius: 5px; padding: 15px; }
.checkout .leftarea { float: left; margin: 0px 0px 20px; min-height: 550px; overflow: hidden; padding: 0px; text-align: left; width: 62%; }
.leftarea > img { display: block;
    margin-left: auto;
    margin-right: auto }
.checkout .leftarea ul { background: none repeat scroll 0% 0% rgb(255, 235, 226); border: 1px solid rgb(180, 180, 180); border-radius: 5px; box-shadow: 0px 1px 0px 0px rgb(255, 255, 255) inset; color: rgb(7, 7, 7); display: inline-block; margin: 15px auto 25px; padding: 4px 15px; vertical-align: top; }
.checkout .rightarea { float: right; overflow: hidden; padding: 0px; width: 35%; }
.checkout .rightarea p, .checkout .leftarea p, .checkout p { font-size: 14px; margin: 10px 0px; }
.checkout .leftarea ul { background: none repeat scroll 0px 0px rgb(255, 235, 226); border: 1px solid rgb(180, 180, 180); border-radius: 5px; box-shadow: 0px 1px 0px 0px rgb(255, 255, 255) inset; color: rgb(7, 7, 7); display: inline-block; margin: 15px 0px 25px; padding: 4px 10px; vertical-align: middle; width: 345px; }
.checkout .leftarea li { background: url('checkout-check.png') no-repeat scroll left 3px transparent; font-size: 18px; list-style: outside none none; margin: 9px 0px; padding: 2px 23px; }
.term { float: left; font-family: myriadprocond; width: 62%; }
.checkout h2 { background: none repeat scroll 0px 0px rgb(102, 186, 160); border-bottom: 0px none; color: rgb(255, 255, 255); font-family: myriadprocond; font-size: 37px; font-weight: normal; line-height: 36px; margin: 0px; padding: 11px 10px 3px; text-align: center; text-transform: uppercase; }
.get-order-now p { overflow: hidden; }
#expire-month, #expire-year, #fields_expmonth, #fields_expyear { width: 25%; }
.yes_no { float: left; overflow: hidden; width: 75px; }
.text_input { float: left; margin: 5px 0px 0px; }
.fields_area { margin: 0px 0px 4px; overflow: hidden;}
.checkout .three { margin: 0px 0px 20px; }
.checkout .three { margin: 0px 0px 20px; }
.black { font-family: Arial; font-size: 11pt; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: rgb(0, 0, 0); }
a:link { color: rgb(31, 164, 82); text-decoration: none; font-weight: normal; }
a:visited { color: rgb(31, 164, 82); text-decoration: none; font-weight: normal; }
a:hover { color: rgb(31, 164, 82); text-decoration: underline; font-weight: normal; }
a:active { text-decoration: none; color: rgb(58, 125, 180); font-weight: normal; }
.blacktitle { font-size: 22pt; font-style: normal; line-height: normal; font-variant: normal; text-transform: none; color: rgb(0, 0, 0); text-decoration: none; font-family: "Book Antiqua"; }
#cc_cvv { width: 41.5%; }
.footer { border-top: 1px solid rgb(0, 0, 0); margin: 0px auto; padding: 20px 0px; width: 980px; }
.footer a { margin: 0px 5px; }
.checkout .rightarea { font-size: 16px; }
.footer > p { font-size: 15px; margin: 0px 0px 10px; font-weight: normal; }
#shipping_block { background: none repeat scroll 0px 0px rgb(234, 234, 234); border-radius: 6px; font-size: 24px; font-weight: normal; margin: 0px 20px; padding: 6px; text-align: center; }
/* ::::: https://www.purskincare.net/css/css.html ::::: */

.CS_black_overlay { background-color: black; display: none; height: 100%; left: 0px; opacity: 0.8; position: fixed; top: 0px; width: 100%; z-index: 1001; }
#acn_processing { border: thin solid rgb(153, 153, 153); border-radius: 0px 15px; box-shadow: 5px 5px 5px rgb(162, 162, 162); margin-top: 80px; padding: 40px; position: fixed; background-color: rgb(255, 255, 255); }
