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

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: 4px 0; background-color: #B9B9B7; width: 100%; clear: both; overflow:hidden;}
.categoryTools div.sort { width: 280px; float: left; margin: 8px 0 0 12px; }
.categoryTools > a { line-height: 31px; height: 100%; }
.categoryTools div.sort a.active { font-weight: bold; }
.categoryTools div.view { width: 130px; float: right;  }
.categoryTools .view a { padding: 0; width: 32px; height: 32px; float: left; margin: 0 0 0 8px; border-radius: 4px; }
.categoryTools a.style-1 { background: url('cms/icons/change-view/icon3.png') no-repeat left top; }
.categoryTools a.style-2 { background: url('cms/icons/change-view/icon2.png') no-repeat left top; }
.categoryTools a.style-3 { background: url('cms/icons/change-view/icon4.png') no-repeat left top; }

.prodLongBox { width: 100%; height: 135px; background: #eee; color: #444444; 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; max-width: 180px; max-height: 135px; }
.prodLongDesc { border-right: 1px dashed #aaa; height: 135px; vertical-align: top }

.prodLongDesc p { padding: 8px; margin: 0; }
.prodLongPrice { width: 203px; height: 100%; vertical-align: top; }
.prodLongPrice div.upper {height: 95px; }
.prodLongPrice span.msg {color: #444444; }
.categoryBig { text-align: left; width: 300px; height: 180px; float: left; }
.productBig { text-align: left; width: 50%; height: 180px; color: #444444; }
.productBig a img { margin: 0 6px 6px 6px; padding: 0; border: 1px solid #bbb; border-bottom-color: #fff; border-right-color: #fff; max-width: 180px; max-height: 135px; }
.productBig p { padding: 0 0 0 0; margin: 0; }
.productBig div.right { padding: 0 10px 0 0; }

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

div.arrows {
	width: 0px;
	height: 0px;
	position: absolute; 
	right: 0px;
	border-left: 7px solid transparent;
	border-top: 7px solid transparent;
	border-right: 7px solid transparent;
	border-bottom: 7px solid transparent;
	display: inline-block;
}

div.sort a.desc { position: relative; padding-right: 17px; }
div.sort a.asc { position: relative; padding-right: 17px; }

table.products {border-collapse: separate; border-spacing: 15px;}
table.products td {padding: 0; margin: 0; }
table.products div.product {margin: 0; float: none;}