/* reset */
tml, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote, pre, form, fieldset, table, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5 { font-weight:normal; }
img {border:none}

body{font:13px/1.3 'Helvetica Neue',Arial,'Liberation Sans',FreeSans,sans-serif}hr{border:0 #ccc solid;border-top-width:1px;clear:both;height:0}h1{font-size:17px; font-weight:bold}h2{font-size:23px}h3{font-size:21px}h4{font-size:19px}h5{font-size:17px}h6{font-size:15px}ol{list-style:decimal}ul{list-style:disc}li{margin-left:30px}p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset{margin-bottom:18px}


/* main */
body { background:url(../i/bg.png) repeat-x top left #8b8b8b}
.clear {clear:both}
.b-layout {min-width:980px; max-width:1240px; margin:0 auto; background:url(../i/right-column-bg.png) repeat-y top right #fff; border:1px solid #000;}
a {color:#333}
	a:hover {color:#666}
	
table { border-collapse:collapse;}
	table td{ vertical-align:top}


/* header */
.b-header { height:95px; background:url(../i/header-bg.png) repeat-x top left; position:relative; }
	.b-logo { position:absolute; left:0; top:0; width:312px; height:104px; background:url(../i/logo-big.png) no-repeat top left;}
		.b-logo a{width:300px; height:95px;  border:0; text-indent:-9999em; display:block; cursor:pointer; }
	.b-shortcut { margin:0 0 0 312px; padding:72px 0 0 0 ; background:url(../i/logo-right-side.png) no-repeat top left; float:left; list-style:none}
		.b-shortcut li{ float:left; margin:0 0 0 18px}
			.b-shortcut a { display:block; height:12px; width:13px}
				.b-shortcut a#home { background:url(../i/shortcut.gif) no-repeat left top}
					.b-shortcut a#home:hover { background-position:left -12px}
				.b-shortcut a#mail { background:url(../i/shortcut.gif) no-repeat right top}
					.b-shortcut a#mail:hover { background-position:right -12px}
	.b-big-telephone{float:left; width:334px; height:63px; background:url(../i/telephone-number.png) no-repeat top right;  }
	.b-contacts {float:right; text-align:right; width:200px; font-weight:bold; list-style:none; padding:0.7em 0.5em 0.7em 0 ; font-size:13pt; color:#333; margin:0}
		.b-contacts li {margin:0}
		

/* left-column */
.l-center { margin:-1px 0 0 0; background:url(../i/left-column-bg.gif) repeat-y 0 0}

.b-left-column { float:left; width:206px; padding:0.3em 0 0 0}
	.b-left-column .b-catalog { vertical-align:top}
		.b-catalog-title { background:url(../i/catalog-plate.png) no-repeat 9px 0; height:25px; text-align:center; color:#FFF; font-size:10pt; padding:0.2em 0 0 0;}		
		.mktree a{ color:#444; text-decoration:none}
			.mktree a:hover {color:#666; text-decoration:underline}
	.b-new-in-catalog {}
		.b-new-in-catalog-title { background:url(../i/red-plate.png) no-repeat top right; text-align:center; padding:0.7em 0; font-size:13pt; color:#FFF; margin:0 0 0.2em 0}
	.b-new-in-catalog dl{ margin:0 1.2em 2em 1.2em}
		.b-new-in-catalog dt p{ margin:0.3em 0}
		.b-new-in-catalog dd{ font-size:8pt}	


.b-navigation { background:#282828; height:250px; margin:0 0 0 206px;}
		.b-menu { float:left; width:222px; background:url(../i/menu-bg.jpg) no-repeat top left; list-style:none; margin:0 0 0 9px; padding:14px 0 5px 0}
			.b-menu li{ margin:0; padding:0; clear:both; }
				.b-menu li h2, .b-menu li span { float:left; display:block; background:url(../i/menu-bullet.png) no-repeat 0 -2px; padding:0 0 0 30px; font-size:11pt; margin:0; cursor:pointer}
				.b-menu li sup { float:right; display:block; font:bold 11pt Arial, Helvetica, sans-serif; color:#ccc; margin:-12px 16px 0 0; padding:0 0 0 0; cursor:pointer }
			.b-menu a{ display:block; height:20px; color:#FFF; text-decoration:none; padding:12px 0 14px 23px; vertical-align: middle;}
				.b-menu a:hover{ background:url(../i/menu-plate.png) repeat-x top center; color:#fff}

		.b-slideshow { overflow:hidden; height:250px; text-align:left}
		
/* right-column */ 
.b-right-column { margin:0 0 0 206px}	

	/* left-side  */
	.b-left-side {margin-right:182px  }
		.b-left-side .fix-container {display: table; width: 100%;}
		
		/* BREADCRUMBS */
		.b-breadcrumbs {background:url(../i/breadcrubs-bg.png) repeat-x 0 0; width:100%; height:36px; margin:0 0 1em 0; overflow:hidden}
					.b-breadcrumbs .b-left-border {float:left; background:url(../i/breadcrubs-left-bg.png) no-repeat 0 0; width:5px; height:36px; }
					.b-breadcrumbs__inner {float:left; width:90%; padding:0.6em 0.5em 0 0.5em}
						.b-breadcrumbs__inner h3{float:left; font-size:11pt; font-weight:bold; margin:0 }
						.b-breadcrumbs__inner h4, .b-breadcrumbs__inner span{float:left; font-size:9pt; padding:0.2em 0 0 0; margin:0}
						.b-breadcrumbs__inner h5{float:left; font-size:9pt; padding:0.2em 0 0 0; margin:0}
						.b-breadcrumbs__inner .separator{ float:left; font-size:10pt; margin:0 0.5em; padding:0.2em 0 0 0}
					.b-breadcrumbs .b-right-border { float:right; background:url(../i/breadcrubs-right-bg.png) no-repeat right 0; width:36px; height:36px;}
		
		/*  SEARCH */
		#b-search {margin:0 1em 1em 1em; padding:0 0 0.8em 0; border-bottom:1px solid #333 }
			.b-search-column {float:left; width:17%}
				.b-search-column p{ margin:0}
			.b-search-last-column {float:right; width:25%}
				.b-search-last-column p{ margin:0}
				.b-search-last-column .button { margin:1.4em 0 0 0; width:100% }	
				
		/* CATALOG */
		.b-left-side .b-catalog {margin:0 1em 0 1em}
			.b-catalog-cell {float: left; width:46.5%; margin:0 0 1em 0.2em; padding:0 0.5em 0 0 }
				.b-catalog .right { float:right; border-left:1px solid #999; padding:0 0 0 3.2%; margin:0 }
				
				.b-catalog-cell .l-top { clear:both; margin:0 0 1em 0; height:190px}
				.b-catalog-cell .l-bottom { clear:both; margin:0 0 1em 0}
				.b-catalog-cell .image{ float:left; width:45%; text-align:center; overflow:hidden;}
				.b-catalog-cell .description { float:left; margin:0 0 0 1.3em; padding:0 0 0.5em 0; font-size:8pt; color:#666; width:48%}
				.b-catalog-cell .price { font:bold 13pt Verdana, Geneva, sans-serif; float:left }
				.b-catalog-cell .button-buy { float:right;}
					 .button-buy a{ background:url(../i/button-buy.png) no-repeat 0 0; display:block; height:20px; width:76px; padding:5px 0 0 0; text-align:center;  text-decoration:none; font-weight:bold; font-size:8pt; color:#FFF; }
						 .button-buy a:hover{ background-position:0 -25px}
			.b-catalog .h-separator { clear:both; border-top:1px solid #999; margin:0 0 1em 0}
			
			.b-pages { margin:0 1em 0.1em 1em}
				.b-pages-list { float:left; list-style:none; text-align:center; height:18px; width:90%; font-size:9pt}
					.b-pages-list li{ float:left; margin:0 1.2% 0 0 }
						.b-pages-list li.disable{padding:2px 4px;border:1px solid #dfdfdf; color:#dfdfdf}			
						.b-pages-list li a{ display:block; padding:2px 4px; border:1px solid #dfdfdf; text-decoration:none}
							.b-pages-list li a:hover{ background:#dfdfdf; }							
				.b-pages-show { float:right;}
	
		/* NEWS */
		.b-left-side .b-news-content { border:none}
			.b-left-side .b-news-content dl { margin: 0 0 2.5em 0}
				.b-left-side .b-news-content dd { font-size:10pt}	
				
		/* PRODUCT */	
		.b-left-side .b-product {}
			.b-product .b-images { float:left; width:200px; margin:0 0 0 0.9em; text-align:center; overflow:hidden}
			.b-product .b-description { margin:0 1em 0 230px; }
				.b-product .b-description .b-price {}
					.b-product .b-description .b-price .price { float:left; margin:0 1em 0 0}
					.b-product .b-description .b-price .button-buy { float:left}
						.b-product .b-description .b-price .big{ font:bold 13pt Verdana, Geneva, sans-serif; }
			.b-product .b-description .desc{ clear:both; padding-top:2em; margin-bottom:0.1em}
			
		/* BASKET */
		.b-basket {}
			.b-basket .basket-list{ width:97.2%; margin:0 0 1em 0.8em; }
				.b-basket .basket-list th { background:#dfdfdf; padding:0.5em; font-weight:normal; text-align:left; font-size:12pt}
				.b-basket .basket-list td { padding:0.3em 0.5em ; border:1px solid #dfdfdf; vertical-align:text-top}
				.b-basket .basket-list	.text-center { text-align:center}
				.b-basket .basket-list .price {width:80px; }
				.b-basket .basket-list .count {width:80px}
				.b-basket .basket-list .delete{ text-align:center;  vertical-align:middle; width:80px }
				.b-basket .basket-list .input { width:25px; text-align:center;  }
				
				.b-basket .basket-list a.button-delete { display:block; background:url(../i/delete.png) no-repeat top center; height:20px; width:20px; margin:0 auto }
					.b-basket .basket-list a.button-delete:hover { background-position: center bottom }	
				
				.b-basket .basket-list .last-row {background:#dfdfdf;}
				.b-basket .basket-list .button-reņalc{ font-size:8pt}
				.b-basket .basket-list .total {text-align:right;}
					.b-basket .basket-list .total span {font-size:12pt; font-weight:bold}	
				
			.b-basket-form { width:500px; margin:0 auto}
			.b-basket-form h3 { margin:0 0 0.7em 165px }
			.b-basket-form dl{clear:both; padding:0 0 1.5em 0}
				.b-basket-form .label{ float:left; width:140px; text-align:right; margin:0 2em 0 0}
				.b-basket-form .field input{ float:left; width:300px; margin:-0.2em 0 0 0  }
				.b-basket-form .field textarea { width:300px; height:100px;}
				
				.b-basket-form .field .b-code { padding:0; margin:-5000px}
					.b-basket-form .b-code .code{ width:120px}
					.b-basket-form .b-code .code-image{ clear:both; margin:0 0 0 165px }
				
			.b-basket-form .button-send input{  font-size:13pt; margin:0 0 0 165px }
			
	/* right-side */
	.b-right-side { float:right; width:182px; }
		.b-basket { border-left:none}
			.b-basket-title { }
				.b-basket-title a{display:block; background:url(../i/basket-bg.png) no-repeat left top; height:44px; font-size:13pt; padding:8px 0 0 2.5em; color:#FFF; text-decoration:none}
				.b-basket-title a:hover{ background-position:0 -52px; color:#fff}
			.b-basket-content { padding:0 1.0em 1.5em 1.0em}
				.b-basket-content dt{ margin:0 0 0.5em 0}
		.b-basket .go-to-basket { font-weight:bold; text-align:center}
			.b-basket .go-to-basket a{ color:#F00 }
				.b-basket .go-to-basket a:hover{ color:#a00}
		.b-news {}
			.b-news-title { background:url(../i/news-bg.png) no-repeat left top; height:45px; font-size:13pt; padding:8px 0 0 2.5em; color:#FFF}
			.b-news-content {margin:0 1em; padding:0 0 1em 0;  border-bottom:1px solid #CCC}
				.b-news-content dt { margin:0 0 0.8em 0}
					.b-news-content dt span{ background:#333; color:#FFF; font:bold 8pt Verdana, Geneva, sans-serif; padding:0.3em}
				.b-news-content dd { font-size:8pt; margin:0 0 0 1em}
			.b-news-content .red-link {  font-weight:bold}	
				.b-news-content .red-link a{ color:#F00}
					.b-news-content .red-link a:hover{ color:#a00}
			
	
/* footer */	
	
.b-footer {clear:both; background: url(../i/footer-bg.png) repeat-x 0 0; height:63px}
	.b-footer .left-border { float:left; background:url(../i/footer-left-bg.png) no-repeat 0 0; width:10px; height:63px}
	.b-footer .right-border { float:right; background:url(../i/footer-right-bg.png) no-repeat 0 0 #FFF; width:182px; height:63px}
		.b-developers { margin:0.6em 0 0 3.5em; text-indent:-15px; padding:0 0 0 15px; background:url(../i/dev.gif) no-repeat 98px 22px; width:120px; line-height:15pt}
	.l-footer-content {float:left; width:76%; margin:14px; color:#FFF}
		.b-counters {float:left;}
		.b-copyright {float:left; margin:0.65em 0 0 1em}