#order_details {
	border:1px solid #c6c6c6;
	width:585px;
}
#order_details .steps {
	background:#f1f1f1 url("http://de.mogs.com/img/steps_bg.gif") 50% 35% no-repeat;
	border-bottom:1px solid #c6c6c6;
	height:53px;
}
#order_details .steps ul {
	padding-top:31px;
}
#order_details .steps li {
	list-style:none;
	font-weight:bolder;
	color:#c1c1c1;
	float:left;
	width:25%;
	text-align:center;
}
#order_details .steps li.current {
	color:#262626;
}
#order_details .inputs {
	padding:10px 20px;
}
#order_details .inputs h2 {
	font-size:18px;
	font-weight:normal;
	padding-bottom:16px;
}
#order_details .inputs h3 {
	font-size:12px;
	padding:15px 0 10px;
}
#order_details .inputs p {
	padding-bottom:10px;
}
#order_details .inputs .radio {
	margin-right:20px;
}
#order_details .inputs dl {
	padding-bottom:10px;
}
#order_details .inputs dt {
	width:95px;
	float:left;
	padding-top:6px;
}
#order_details .inputs dd {
	padding-top:6px;
}
#order_details .mail_me {
	padding:30px 0 5px
}

#c3_payment {
	border:1px solid #c6c6c6;
	width:585px;
}
#c3_payment .steps {
	background:#f1f1f1 url("http://de.mogs.com/img/steps_bg.gif") 50% 35% no-repeat;
	border-bottom:1px solid #c6c6c6;
	height:53px;
}
#c3_payment .steps ul {
	padding-top:31px;
}
#c3_payment .steps li {
	list-style:none;
	font-weight:bolder;
	color:#c1c1c1;
	float:left;
	width:25%;
	text-align:center;
}
#c3_payment .steps li.current {
	color:#262626;
}
#c3_payment .inputs {
	padding:10px 20px;
}
#c3_payment .inputs h2 {
	font-size:18px;
	font-weight:normal;
	padding-bottom:16px;
}
#c3_payment .inputs h3 {
	font-size:12px;
	padding:15px 0 10px;
}
#c3_payment .inputs p {
	padding-bottom:20px;
}
#c3_payment .table {
	width:547px;
}
#c3_payment .table_head_1, 
#c3_payment .table_head_2, 
#c3_payment .table_head_3, 
#c3_payment .table_head_4 {
	background:#0f0f0f;
	border-style:solid;
	border-width:0 1px;
	height:1px;
	overflow:hidden;
}
#c3_payment .table_head_1 {
	border-color:#777;
	margin:0 2px;
}
#c3_payment .table_head_2 {
	border-color:#3e3e3e;
	margin:0 1px;
}
#c3_payment .table_head_3 {
	border-color:#8f8f8f;
}
#c3_payment .table_head_4 {
	border-color:#383838;
}
#c3_payment .row, 
#c3_payment .rowsep {
	border-style:solid;
	border-width:0 1px 1px;
	border-color:#c6c6c6;
	background:#f1f1f1;
}
#c3_payment .row {
	padding:3px 0;
}
#c3_payment .odd {
	background:#e2e2e2;
}
#c3_payment .rowsep {
	height:12px;
}
#c3_payment .table_head {
	background:#262626 url(img/table_caption.gif) no-repeat;
	color:#fff;
	height:22px;
	line-height:18px;
	font-weight:bold;
}
#c3_payment .table .product {
	padding-left:15px;
	width:270px;
	float:left;
}

#c3_payment .table .subproduct {
	padding-left: 15px;
	width:270px;
	float:left;
}
#c3_payment .table .quantity {
	padding-left:10px;
	padding-right:10px;
	width:55px;
	float:left;
	text-align:center;
}
#c3_payment .table .price {
	padding-left:10px;
	padding-right:10px;
	width:80px;
	float:left;
	text-align:center;
}

#c3_payment .table .price_special {
	padding-left:10px;
	padding-right:10px;
	width:80px;
	float:left;
	text-align:center;
}

#c3_payment .table .price_special .price_strike{
	text-decoration: line-through;
	color: #aa0000;
	}

#c3_payment .table .price_special .price_hilite{
	font-weight: bold;
	}


#c3_payment .table .remove {
	padding-left:10px;
	padding-right:10px;
	width:60px;
	float:left;
	text-align:center;
}
#c3_payment .row .product .object {
	font-weight:bolder;
	padding-bottom:3px;
}

#c3_payment .row .subproduct .object {
	font-weight:bolder;
	padding-bottom:3px;
	font-size: 11px;
}
#c3_payment .row .product .char {
	font-size: 10px;
}

#c3_payment .row .product .info {
	font-size: 10px;
}

#c3_payment .row .subproduct .info {
	font-size: 10px;
}

#c3_payment .row .product .info .label {
	float: left; 
	clear: left;
	width: 60px;	
	font-size: 10px;
}

#c3_payment .row .subproduct .info .label {
	float: left; 
	clear: left;
	width: 60px;	
	font-size: 10px;
}


#c3_payment .row .product .infotext {
	font-size: 11px;
	margin-bottom: 3px;
}

#c3_payment .row .subproduct .infotext {
	font-size: 11px;
	margin-bottom: 3px;
}

#c3_payment .row .quantity {
	padding-top:5px;
}
#c3_payment .row .price {
	padding-top:8px;
}

#c3_payment .row .price .stricken {
	text-decoration: line-through;

}

#c3_payment .row .price .discounted {
	color: #c40303;
	font-weight: bold;
}


#c3_payment .row .remove {
	padding-top:9px;
}
#c3_payment .total {
	text-align:right;
	margin-top:12px;
	margin-right:15px;
	font-size: 11px;
	font-weight: bold;
}
#c3_payment .total a {
	margin-left:30px;
}
#c3_payment .checkout {
	text-align:right;
	margin-right:7px;
}


#c3_payment .total_discounted {
	float: right;
	width: 200px;
	margin-top:12px;
	margin-right:15px;
	margin-bottom: 30px;
}

#c3_payment .total_discounted .content {
	float: right;
}

#c3_payment .total_discounted .label {
	clear: left;
	float: left;
	width: 100px;
	margin-right: 5px;

}



#c3_payment .total_discounted .discounted {
	color: #c40303;
	font-weight: bold;
}
	
#c3_payment .total_discounted .stricken {
	text-decoration: line-through;
}

.referer {
	margin-top: 15px;
	}

.referer .label {
	font-weight: bold;
	float: left;
	width: 100px;
	}

.referer .input {
	float: left;
	width: 120px;
	}


.coupon .label {
	font-weight: bold;
	float: left;
	width: 100px;
	}

.coupon .input {
	float: left;
	width: 120px;
	}

.coupon .note {
	color: #c40303;
	font-weight: bold;
	}

a.form_update {
	margin-left: 100px;
	}

div.checkout_info {
	font-size: 11px;
	clear: both;
	}

div.checkout_info .label {
	margin-left: 25px;
	width: 120px;
	font-weight: bold;
	float: left;
	}

div.checkout_info .label_alert {
	color: #a80000;
	margin-left: 25px;
	width: 120px;
	font-weight: bold;
	float: left;
	text-decoration: underline;
	}

div.checkout_info .input {
	float: left;
	padding: 0;
	margin: 0;
	margin-left: 0px;
	}

div.checkout_info .spacer {
	clear: both;
	height: 1px;
	width: 1px;
	margin: 0;
	padding: 0;
	}


div.checkout_info .input input, 
div.checkout_info .input select, 
div.checkout_info .input textarea,
div.checkout_info .input span {
	float: left;
	font-size: 11px;
	margin: 0;
	padding: 0;
	}

div.cart_spacer {
	height: 10px;
	width: 1px;
	margin: 0;
	padding: 0;
	}

div.coupon {
	margin-top: 25px;
	margin-bottom: 15px;
	}

div.coupon .title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 5px;
	}

div.coupon .text {
	font-size: 11px;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	}


div.coupon .enter {
	margin-left: 10px;
	margin-right: 10px;
	}	

div.coupon .enter .i1 {
	font-size: 12px;
	font-weight: bold;
	float: left;
	width: 120px;
	}


div.coupon .enter .i2 {
	float: left;
	width: 100px
	}

div.coupon .enter .i3 {
	float: left;
	}


div.coupon .enter .i2 input, 
div.coupon .enter .i3 input {
	font-size: 11px;
	font-weight: bold;
	}

div.coupon .current_coupon {
	font-size: 12px;
	color: #c40303;
	font-weight: bold;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	}

div.coupon .clear {
	clear: both;
	}


div.checkout_alert {
	color: #a80000;
	width: 500px;
	font-size: 12px;
	font-weight: bold;
	float: left;
	text-align: center;
	margin-bottom: 25px;
	}

div#mogsbucks {
	width: 547px;
	padding:3px 0;
	background:#e2e2e2;
	border: 1px #c6c6c6 solid;
	}

div#pay_method {
	clear: both;
	margin-bottom: 15px;
	}


div#pay_method .pay_title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	}

div#pay_method div.pay_row {
	background: transparent;
	border: 0px none;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	line-height: 22px;
	clear: both;
	}

div#pay_method div.text {
	color: #000088;
	height: 24px;
	padding-bottom: 4px;
	margin-left: 10px;
	margin-right: 10px;
	float: left;
	}


div#pay_method div.images {
	float: left;
	}

div.authnet_form {
	margin-left: 25px;
	margin-top: 25px;
	width: 520px;
	margin-bottom: 25px;
	}

div.authnet_form div.form_submit {
	width: 470px;
	text-align: center;
	margin: 25px;
	}

div.authnet_form div.form_submit input {
	font-size: 11px;
	font-weight: bold;
	}

div.authnet_form div.seal {
	margin: 15px;
	float: left;
	}

div.authnet_form div.text {
	float: left;
	font-size: 13px;
	}

div#heardaboutus {
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	}

#heardaboutus .title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	}

#heardaboutus .info {
	font-size: 12px;
	margin-bottom: 10px;
	}

#heardaboutus .data {
	clear: both;
	height: 30px;
	margin-left: 15px;
	}

#heardaboutus .data .method {
	float: left;
	margin-right: 15px;
	padding-top: 10px;
	}

#heardaboutus .data .extra_info {
	float: left;
	font-size: 10px;
	font-weight: bold;
	}


#heardaboutus .data .extra_info input {
	font-size: 10px;
	font-weight: bold;
	}



div#notices {
	width: 530px;
	clear: both;
	margin-top: 20px;
	margin-bottom: 20px;
	}

div#notices div.title {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	}

div#notices div.info {
	font-size: 12px;
	margin-bottom: 10px;
	background: #FFFDD0;
	border: 1px #d7d7d7 solid;
	padding: 3px;
	margin-left: 5p;x;
	width: 500px;
	}
	

dt.errorAlert16 {
	position: relative;
	float: left;
	left: -20px;
	background: url("http://de.mogs.com/img/alert_16x16.jpg") no-repeat center left;
	font-weight: bold;
	color: #880000;
	padding-left: 20px;
	padding-bottom: 5px;
	padding-right: 0;
	margin-right: -20px;
	width: 95px;
	}

div.existing_customer {
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 10px;
	}

div.existing_customer a {
	font-size: 13px;
	font-weight: bold;
	}

div.new_customer {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 10px;
	}