/************************************
 MEMBERS
 ************************************/
 
fieldset {
	padding: 10px;
	margin: 10px 10px 10px 0;
	border: 1px solid #999999;
}

legend {
	font-size: 12px;
	padding: 0 3px;
	color: #222222;
}

input[type="text"], textarea {
	border: 1px solid #777;
	padding: 1px 3px;
}

.member {
	background-color: #ffffff;
	color: #222222;
	border: 1px solid #cccccc;
	padding: 10px;
	padding-bottom: 20px;
	font: 9pt normal Arial, Helvetica, sans-serif;
	text-align: left;
	display: block;
}

.member h3 {
	margin: 5px 3px;
	color: #111111;
	font-size: 10pt;
}

.member-table {
	font-weight: normal;
	/* border-bottom: 1px solid #333333; */
	margin-bottom: 5px; 
}

.member-table th {
	font-size: 90%;
	text-align: left;
	font-weight: bold;
	background-color: #dddddd;
	color: #111111;
	padding: 2px 3px;
}

.member-table td,
.member-table th {
	vertical-align: top;
	padding:2px 3px;
}

.member-table th.qty-col {
	width: 2em;
	text-align: center;
}

.member-table th.total-col {
	text-align:right;
}

.member-table .invoice-col {
	text-align: left;
}

.member-table tr.member-row td {
	background-color: #ffffff;
}

.member-table tr.member-row-alt td {
	background-color: #f5f5f5;
}

.member-table td.qty-col input.formfield {
	width: 2em;
}

.member-table th.remove-col {
	width:24px;
	text-align: right;
}
 
.member-table td {
	padding: 5px 3px 3px;
}
 
.member-table ul {
	margin-left: 10px;
}

.member .controls {
	padding: 3px 2px;
}

.member label {
	display: inline;
	white-space: nowrap;
}

.options-table {
	margin: 10px 0;
	color: #222222;
	width: 100%;
}

.options-table td {
	padding: 1px;
	border-bottom: 1px solid #dddddd;
}

.options-table .price-each td {
}

.option-info, .option-price {
	text-align: left;
}

.option-price {
	width: 6em;
}

.no-ship-table {
	margin: 2px 0 0;
	color: #222222;
	width: 100%;
}

.no-ship-table td {
	padding: 1px;
}

.no-ship-table .country-list td {
	text-align: left;
}

#specialinstructions {
	width: 90%;
}

.formwrap {
	margin: 10px 190px 0 0;
	padding: 0;
}

.controls {
	clear: left;
	margin: 10px 0 0 0;
	padding: 0;
}

.controls-left {
	float: left;
}

.controls-right {
	float: right;
	width: 150px;
}

.checkout-part{
	display: block;
	margin-bottom: 6px;
	text-align: right;
	width: 150px;
}

.checkout-part:after {
	content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both;
	min-width: 0; /* for IE 7 */
}

.checkout-part input.btn {
	float: right;
}

* html .formwrap {
	margin-right: 170px;
}

* html #shipping_content {
	clear: left;
}

* html .formwrap fieldset { /* yes, IE, you devil. do my bidding. */
	float: left;
}

.formfield {
	/* float: left; */
	clear: left;
}

.phonenumber {
	white-space: nowrap;
}

.address-line {
	/* width: 100%; */
}
.address-line label {
	display: block;
	clear: right;
}
.address-line input {
	width: 15em;
}


.fcomponent {
	padding: 2px;
	float: left;
	margin:3px;
}

.cleft {
	clear: left;
}

.disabled {
	color: #999999;
}

#checkout-right-column {
	float: right;
	width: 170px;
	padding: 0 2px 10px;
	margin: 0 0 10px;
	overflow: visible;
}

#checkout-right-column div,
#checkout-right-column table,
#checkout-right-column form,
#checkout-right-column input {
	font-size: 7pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin:0;
}

#cart-table td {
	vertical-align: top;
}



#checkout-right-column .total-row td {
	border-top: 1px solid #777777;
}

.adr p, .ccinfo p { margin:0; padding:0; padding-left: 5px; }

.checkout {
	display: block;
}

.checkout a.button,
.checkout input.button {
	font-size: 7pt;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	padding: 2px 5px;
	margin-left: 5px;
	border-width: 1px;
    border-style:solid;
	border-color: #999999 #333333 #333333 #999999;
	background-color: #eeeeee;
	text-decoration: none;
}

.checkout a.button,
.checkout-block a.button {
	padding: 3px 5px;
}

.checkout input.button:active,
.checkout a.button:active {
	border-color: #333333 #999999 #999999 #333333;
}

.controls input.button,
.controls a.button {
	display: block;
	float: left;
}

.payment-method {
	margin: 10px 0 0;
}
.payment-method .payment-method-content {
	margin-left: 20px !important; margin-left: 10px; /* for IE 6 */
}

.member-row, .member-row-alt {
	border-bottom: #dddddd;
}

.member-row-alt {
	background-color: #eeeeee;
}

textarea#notes {
	width: 98%;
}

/* ================================
   INVOICE
   ================================*/

.invoice {
	border: 1px solid #999;
	padding: 10px;
	font: 12px normal Arial, Helvetica, sans-serif;
	width: 605px;
	margin: 30px auto;
}

.checkout .invoice {
	width: 95%;
	margin: 0;
	border: none;
}

.checkout .custom_thankyou {
	margin: 20px 0;
}

/************************************
 Header and Footer
 ************************************/
 
.invoice .header {
    padding: 0; margin: -5px -10px 0;
	margin-top: -5px;
}

#invoice-header-content {
    padding: 10px;
    margin: 0;
	border-width: 0;
	border-style: solid;
}

#invoice-header-content .qsc-site-invoice-image-1 img {
	float: right;
}

#invoice-header-content li {
	list-style-type: none;
}

#invoice-header-content h1 {
    font-size: 150%;
    padding: 0; margin: 0;
}

#invoice-header-content .titles {
    float: left;
    margin-left: 10px;
}

#invoice-header-content h2,
#invoice-header-content h3 {
    padding:0;
    margin:0;
}

#invoice-header-content img {
	border: none;
}

.invoice .header .address {
    text-align: right;
}

.invoice h2, .invoice h3 {
	margin:0; padding:0;
}

.invoice h2 {
	color: #999999;
	font-size: 140%;
}

.invoice h3 {
	color: #333333;
	font-size: 120%;
}

.itemsordered {
	width: 100%;
	margin-bottom: 10px;
}

.items td {
		vertical-align: top;
}

.items .options {
	margin-left: 20px;
}

.price-col,
.total-col {
	text-align: right;
	white-space: nowrap;
}

.itemsordered .price-col,
table.totals .priceCol {
	width: 5em;
	padding-left: 10px;
}

.itemsordered .options {
	text-align: left;
}

th {
	text-align: left;
}

.shipped,
.shiptotals,
.paymentinfo {
	clear: both;
	padding-top: 10px;
	border-top: 1px solid #999;
	margin-top: 10px;
}

table.totals {
	float: right;
	margin-top: 10px;
	margin-bottom: 10px;
}

table.totals td {
	text-align:right;
}

.subtotal, .total {
	padding-bottom: 10px;
}

.subtotal-row td, .total-row td {
	border-top: 1px solid #cccccc;
}

.total, .balance {
	font-weight: bold;
}



.discount {
	color: #35B535;
}

.shipaddress,
.billaddress,
.paymentmethod {
	float: left;
	width: 31%;
	font-size: 9pt;
}

.printfooter {
	clear:both;
	font-size: 100%;
	margin-top: 20px;
	padding: 10px;
	border: 1px solid #ccc;
}
.printfooter p {
	margin:0;
}

/* ================== CONTAIN FLOATS ================ */
.invoice #invoice-header-content:after,
.member:after,
.fcontain:after {
    content: ".";
    display: block;
    visibility: hidden;
    height: 0;
    font-size: 1px;
    clear: both;
	min-width: 0; /* for IE 7 */
}

/* Hides from IE-mac \*/
* html .invoice #invoice-header-content,
* html .member,
* html .fcontain {
	height: 1%;
}

.invoice #invoice-header-content,
.member,
.fcontain {
	display: block; 
	min-width: 0; /* for IE 7 */
}
/* End hide from IE-mac */

/* ================= DIGITAL DOWNLOADS ============= */

.digital-product-page {}
.digital-products-title {
	font-size: 130%;
	font-weight: bold;
}
.digital-product-detail {
	margin: 1em 0 0.5em 1em; 
}
.digital-product-name {
	font-size:110%;
	font-weight: bold;
}
.digital-product-option {
	margin: .2em 0 .5em;
}
.download-status ul {
	margin-left: 10px;
}

/* ================= PAYPAL INTEGRATION ============= */

.paypal-invoice {
	clear: both;
	font-size: 100%;
}

.paypal-payment-reminder {
	font-size: 200%;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 20px;
}

.paypal-payment-learnmore {
	padding-top: 5px;
}

.paypal-payment-logo {
	padding-top: 15px;
}

.paypal-payment-btn {
	text-align: right;
}

/* ======== Credit Card Field formatting ============= */
.cc-label{
	margin: 10px 0px 0px 10px;
}

.cc-field{
	margin: 3px 0px 3px 10px;
}

#creditcard_content{
	font-size: 85%;
}

#creditcard_content label{
	font-weight: normal !important;
}