/*
    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;
	padding: 0;
}
	.cat-content .product {
		width: 172px;
		max-height: 232px;
		float: left;
		margin: 8px;
		-webkit-box-shadow: 0 0 3px #a7a7a7;
		-moz-box-shadow: 0 0 3px #a7a7a7;
		box-shadow: 0 0 3px #a7a7a7;
		border: 1px solid #a2a2a2;
	}

		.cat-content .product .prodDesc {
			padding: 8px;
			text-align: left;
		}

		.cat-content .product .product-category {
		}

		.cat-content .product .promotion-price {
			float: left;
		}

		.cat-content .product .promotion {
			/*float: left;*/
		}

		.cat-content .product .price {
			/*clear: both;*/
		}

		.cat-content .product .add-to-cart {
			margin: 5px;
			float: right;
		}

			.cat-content .product .add-to-cart input[type=submit] {
				border-radius: 7px;
			}

#cmsThreeContent .leftCol .category_prev .product,
#cmsThreeContent .midCol .category_prev .product {
	margin: 0 4px 10px 4px;
}

/* 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; width: 100%; clear: both; overflow:hidden; margin-bottom: 10px;}
.categoryTools div.sort { float: left; margin: 8px; }
.categoryTools > a { line-height: 31px; height: 100%; margin: 0 8px; }
.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%; background: #fff; margin-bottom: 8px; clear: both; border: 1px solid #aaa; box-shadow: 0 0 3px #aaa; font: normal 13px Tahoma; overflow: hidden;}
.prodLongPict { width: 162px; height: 122px; text-align: center; padding: 5px 5px 2px 5px; }
.prodLongPict img { padding: 0; border: 1px solid #ccc; width: 160px; height: 120px;}
.prodLongDesc { vertical-align: top; padding: 10px;}
.prodLongDesc div {
  border-right: 1px dotted #aaa;
  height: 112px;
  padding-right: 10px;
}

.prodLongDesc div p.title {

}

.prodLongDesc div p.description {
  margin-top: 24px;
  padding-bottom: 12px;
}
.prodLongDesc p { padding: 0; margin: 0; }
.prodLongPrice { width: 100px; height: 100%; vertical-align: top; padding: 0; }
.prodLongPrice div.upper {height: 95px; }
.prodLongPrice div.product-category {
  padding-top: 10px;
  font-size: 12px;
}
.prodLongPrice div.promo {
  font-size: 12px;
  color: #009029;
}
.prodLongPrice span.msg {
  font-size: 11px;
  color: black;
}
.prodLongPrice span.price {
  font-size: 12px;
  font-weight: bold;
}
.prodLongPrice input[disabled], .prodLongPrice input[disabled]:hover {
  background-color: #999;
  border: 1px solid #777;
}

.prodLongPrice div.left {
  margin: 1px 0px 0px 6px;
}

.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; border: 1px solid #bbb; border-bottom-color: #fff; border-right-color: #fff; }
.productBig p { padding: 0 0 0 0; margin: 0; }
.productBig div.right { padding: 0 10px 0 0; }

.category_prev .iRowButtons { 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.prod td.product {
  width: 48%;
  border: 1px solid #a7a7a7;
}

table.prod td.product * {
	font: normal 13px Tahoma;
}

table.prod td.product .product_body {
	height: 218px;
}

table.prod td.product .product_body .right {
  padding: 0 4px;
  float: none;
  height: 144px;
}

table.prod td.product img {
	width: 130px;
	height: 100px;
	margin: 4px;
	float: left;
}

table.prod td.product .prodDesc {
	height: 16px;
}

table.prod td.product .prodDesc a {
	font-weight: bold;
}

table.prod td.product .priceDesc {
	background: white;
	border: none;
}

table.prod td.product .priceDesc .lpart {
	width: 160px;
	height: 20px;
	line-height: 20px;
	text-align: center;
}

table.prod td.product .priceDesc .rpart {
	margin-top: 0px;
	padding: 9px 6px 0px 0;

	height: 34px;
}

table.prod td.product .priceDesc span.msg {
  font-size: 12px;
  color: black;
  font-weight: bold;
}

table.prod td.product .priceDesc span.price {
 font-size: 14px;
 line-height: 44px;
 font-weight: bold;
}

table.prod td.product .priceDesc .midButton {
	width: 80px;
	cursor:  auto;
}

table.prod td.product input[disabled],
table.prod td.product input[disabled]:hover {
  background-color: #999;
  border: 1px solid #777;
}

div.categoryTools .view a.active {
	background-color: #eb5908;
}