/*
    Document   : account
    Created on : 2012-04-18, 18:06:49
    Author     : tech-prog
    Description:
        Purpose of the stylesheet follows.
*/


/* Tables with listing values */
table tr.total td { font-size: 16px; font-weight: bold; color: #5C8607; }
table.product_list { width: 100% }
table.product_list td img { width: 50px; border: 1px solid #f0f0f0; }
table.product_list td img.preview {width: 16px; height: 16px}
table.product_list input.delete { width: 14px; height: 14px; background: url('cms/delete-from-cart.png') left bottom no-repeat; }
table.product_list input.delete:hover { background-position: left top; }
table.product_list tfoot td { background: #D7E8B6 ; }

div.sort a.desc { padding-right: 14px; background: url('../images/arrows-sort.png') no-repeat top right }
div.sort a.asc { padding-right: 14px; background: url('../images/arrows-sort.png') no-repeat bottom right }

table.product_list { width: 100%; border-spacing: 0; }
table.product_list thead tr{ background: #eee url('../images/separator.gif') repeat-x bottom center; }
table.product_list thead td{ height: 22px }
table.product_list tbody tr{ background: url('../images/separator.gif') repeat-x bottom center; }
table.product_list tbody tr.notEnough { background-color: #FAE8CB; }
table.product_list tbody tr.mustDelete { background-color: #FBCCC9; }

ul.payment, ul.delivery { padding: 0 0 0 0; }
ul.payment li, ul.delivery li { width: 100%; line-height: 16px; clear: both; margin-top: 5px; }
ul.payment li p { padding: 8px 8px 8px 16px; }

ul.delivery li.active a, div.optBox a.active { background-position: left -28px; }
ul.delivery li.active:hover a, div.optBox a.active:hover { background-position: left -42px; }
ul.delivery li a { background: url('../images/radio-button.png') no-repeat left top; line-height: 14px; padding-left: 32px; clear: both; float: left; }

ul.delivery li a:hover, div.optBox a:hover { background-position: left -14px; }
li.total { font-size: 15px; }
li.total span.price { font-size: 15px; }

input[type=button].minus { padding: 0 0 0 0; line-height: 22px; width:16px; height: 22px; background: url('cms/button-minus.gif') no-repeat top center; }
input[type=button].plus { padding: 0 0 0 0; line-height: 22px; width:16px; height: 22px; background: url('cms/button-plus.gif') no-repeat top center; }
input[type=button].minus:hover, input[type=button].plus:hover { width:16px; background-position: bottom center; }

input.clear_cart {float:right; margin-top: 15px}