@charset "utf-8";

.checkoutTitle{ font-weight:bold; padding-top:5px; color:#9F3099; margin:2px; font-size:12px;}
.checkoutContent{margin:2px; text-align:center;}
.checkoutMargins{padding:10px; padding-bottom:20px; text-align:center; vertical-align:top; width:95%; margin-left:auto; margin-right:auto; }
.checkoutButtons{display:block; margin-left:auto; margin-right:auto; width:200px; padding:3px;}
.checkoutButtonBox{text-align:center; padding:2px; padding-bottom:30px;}

.paymentMethod{ padding:10px; cursor:pointer; background-color:#FFFFFF; height:120px; }
.selectedPaymentMethod{border:2px dashed #FF00FF;}
.paymentMethodName{ text-align:center; width:20%; vertical-align:middle; font-size:12px; font-weight:bold; color:#000000;}
.paymentMethodDescription{ text-align:justify; width:80%; font-size:10px; color:#000000; vertical-align:middle; padding: 2px; }
.paymentMethodImageBox{text-align:center; width:20%; height:80px;}

.shippingMethodTable{ width:99%; display:block; text-align:center; vertical-align:middle; margin-top:10px;}
.shippingMethodTR{ width:99%; text-align:center; vertical-align:middle;}
.shippingMethodTD{ height:150px; width:635px;}
.shippingMethodInsideTD{ width:635px;}
.shippingMethod{ margin-left:10px; margin-right:10px; cursor:pointer;}
.selectedShippingMethod{ background-color:#FFFFFF; }
.shippingMethodImageTitle{ background-color:#FFFFFF; text-align:left; height:90px;}

#userSignIn{ }
#userLogin{}

#orderConfirm { margin:20px auto; width:600px; color:#B383B0; font-size:11px; }
#orderConfirmDescriptionBox{ color:#B383B0; font-size:10px; padding:5px 10px; text-align:justify; border-collapse:separate; margin-bottom:20px;}
.orderConfirmText{ color:#B383B0; font-size:11px; }
.orderConfirmNumber{ color:#B383B0; font-size:11px; font-weight:bold; padding-bottom:10px; }
.orderConfirmLbl{ color:#B383B0; font-size:11px; }

#paymentButtonImageBox{text-align:center; height:150px;}
#paymentButtonImage{cursor:pointer; display:inline;}


/*checkout basket styles*/
.checkoutBasket{ width:550px; margin-left:auto; margin-right:auto; border-left:0px solid #aaa; border-top:0px solid #aaa; margin-top:15px;}
.checkoutBasketRow{ border-collapse:separate; color:#666666; font-size:10px; }
.checkoutBasketRow1{ border-collapse:separate; color:#666666; font-size:10px; background-color:#FFCCFF; }


.checkoutBasketCell{ padding:5px; vertical-align:middle; white-space:nowrap; text-align:center;}
.checkoutBasketCellDisclosure{ padding:5px; vertical-align:middle; white-space:nowrap; text-align:right;}

.checkoutBasketFootCellTitle{border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:right; padding:3px;}
.checkoutBasketFootCellValue{border-bottom:1px solid #ddd; border-right:1px solid #ddd; text-align:right; padding:3px;}

.checkoutBasketSubtotalBox{text-align:right;}
.checkoutBasketQuantityBox{text-align:center;}

.checkoutBasketRemoveProductBox{vertical-align:middle; text-align:right;} 
.checkoutBasketRemoveProduct{display:inline;}
.checkoutBasketProductBox{width:50%; text-align:left;}
.checkoutBasketPriceBox{text-align:center;}
.checkoutBasketQuantity{width:20px; text-align:right;}
.checkoutBasketSku{font-size:9px; font-style:italic; color:#777;}

.checkoutBasketOptions{margin:0px; padding:0px; list-style-position:outside; font-size:9px; marker-offset:66px;}
li.checkoutBasketOption{list-style-type:none; list-style-position:inside; padding:0px; marker-offset:66px; white-space:normal;}
li.checkoutBasketOption:before{display:marker; content:"-";}

#checkoutBasketActions{margin-left:auto; margin-right:auto; margin-top:10px; text-align:center;}
.checkoutBasketButton{ margin:5px;}

.checkoutDisclosure { border-top:1px solid #9E5F80;color:#555555;margin-left:auto;margin-right:auto;width:550px; font-size:10px;}

.checkoutBasketCellHeader{ padding:5px; vertical-align:middle; white-space:nowrap; text-align:right; font-size:10px; border-bottom:1px solid #9E5F80;border-top:1px solid #9E5F80; width:60px;}

.checkoutBasketHeader{ background-color:#9E5F80; color:#FFFFFF; font-weight:bold; font-size:10px;}
#checkoutHeaderC{ font-weight:bold; padding-top:5px; color:#9F3099;}
#checkoutBasketModule{ margin-bottom:20px;}
.checkoutBasketBody{}
.checkoutBasketCellTotal{ padding:5px; vertical-align:middle; white-space:nowrap; font-weight:bold; text-align:center; background:#FFCCFF; }
#checkoutDiv{ margin:auto; width:500px}

.basePrice{text-align:center}
.total{text-align:right}
.percent{text-align:center}
.charges{text-align:right}

#checkoutButton{ width:170px; height:35px; border:0px solid #ffffff; background: url(../ecommerce/images/structure/buttons/user1.gif) no-repeat left; background-color:#FFCCFF; cursor:pointer; color:#B48AB0;font-family:Verdana, Arial, Helvetica, sans-serif; margin:auto; display:block; }
#checkoutButton:hover{ width:170px; height:35px; border:0px solid #ffffff; background: url(../ecommerce/images/structure/buttons/user1.gif) no-repeat left; background-color:#FFCCFF; cursor:pointer; color:#B48AB0; font-family:Verdana, Arial, Helvetica, sans-serif; margin:auto; display:block; }
#checkoutSubmit{ width:110px; height:35px; border:0px solid #ffffff; background: url(../ecommerce/images/structure/buttons/s_user1.gif) no-repeat left; background-color:#FFCCFF; cursor:pointer; color:#B48AB0; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:5px; }
#checkoutSubmit:hover{ width:110px; height:35px; border:0px solid #ffffff; background: url(../ecommerce/images/structure/buttons/s_user2.gif) no-repeat left; background-color:#FFCCFF; cursor:pointer; color:#B48AB0; font-size:11px;font-family:Verdana, Arial, Helvetica, sans-serif;  margin:5px;}

.confirmOrderTABLE{ margin:auto;}
.confirmOrderTd{ padding:20px; text-align:justify;}
.confirmOrderTitleTd{font-size:12px; font-weight:bold; color:#9F3099; text-align:center;}
#confirmOrderHeaderTop{ height:20px; }
#confirmOrderFooterBottom{ height:20px;}

.checkOrderMessageTable{ width:550px; font-size:11px; color:#555555; }
.checkOrderMessageTR{}
.checkOrderMessageTD{}
.genericTitleCheckOrder{ color:#6600FF; font-weight:bold; display:block; }
.checkOrderButtons{ margin:auto;}