/* ----------------------------------------------
    Checkout Step Buttons  (OrderStatus.ascx) 
*/
#flash-home{
    margin:0 auto;
}
#promotions.home{
    margin-left:12px;
    width:972px;
}
    #promotions.home div.offers {
        margin-right:0px;
    }
    #promotions.home div{
        margin-right:5px;
    }
    #promotions.home div.clear{
         float:none;
         margin:0;
         padding:0;
    }
#OrderStatus{
    height:60px;
}
    #OrderStatus ul{
        list-style-type:none;
        display:block;
        width:500px;
        float:left;
        margin-top:10px;
    }
    #OrderStatus li{
         display:inline-block;
         *display:inline;
         zoom:1;
         height:32px;
    }
    #OrderStatus li a{
         display:inline-block;
         *display:inline;
         zoom:1;
         width:123px;
         height:32px;
         background: url(/images/steps-bg.png) no-repeat 0 -32px;
         text-align:center;
         text-decoration:none;
         color:#fff;
         font-size:11px;
    }
    #OrderStatus li a.current{
         background: url(/images/steps-bg.png) no-repeat 0 -128px;
    }
    #OrderStatus li a.done{
         background: url(/images/steps-bg.png) no-repeat 0 -64px;
    }
    #OrderStatus li.step-3 a.done{
         background: url(/images/steps-bg.png) no-repeat 0 -32px;
    }
        #OrderStatus li a span{
            font-size:11px;
            color:#fff;
            position:relative;
            top:8px;
            *top:5px;
        }
        #OrderStatus li.arrow span{
            display: inline-block;
            *display:inline;
            zoom:1;
            width:30px;
            height:19px;
            position:relative;
            top:12px;
            *+top:8px;
            background: url(/images/CheckoutErrowBtn.png) no-repeat 0px 0px;
            *+background-position: 5px 0px;
        }
        #OrderStatus li.arrow.current span{
            background: url(/images/CheckoutErrowBtn.png) no-repeat 0px -21px;
            *+background-position: 5px 0px;
        }
        
        #OrderStatus .info-order { 
            margin-top: 10px; 
            float: right; 
            width: 308px; 
            height: 30px; 
            padding: 10px; 
            background: #FFF url(/images/infoBg.jpg) no-repeat scroll left top; 
            }
        #OrderStatus .info-order p {
            font-size: 13px; 
            text-align: center; 
            color: #716EB2; 
        }
        
        #OrderStatus .infoOrder strong { 
            text-transform: uppercase; 
        }

/* ----------------------------------------------
    
*/
.purple-header{
}
    .purple-header h3{
         font-family:Times New Roman,Georgia,Serif;
         font-size:14px;
         color:#4B478B;
    }
    .purple-header .purple-band{
        height:20px;
        background:#C0BFDD;
        border-top:2px solid #4B478B;
        border-bottom:1px solid #4B478B;
    }
#UserRegistrationData_Header.purple-header{
    width:500px;    
}

#orderMain{
   xbackground:red;
}
#orderRight{
   xbackground:green;
}

#cart #showHideList{
    margin-top:46px;
}
#cart input.txt{
    border:0px;
}

/* ----------------------------------------------
    Cart
*/

#cart{
}
    #cart td .qty{
        height:24px;
        xbackground:#eef;
    }    
    #cart td .qty .wrapper{
        width:54px;
        height:24px;
        background: transparent url(/Images/txtQtyBg.png) no-repeat scroll 0 0; 
        float:left;
    }
    #cart td .qty input.txt{
        background:transparent;
        border:none;
        width:54px;
        height:auto;
        float:left;
        position:relative;
        top:5px;
    }
    #cart td .qty .btnAdd{
         display:inline-block;
         width:24px;
         height:24px;
         float:left;
         cursor:pointer;
    }