/* $Id: skin1_admin.css,v 1.37.2.14 2006/08/09 11:15:33 max Exp $ */
/*
	Orders
*/


/***** My Account Menu *****/

    /* General */
	#myaccount {
		display: block;
		clear: both;
		padding: 0px;
		margin: 15px;
		}
	
	#myaccount .error {
	   font-weight: bold;
	   display: block;
	   margin: 10px 0px 10px 0px;
	   }
	
    /* Header */
	#myaccount_header {
		height: 35px;
		background: #f2efe6;
		border: 1px solid #fff;
		border-width: 0px 0px 1px 0px;
		margin: 20px 0px 0px 0px;
		}
	#myaccount_header h2 {
		margin: 0;
		padding: 0;
		float: left;
		background: url(http://scrubshopper.com/skin1/images/myaccount_title.gif);
		width: 165px;
		height: 38px;
		}
	#myaccount h1 {
	   margin: 0;
	   padding: 8px 0px 0px 8px;
	   }
    #myaccount h2 {
        margin: 10px 0px 10px 0px;
        padding: 5px 10px 3px 10px;
        }
    #myaccount h2 a {
        font-size: .8em;
        font-weight: normal;
        float: right;
        }
    
    
    /* Links */
	#myaccount_links {
		list-style: none;
		background: #e3ddd3;
		margin: 0 0 15px 0;
		padding: 0px;
		display: block;
		width: 100%;
		height: 20px;
		border: 1px solid #fff;
		border-width: 0px 0px 1px 0px;
		clear: both;
		}
	#myaccount_links li {
		display: block;
		float: right;
		border: 1px solid #fff;
		border-width: 0px 0px 0px 1px;
		font-size: .85em;
		padding: 3px 15px 5px 15px;
		}	
	#myaccount_links li.selected {
	   background: #fff;
	   }
	#myaccount_links li.selected a {
	   text-decoration: none;
	   font-weight: bold;
	   color: #000;
	   }
	
	#myaccount h2 {
        margin: 0px;
        background: #f2efe6;
        border-bottom: 3px solid #e3ddd3;
        padding: 3px 0px 3px 10px;
        font-size: 1.25em;
        }
    #myaccount p {
        margin: 0px;
        padding: 0px 0px 10px 0px;
        font-size: .85em;
        }
    
    /* Invoice Menu */
    .blockmenu {
        list-style:none;
        float:right;
        display:block;
        background:#f2efe6;
        border:1px solid #e3ddd3;
        border-width: 1px 0 0 1px;
        margin: 0 15px 0 0;
        padding: 0;
        }
    .blockmenu li {
        display: block;
        float: left;
        margin: 0;
        padding: 0;
        }
    .blockmenu li a {
        display: block;
        padding: 3px 10px 3px 10px;
        border:1px solid #e3ddd3;
        border-width: 0px 1px 0 0px;
        height: 1.5em;
        }
    .blockmenu li a.print {
        padding-left: 25px;
        background: url(http://scrubshopper.com/skin1/images/icon_print.gif) 5px 3px no-repeat;
        }
    /* For IE 6 bugs */
    * html .blockmenu {
    	list-style:none;
        float:right;
        display:inline;
        background:#f2efe6;
        border:1px solid #e3ddd3;
        border-width: 1px 0 1px 1px;
        margin: 0 15px -5px 0;
        padding: 0;
        width: 10em;
    	}
    .trackingnumber {
    	float: left;
    	margin: 8px 0 -8px 15px;
    	padding: 0;
    	display: block;
    	font-size: .85em;
    	}
    * html .trackingnumber {
    	margin-left: 8px;
    	}
    

/***** Order History *****/

    #order_history {
        margin: 15px;
        clear: both;
        }
    #order_history h1 {
        margin: 0px;
        background: #f2efe6;
        border-bottom: 3px solid #e3ddd3;
        padding: 3px 0px 3px 10px;
        font-size: 1.25em;
        }  
    
    /* Dates submenu */
    .orderhistorydates {
        display: block;
        background: #f8f7f2;
        border: 1px solid #e3ddd3;
        border-weight: 0px 1px 1px 1px;
        margin: 0 0 15px 0;
        padding: 0;
        height: 12px;
        }    
    .orderhistorydates a {
        display: block;
        float: left;
        padding: 4px 15px 6px 15px;
        border-right: 1px solid #e3ddd3;
        }
    .orderhistorydates a.selected {
        background: #e3ddd3;
        text-decoration: none;
        font-weight: bold;
        color: #000;
        }
    .orderhistorydates a:hover {
        background: #fff;
        }
    * html .orderhistorydates {
    	display: block;
        background: #fff;
        border: 0px;
        margin: 0;
        padding: 0;
        height: 0;
    	}
   	* html .orderhistorydates a {
   		display: block;
        float: left;
        padding: 4px 15px 6px 15px;
        border-right: 1px solid #e3ddd3;
   		}
   	
    #order_history table {
        width: 100%;
        }  
    #order_history table tr {
        
        }
    #order_history table tr td {
        vertical-align: top;
        padding: 10px 2px 5px 2px;
        }
    
    #order_history h2 {
        margin: -3px 0 0 0;
        padding: 0;
        font-size: 1.5em;
        background: #fff;
        border: 0px solid #fff;
        }
    #order_history a {
        font-size: .7em;
        }
    #order_history .order_status {
        text-transform: uppercase;
        font-weight: bold;
        font-size: .85em;
        }
    #order_history .order_details ul {
        list-style: none;
        margin: 0 0 0 15px;
        padding: 0;
		font-size: .7em;
		font-size: 9px; /* Need this because of Mac font rendering in Firefox is too small with ems */
		letter-spacing: -.02em;
        }
    #order_history .order_details ul li {
        padding: 2px 0 0 0;
        margin: 0;
        }
    #order_history .order_details ul li a {
        font-size: 1em;
        }
    #order_history .order_details ul li em {
        color: #b2b0ac;
        font-style: normal;
        }
    #order_history .showallorders {
        display: block;
        font-size: 1em;
        border: 1px solid #e3ddd3;
        margin: 15px 0px 15px 0px;
        background: #f8f7f2;
        padding: 3px 15px 8px 15px;
        }

/***** Invoice *****/

    #invoice {
        background: #fff url(http://scrubshopper.com/skin1/images/invoice_pagecurl.png) no-repeat -1px -1px;
        border: 1px solid #e3ddd3;
        padding: 15px;
        margin: 15px;
        clear: both;
        }
    /* IE 7 hack */
    *:first-child+html #invoice {
        margin: 0px 15px 15px 15px;
        padding: 15px 15px 40px 15px;
        display: block;
        }
    #invoice h2 {
        font-size: 1.5em;
        border: 1px solid #000;
        border-width: 0px 0px 1px 0px;
        background: #fff;
        padding: 0;
        margin: 10px 0px 10px 0px;
        clear: both;
        display: block;
        }
    
    /* Header */
    .invoice_header {
        padding: 15px 0px 0px 0px;
        height: 80px;
        }
    .invoice_header .logo_print {
        float: left;
        padding: 0px 15px 0px 0px;
        }
    .invoice_header p {
        float: left;
        margin: 0px;
        padding: 0px 15px 0px 0px;
        }
    .invoice_header h1 {
        font-size: 2em;
        display: block;
        margin: 25px 25px 0px 0px;
        float: right;
        }
        
    /* Order */
    .invoice_order {
        clear: both;
        height: 7em;
        }
    .invoice_order dl {
        margin: 0px 0px 0px 0px;
        padding: 0px 15px 0px 0px;
        float: left;
        display: block;
        width: 24%;
        }
    .invoice_order dl.ordernumber { width: 18%; }
    .invoice_order dl.orderdelivery { width: 28%; }
    .invoice_order dl.orderstatus { width: 18%; }
    .invoice_order dt {
        font-size: .8em;
        color: #000;
        }
    .invoice_order dd {
        font-size: 1em;
        color: #000;
        font-weight: bold;
        margin: 0px;
        padding: 0px;
        }
    
    /* Customer */
    .invoice_customer {
        clear: both;
        }
    .invoice_customer p {
        float: left;
        display: block;
        width: 33%;
        margin-top: 0px;
        }
        
     /* Products */
    #invoice_products {
        clear: both;
        }
    #invoice_products ul {
        display: block;
        list-style: none;
        margin: 0px;
        padding: 0px;
        }
    #invoice_products ul .labels {
        font-size: .8em;
        }
    #invoice_products .cart_item {
        margin: 15px 0px 0px 100px;
        }
    #invoice_products ul h2 {
        border: 0px;
        font-size: 1.2em;
        margin: 0;
        padding: 0;
        clear: none;
        display: inline;
        }
    #invoice_products .product_manufacturer {
        margin: 0;
        padding: 0;
        font-size: .8em;
        }
    #invoice_products .product_upc {
		font-size: 1em;
		margin: 7px 10px 0px -100px !important;
		display: block;
		float: left;
		font-weight: normal;
		}
	* html #invoice_products .product_upc { /* For IE 6 bug */
		margin: 7px 10px 0px -50px !important;
		}
    #invoice_products .product_option {
        font-size: .8em;
        border-left: 1px solid #fff;
        padding: 0 0 0 8px;
        margin: 0;
        }
	 #invoice_products .item_qty {
		float: right;
		width: 20px;
		margin: 7px 12px 0px 10px;
		padding: 0px 5px 0px 5px;
		text-align: right;
		font-size: 1em;
		}
	#invoice_products .item_qty_packing {
		float: right;
		width: 100px;
		margin: 2px 12px 0px 10px;
		padding: 0px 25px 0px 5px;
		text-align: left;
		font-size: 1em;
		}
	 #invoice_products .item_each {
		float: right;
		margin: 7px 0px 0px 0px;
		padding: 0px 5px 0px 0px;
		width: 60px;
		text-align: right;
		font-size: 1em;
		}
	 #invoice_products .item_price {
		float: right;
		margin: 7px 25px 0px 0px;
		padding: 0px 5px 0px 0px;
		width: 85px;
		font-weight: bold;
		text-align: right;
		font-size: 1em;
		}
		
    /* Subtotals & Total */
    #invoice_products .totals {
        border-width: 0px;
        text-align: right;
        padding: 10px 15px 10px 0px;
        font-size: 1em;
        list-style: none;
        margin: 15px 15px 0px 0px;
        } 
    #invoice_products .total {
        border-top: 1px solid #000;
        border-width: 1px 0px 0px 0px;
        text-align: right;
        padding: 5px 0px 10px 15px;
        list-style: none;
        margin: 10px 0px 0px 65%;
        font-size: 1.25em;
        clear: both;
        display: block;
        }
    #invoice_products .totals li,
    #invoice_products .totals li {
        display: block;
        height: 1.5em;
        margin: 0px;
        clear: both;
        padding: 0px;
        }
    #invoice_products .totals .totalingprice {
		float: right;
		width: 75px;
		display: block;
        } 
    #invoice_products .totals .totalinglabel {
        float: right;
        } 
    #invoice_products .totals .coupon,
    #invoice_products .totals .giftcard,
    #invoice_products .totals .discount {
        color: red;
        }
    #invoice_products .totals .totalingprice {
        font-weight: bold;
        }
    #invoice_products .totals .giftcardid {
        font-size: .7em;
		font-size: 9px; /* Need this because of Mac font rendering in Firefox is too small with ems */
		letter-spacing: -.02em;
        }
    #invoice_products .totals .title {
        font-weight: bold;
        }
                
    /* Order Notes */
    .order_notes {
        border: 0px solid #999;
        padding: 25px 0 0 0;
        clear: both;
        }
    .order_notes h3 {
        font-size: 1.2em;
        font-weight: bold;
        margin: 0;
        padding: 0;
        }
    .order_notes p {
        margin-top: 0;
        padding-top: 0;
        }
        
    /* Policies */
    #invoice #policies {
        display: block;
        margin: 15px 0 0 0;
        padding: 5px 0 0 0;
        color: #999;
        border: 1px dotted #999;
        border-width: 1px 0 0 0;
        font-size: .85em;
        clear: both;
        }