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

.menu-gr
{
	border-top: 1px solid #dfdfdf;
	float: left;
	margin: 0;
	width: 442px;
}
.menu-gr li.l1
{
	float: left;
	list-style: none;
}
.menu-gr a.l1
{
	border: 1px solid #dfdfdf;
	border-top: 0;
	color: #333;
	/*display: block;*/
	float: left;
	font-weight: bold;
	padding: 8px 12px;
	width: 416px;
}
.menu-gr a.item-even
{
	background-color: #dfdfdf;
}
.menu-gr a.l1-active
{
	background-color: #dfdfdf;
}
.menu-gr .gr-img
{
	float: left;
	margin-right: 5px;
}
.menu-gr .gr-name
{
	cursor: pointer;
	float: left;
}
#menu-gr-1
{
	float: right;
}

#menu-gr-left
{
	margin-right: 10px;
	width: 230px;
}
#menu-gr-left a.l1
{
	width: 204px;
}
#menu-gr-left ul.l2
{
	float: left;
	width: 230px;
}
#menu-gr-left li.l2
{
	list-style: none;
}
#menu-gr-left ul.l2
{
	border-bottom: 1px solid #dfdfdf;
	margin: 0;
}
#menu-gr-left a.l2
{
	color: #333;
	/*display: block;*/
	float: left;
	padding: 8px 12px 8px 24px;
	width: 192px;
}
#menu-gr-left a.l2-active
{
	text-decoration: underline;
}


/* listing of products */

#products
{
	float: right;
	width: 656px;
}

.edata,
.odata
{
	background-color: #fff;
	border: 0;
	padding: 0 0 30px 0;
	vertical-align: top;
	width: 100%;
}

.empty-cell
{
	border: 0;
}

.prod
{
	position: relative;
}

.prod-img
{
	float: left;
	width: 320px;
}

.prod-info
{
	float: left;
	width: 310px;
}

.prod-price
{
	color: #cd0003;
	margin-bottom: 10px;
}
.price-label
{
	color: #333;
	padding-right: 5px;
}

.prod-short-descr
{
	margin-bottom: 10px;
}

.response
{
	background-color: #c0e6fd;
	left: 320px;
	padding: 20px;
	position: absolute;
	top: 0;
	text-align: center;
	width: 220px;
}

div.groups
{
	border-top: 0;
	margin-top: 0;
	width: 100%;
}
div.groups a
{
	color: #333;
	float: left;
	padding: 0 5px;
}
div.groups a.sel
{
	color: #de2978; 
}


/* product details */

#details
{
	position: relative;
}

#details-left
{
	float: left;
	width: 345px;
}
#details-right
{
	float: right;
	width: 550px;
}

#details-right .prod-price
{
	float: left;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0;
}

#button-back
{
	float: right;
	font-family: Georgia, Serif;
	font-size: 11px;
	margin-right: 10px;
}

#price-hint
{
	color: #999;
	margin-bottom: 20px;
}

#prod-descr
{
	padding-top: 20px;
}

.response2
{
	left: 460px;
}