@import "blueprint/screen.css";
@import "util.css";

body        { background: #fff url("../images/page_bg.jpg") repeat-x top left; font-family: Tahoma, sans-serif; font-size: 11px; color: #626262; line-height: 1.2; }
a, a:link, a:hover { color: #4ba221; text-decoration: none; outline: none; }
a:hover { text-decoration: underline; }

* html body         { text-align: center; }
* html #container   { text-align: left; }

#container  { background: #fff; border: 1px solid #c1c1c1; margin: 10px auto; padding: 0 18px 12px 18px; position: relative; width:950px; min-width: 950px; z-index: 0; }

/*#wrapper { background: url("../images/bg_head.jpg") no-repeat 586px 64px; }*/

/* fluid layout  */
body#catalog #container,
body#catalog #wrapper { width: auto; zoom: 1; }
body#catalog #container { margin-left: 20px; margin-right: 20px; }

/*#header { width: 607px;  margin-top: 40px; margin-bottom: 10px; float: left; }*/
#header { margin-top: 40px; margin-bottom: 10px; margin-right: 343px; }
#top-ornament { background: url("../images/bg_head.jpg") no-repeat 0 0; position: absolute; width: 48px; height: 152px; top: 64px; right: 334px; z-index: -1; }

#logo       { background: url("../images/logo.jpg") no-repeat 0 0; height: 93px; overflow: hidden; width: 302px; float: left; margin-bottom: 24px; }
#logo h1, #logo h2 { visibility: hidden; }

#contacts { color: #7c7d7c; text-align: right; float: right; margin-right: 18px; margin-top: 6px;}
#contacts a { font-weight: bold; display: block; padding-bottom: 12px; }

#service-links { background: url("../images/service-icons.jpg") no-repeat 0 0; position: relative; width: 13px; height: 80px; float: right;  margin-top: 6px; }
#service-links a { display: block; text-indent: -9999px; position: absolute; width: 13px; }
.service-link-home { height: 20px; top: 0; }
.service-link-search { height: 22px; top: 31px; }
.service-link-contact { height: 16px; top: 64px; }

#top-nav    { background: url("../images/top-nav-m.jpg") repeat-x 0 0; height: 34px; line-height: 32px; clear: both; margin-bottom: 8px; }
#top-nav .top-nav-wrapper { background: url("../images/top-nav-l.jpg") no-repeat 0 0; height: 34px; padding-left: 16px; }
#top-nav .top-nav-menu { background: url("../images/top-nav-r.jpg") no-repeat 100% 0; height: 34px; list-style: none; margin: 0; padding: 0 16px 0 0; }
#top-nav .top-nav-item { /*display: block; float: left;*/ margin: 0; padding: 0 0 2px 0; text-align: center; vertical-align: top; }
#top-nav a  { color: #484848; display: block; padding: 0 10px; text-decoration: none; font-weight: bold; height: 32px; line-height: 32px; }
/*#top-nav a:hover,*/
#top-nav .hover a,
#top-nav .active a{ background: url("../images/top-nav-m-active.jpg") repeat-x 0 0; color: #fff; }

#top-search                 { background: url("../images/top-search-m.jpg") repeat-x 0 0; height: 56px; clear: both; }
#top-search .form-wrapper   { background: url("../images/top-search-r.jpg") no-repeat 100% 0; height: 56px; float: left; width: 100%; }
#top-search form            { background: url("../images/top-search-l.jpg") no-repeat 0 0; display: block; margin: 0; padding: 14px 0 14px 19px; height: 28px; float: left; width: 410px; }
#top-search input           { color: #000; margin: 0; }
#top-search .text           { width: 278px; padding: 4px; font-size: 11px; margin-right: 12px; }
#top-search .button         { background: url("../images/button-search.jpg") no-repeat 0 0; cursor: pointer; padding: 0; margin: 0; border: none; height: 26px; width: 76px; text-indent: -9999px; }
#top-search .search-desc    { border-left: 1px solid #a3a3a3; color: #000; height: 36px; margin: 10px 0 10px 410px; }

/*#cart                   { background-color: #fff; border: 1px solid #a3a3a3; float: right; height: 189px; width: 326px; margin-top: 64px; }*/
#cart                   { background-color: #fff; border: 1px solid #a3a3a3; height: 189px; width: 326px; margin-top: 64px; position: absolute; top: 0; right: 18px; }
#cart #cart-wrapper     { padding: 7px 11px; }
#cart .cart-header      { background: url("../images/icon-cart.jpg") no-repeat 0 0; height: 18px; padding: 9px 0 8px 45px; }
#cart .cart-header h4 a { color: #6d6d6d; }
#cart .cart-nav         { border-bottom: 1px solid #9a9a9a; margin-left: -6px; }
#cart .cart-nav span,
#cart .cart-nav a       { display: inline-block; line-height: 20px; padding:2px 4px; }
#cart .cart-content     { height: 122px; margin: 0 -6px; }
#cart .cart-content h4  { text-align: center; }
.cart-highlight		    { background-color: #f0f0f0; }

#login  { background:url("../images/login-bg.jpg") no-repeat 0 0; height:15px; position: absolute; right: 18px; top: 0; width: 296px; padding: 16px; text-align: right; }

#content { clear: both; background: url("../images/bg_main.jpg") no-repeat 188px 0; }

#left-nav               { width: 196px; /*font-size: 10px;*/ font-size: 11px; margin: 0; }
#left-nav ul            { list-style: none; margin: 0 0 30px 0; padding: 0; }
#left-nav ul li         { display: block; border: 1px solid #c0c0c0; padding: 0; margin-bottom: 1px; background: #d5d5d5 url("../images/left-nav.jpg") repeat-x 0 0; }
#left-nav ul a             { color: #424242; display: block; font-weight: bold; text-decoration: none; padding: 12px 12px 12px 16px; }
#left-nav ul a span        { display: inline-block; float: left; padding-right: 5px; position: absolute; margin-left: -12px; }
#left-nav ul .expanded a,
.catalogs h3                { background: #3ea02d url("../images/left-nav-expanded-title.jpg") repeat-x left bottom; border-bottom: 1px solid #c0c0c0; color: #fff; padding: 12px 12px 11px 16px; }
#left-nav ul li ul          { background: #d5d5d5 url("../images/left-nav-expanded-body.jpg") repeat-x 0 0; padding: 12px 0; margin: 0; }
#left-nav ul li li          { background: none; border: none; padding: 0; margin-bottom: 0; }
#left-nav li li a,
#left-nav li.expanded li a  { background: none; border: none; color: #000; font-weight: normal; font-size: 12px; padding: 0 0 0 22px; line-height: 17px; }
#left-nav ul li li a:hover  { text-decoration: underline; }
#left-nav li.expanded li.sub-active,
#left-nav li.expanded li.sub-active a	{ font-weight: bold; }

#main { margin-left: 204px; }
* html #main { zoom: 1; overflow: hidden; }

h3              { font-size: 18px; font-weight: bold; background-color: #e9e9e9; margin-left: 6px; margin-right: 6px; }
h3 span         { background-color: #fff; padding-right: 12px; }
h4              { color: #3ea02d; font-size: 14px; font-weight: bold; }
.box-item h4    { margin-bottom: 6px; line-height: 14px }

.column-news .box-item h4 { display: block; margin-left: 110px; }
.box-item       { background: #fff url("../images/item-body.jpg") repeat-x 0 100%; border: 1px solid #d5d5d5; margin: 0 6px 10px 6px; position: relative; min-height:124px; }
.box-item-title { padding: 12px 0 0 12px; }
.box-item-body  { padding: 12px;/* min-height: 44px;*/ }
.box-item-image { left:12px; position: absolute; top: 12px; text-align: center; zoom: 1; }
.box-item-image h4 { color: #616161; font-size: 12px; font-weight: bold; }
.box-item-image img { border: 1px solid #d5d5d5; }
.box-item-desc      { margin-left: 110px; }
.column-categories .box-item                { float: left; width: 359px; }
.column-categories .box-item-title,
.search-filter .box-item-title              { background: url("../images/item-title.jpg") repeat-x 0 0; height: 50px; padding: 12px 2px 0 130px; }
.column-categories .box-item-title h4,
.search-filter .box-item-title h4           { color: #fff; font-weight: bold; margin: 0; font-size: 18px; line-height: 18px; }
.column-categories .box-item-desc,
.search-filter .box-item-desc               { margin-left: 118px; }
.column-categories .box-item-desc a         { color: #626262; text-decoration: none; }
.column-categories .box-item-desc a:hover   { color: #626262; text-decoration: underline; }
.products-all                               { font-weight: bold; }

h3.breadcrumbs { background: transparent; color: #3EA02D; font-weight: bold; padding-left: 16px; font-size: 12px; }
.column-product { }
.item-details { clear: both; margin: 0 50px; padding-top: 20px; }
.item-details .item-image { float: left; margin-right: 40px; width: 275px; }
.item-image img { border: 1px solid #a1a1a1; display:block; }
.item-details .item-description { float: left; width:280px; }
h3.art-no       { background: none; margin: 0 0 10px 0; padding: 0; clear: right; height:33px; }
h3.art-no span,
h3.art-no em { display: inline-block; line-height: 31px; float:left; }
h3.art-no span  { background: #009933; border: 1px solid #009933; color: #fff; margin: 0 5px 0 0; padding: 0 12px; font-size: 14px; font-weight: bold; }
h3.art-no em    { background: #fff; border: 1px solid #c0c0c0; color: #009933; margin: 0; padding: 0 0 0 10px; font-size: 22px; font-style: normal; width: 210px; }
.item-details h4 { color: #424242; font-size: 18px; margin-bottom:0.8em; }
.item-details .item-description-content { font-size: 12px; }
.item-details .item-properties { border-top: 1px solid #c9c9c9; float:left; width: 594px; padding-top: 3px; margin-bottom: 40px; margin-top: 19px; }
.item-properties-material,
.item-properties-price              { float: left; }
.item-properties-material           { width: 314px; padding-top: 6px; }
.item-properties-price              { width: 278px; }
.item-properties-material h5        { color: #949494; font-size: 12px; font-weight: bold; padding-left: 8px; }
.item-properties-material ul        { margin: 0; padding: 0; color: #000; font-size: 12px;  }
.item-properties-price-title,
.item-properties-avail-title,
.item-properties-order-help         { width: 148px; float: left; }
.item-properties-price-value,
.item-properties-avail-value,
.item-properties-order-button       { width: 130px; float: left; }
.item-properties-price-title,
.item-properties-price-value,
.item-properties-avail-title,
.item-properties-avail-value        { height: 33px; margin-bottom: 3px; font-size: 14px; font-weight: bold; line-height: 33px; }
.item-properties-price-value,
.item-properties-avail-value        { background: url("../images/item_price_bg.jpg") no-repeat right 0; position: relative; }
.item-properties-price-title span   { color: #009933; border: 1px solid #c0c0c0; display: block; line-height: 31px; padding-left: 14px; }
.item-properties-avail-title span   { color: #fff; background-color: #949494; display: block; padding-left: 14px; }
.item-properties-price-value span,
.item-properties-avail-value span   { padding-left: 20px; }
.item-properties-price-value span#icon-calc { background: url("../images/icon-calc.jpg") no-repeat 0 0; cursor: pointer; display: block; float: right; height: 28px; width: 28px; padding: 0; margin-right: 14px; margin-top: 3px; }
#price-value-flyout                 { background: #fff; border: 1px solid #bcbcbc; /*width: 86px;*/ color: #000; font-size: 11px; line-height: 14px; padding: 5px; position: absolute; right:-82px; top: -4px; z-index: 999;}
#price-value-flyout div             { height: 14px; clear: both; }
#price-value-flyout span            { border-right: 1px solid #c9c9c9; padding: 0; display: block; float: left; width: 30px; padding-left: 6px; margin-right: 5px; }
.item-properties-order-help,
.item-properties-order-button       { border-top: 1px solid #c9c9c9; color: #000; padding-top: 13px;}
.item-properties-order-button input { border: none; background: transparent url("../images/button-add-to-cart.jpg") no-repeat 0 0; cursor: pointer; display: block; height: 30px; margin: 0; padding: 0; text-indent: -9999px; width: 130px; }


.item-in-list                   { background: #fff; float: left; width: 136px; margin: 0 13px 22px 0;
}
.item-in-list .item-image,
.item-in-cart .item-image       { position: relative; zoom: 1; }
.item-in-list .item-image img   { border: 1px solid #c0c0c0; }
.item-in-list .item-art-no,
.item-in-list .item-price       { padding-top: 3px; height: 17px; line-height: 17px; }
.item-in-list .item-art-no span,
.item-in-list .item-art-no em,
.item-in-list .item-price span,
.item-in-list .item-price em    {display: inline-block; float: left; font-style: normal; font-weight: bold; }
.item-in-list .item-art-no span,
.item-in-list .item-price span  { text-align: center; margin-right: 3px; color: #fff;  }
.item-in-list .item-art-no em,
.item-in-list .item-price em    { border: 1px solid #c0c0c0; line-height: 15px; padding-left: 4px;  }
.item-in-list .item-art-no span { background: #868686; width: 28px; }
.item-in-list .item-art-no em   { width: 99px; }
.item-in-list .item-description { color: #424242; height:2.6em; overflow:hidden; padding-top: 3px; }
.item-in-list .item-price span  { background: #009933; width: 65px; margin-right: 2px; }
.item-in-list .item-price em    { color: #009933; width: 63px; }
.item-in-list .item-price strong { font-size: 10px; }
.icon-zoom { background: url("../images/icon-zoom.jpg"); display: block; position: absolute; bottom: 1px; height: 10px; text-indent: -9999px; overflow: hidden; right: 1px; width: 10px; }
.item-in-list.ui-draggable-dragging { border:1px solid #c0c0c0; padding: 2px; }

.item-in-cart { width: 154px; float: left; font-size: 10px; padding: 4px 4px 0 0; }
.item-in-cart .item-image       { float: left; width: 42px; margin-right: 2px; }
.item-in-cart .item-description { float:left; height:24px; overflow:hidden; width:94px; }
.item-in-cart .item-art-no span,
.item-in-cart .item-art-no em    {display: inline-block; float: left; font-style: normal; font-weight: bold; line-height: 18px; }
.item-in-cart .item-art-no span { background: #3ea02d; color: #fff; width: 28px; margin-right: 2px; text-align: center; height: 18px;  }
.item-in-cart .item-art-no em   { color: #3ea02d; width: 56px; border: 1px solid #c0c0c0; line-height: 15px; padding-left: 4px; height: 16px; margin-right: 2px; overflow: hidden; }

.column-catalog { margin: 0 0 0 6px; }
* html .column-catalog { zoom: 1; float: none; }
.column-catalog h3.breadcrumbs { padding-left: 0; margin-left: 0; }
.paginator          { background: url("../images/pagination-m.jpg") repeat-x 0 0; clear: both; line-height: 35px; font-size: 12px; font-weight: bold; margin-bottom: 16px; }
.paginator,
.paginator a { color: #8d8b8b; }
.paginator span { text-decoration: underline;}
.paginator a,
.paginator span{ display: inline-block; margin: 0 3px; }
.paginator,
.paginator-pages,
.paginator-show     { height: 35px; }
.paginator-pages    { background: url("../images/pagination-l.jpg") no-repeat 0 0; float: left; padding-left: 18px; }
.paginator-show     { background: url("../images/pagination-r.jpg") no-repeat 100% 0; text-align: right; padding-right: 18px; }

.search-filter { }
.search-filter .box-item            { margin: 0; }
.search-filter .box-item h4 span    { color: #cfcece; font-size: 14px; }
.search-filter .box-item-desc       { font-size: 12px; }
.search-filter .box-item-desc a     { color: #000; }
.search-filter-wrapper              { border: 1px solid #c0c0c0; border-top: none; margin-bottom: 16px; }
.filter-column                      { color: #000; font-size:12px; margin-left: 40px; padding: 10px 0 20px 0; }
.filter-column h5                   { font-size: 12px; color: #8d8b8b; margin-bottom: 4px; }
.search-filter-wrapper h3           { text-align: right; margin-bottom: 8px; }
.button-filter                      { background: url("../images/button-search-catalog.jpg") no-repeat 0 0; border: none; cursor: pointer; height:26px; padding:0; margin:0; width: 173px; text-indent: -9999px; }

.catalog-item-next      { float: left; background: #c0c0c0 url("../images/catalog-next.jpg") no-repeat 25px 26px; height: 136px; width: 136px; overflow: hidden; }
.catalog-item-next a    { color: #fff; display: block; width: 110px; height: 45px; font-size: 12px; padding: 90px 10px 0 25px; }

.catalogs               { border: 1px solid #c0c0c0; }
* html .catalogs        { width: 99%; overflow: hidden; }
.catalogs h3            { margin: 0 0 20px 0; font-size: 10px; text-transform: uppercase; }
.catalogs-item          { width: 100%; position: relative; }
.catalogs-item  a       { color: #424242; display: block; }
.catalogs-item  img     { display: block; }
.catalogs-item  span    { display: block; position: absolute; top: 0; font-weight: bold; margin-left: 119px;  }

.column-page    { padding-top: 6px; }
.static-content { font-size: 13px; margin: 34px 140px; }
.green-text     { color: #3ea02d; }


.table-cart    { margin: 20px 0 60px 126px; width: 540px }
.table-cart th { background: url("../images/korzina_table_head_bg.jpg") repeat-x 0 0; padding: 0 2px 0 4px; height: 19px; line-height: 16px; }
.table-cart td { padding: 9px 5px; border-bottom: 1px solid #b0b0b0; }
.table-cart h5 { margin: 0; }
.table-cart .cell-product   { padding: 9px 0; }
.table-cart .cell-product img { border: 1px solid #e8e8e8; }
.table-cart .cell-total { width: 77px }
.table-cart .cell-total-all { border: none; padding: 9px 0 0 250px; }

.delete-from-cart   { cursor: pointer; display: inline-block; background: url("../images/korzina_delete.jpg") no-repeat 0 0; width: 13px; height: 16px; vertical-align: middle; float: right; text-indent: -9999px; }

.form-container     { margin: 0 86px 20px 74px; }
.order-form-row       { clear: both; }
.form-container label { display: block; float: left; text-align: right; font-size: 14px; margin: 0.5em 20px 0 0; }
.form-container label,
.form-container input,
.form-container textarea        { width: 278px; padding: 2px; }
.form-container .button-send    { background: url("../images/button_send.jpg") no-repeat 0 0; cursor: pointer; width: 130px; height: 32px; border: none; float: right; }

.dialog-container { position: fixed; background-color: #fff; border: 1px solid #a3a3a3; padding: 12px; z-index:9999;}
#cart-dialog,
#login-dialog              {  top: 50%; left: 50%; width: 306px; /*height: 192px;*/ margin: -90px 0 0 -160px; }
#cart-dialog .dialog-title { border-bottom: 1px solid; padding: 0 0 12px 50px; background: url("../images/icon-cart.jpg") no-repeat 0 0; height: 35px; position: relative; margin-bottom: 12px; }
#cart-dialog .dialog-title h4 { margin: 0; line-height:35px; }
#cart-dialog .dialog-title em { margin: 0; line-height:35px; }
#cart-dialog .dialog-body     { text-align: center; }
#cart-dialog .dialog-body input.quantity    { width: 50px; padding: 5px; font-size: 18px; }
#cart-dialog .dialog-body input.button-add  { background: url("../images/button-cart-add.jpg") no-repeat 0 0; border: none; cursor: pointer; width: 130px; height: 30px; margin: 0; padding: 0; text-indent: -9999px; }

#login-dialog { width: 312px; }

.button-add-reserve    { background: url("../images/button-add-to-reserve.jpg") no-repeat 0 0; cursor: pointer; width: 130px; height: 30px; border: none; padding: 0; margin: 0; }

.form-error-msg { width: 285px; float: right; color: red; font-weight: bold; margin: 10px 0 0; } 
.cf             { clear: both; width: 100%; } 

.box-item-title h4 a {color:white;font-size:14px;}


.item-details .item-image .previews {
	margin-top: 14px;

}
.item-details .item-image .previews a {
	float: left;
	margin-right: 28px;
}
.item-details .item-image .previews a.last {
	margin-right: 0;

}
.item-details .item-image .previews a img {
	height: 71px;
	width: 71px;

}
.item-in-list .previews {

}
.item-in-list .previews a {
	display: block;
	float: left;
	margin-top: 3px;
	margin-right: 2px;

}
.item-in-list .previews a.last {
	margin-right: 0;

}
.item-in-list .previews a img {
	border: 1px solid #C0C0C0;
}


.seo-descr {
	padding: 0 20px;
	margin-bottom: 20px;

}
.seo-descr p {
	font-size: 14px;

}