/* Template for Vrenely */
/* Made by DL Studio */
/* Author - Ilia LeeSteR Sidorenko */
/* E-mail - design@studiosdl.com */
/* Web-site - http://stuiosdl.com */

/**************************************************************************/
/****************************** Page Layout *******************************/
/**************************************************************************/

html	{
	margin:0;
	padding:0;
}

body	{
	margin:0;
	padding:0;
	background:#ffffcc;
}

div#first	{
	margin:0;
	padding:0;
	background:url(images/body_bg.jpg) top center repeat-x;
}

div#page	{
	margin:0;
	padding:0;
	background:url(images/page_bg.jpg) bottom center repeat-x;
}

div#center	{
	margin:0;
	padding:0;
	background:url(images/center_bg.jpg) top center repeat-y;
}

div#top	{
	margin:0;
	padding:0;
	background:url(images/top_bg.jpg) top center no-repeat;
}

div#bottom	{
	margin:0;
	padding:0;
	background:url(images/bottom_bg.jpg) bottom center no-repeat;
}

div#container	{
	padding:0;
	width:950px;
	margin:0 auto;
}

div#header {
	height:120px;
	width:950px;
	margin:0 auto;
	padding:0;
}
  
div#wrapper	{
	width:950px;
	margin:0 auto;
	padding:0;
	float:left;
}

div#content	{
	margin: 0 225px 0 215px;
}

div#navigation	{
	float:left;
	width:215px;
	margin-left:-950px;
}

div#extra	{
	float:left;
	width:225px;
	margin-left:-225px;
}

div#footer	{
	clear:left;
	width:100%;
	height: 100px;
}

/**************************************************************************/
/***************************** Module Layout ******************************/
/**************************************************************************/

div.inside	{
	padding:10px;
}

div.inside-left	{
	padding:10px 10px 10px 5px;
}

div.inside-right	{
	padding:75px 10px 50px 10px;
}

/**************************************************************************/
/******************************* Main Menu ********************************/
/**************************************************************************/

div#menu	{
	margin:0;
	padding:63px 0 0 180px;
}

div#menu ul	{
	padding:0;
	margin:0;
	height:26px;
	text-align:center;
}

div#menu ul li	{
	display:block;
	float:left;
	margin:0;
	padding:0;
}

div#menu ul li a	{
	display:block;
	height:26px;
	width:77px;
	background:url(images/buttoms/button.jpg) top no-repeat;
	color:#fde6bd;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	line-height:30px;
}

div#menu ul li a:hover	{
	display:block;
	height:26px;
	width:77px;
	background:url(images/buttoms/button_hover.jpg) top no-repeat;
	color:#573b1c;
	line-height:24px;
}

/**************************************************************************/
/******************************* Page Title *******************************/
/**************************************************************************/

div#title	{
	margin:0;
	padding:0;
	clear:left;
	height:50px;
}

div#title h1	{
	margin:0;
	padding:20px 0 0 500px;
	color:#5d4127;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:normal;
}

/**************************************************************************/
/******************************** Content *********************************/
/**************************************************************************/

div#content div.inside	{
	font-family:Arial, Helvetica, sans-serif;
	color:#5d4127;
	font-size:14px;
}

div#content div.inside p	{
	text-indent:20px;
}

div#content div.inside a {
	color:#5d4127;
	text-decoration:underline;
}

div#content div.inside a:hover {
	color:#af9247;
	text-decoration:none;
}

div#content div.inside ul	{
	margin:0;
	padding:0 0 0 20px;
}
								
div#content div.inside h2	{
	background:url(images/underline/big_line.jpg) bottom right no-repeat;
	font-size:16px;
	padding:0 0 2px 70px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	clear:left;
}

div#content div.inside h2 a	{
	color:#5d4127;
	text-decoration:none;
}

div#content div.inside h2 a:hover	{
	color:#af9247;
}

div#content div.inside div.productline	{
	height:220px;
	width:480px;
	margin:0 auto;
	clear:left;
}
									
div.picture	{
	margin:0;
	padding:0;
	float:left;
	height:220px;
	padding-top:5px;
}

div.picture:hover	{
	padding-top:0;
}

div#content div.inside div.descline	{
	height:70px;
	width:480px;
	margin:0 auto;
	clear:left;
}

div.desc	{
	margin:0;
	padding:0;
	float:left;
	height:100px;
	width:120px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	color:#5d4127;
	font-size:14px;
}

div#content div.inside div.descline div.desc p	{
	text-indent:0;}

div#content div.inside div.descline div.desc a {
	color:#5d4127;
	text-decoration:none;
}

div#content div.inside div.descline div.desc a:hover {
	color:#af9247;
}

div#content div.inside div#categorytitle	{
	height:30px;
	width:480px;
	margin:0 auto;
	clear:left;
	font-size:16px;
	background:url(images/underline/category_underline.jpg) left bottom no-repeat;
}

div.foto	{
	margin:0;
	padding:0;
	width:120px;
	float:left;
	text-align:center;
}

div.model	{
	margin:0;
	padding:0;
	width:260px;
	float:left;
}

div.price	{
	margin:0;
	padding:0;
	width:100px;
	float:left;
	text-align:center;
}

div#content div.inside div#categoryitem	{
	width:480px;
	margin:0 auto;
	clear:left;
	padding:10px 0;
}

div.modeladd	{
	margin:0;
	padding:0;
	width:260px;
	float:left;
}

div.priceadd	{
	margin:0;
	padding:0;
	width:100px;
	float:left;
	text-align:center;
}

div#content div.inside div#categoryitem div.priceadd a	{
	text-decoration:none;
}

div#content div.inside div#categoryitem div.modeladd a.producttitle	{
	text-decoration:none;
}

div#content div.inside div#product	{
	width:480px;
	margin:0 auto;
	clear:left;
}

div.fotoprod	{
	margin:0;
	padding:0;
	width:250px;
	float:left;
	text-align:center;
}

div.prodprice	{
	margin-left:300px;
	text-align:center;
}

div.proddesc	{
	margin:0;
	padding:0;
	padding-top:100px;
}

div#content div.inside div#product div.proddesc p	{
	text-indent:0;
}

div#productmore	{
	clear:left;
	width:480px;
	margin:0 auto;
}


/**************************************************************************/
/******************************* Left Col *********************************/
/**************************************************************************/

div#navigation div.inside-left	{
	font-family:Arial, Helvetica, sans-serif;
	color:#5d4127;
	font-size:14px;
}

div#navigation div.inside-left h3	{
	background:url(images/underline/small_line.jpg) bottom right no-repeat;
	font-size:16px;
	padding:0 0 2px 10px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	color:#5d4127;
	clear:left;
}

div#navigation div.inside-left div#sidemenu ul	{
	list-style:url(images/micro/pointer.jpg);
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
}

div#navigation div.inside-left div#sidemenu ul li ul	{
	padding:0 0 0 20px;
}

div#navigation div.inside-left div#sidemenu ul li.active	{
	list-style: url(images/micro/pointer_active.jpg);
}

div#navigation div.inside-left div#sidemenu ul li.sub	{
	list-style: none;
}

div#navigation div.inside-left div#sidemenu ul li a	{
	color:#5d4127;
	text-decoration:none;
}

div#navigation div.inside-left div#sidemenu ul li a:hover	{
	color:#af9247;
}

div#navigation div.inside-left p	{}

div#navigation div.inside-left a {
	color:#5d4127;
	text-decoration:underline;
}

div#navigation div.inside-left a.small	{
	font-size:12px;
}

div#navigation div.inside-left a:hover {
	color:#af9247;
	text-decoration:none;
}

div#navigation div.inside-left ul	{
	margin:0;
	padding:0 0 0 20px;
}

/**************************************************************************/
/******************************* Right Col ********************************/
/**************************************************************************/

div#extra div.inside-right	{
	font-family:Arial, Helvetica, sans-serif;
	color:#5d4127;
	font-size:14px;
}

div#extra div.inside-right h3	{
	background:url(images/underline/small_line.jpg) bottom right no-repeat;
	font-size:16px;
	padding:0 0 2px 10px;
	height:30px;
	font-family:Arial, Helvetica, sans-serif;
	color:#5d4127;
	clear:left;
}

div#extra div.inside-right p	{
	text-indent:20px;
}

div#extra div.inside-right a {
	color:#5d4127;
	text-decoration:underline;
}

div#extra div.inside-right h3 a	{
	color:#5d4127;
	text-decoration:none;
}

div#extra div.inside-right a:hover {
	color:#af9247;
	text-decoration:none;
}

div#extra div.inside-right ul	{
	margin:0;
	padding:0 0 0 20px;
}

p.contact	{
	display:block;
	height:50px;
	padding-left:50px;
	padding-top:20px;
	background:url(http://vrenely.com.ua/images/tel_small.jpg) top left no-repeat;
}


/**************************************************************************/
/***************************** Authorization ******************************/
/**************************************************************************/

div.logout-link	{}

div.autorization-title	{
	background:url(images/underline/small_line.jpg) bottom right no-repeat;
	font-size:16px;
	padding:20px 0 2px 10px;
	height:45px;
	font-family:Arial, Helvetica, sans-serif;
	color:#5d4127;
	clear:left;
	font-weight:bold;
	line-height:1;
}

div.autorization-form	{
	padding:10px 0;
}

div.autorization-input	{
	padding:1px 0;
	clear:left;
}

div.autorization-input p.user-login	{
	display:block;
	width:70px;
	float:left;
	margin:0;
	padding:0;
}

div.autorization-input input.user-login	{
	display:block;
	margin:0 0 0 90px;
	padding:0;
}

div.autorization-input p.user-pw	{
	display:block;
	width:70px;
	float:left;
	margin:0;
	padding:0;
}

div.autorization-input input.user-pw	{
	display:block;
	margin:0 0 0 90px;
	padding:0;
}

div.autorization-form input.submit-button	{
	margin-left:20px;
}

div.autorization-form a.forgot-pw	{
	display:block;
	margin:5px 0 0 20px;
	padding:0;
	font-size:12px;
}

div.logout-link a	{
	font-size:12px;
	display:block;
	padding:10px;
}

/**************************************************************************/
/******************************** Shop Cart *******************************/
/**************************************************************************/

div#cart	{
	margin:0;
	padding:0;
	height:70px;
	background:url(images/micro/basket.jpg) left top no-repeat;
}

div.cart	{
	margin-left:70px;
}

div#cart div.cart a {
	font-size:12px;
}

/**************************************************************************/
/********************************** Search ********************************/
/**************************************************************************/

div#search	{
	padding:0 5px;
}

div.searchword	{
	float:left;
	padding:4px 3px 0 0;
}

input.searchword	{}

input.searchbutton	{
	position:relative;
	top:3px;
}

input.searchadd	{
	display:block;
	clear:left;
	float:left;
	position:relative;
	top:5px;
}

div.searchaddtext	{
	position:relative;
	top:6px;
}

a.advsearch	{
	display:block;
	margin-top:10px;
	padding:0 5px;
	font-size:12px;
}

/**************************************************************************/
/*********************************** News *********************************/
/**************************************************************************/

div#news	{
	padding:10px 5px 10px 10px;
}

div#news a	{
	font-size:12px;
}

/**************************************************************************/
/********************************* Cateory ********************************/
/**************************************************************************/

div#category-sort	{
	height:40px;
	margin:0 auto;
	padding-top:20px;
	padding-left:4px;
	clear:left;
	font-size:14px;
	background:url(images/underline/category_underline.jpg) left top no-repeat;
}

div#category-sort img, div#category-sort-top img	{
	position:relative;
	top:3px;
}

div#category-sort-top	{
	height:40px;
	margin:0 auto;
	padding-left:8px;
	clear:left;
	font-size:14px;
}

div#category-navigator	{
	margin-top:5px;
	text-align:center;
	clear:left;
}

div#category-navigator-top	{
	margin-bottom:10px;
	text-align:center;
	clear:left;
}

div.tobuy	{
	text-align:center;
	font-size:12px;
}

div#productmore table	{
	font-family:Arial, Helvetica, sans-serif;
	color:#5d4127;
	font-size:14px;
}

div#hits	{
	margin:0 auto;
	width:480px;
}

div#hits img	{
	padding:5px;
}

/**************************************************************************/
/********************************* Footer *********************************/
/**************************************************************************/

div#footer	{
	font-family:Arial, Helvetica, sans-serif;
	color:#5d4127;
	font-size:14px;
}

div#footer div#counter	{
	float:left;
	margin-top:69px;
	margin-left:230px;
	width: 120px;
}

div#footer div#copyright	{
	padding-top:68px;
	padding-left:40px;
	color:#FFF;
}