/* CSS Document */

body			{background-color:#FFFFFF; color:#000000; font-family: Verdana, Arial; font-size:12px;}

a				{text-decoration:none;}
a:hover			{text-decoration:underline}


dt				{font-weight:bold; font-size:12px; color:#007dd1; margin-bottom:0.5em;}
dd				{padding-left:2em; margin-bottom:0.5em;}
dd span			{font-weight:normal; width:200px; display:block; float:left; border-bottom:dotted 1px #CCCCCC; clear:left}
dd p			{margin-bottom:0.3em;}

ul		{margin-left:5px}
li		{margin-left:15px; list-style-image:url(../img/li.png); padding:1px}

dl	{margin-top:1em;}
dt	{font-weight:bold; font-size:14px;}
dd	{padding-left:1em}

img	{border:none}

del {color:#ACACAC;}

hr {border:solid 1px #ccc; margin-top:0.5em}

h1 {border-bottom:dotted 1px #007dd1;}

.important		{font-size:14px !important; color:#007dd1 !important;}

.group          {margin-bottom: 1em; padding-bottom:1em;border-bottom:dotted 1px #ccc;}

/* standard form elements */
.quantity		{width:50px}
input[type=submit] {font-size:16px}

textarea		{clear:both; border:#000000 solid 1px; width:95%; min-height:100px; margin-top:0.5em}

.product-panel {
	margin-top:1em;
	margin-bottom:1em;
	border:solid 1px #077dd1;
	overflow: hidden;
	height:100%;
	font-size:11px;
}

.product-panel .panel {
	float:left;
	padding:10px;
	border:dotted 1px #ccc;
}

.index-module {
	border:solid 2px #555;
   	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:300px;
	min-height:150px;
	float:left;
	margin-left:1em;
	margin-top:1em;
	position: relative;
}

.index-module:hover {
	border-color:#ff6000;
	background: #ffe9d9;
}

.index-module div.button {
	position: absolute;
	left:0.5em;
	bottom:1em;
	text-align:center;
	width:100%;
}


#index-recommend {border-bottom:dotted 1px #000;overflow: hidden; height:100%;}
#index-recommend .recommend-left {width:180px; float:left;}
#index-recommend .product {float:left;width:350px;margin-top:10px;}
#index-recommend .product .price {clear:left; margin-top:20px; font-size:16px; padding:10px; font-weight: bold;}
#index-recommend .product .price del {font-weight: normal; font-size:12px;}

#index-recommend .thumb {overflow: hidden; height: 100%;width:105px;float:left;}
#index-recommend .thumb img {margin-right:10px;}

#index-recommend .recommend-right {width:180px; float:right;}
#index-recommend .recommend-right img {float:right;}


#whole 			{width:1200px; min-height:450px; margin:auto; overflow:hidden;}

#top_area		{height:90px; width:100%;position: relative;}
#top_area div.logo {position: absolute; left:10px;top:10px;}
#top_area div.basket {position: absolute; right:10px;bottom:10px;}
#top_area div.basket p {display: inline;}
#top_area div.user_menu {position: absolute; right:10px;top:10px;}

#top_area ul	{text-align:right;clear:both;padding-top:20px}
#top_area li	{display:inline; margin-left:10px;}

#modulemenu {background: url('../img/mainmenu_bg.png') repeat-x; width:100%;height:35px;}
#modulemenu ul.lily-module-menu {}
#modulemenu ul.lily-module-menu li {
	border:none;
    background: url('../img/mainmenu_dot.png') 100% 50% no-repeat;
    padding-right: 10px;
    margin-top:5px;
}
#modulemenu a {color:#fff;}
#modulemenu li.active a {color:#2596DF;}

#sidebar		{width:250px; float:left; margin-top:10px; margin-right:5px;}
#sidebar h3		{background: url('../img/sidebar_header.png') no-repeat; padding:4px 5px; color:#fff !important; font-weight: normal; font-size:14px}

.sidegroup		{margin-bottom:10px; border:solid 1px #077DD1; padding: 10px 5px;}

#content		{width:920px; float:right; padding:10px; min-height:300px}
#content a 		{background: url('../img/link_normal.gif') no-repeat left 50%; padding-left: 12px;}
#content a.ext	{background: url('../img/link_external.gif') no-repeat left 50%; padding-left: 12px;}
#content a.clean {background: none; padding-left: 0px;}
#content ul 	{margin:10px 0px 10px 5px}
#content p		{padding:2px}

.contentgroup	{border-bottom:dotted 1px #CCCCCC; margin-bottom:10px; padding:0px; background: none;}
.contentgroup p.date{font-size:10px; font-style:italic; padding:10px !important;}
.contentgroup img{margin-left:2px; margin-right:2px; border:0px;}

.back_pen		{background: url('../img/news_back.gif') no-repeat 100% 0%; width: 100%;}

.prod-short .descr {margin-top: 0.5em;}
.prod-short .details {margin-top: 0.5em;}
.prod-short .price {margin-top: 1em; text-align: right; font-weight: bold;}
.prod-short .basket {margin-top: 0.5em; text-align: right;}

#tabs li a {padding:0.25em; background: none;}

#prod_det		{overflow:hidden; width:100%;}
/* IE 5/6, bleee */
* html #prod_det {height:100%}
#prod_det div.thumb	{float:left; margin:0.5em; border: solid 1px #ccc; width:210px; height:210px}
#prod_det div.thumb	img {border:none; margin-left:5px;margin-top:5px}
#prod_det div.params {float:left;width:470px}

#prod_det th {width:150px;}

#gallery {clear:both}
#gallery a {background: none; padding:0px;}
#gallery a:hover {text-decoration: none;}
#gallery img {margin:0px; margin-right:3px; margin-bottom:3px; border:solid 1px #ccc}

#footer			{clear:both;width:1200px; margin:auto}
#footer a		{color:#007dd1;}
#footer p		{margin-bottom:5px; padding:5px}
#footer ul		{text-align:center; margin-top: 5px;}
#footer li		{display:inline}
#footer img		{border:none; margin-top:10px}

#footer_stripe {width:1200px; height:35px; background: url('../img/footer_stripe.jpg') no-repeat;}
#footer_stripe p {font-size:10px; color:#fff; text-align: left; padding: 0px 10px; padding-top:14px}

#navbar			{float:right}
#navbar ul 		{}
#navbar li		{display:inline}
#navbar a		{border:none; background:url(../img/arrowlefttinyorng.gif) no-repeat 0% 50%; padding-left:8px}
#navbar a:hover	{color:#007dd1}

/* it's all about tables */

/* standard */
table			{border:#666666 solid 1px; margin-top:1em; margin-bottom:1em}
th				{padding:4px; background: black; color:white;}
tr				{}
tr.caption		{font-size:14px; color:#007dd1;font-weight: bold;}
tr.highlight	{background:#D5D9FF}
td				{border-bottom:dotted 1px #CCCCCC; border-right:dotted 1px #CCCCCC; padding:4px}
td.title		{text-align: center; font-size:14px;font-weight: bold;}

table.params {}
table.params th {text-align:right;padding-right:0.5em}
table.params td {}

table.wide		{width:99%}

table.clean,table.clean td,table.clean th {border:none; background:#fff; color:#000;}

table.rowhover tr:hover {background-color:#FFBB99}
table.rowhover tr.highlight:hover {background-color:#FFBB99}

#userparams {width:95%; margin-right:auto; margin-left:auto}
#userparams th {background: white; color:black; border-bottom: solid 1px #000;}
#userparams td {width:50%}
#userparams td.caption {font-weight:bold; text-align:right}
