/******************************************

	layout.css
	Date: 2010-03-27
	Author: Vaidotas Šackus
	Company: Ideas Factory LT
	Webpage: http://www.ideasfactory.lt/
	E-mail: vaidotas@ideasfactory.lt
	
*******************************************/

@import "reset.css";
img, div, a, input { behavior: url(../includes/iepngfix/iepngfix.htc) }
.clear 
{
	clear: both;
}
hr 
{
	border: none 0;
	border-top: 1px dashed #000;
	width: 100%;
	height: 1px;
} 

blockquote 
{
	margin:1.5em 10px;
	padding:.5em 10px;

	width: 400px;
	font: italic normal 1em Georgia;
}

blockquote p
{
	display:inline;
}
body 
{
	background: #c0b562 url(../images/bg.png) top left repeat-x;
	font-family: Tahoma;
	color: #353535;
	font-size: 0.9em;
}
a
{
	color: #353535;
	text-decoration: underline;
}
a:hover
{
	color: #353535;
	text-decoration: none;
}
.adresas 
{
	width: 200px;
	height: 50px;
}
#page 
{
	width: 960px;
	margin: 0 auto;
}
#top 
{
	float: left;
	height: 130px;
	width: 960px;
	font-size: 0.9em;
	overflow: hidden;
	background: transparent url(../images/top.png) top center no-repeat;
	margin-top: 10px;
}
	#top .dmarquee 
	{
		float: left;
		width: 500px;
		height: 20px;
		line-height: 20px;
		margin-left: 100px;
		margin-top: 25px;
	}
	#top  #search 
	{
		float: left;
		width: 360px;
		height: 130px;
	}
		#top  #search input
		{
			margin-top: 25px;
			margin-left: 70px;
			width: 170px;
			height: 20px;
			background: #ececec;
			border: 0;
		}
		#top  #search .button
		{ 
			margin-left: 9px;
			background: transparent url(../images/search.png) top center no-repeat;
			border: none;
			height: 20px;
			line-height: 20px;
			width: 12px;
		}

#header 
{
	float: left;
	height: 292px;
	width: 960px;
	overflow: hidden;
	margin-top: -50px;
}
	#header #logo 
	{
		float: left;
		width: 270px;
		height: 292px;
	}
	#header #slider
	{
		float: left;
		width: 595px;
		height: 227px;
		margin-top: 30px;
		margin-left: 40px;
		border: 3px solid #c5bb6f;
	}
		
#content
{
	float: left;
	width: 960px;
	overflow: hidden;
}
	#content #sidebar 
	{
		float: left;
		width: 240px;
		margin-left: 60px;
	}
		#content #sidebar #catalog
		{
			float: left;
			height: 100px;
			width: 240px;
		}
		#content #sidebar #menu-top
		{
			float: left;
			width: 240px;
			height: 60px;
			background: transparent url(../images/menu-top.png) top left no-repeat;
		}
		#content #sidebar .logintitle
		{
			float: left;
			width: 240px;
			height: 20px;
			text-align: center;
			background: transparent url(../images/menu-login.png) top left no-repeat;
			color: #fff;
			
			font-size: 1.2em;
		}
		#content #sidebar #login
		{
			float: left;
			width: 240px;
			background: transparent url(../images/menu-login.png) top left repeat-y;
			padding: 10px 0;
			line-height: 1.3;
		}
			#content #sidebar #login label 
			{
				float: left;
				text-align:right; 
				width: 80px;
				margin-left: 10px;
				margin-top: 10px;
			}
			#content #sidebar #login input
			{ 
				float: left;
				margin-left: 10px; 
				width: 100px;
				margin-top: 10px;
				border: 1px solid #b8e4fb;
			}
			#content #sidebar #login .button
			{ 
				margin-left: 75px; 
				margin-top: 10px;
				
				text-decoration: none;
				font-weight: bold;
				letter-spacing: 0px;
				border: none;
				letter-spacing: 0;
				height: 20px;
				width: 92px;
			}
		#content #sidebar .menu-cat
		{
			float: left;
			width: 240px;
			height: 20px;
			background: transparent url(../images/menu-cat.png) top left no-repeat;
		}
			#content #sidebar .menu-cat a
			{
				margin-left: 40px;
				height: 20px;
				line-height: 20px;
				color: #605d5c;
				font-size: 0.9em;
				text-decoration: none;
			}
		#content #sidebar .menu-subcat
		{
			float: left;
			
			width: 215px;
			background: transparent url(../images/menu-subcat2.png) top left repeat-y;
			padding: 5px 0 5px 25px;
			border-top: 1px solid #d1d1d1;
		}
			#content #sidebar .menu-subcat a
			{
				color: #605d5c;
				font-size: 0.9em;
				text-decoration: none;
			}
		#content #sidebar .menu-on
		{
			float: left;
			width: 240px;
			height: 30px;
			background: transparent url(../images/menu-on.png) top left no-repeat;
		}
			#content #sidebar .menu-on a
			{
				margin-left: 25px;
				height: 30px;
				line-height: 30px;
				color: #605d5c;
				font-size: 0.9em;
				text-decoration: none;
			}
		#content #sidebar #menu-bottom
		{
			float: left;
			width: 240px;
			height: 20px;
			background: transparent url(../images/menu-bottom.png) top left no-repeat;
		}
	#content #pages 
	{
		float: left;
		width: 660px;
	}
	#content #middle 
	{
		float: left;
		width: 581px;
		background: transparent url(../images/middle.png) top left repeat-y;
		margin-left: 30px;
		padding: 0 10px;
		font-size: 0.9em;
	}
	#content #middle-top 
	{
		float: left;
		width: 601px;
		height: 20px;
		background: transparent url(../images/middle-top.png) top left no-repeat;
		margin-left: 30px;
		
	}
	#content #middle-bottom 
	{
		float: left;
		width: 601px;
		height: 20px;
		background: transparent url(../images/middle-bottom.png) top left no-repeat;
		margin-left: 30px;
	}
		#content #middle h2
		{
			color: #807d7d;
			font-size: 1.2em;
			margin-bottom: 10px;
		}
		#content #middle #cart
		{
			float: left;
			width: 581px;
		}
			#content #middle #cart #cart-top
			{
			
				width: 581px;
				font-weight: bold;
			}
			#content #middle #cart  .title
			{
				float: left;
				width: 231px;
				text-align: left;
				padding: 5px 0;
			}
			#content #middle #cart  .matas
			{
				float: left;
				width: 70px;
				text-align: center;
				padding: 5px 0;
			}
			#content #middle #cart  .kiekis
			{
				float: left;
				width: 70px;
				text-align: center;
				padding: 5px 0;
			}
			#content #middle #cart  .kaina
			{
				float: left;
				width: 70px;
				text-align: center;
				padding: 5px 0;
			}
			#content #middle #cart  .suma
			{
				float: left;
				width: 70px;
				text-align: center;
				padding: 5px 0;
			}
			#content #middle #cart  .veiksmas
			{
				float: left;
				width: 70px;
				text-align: center;
				padding: 5px 0;
			}
			#content #middle .bio
			{
				padding: 10px 0;
			}
			#content #middle .total
			{
				font-size: 1.2em;
				padding: 10px 0;
			}
			#content #middle .total a
			{
				text-decoration: underline;
			}
		#content #middle .photo
		{
			float: left;
			width: 100px;
			height: 100px;
			border: 2px solid #c5bb6f;
			padding: 2px;
			margin-bottom: 10px;
		}
		#content #middle .product-photo
		{
			float: left;
			width: 300px;
			border: 2px solid #c5bb6f;
			padding: 2px;
			margin: 10px;
			
		}
		#content #middle .product-description
		{
			float: left;
			width: 253px;
			margin-top: 10px;
			line-height: 20px;
		}
		#content #middle .info
		{
			float: left;
			width: 463px;
			height: 108px;
			margin-bottom: 10px;
			margin-left: 10px;
		}
		#content #middle h3
		{
			color: #807d7d;
			font-size: 1em;
			margin: 0px;
			padding: 0px;
		}
		#content #middle a
		{
			text-decoration: none;
		}
		#content #middle .more
		{
			text-decoration: underline;
		}
		#content #middle .more:hover
		{
			text-decoration: none;
		}
		#content #middle .c_product
		{
			float: left;
			margin: 15px 0px;
			width: 581px;
		}
				#content #middle .c_product .title a
				{
					font-style:normal;
					text-decoration: none;
					font-size: 1.1em;
					font-weight: bold;
				}
				#content #middle .c_product .title span
				{
					font-style:normal;
					text-decoration: underline;
					font-size: 0.7em;
				}
			#content #middle .c_product a
			{
				text-decoration: underline;
				font-style:oblique;
				font-size: 0.9em;
			}
			#content #middle .c_product .description
			{
				font-size: 0.9em;
				font-style:oblique;
				margin: 8px 0px;
			}
		#content #middle .product
		{
			float: left;
			width: 125px;
			height: 230px;
			margin: 20px 32px;
		}
			#content #middle .product img
			{
				border: 1px solid #c5bb6f;
				padding: 1px;
			}
			
			#content #middle .product .title
			{
				font-size: 0.9em;
				text-align: center;
				margin: 5px 0px;
			}
			#content #middle .product .price
			{
				text-align: center;
				margin: 5px 0px;
				height: 18px;
				line-height: 18px;
				margin: 15px 0px;
			}
			#content #middle .newprice
			{
				background: transparent url(../images/newprice.png) top left repeat-x;
				padding: 1px 10px;
				color: #FFF;
				font-weight: bold;
			}
			#content #middle .product select
			{
				width: 30px;
			}
		#content #middle .category_group
		{
			float: left;
			width: 260px;
			margin: 20px 10px;
		}
			#content #middle .category_group img
			{
				float: left;
				border: 1px solid #c5bb6f;
				padding: 1px;
				margin-right: 5px;
			}
			#content #middle .category_group .title
			{
				
				font-size: 0.9em;
				text-align: center;
				margin-bottom: 25px;
				font-weight: bold;
			}
			#content #middle .category_group ul
			{
				list-style-position: outside;	
			}
			#content #middle .category_group li
			{
				display: block;
				margin: 2px;
				padding: 0px;
			}
			#content #middle .category_group a
			{
				text-decoration: none;
			}
			#content #middle .category_group a:hover
			{
				text-decoration: underline;
			}

		#content #middle .katalogas-sep
		{
			float: left;
			width: 1px;
			height: 230px;
			background: transparent url(../images/katalogas-sep.png) center center no-repeat;
		}
#prefooter
{
	float: left;
	width: 960px;
	overflow: hidden;
	margin-top: 20px;
}
	#prefooter #kosmetikos-vakareliai 
	{
		float: left;
		width: 273px;
		height: 81px;
		margin-left: 60px;
	}	
	#prefooter #dovanu-idejos 
	{
		float: left;
		width: 273px;
		height: 81px;
		margin-left: 35px;
	}
	#prefooter #menesio-pasiulymai 
	{
		float: left;
		width: 273px;
		height: 81px;
		margin-left: 35px;
	}	
#footer
{
	width: 960px;
	height: 130px;
	float: left;
	vertical-align: middle;
	line-height: 110px;
	background: transparent url(../images/bottom.png) top left no-repeat;
	text-align: center;
	font-size: 0.8em;
	color: #353535;
}
#footer a
{
	color: #353535;
	text-decoration: underline; 
}
#footer a:hover
{
	color: #353535;
	text-decoration: none; 
}