/**
* CSS for doc_prod.php
*
* @package Site
* @subpackage CSS
* @author Pavel "Papi" Jartsev <papi@digitalfruit.ee>
* @filesource
*/

.gr_list a > div {
	border: 1px solid #FDCE7F;
	margin: 10px 6px 1px 1px;
}
.gr_list a:hover > div {
	border: 2px solid #BA1116;
	margin: 9px 5px 0px 0px;
}

.gr_list_item {
	float:left;
	width: 200px;
	height: 200px;
}
.gr_list_item {
	border: 1px solid #FDCE7F;
	margin: 10px 6px 1px 1px;
}
.gr_list_item .image {
	width: 100%;
	height: 160px;
	vertical-align: middle;
}
.gr_list_item .name {
	color:#BA1116;
	font-weight: bold;
	margin: 10px 0;
}
.gr_list_item .name a{
	color:#BA1116;
	font-weight: bold;
	margin: 10px 0;
}



.gr2_one {
	width: 100%;
	border-bottom: 3px solid #BA1116; 
}
.gr2_one_list {
	border-bottom: none;
	margin-bottom: 15px;
}
.gr2_one .view{
	padding: 5px 0 5px 160px;
}
.gr2_one .view a {
	text-decoration: none;
	font-weight: bold;
}
.gr2_one .view a:hover {
	text-decoration: underline;
}
.gr2_one .featured {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}
.gr2_one .name {
	border-bottom: 1px solid #FDCE7E;
	padding: 3px 0 3px 5px;
	text-align: left;
	font-size: 14px;
	color: #BA1116;
	font-weight: bold;
}
.gr2_one .popular {
	float: right;
	padding: 3px 7px;
	background: #FDCE7E;
	font-weight: bold;
	color: #BA1116;
}
.gr2_one .popular a {
	font-weight: bold;
	color: #BA1116;
}
.gr2_one .info {
	text-align: left;
	color: #666;
	padding: 10px 10px 10px 0px;
}
.gr2_one .info .descr {
	padding-left:160px;
}
.gr2_one .info .descr,
.gr2_one .info .descr b
{
	color: #666;  
}
.gr2_one .info .image {
	float:left;
	width: 150px;
}

a:hover .gr2_list_item {
	background: #F4F4F4;
}

.gr2_list_item {
	border-bottom: 1px solid #FDCE7E;
	padding: 7px 0;
	width: 100%;
	clear:both;
	text-align: left;
}
.gr2_list_item .image {
	float:left;
	margin: 0 3px;
}
.gr2_list_item .name  {
	color: #BA1116;
	font-weight: bold;
	margin: 1px 5px 2px 155px;
}
.gr2_list_item .image a{
}
.gr2_list_item .name a {
	color: #BA1116;
	font-weight: bold;
	text-decoration:none;
}
.gr2_list_item .name a:HOVER {
	text-decoration:underline;
}
.gr2_list_item .descr {
	color: #666;
	margin: 5px 5px 2px 155px;
}

.prod_list_item {
	border-bottom: 1px solid #FDCE7E;
	padding: 7px 0;
	width: 100%;
	clear:both;
	text-align: left;
}
.prod_list_item .image{
	float:left;
	margin: 0 3px;
}
.prod_list_item .name {
	color: #BA1116;
	font-weight: bold;
	margin: 1px 5px 2px 160px;
}
.prod_list_item .descr {
	color: #666;
	margin: 5px 5px 2px 160px;
}
.prod_list_item b {
	color: #666;
}
.prod_list_item .price {
	float:left;
	color: #666;
	margin: 5px 5px 2px 5px;
}
.prod_list_item .controls {
	margin-left: 155px;
}
.prod_list_item .qty {
	float:left;
	margin-left:20px;
	margin-top: 2px;
}
.prod_list_item .btn {
	float:left;
	margin-left:10px;
	margin-top: 5px;
}
.prod_list_item .btn a{
	border: 1px solid #C4C4C4;
	background: #BA1116;
	color: #FFF;
	padding: 2px 8px;
	text-decoration: none;
}



#prod-groups td
{
	cursor: pointer;
	cursor: hand;
	padding: 20px 0 10px 0;
	vertical-align: top;
}
#prod-groups img
{
	margin-right: 15px;
}
#prod-groups h2
{
	font-weight: bold;
	font-size: 14px;
	padding: 0 0 10px 0;
}
#prod-groups .more
{
	color: #24315d;
	display: block;
	margin: 5px 0 0 0;
	text-decoration: none;
}
#prod-groups .more:hover
{
	text-decoration: underline;
}

.products
{
	margin-top: 20px;
	width: 100%;
}
.products .clabel
{
	background: url("../tmpl/img/label_back.jpg") repeat-x;
	color: #000;
	padding: 7px 0 6px 4px;
	white-space: nowrap;
}
.products .highlight,
.products .highlight td
{
	background-color: #ffc;
}
.products .edata,
.products .odata
{
	border-bottom: 1px solid #FFD594;
	padding: 4px 0 4px 4px;
	vertical-align: top;
}
.products img
{
	border: 1px solid #5AA2DC;
	margin-right: 5px;
}
.products .code
{
	padding-right: 5px;
}
.products b
{
	color: #000;
	font-weight: normal;
}
.products .price
{
	padding-left: 5px;
	text-align: right;
}
.products .button
{
	float: right;
}
.products .add
{
	width: 100px;
}
.products .add .button p a
{
	background: url("../tmpl/img/icon_cart_add.gif") no-repeat right center;
	padding-right: 20px;
}


.products select {
	border: 1px solid #C5C5C5;
	background: #FFF;
}

.button2 {
	border: 1px solid #C4C4C4;
	background: #BA1116;
	padding: 1px 10px;
}
.button2 a {
	color: #FFF;
	text-decoration: none;
}