@import url(signin.css);
@import url(register.css);
@import url(shipping.css);
@import url(review_order.css);
@import url(order_complete.css);

html { background: none !important ;}

body.checkout { background: none ;}

body.checkout h2 { font-size: 150%; text-align: center ;}
body.checkout p.intro { text-align: center ;}
body.checkout p.pad { width: 420px; margin-left: auto; margin-right: auto ;}

/* Top Bar | Sign In - Shipping & Payment - Review Order - Place Order */

body.checkout #process { width: 800px; height: 30px; margin: 0px auto ;}
body.checkout #process li { width: 200px; height: 30px; margin: 0px; padding: 0px; float: left; list-style-type: none ;}
body.checkout #process li span { display: block; width: 200px; height: 30px; text-indent: -999999em ;}

body.checkout #process li span.signin { background: url(../../../images/checkout/signin_on.gif) no-repeat 0px 0px ;}
body.checkout #process li span.shipping { background: url(../../../images/checkout/shipping_on.gif) no-repeat 0px 0px ;}
body.checkout #process li span.review { background: url(../../../images/checkout/revieworder_on.gif) no-repeat 0px 0px ;}
body.checkout #process li span.place { background: url(../../../images/checkout/placeorder_on.gif) no-repeat 0px 0px ;}

body.checkout #process li.on span.signin { background: url(../../../images/checkout/signin_off.gif) no-repeat 0px 0px ;}
body.checkout #process li.on span.shipping { background: url(../../../images/checkout/shipping_off.gif) no-repeat 0px 0px ;}
body.checkout #process li.on span.review { background: url(../../../images/checkout/revieworder_off.gif) no-repeat 0px 0px ;}
body.checkout #process li.on span.place { background: url(../../../images/checkout/placeorder_off.gif) no-repeat 0px 0px ;}