@charset "utf-8";
/*


			KLIN.com.ua CSS Document 

			copyright 2009 Emotion studio
					   of breathtaking ideas
					   
					   www.emotionstyle.com



*/

html 			{
				height: 100%;				
				}

body			{
				height: auto !important;
				height: 100%;
				min-height: 100%;
				min-width:1000px;
				position: relative;
				margin: 0px;
				padding: 0px;
				font-family:Arial, Helvetica, sans-serif;
				font-size:9pt;
				background:url(/style/klin/images/bg.gif) left top repeat-y;
				}
				
img				{
				border:0;
				}

/* CLASSES */

.png			{
				border:0;
				}

.pl20			{
				padding-left:20px;
				display:block;
				position:relative;
				top:50px;
				}

.item			{
				width:126px;
				height:155px;
				overflow:hidden;
				float:left;
				margin-right:28px;
				margin-bottom:20px;
				padding-top:10px;
				padding-left:15px;
				padding-right:25px;
				text-align:center;
				background:url(/style/klin/images/bg_item.png) top left no-repeat;
				}

.copy,
.copy a			{
				color:#EEEEEE;
				font-size:8pt;		
				}
				
.clr			{clear:both;}				
.clr0			{clear:both; height:1px;}				

/* DIV LAYOUT */
#global			{
				min-width:990px;
				min-height:800px;
				background:url(/style/klin/images/bg_page.gif) right top repeat-y;				
				}


#wrap			{
				min-width:990px;				
				min-height: 100%;
				height:100%;
				padding-bottom:98px;
				/*background-color:#999999;
				z-index:1;*/
				}
				
#wrap:after 	{
				content: ".made in Emotion.";
				display: block;
				height: 0;
				visibility: hidden;
				clear: both;
				}				


#logo			{
				width:125px;
				padding-top:35px;
				padding-bottom:10px;
				background:#C4C4C4;
				color:#FFFFFF;
				font-size:16pt;
				text-align:center;		
				position:absolute;
				left:10%;
				z-index:10;
				}
		
#meta			{
				height:35px;
				background:#DDDDDD;
				text-align:right;
				padding-right:80px;
				}		
		
#top			{
				height:107px;
				background:#F1F1F1 url(/style/klin/images/top_right.jpg) right top no-repeat;
				overflow:hidden;
				}		
								
		
#top_left		{
				width:540px;
				float:left;
				}	
				
#top_middle		{
				width:484px;
				/*top:0;
				left:540px;*/
				margin-left:540px;
				}		

#top_bott		{
				height:24px;
				overflow:hidden;
				background:url(/style/klin/images/top_bg.gif) repeat-x;
				}
				
#top_bott_left	{
				width:412px;
				float:left;
				}			
				
#top_bott_right	{
				width:581px;
				float:right;
				}				

#menu ol
				{
				list-style:none;		
				margin:0;
				padding:0;
				margin-top:20px;
				margin-left:20px;
				}
				
#menu li		{
				line-height:29px;
				font-size:11pt;
				}			
				
#menu li a		{
				display:block;
				position:relative;
				color:#6666B3;
				text-decoration:none;
				}				
				
#menu li 
a:hover			{
				background:url(/style/klin/images/no_sparow.png) 20px 7px no-repeat;
				}
				
#menu  
.active			{
				color:#733C29;
				background:url(/style/klin/images/sparow.png) 20px 7px no-repeat;
				cursor:default;
				}

				
#wrapper1 {
	position:relative;
	text-align:left;
	width:100%;
	/*background:#FFF url("../images/rightcolor_bg.gif") repeat-y top right;*/
	}
#wrapper2 {
	position:relative;
	text-align:left;
	width:100%;
	/*background:url("../images/leftcolor_bg.gif") repeat-y top left;*/
	}
#maincol {
	position:relative;
	margin:0;
	padding:10px;
	}				
				
#left_bar		{
				position:relative;
				top:-10px;
				left:-10px;
				float:left;
				width:213px;  /* for IE5/WIN */
				voice-family: "\"}\"";
				voice-family:inherit;
				width:193px; /* actual value */
				margin:0 0 -10px 0;
				padding:10px;
				padding-left:0px;
				z-index:100;
				}
				
				
#content		{
				/*width:57%;
				float:left;
				height:100%;
				min-height:100%;
				padding-top:20px;
				margin-left:40px;*/
				
				position:relative;
				padding:0 240px;
				
				}

#content a		{
				color:#000099;
				}

#right_bar		{
				padding-top:20px;				
				
				position:relative;
				top:-10px;
				right:-10px;
				float:right;
				width:213px;  /* for IE5/WIN */
				voice-family: "\"}\"";
				voice-family:inherit;
				width:193px; /* actual value */
				margin:0 0 -10px 0;
				padding:10px;
				z-index:99;
				}

#footer			{				
				margin-top:-98px;
				min-width:990px;
				width:100%;
				height:98px;
				background:url(/style/klin/images/footer_bg.png) repeat-x;
				position: absolute;
				bottom: 0px;
				
				clear:both;
				
				}		
				
#footer_left	{
				width:440px;
				height:98px;
				float:left;				
				background:url(/style/klin/images/footer_left.png) left top no-repeat;
				}				
				
#footer_right	{
				min-width:550px;
				width:auto;
				text-align:right;
				overflow:hidden;
				height:98px;
				float:right;
				background:url(/style/klin/images/footer_right.png) right top no-repeat;
				}	
				
#counter		{
				width:88px;
				position:relative;
				top:60px;
				left:20px;
				}

#emotion		{
				width:100px;
				position:relative;
				left:440px;
				top:70px;
				}				
				
.contentbody 	{
				margin-right:20px;
				}
				
li.cat_menu a  {
	font-size:9pt;
	background:none;
	line-height:14px;
	width:150px;
	
}

li.cat_menu  {
	list-style: none;
	margin-bottom:4px;
	marfin-left:-10px;
}

				
#menu li 
.cat_menu a:hover		{
				text-decoration:underline;
				color:#733C29;
				background:none;
				}

.bat_menu		{background:none; margin:0; padding:0; padding-left:10px}
.cat_menu		{background:none; margin:0; padding:0;}
.cat_menu a:hover	{background:none;}

#pricediv		{min-width:520px; width:90%; margin-top:20px;}
#dlprice		{float:right; margin-right:30px;}

/*.pictcha						{ color:#FE6918; font:normal 9pt Verdana, tahoma, sans-serif; text-decoration:none; }*/
.pictcha .right					{ color:#33CC00; font-size:16px; }
.pictcha .wrong					{ color:#FF9900; font-size:16px; }
.pictcha .intro					{ }
.pictcha .images				{ border:1px solid #eee; width:330px;}
.pictcha .images img			{ padding:2px; }
.pictcha .images img.selected	{ border:2px solid #FE6918; padding:0; }

.production	td	{border-bottom:1px solid #CCCCCC;}

.sort a {text-decoration:none; }

.comment_item {
	page-break-inside: avoid;
	position:relative;
  	padding:6px;
  	margin-top:3px;
  	font-family:Arial;
  	width:80%;
}

.service_text_comments_holder {
  position:relative;
  top:10px;
  margin-right:4px;
}

.comments_date {
  color:#666;
  font-family:tahoma,arial;
  font-size:10px;
}

.comments_nickname {
  color:#666!important;
  font-family:tahoma;
  font-size:11px;
  font-weight:bold;
  line-height:14px;
  text-decoration:underline;
  padding:0 6px 0 0;
}

.rating_comment_holder {
  position:absolute;
  right:20px;
  top:0;
  height:35px;
  padding-top:7px;
}

div.comment_text {
  font-size:13px;
  padding:20px 0 16px 0;
  font-family:Arial;
}

div.comment_text p {
  color:#000000;
  font-family:arial;
  font-size:13px;
  padding:0;
}
  
.comments_rating {
  color:#A9A9A9;
  font-size:11px;
}