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

.cat-content { float: none; clear: both; width: 100%; margin: 0; }

/* Tables with listing values */
table tr.total td { font-size: 16px; font-weight: bold; color: #5C8607; }
table.product_list { width: 100% }
table.product_list.with_background { background-color: #eee; margin: 0; }
table.product_list.with_background tbody { border-left: 15px solid #eee; }
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: #eee ; }

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; }

.categoryTools { padding: 12px 0; background: url('../images/separator.gif') repeat-x bottom center #eee; width: 100%; clear: both; overflow:hidden;}
.categoryTools div.sort { width: 260px; float: left; margin-left: 15px; }
.categoryTools div.sort a { color: #eb5908; }
.categoryTools div.sort a.active { font-weight: bold }
.categoryTools div.view { width: 80px; float: right;  }
.categoryTools .view a { padding: 0 0 0 0; width: 20px; line-height: 19px; height: 19px; float: left; margin: 0 0 0 4px;  }
.categoryTools a.style-1 { background: url('cms/icon-view-1.png') repeat-x left top; }
.categoryTools a.style-2 { background: url('cms/icon-view-2.png') repeat-x left top; }
.categoryTools a.style-3 { background: url('cms/icon-view-3.png') repeat-x left top; }
.categoryTools .view a.active { background-color: #ffE; }
.categoryTools .view a:hover { background-color: #ffE; text-decoration: none; }

.prodLongBox { width: 100%; height: 140px; background: #fff; margin-bottom: 8px; clear: both; border: 1px solid #aaa }
.prodLongPict { width: 160px; text-align: center }
.prodLongPict img { padding: 0 0 0 0; border: 1px solid #aaa; border-bottom-color: #ccc; border-right-color: #ccc;  }
.prodLongDesc { border-right: 1px dashed #aaa; height: 140px; vertical-align: top }

.prodLongPrice span.price { font: bold, Arial, 12px; color: #000d8e  }
.prodLongDesc p { padding: 8px 8px 8px 8px; margin: 0 0;  }
.prodLongPrice { width: 203px; height: 100%; padding: 4px 4px; }
.prodLongPrice div.upper { height: 100px; text-align: center }
.prodLongPrice div.bottom { height: 40px; text-align: center }

.categoryBig { text-align: left; width: 300px; height: 180px; float: left; }
.productBig { text-align: left; width: 50%; height: 180px; }
.productBig a img { margin: 0 6px 6px 6px; padding: 0 0 0 0; border: 1px solid #bbb; border-bottom-color: #fff; border-right-color: #fff; }
.productBig p { padding: 0 0 0 0; margin: 0 0 0 0; }
.productBig div.right { padding: 0 10px 0 0 }

.category_prev .iRowButtons {background-color: #eee; margin: 0; border-radius: 0; padding: 10px 0;}