/*
    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.cartSteps { margin: 4px 0 16px 0; padding: 0; height: 40px; display:block; float: left}
ul.registerSteps { margin: 4px 0 16px 0; padding: 0; width: 100%; height: 40px}
ul.cartSteps li, ul.registerSteps li { float: left; color: #fff; text-align: center; line-height: 38px; width: 137px; font-size: 16px; padding: 0 14px 0 0; background: url('cms/step-unavailable.gif') no-repeat top center;}
ul.cartSteps li a, ul.registerSteps li a { color: #fff; line-height: 38px;  }
ul.cartSteps li.active, ul.registerSteps li.active { background-image: url('cms/step-active.gif'); color: #ff0; }
ul.cartSteps li.available, ul.registerSteps li.available { background-image: url('cms/step-available.gif') }

ul.payment, ul.delivery { padding: 0 0 0 0; }
ul.payment li, ul.delivery li { width: 100%; line-height: 14px; 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}