﻿body 
{
	
	background-image: url('i/bkg1.gif'); 
	padding:0; 
	margin:0;
	font-family: Times New Roman;
	font-size:1em;
	
}
/* ************************************** Меню навигации ********************************* */
.menu ul {
	padding:0;  margin: 0px; width: 150px;  
	border-bottom: #8F7156 1px solid; 
	list-style-type: none;
}
.menu ul li {	position: relative;}
.menu li ul {	display: none; left: 149px; position: absolute; top: 0px; list-style-type: none; z-index:10;}
.menu ul li a {	border: #8F7156 1px solid;	border-bottom: 1px; 	padding: 5px;	display: block; 
	background: #E5DAC1; 	color: #505050; 	text-decoration: none;	font-family:Arial;
	font-size:9pt;	width:138px;
}
.menu .specialmenuitem {	background-color:#8F7156;	color:#fff;}
.menu .menuitemhassubitems {	background-image: url(i/arrow_r.gif);	background-repeat:no-repeat;	background-position:138px 9px;}
/* Второй уровень меню*/
.menu ul ul{width:192px;}
.menu ul li ul li a {	background-color:#D2BF99;	font-size:8pt;	font-weight:bold;	padding:5px;	width:180px;
	opacity:.95;	filter: alpha(opacity = 95);}

 *HTML .menu ul li {	FLOaT: left; HEIGHT: 1%;}
 *HTML .menu ul li a {	HEIGHT: 1%;	border-bottom-width:0px;}
/*При наведении*/
.menu ul li a:hover {	background-color: #f9f9f9; color: #333;}
.menu li ul li a {	padding-right: 5px; padding-left: 5px; padding-bottom: 2px; padding-top: 2px;}
.menu li:hover ul {	display: block;}
.menu li.over ul {	display: block;}


A
{
	color:#000000;
}

ul {
	list-style-type: disc;
	font-size: 16px;
	font-weight: bold;


}
ul ul {
	list-style-type: square;
	font-size: 16px;
	font-weight: normal;


}
ul ul ul {
	list-style-type: disc;
	font-size: 14px;

}
ul ul ul ul {
	list-style-type: circle;
	font-size: 12px;

}

h2
{
	font-size:12pt;
	font-weight:bold;
	
	margin-top:4px;
	margin-bottom:4px;
}
h1, p.h1
{
	font-family:Arial;
	font-size:1.1em;
	font-style:italic;
	font-weight:bold;
	margin:16px 0 20px 0px;
	text-indent:0;
	letter-spacing:0.05em;
	
}
p
{
	text-indent:40px; 
	text-align:justify;
}

.button80 {width:80px; height:21px; background-color:Transparent; padding-bottom:4px;  font-size:9pt; font-family:Tahoma; border:0; background-image: url(i/button80.gif); background-repeat:no-repeat;}
* HTML .button80{ padding-bottom:2px;}

.button120 {width:120px; height:25px; background-color:Transparent; padding-bottom:4px;  font-size:9pt; font-family:Tahoma; border:0; background-image: url(i/button120.gif); background-repeat:no-repeat;}
* HTML .button120{ padding-bottom:0px;}


cite
{
	/*
	font-family:Decor;
	font-style:normal;
	font-size:16pt;
*/
}

#LiveRSSinformer
{
	margin:10px;
	width:200px;
 
 }
 #LiveRSSinformer h4{font-family:Arial; font-size:12px; margin-bottom:2px;
                     border:1px solid #000;
                     padding:2px 4px;
                     /*background-color:#8F7156;*/
                     background-color:#718F56;
                     -moz-border-radius: 5px;
					-webkit-border-radius: 5px;}
  #LiveRSSinformer p{font-family:Arial; font-size:10px; text-indent:20px; margin-top:4px;
                     padding:0 10px;}


/* ********************************* feedback.aspx ************************** */
#feedback_aspx #main-body{width:1000px;}
#feedback_aspx #content{width:800px;}
#feedback_aspx .button120{border:0;}

.feedback_insert 
{
	border:solid 1px #000000;
	border-collapse:collapse;
	background-color:#e5dac1;
	-moz-border-radius:5px;
	-webkit-border-radius: 5px;
	margin-bottom:20px;
	width:600px;
}

.feedback_insert #dv_tb_text{padding:10px;}
.feedback_insert #dv_tb_username{padding-left:10px;}

.feedback{width:600px;}

.feedback .feedback_item {	background-color:#e5dac1;	border:solid 1px #999;	-moz-border-radius:5px; 	-webkit-border-radius: 5px;}
.feedback .username {	font-weight:bold;	width:380px;	border:0;	padding:4px 0 4px 20px;	float:left;}
.feedback .date {	font-size:.8em;	width:100px;	border:0;	padding:4px;	margin-left:auto;	margin-right:0;}
.feedback .text {	clear:both;		border:0;	font-family:Tahoma;	font-size:.9em;	width:520px;	padding:10px 30px 5px 30px;}

.feedback_insert TD, .feedback_insert TH {	padding:4px 0px 4px 4px;}
.feedback_insert INPUT, Textarea {	border-style: solid;	border-width: 1px;}

/* *********************************** yarn.aspx*************************************** */

 .yarn_item {	background-color:#e5dac1;	border:solid 1px #999;	-moz-border-radius:5px; 	-webkit-border-radius: 5px; -opera-border-radius: 5px; height:142px; width:600px; }

.yarn_item .yarn_img {	border:0;	margin:5px;	float:left;}
.yarn_item .yarn_img img{border:1px solid #000;}
.yarn_item .yarn_img span{font-family:Tahoma; font-size:8px; display:block; text-align:center;}

.yarn_item .yarn_img_color {	border:0;	margin:5px 5px 0px 0;	float:left;}
.yarn_item .yarn_img_color img{border:1px solid #000; width:30px; height:30px;}
.yarn_item .yarn_img_color span{font-family:Tahoma; font-size:8px; display:block; text-align:center;}

.yarn_item .name{font-weight:bold; margin:8px 0 0 10px; float:left; font-size:12pt;}
.yarn_item .price{font-family:Tahoma;font-size:10pt;margin:10px 0 0 145px;}
.yarn_item .description{font-family:Tahoma;font-size:10pt;margin:50px 0 0 145px; }
.yarn_item .comments{font-family:Tahoma;font-size:8pt;margin:10px 0 0 145px; text-align:right; margin:-15px 20px 0 0; color:#555;}
.yarn_item .comments a {font-size:10pt;}

/* textarea с html-кодом ссылки на наш сайт*/
.code{width:550px; height:60px;border:1px solid #000;font-size:8pt;color:#555;}
.clear{clear:both;}

/* Форма заказа */
#div_yarn_buy{position:absolute; width:300px; height:200px; padding:5px; background-color:#d5cab1; border:2px solid #8F7156;-moz-border-radius:5px; 	-webkit-border-radius: 5px; -opera-border-radius: 5px;}

#div_yarn_buy table{width:100%;}

#yarn_buy_name{font-weight:bold;}
#yarn_buy_color{width:120px; font-size:10pt;}
#yarn_buy_amount{width:20px; display:block; float:left; }

#yarn_buy_close{margin-left:auto; margin-right:0;display:block; width:20px; margin-top:-20px; background: url(i/cancel.gif) no-repeat; text-decoration:none;}
.yarn_buy_img{width:30px; height:30px;border:#000 solid 1px;}

#yarn_buy_decrease, #yarn_buy_increase
{display:block; width:30px; height:8px; font-size:1px; border:1px #000 solid; background-color:#a00; margin-left:26px; margin-bottom:1px;}

/* Корзина */
#basket{width:130px; display:none;  border:1px #000 solid; background-color:#8F7156; margin-top:10px;  -moz-border-radius:5px; 	-webkit-border-radius: 5px; -opera-border-radius: 5px;}
#basket #basket_title{font-weight:bold; margin-top:5px; display:block; color:#222;}
#basket table{margin-top:10px; margin-bottom:10px; background-color:#e5dac1;}
#basket table th{font-size:8pt; font-family:Tahoma; text-align:right; width:100px;}
#basket table td{font-size:8pt; font-family:Tahoma;  width:30px;}
#basket #btn_check{display:block;  margin:0 auto 5px auto; }



/* *********************************** yarnComments.aspx*************************************** */
.yarnComments_item{	background-color:#e5dac1;	border:solid 1px #999;	-moz-border-radius:5px; 	-webkit-border-radius: 5px; -opera-border-radius: 5px; min-height:70px; width:600px; }
.yarnComments_item .name{font-weight:bold; width:380px; float:left; margin:5px 0 0 20px;}
.yarnComments_item .date{font-family:Tahoma;font-size:.8em;width:160px;margin:5px 0 0 auto;}
.yarnComments_item .description{font-family:Tahoma;font-size:.9em;width:520px;margin:10px 30px 10px 30px; text-align:justify; text-indent:40px;}

.yarnComments_emptydata{	background-color:#e5dac1;	border:solid 1px #999;	-moz-border-radius:5px; 	-webkit-border-radius: 5px; -opera-border-radius: 5px; height:20px; width:600px; text-align:center; padding-top:5px;padding-bottom:5px; }

/* ***********************************  basket.aspx*************************************** */
#basket_aspx #ctl00_cph_gv{border:1px solid #000}
#basket_aspx #ctl00_cph_gv th{ background-color:#8F7156; color:#ddd;}
#basket_aspx #ctl00_cph_gv td{ background-color:#e5dac1; text-align:center;}

#basket_aspx #ctl00_cph_gv .c1{width:120px;}
#basket_aspx #ctl00_cph_gv .c2{width:80px;}
#basket_aspx #ctl00_cph_gv .c3{width:40px;}
#basket_aspx #ctl00_cph_gv .c4{width:80px;}
#basket_aspx #ctl00_cph_gv .c5{width:80px;}
#basket_aspx #ctl00_cph_gv .c6{width:80px;}

#basket_aspx #ctl00_cph_gv .amount{width:35px; border-style:solid; border-width:1px; text-align:right;}

#basket_aspx #total{width:480px; text-align:right;}

#basket_aspx #ctl00_cph_dv{margin-top:10px;}

/* ************************************* Новый шаблон div ******************************* */
#wrap {
	width:1024px;
	background-color:#e5dac1;
	border-right:solid 1px #000000; 
	background-image: url(i/bg12.jpg);
	background-position:0 -90px;
	background-repeat:repeat;
}

/* На главной странице - убрать фоновый рисунок*/
#default_htm #wrap {background-image: none;}
#default_htm #wrap {background-image: url(i/bg150710.jpg); background-position:150px 50px;}

#header {	width:1024px; 	height:50px; 	border-top:solid 1px #000000; 	border-bottom:solid 2px #000000;	background-image: url('i/v_stripe.gif'); 	text-align:center;} 
#footer {	clear:both;	background-color:#8f7156; 	width:1022px; 	height:50px; 	border:solid 1px #000000;	border-top-width:2px;	text-align:right;}
#main-body {	float:left;	width:745px;	min-height:500px;
	/* Установить цвет фона, чтобы сразу при загрузке его иметь, иначе видно body bacjgroundimg*/
	/*background-color:#e5dac1;*/
}
#sidebar-2 {	float:right;	width:245px;}
#content {	float:right;	width:550px;}
#sidebar {	float:left;	width:150px;}
.inside {	/*padding:10px;*/ }

/* Ширина блоков для определенных страниц меняется, чтобы основная часть была пошире*/
#yarn_aspx #main-body{width:845px;}
#yarn_aspx #content{width:650px;}
#yarn_aspx #sidebar-2{width:145px; margin:40px 20px 0 0;}
*HTML #yarn_aspx #sidebar-2{margin:20px 10px 0 0;}

/* После прочтения книги по CSS переделал разметку нормально*/
/* item - блок с набором фото, подписями и описанием*/

.item {	margin-bottom:80px;	clear:both;}
.item .firstImage {	float:left;	margin-right:20px;}
.item .secondImage {	margin-right:3px;	}
.item .secondImage img {	width:120px;	height:120px;	border: solid 1px #000;}
.item .highslide:hover img{border-color:#000;}
.item .firstImage img {	width:120px;	border: solid 1px #000;}

.item h2 {	font-family: Arial;	font-weight:bold;	font-style:italic;	font-size: 1em;}
.item .parameters {	text-indent:0;     text-align:left;    margin-left:142px;}

* html .item .parameters
{
	/*В IE6 когда 3 и более сточек параметров (цена, размер, материал, то
	нижние строки смещаются влево. Исправляем*/
	height:1px;
}
.item .description {	text-indent:40px;     text-align:justify;}
.item .photoAuthor {	display:block;	font-style:italic;	text-indent:0;	margin-top:.5em;}

/*pager - a href пэйджер в разделах каталога. Когда вещей более 10. */
.pager {	height:0px;	margin:0 0 70px 40px;}
.pager span {	display:block;	float:left;	margin-right:10px;	line-height:25px;}
.pager ul {	list-style-type:none;}
.pager li {	float:left;}
.pager a {	display:block;	width:35px;	background-color:#8f7156;	border:solid 2px #e5dac1;	
          	line-height:25px;	text-align:center;	font-family:Verdana;	text-decoration:none;
			margin-right:8px;
}
.pager a:hover {	background-color:#e5dac1;	border:solid 2px #8f7156;}
#page_current {	border:solid 2px #333;}


/* END: После прочтения книги по CSS переделал разметку нормально*/

/* Новости */
/* Новости на главной странице - превью*/
#news_prev {	margin-top:20px; 	margin-left:-10px;	width:150px;}
#news_prev h2 {	font-size:0.9em;	margin-left:20px;}
#news_prev a.date
{
	/*text-decoration:underline;*/
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	border:solid 1px rgb(95,73,55);
	border-width:1px 1px 3px 1px;
	
	padding: 2px 4px 2px 20px;
	width:140px;
	
	background-color:rgb(195,153,115);
    -moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#news_prev a.date:hover {	background-color:rgb(248,200,85);}
#news_prev p {	padding: 2px 4px 2px 20px;	margin-top:4px;	text-indent:0;	text-align:left;	font-size:0.8em;}
/* Новости на странице новостей*/

.news_item {	border-bottom:solid 1px #000; 	padding-bottom:20px;}
.news_item .news_header {	font-weight:bold; margin-left:40px; margin-top:10px;}
.news_item p.news_header {	font-weight:bold; margin-left:0;}/* Заголовок, оформленый через p - чтоб не индексировался слишком*/
.news_item .news_header span {	font-weight:normal;}
.news_item .highslide img {	border:solid 1px #000;	margin-right:3px;}
.news_item .text {	margin-bottom:0;}

/* Контакты*/
span.address {	white-space:nowrap;}
span.address a { background-image: url(i/phone_ico.gif); background-repeat:no-repeat;	background-position:left center;	padding-left:20px;	width:20px;}

/* Главная страница*/
#new_thing {	display:block;	margin-bottom:20px;}


/* История вязания */
.history3 img{border:1px solid #000;}
.history3 strong{font-weight:normal;}


.history4 img{border:1px solid #000; margin:2px 0 10px 10px;}
.history4 ol li {text-align:justify;}

