/* product selection */
#placeOrder
{
	padding: 50px 40px;
	line-height: 150%;
	font-size: 12px;

}
#placeOrderWrapper .product_name_label
{
	font-weight: bold;
	font-size: 18px;
	color:#000000;
}
#placeOrderWrapper .product_name
{
	padding: 10px;
	background-color: #e8f9fc;
	border-bottom: 2px solid #c6e8ef;
	margin: 10px 0px;
	margin-bottom: 0px;
	width: 560px;
}
#placeOrderWrapper .product_name select
{
	font-size: 14px;
	font-weight: bold;
}
#placeOrderWrapper #callbackContainer
{
	width: 560px;
	padding: 20px 5px;
	float: left;
}
#placeOrderWrapper #callbackContainer span div
{
	float: left;
	width: 550px;
}
#placeOrderWrapper #callbackContainer span div strong
{
	padding: 8px 5px;
	display: block;
	float: left;
	width: 190px;
	font-size: 14px;
	color: #161616;
	font-weight: normal;
}
#placeOrderWrapper #callbackContainer span div span
{
	padding: 8px 0px;
	display: block;
	float: left;
	width: 350px;
}
#placeOrderWrapper #callbackContainer span div span.total
{
	font-weight: bold;
	font-size: 18px;
	color:#FF9900;
}
#placeOrderWrapper select
{
	border: 1px solid #aaaaaa;
	font-weight: bold;
	font-size: 14px;
	padding: 1px;
}
#placeOrderWrapper #sets
{
	width: 50px;
	border: 1px solid #aaaaaa;
}

/* contact info. */
#orderContactInfoWrapper,
#orderShippingInfoWrapper,
{
	background-color:#e8f8fb;
	border: 1px solid #d4eaee;
	float: left;
	padding: 8px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
#orderShippingInfoWrapper
{
	background-color:#f7eede;
	border: 1px solid #ece2cf;
}
#orderPaymentInfoWrapper
{
	padding: 20px 0px;
}
#orderContactInfoWrapper div,
#orderShippingInfoWrapper div,
#orderPaymentInfoWrapper > div,
#orderPaymentInfoWrapper .cardDetails > div,
#captchaWrapper div
{
	width: 560px;
	clear: both;
}
#orderContactInfoWrapper div strong,
#orderShippingInfoWrapper div strong,
#orderPaymentInfoWrapper div strong,
#captchaWrapper div strong
{
	padding: 9px 5px;
	display: block;
	float: left;
	width: 150px;
	font-size: 12px;
	font-weight: normal;
}
#orderContactInfoWrapper div span,
#shippingInfoWrapper div span,
#orderPaymentInfoWrapper div span,
#captchaWrapper div span
{
	min-height: 40px;
	display: block;
	float: left;
	width: 220px;
	font-size: 12px;
}
#shippingInfoWrapper div span
{
	width: 195px;
}
#orderPlacedWrapper {
	background-color: #e3f5f9;
	border: 1px dotted #c6e8ef;
	float: left;
	padding: 5px 10px;
}
#orderPlacedWrapper div {
	width: 550px;
}
#orderPlacedWrapper div strong {
	padding: 5px 2px;
	display: block;
	float: left;
	font-size: 12px;
	color: #3399FF;
}
#orderPlacedWrapper div span
{
	padding: 5px;
	padding-right: 10px;
	display: block;
	float: left;
	font-size: 12px;
}
#orderPlacedWrapper div.label
{
	font-size: 14px;
	font-weight: bold;
	padding: 10px 0px;
	color: #3399FF;
}
#orderContactInfoWrapper div.label,
#orderShippingInfoWrapper div.label,
#orderPaymentInfoWrapper div.label
{
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0px;
	color: #3399FF;
}
#contactInfo .inputFieldSmall, 
#contactInfo .inputFieldSmallError,
#contactInfo .inputField,
#contactInfo .inputFieldError, 
#contactInfo .selectField,
#contactInfo .selectFieldSmall,
#contactInfo .selectFieldSmallError,
#contactInfo .selectedFieldShow,
#contactInfo .selectedFieldHide
{
	padding: 4px;
	border: 1px solid #aaaaaa;
	width: 200px;
}
#contactInfo .inputFieldError,
#contactInfo .selectFieldSmallError,
#contactInfo .inputFieldSmallError
{
	border: 1px solid #ff0000;
	background-color: #f2e5e2;
}
#contactInfo .selectedFieldShow
{
	display: block;
}
#contactInfo .selectFieldSmall,
#contactInfo .selectFieldSmallError
{
	width: auto;
}
#contactInfo .selectedFieldHide
{
	display: none;
}
#contactInfo .inputFieldSmallError, 
#contactInfo .inputFieldError
{
	border: 1px solid #ed9e97;
	background-color: #fcdedb;
	padding: 4px;
	width: 200px;
}
#contactInfo .inputFieldSmall,
#contactInfo .inputFieldSmallError
{
	width: 80px;
}

#contactInfo span.fieldErrorHide
{
	display: none;
}

#contactInfo span.fieldErrorShow
{
	background-image: url('../images/field_error_bg.png');
	background-repeat: no-repeat;
	width: 164px;
	height: 27px;
	display: block;
}
#contactInfo span.fieldErrorShow .text
{
	padding-left: 25px;
	padding-right: 5px;
	padding-top: 2px;
	color: #000000;
	font-size: 10px;
	width: auto;
	line-height: 100%;
}

/* file upload */
#uploadFile div
{
	width: 560px;
}
#uploadFile div strong
{
	padding: 9px 5px;
	display: block;
	float: left;
	width: 200px;
	font-size: 12px;
	font-weight: normal;
}
#uploadFile div span
{
	padding: 5px 0px;
	min-height: 40px;
	display: block;
	float: left;
	width: 350px;
}
#uploadFile div.label
{
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0px;
	color: #3399FF;
}
#uploadFile .inputField
{
	padding: 4px;
	border: 1px solid #aaaaaa;
	width: 200px;
}

#uploadFile .inputFieldError
{
	padding: 4px;
	border: 1px solid #ed9e97;
	background-color: #fcdedb;
	width: 200px;
}


/* order process */
#order_process
{
	margin: 10px 0px;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	width:660px;
}
#order_process .process
{
	padding: 10px 30px;
	float: right;
}
#order_process .process span.active
{
	float: left;
	display: block;
	text-align: center;
	text-decoration: none;
}
#order_process .process span.inactive
{
	float: left;
	display: block;
	text-align: center;
	text-decoration: none;
}
#order_process .process .active .stage
{
	color: #161616;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding-top: 10px;
	color: #FFFFFF;
	background-image:url(../placeOrder/images/tab_bg.png);
	background-repeat: no-repeat;
	background-position: right;
	padding: 5px 12px;
}
#order_process .process .inactive .stage
{
	
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding-top: 10px;
	color: #85d900;
	padding: 5px 12px;
}
#order_process .process .active a
{
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}
#order_process .process .inactive a
{
	color: #85d900;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
}


#placeOrder .button2
{
	width: 125px;
	padding: 4px 0px;
	font-weight: bold;
	background-color: #5be300;
	color: #ffffff;
	border: 2px solid #f8ffbb;
	cursor: pointer;
	font-size: 14px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#placeOrder .button2:hover
{
	width: 125px;
	padding: 4px 0px;
	font-weight: bold;
	background-color: #5fc819;
	color: #ffffff;
	border: 2px solid #f8ffbb;
	cursor: pointer;
	font-size: 14px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}




#placeOrder .button
{
	background-color: #96E036;
	padding: 10px;
	border: 4px solid #FBFDCB;
	height: auto;
	width: auto;
	color: #fff;
	font-weight: bold;
	-moz-border-radius: 0px;

	font-size:16px;
	
}
#placeOrder .button:hover
{
	background-color: #D4FF2A;	
}
#placeOrder .warningMessage
{
	font-size: 14px;
	font-weight: bold;
	color: #da1861;
}

#placeOrder .warningMessage a
{
	cursor: pointer;
	text-decoration: none;
}
#placeOrder .warningMessage a:hover
{
	text-decoration: none;
}
#placeOrder .note
{
	color: #f153ac;
	margin: 0px;
	padding: 10px 0px;
	width: auto;
	float: left;
	font-size: 12px;
	font-weight: normal;
	width: 560px;
}
#shippingRateError
{
	background: url(../placeOrder/images/sad_shipping2.png) no-repeat 0 0;
	padding:0px 0px 0px 100px;
	color: #f153ac;
	margin-top:20px;
	border: 1px solid #fff;

	
}



#shippingRateError div
{
	padding: 10px;
	background-color:red;
	width:270px;
}

.submissionError
{
	margin-bottom: 10px;
	float: left;
	border: 1px solid #ed9e97;
	background-color: #fcdedb;
	padding: 10px 0px;
	width: 100%;
}

.jsError
{
	color: #da1861;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}

.submissionError .errorItem
{
	color: #da1861;
	font-size: 12px;
	padding: 2px 15px;
}


.submissionSuccess
{
	margin-bottom: 10px;
	float: left;
	border: 1px solid #7bd669;
	background-color: #e0fcdb;
	width: 100%;
}

.submissionSuccess .successItem
{
	color: #5ea625;
	font-size: 12px;
	margin: 10px 15px;
}

#uploadSuccessContainer
{
	display: none;
}

/* security code */
#captchaWrapper
{
	background-color: #f6eaf1;
	border: 1px dotted #e2d2db;
	border-top: 0px;
	float: left;
	padding: 5px 8px;
}

#captchaWrapper .captcha_button
{
	width: 140px;
	height: 25px;
	font-weight: bold;
	background-color: #c6e8ef;
	border: 1px solid #aad9e3;
	cursor: pointer;
	font-size: 14px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 10px;
}
#captchaWrapper .captcha_button:hover
{
	width: 140px;
	height: 25px;
	font-weight: bold;
	background-color: #e5f6fa;
	border: 1px solid #c6e8ef;
	cursor: pointer;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	margin-left: 10px;
}


#shipping_loading *
{
	vertical-align: middle;
}

#shipping_loading span
{
	font-weight: bold;
	color: #000000;
}
#shipping_loading img
{
	padding-right: 10px;
}

#cd_number
{
	font-weight: bold;
	font-size: 20px;
}
#orderBillingInfoWrapper,
#orderShippingDetailWrapper,
#jobNameWrapper
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#jobNameWrapper
{
	clear: both;
	padding-top: 20px;
}
#orderShippingDetailWrapper
{
	padding-top: 40px;
	clear: both;
}
#orderBillingInfoWrapper .label,
#orderShippingDetailWrapper .label,
#orderSummaryWrapper div.label
{
	font-size: 22px;
	color: #ff6200;
	font-weight:bold;
}
#orderBillingInfoWrapper strong,
#orderBillingInfoWrapper span,
#shippingRate strong,
#shippingRate span,
#shipping_loading strong,
#shipping_loading span,
#jobNameWrapper strong,
#jobNameWrapper span
{
	float: left;
}
#orderBillingInfoWrapper div,
#shippingRate div,
#shipping_loading div,
#jobNameWrapper div,
#shipping_loading div
{
	clear: both;
	padding: 6px 0px;
}
#shippingRate div
{
	padding-top: 15px;
	width: 500px;
}
#orderBillingInfoWrapper strong,
#shippingRate strong,
#jobNameWrapper strong,
#shipping_loading strong
{
	width: 180px;
	padding-top: 2px;
}
#orderBillingInfoWrapper span,
#shippingRate span, 
#jobNameWrapper span,
#shipping_loading span
{
	width: 220px;
}

#shippingInfoWrapper
{
	background-color: #fffceb;
	border: 2px solid #d9ffdb;
	padding: 10px 20px;
	margin: 20px 0px;
	float: left;
	width: 520px;
	height:auto;
}
#shippingInfo
{
	margin-top: 10px; 
	width:530px;
	height:320px;
	height:auto;
}
#shippingInfo div
{
	clear: both;
}
#shippingInfo strong,
#shippingInfo span
{
	display: block;
	float: left;
	width: 160px;
}
#shippingInfo span
{
	width: 200px;
}
#billingInfo span.fieldErrorHide
{
	display: none;
}
#billingInfo .inputFieldSmall, 
#billingInfo .inputFieldSmallError,
#billingInfo .inputField,
#billingInfo .inputFieldError, 
#billingInfo .selectField,
#billingInfo .selectFieldSmall,
#billingInfo .selectFieldSmallError,
#billingInfo .selectedFieldShow,
#billingInfo .selectedFieldHide,
#orderPaymentInfoWrapper .inputFieldSmall, 
#orderPaymentInfoWrapper .inputFieldSmallError,
#orderPaymentInfoWrapper .inputField,
#orderPaymentInfoWrapper .inputFieldError, 
#orderPaymentInfoWrapper .selectField,
#orderPaymentInfoWrapper .selectFieldSmall,
#orderPaymentInfoWrapper .selectFieldSmallError,
#orderPaymentInfoWrapper .selectedFieldShow,
#orderPaymentInfoWrapper .selectedFieldHide
{
	padding: 4px;
	border: 1px solid #cccccc;
	background-color: #e8f3fc;
	width: 200px;
	font-weight:bold;
}
#billingInfo .inputFieldError,
#billingInfo .selectFieldSmallError,
#billingInfo .inputFieldSmallError,
#orderPaymentInfoWrapper .inputFieldError,
#orderPaymentInfoWrapper .selectFieldSmallError,
#orderPaymentInfoWrapper .inputFieldSmallError
{
	border: 1px solid #ff0000;
	background-color: #f2e5e2;
}
#billingInfo .selectedFieldShow,
#orderPaymentInfoWrapper .selectedFieldShow
{
	display: block;
}
#billingInfo .selectFieldSmall,
#billingInfo .selectFieldSmallError,
#orderPaymentInfoWrapper .selectFieldSmall,
#orderPaymentInfoWrapper .selectFieldSmallError,
{
	width: auto;
}
#billingInfo .selectedFieldHide
{
	display: none;
}
#billingInfo .inputFieldSmallError, 
#billingInfo .inputFieldError
{
	border: 1px solid #ed9e97;
	background-color: #fcdedb;
	padding: 4px;
	width: 200px;
}
#billingInfo .inputFieldSmall,
#billingInfo .inputFieldSmallError
{
	width: 80px;
}

#billingInfo span.fieldErrorHide
{
	display: none;
}

#billingInfo span.fieldErrorShow
{
	background-image: url('../images/field_error_bg.png');
	background-repeat: no-repeat;
	width: 164px;
	height: 28px;
	display: block;
}
#billingInfo span.fieldErrorShow .text
{
	padding-left: 35px;
	padding-right: 15px;
	margin-top: 2px;
	display: block;
	color: #000000;
	font-size: 10px;
	width: auto;
	line-height: 100%;
}
.thank_you_message
{
	background-image: url('../images/juke_character_jumping.png');
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 180px;
	margin: 20px 0px;
	min-height: 199px;
}
.thank_you_message .header
{
	color: #ff6200;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.thank_you_message .sub_header
{
	color: #54adff;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
}
.transactionErrror
{
	color: #ff3474;
	padding-left: 100px;
	background-image: url('../images/apple.jpg');
	background-repeat: no-repeat;
	min-height: 80px;
	margin: 10px 15px;
	font-family: Helvetica, Arial;
	font-weight: bold;
	font-size: 14px;
}
.transactionErrror .header
{
	font-size: 24px;
	margin-bottom: 5px;
}

.upload_success_msg
{
	position:relative;
	top:-20px;
}

.black_overlay{
	display:none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index:1001;
	-moz-opacity: 0.7;
	opacity:.70;
	filter: alpha(opacity=70);
}
 
.white_content {
	
	position: relative;
	display:none;
	left:70px;
	z-index:1002;
	overflow: hidden;
	width:463px;
	
}

.close
{
	position:absolute;
	right:10px;
	top: 10px;
	font-weight:bold;
	font-size:16px;
	color:#000;
	width:60px;
	text-align:center;
	padding:5px;
	background-color:#92F558;
	cursor: pointer;
}

.close:hover
{
	color:#fff;
}

.thumb_image
{
border:0px;

color:#fff;
display:block;
float:left;
padding:0px 20px;
}


.shipping_add_info
{
	clear:both;
	background-color:#00b9f6;
	padding:10px;
	margin-top:50px;
	color:#fff;
	font-weight:bold;
	display:none;
	position:absolute;
	width:560px;
	z-index:1000;
	border: 5px solid #cdf3ff;
}

.shipping_add_info2
{
	clear:both;
	background-color:#00b9f6;
	padding:10px;
	color:#fff;
	font-weight:bold;
	display:none;
	position:absolute;
	width:560px;
	z-index:1000;
	border: 5px solid #cdf3ff;
}

.shipping_add_info a:hover
{
text-decoration:none;
color:#fff;

}

.shipping_add_info a
{
text-decoration:none;
color:#fff;

}

.shipping_add_info .img_desc
{
	margin-top:5px;
	font-size:16px;
}

.shipping_add_info p.title
{
	font-size:26px;
	font-weight:bold;
	color:#000;
	margin:10px 20px 0 20px;
}
.shipping_add_info p.content
{
	margin-top:10px;
	width:460px;
	margin-left:20px;
}


.info_icon
{
	cursor:pointer;
}


#orderSummaryWrapper2
{
	margin-bottom: 20px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	float: left;
	padding: 8px 10px;
}

#orderSummaryWrapper2 div {
	width: 560px;
}

#orderSummaryWrapper2 strong
{
	padding: 2px 10px;
	display: block;
	float: left;
	width: 150px;
	font-size: 12px;
	color: #307989;
	font-weight: bold;
}

#orderSummaryWrapper2 span
{
	padding: 2px 10px;
	display: block;
	float: left;
	width: 350px;
	font-size: 12px;
	color: #161616;
	font-weight: normal;
}

#orderSummaryWrapper2 .label
{
	font-size: 16px;
	font-weight: bold;
	padding: 10px 0px;
	color: #3399FF;
}