@import url(elements.css);
@import url(catalog.css);

html { overflow: -moz-scrollbars-vertical; overflow-y: scroll; }
body { scroll:both; background: #fff 0 0; margin: 0; padding:0; line-height:0; }

body { background: url(/images/sky.jpg) #fff repeat-x 50% -10px; }
.header { background: url(/images/stars.png) transparent no-repeat 50% 0 ;
	padding:24px 9% 0 9%;  behavior: url(/images/iepngfix.htc);}
.header .logo { width:237px; height:89px; margin-left:12px;}
.header .logo img { width:237px; height:89px; behavior: url(/images/iepngfix.htc); }
.header .contacts { float:right; width:337px; margin:-64px 0 0 0; }
.header .contacts img { width:337px; height:35px; left:-8px; position:relative;
	 behavior: url(/images/iepngfix.htc);}
.header a { color:#9bd; }
.header a span { color:#fff; }
#counters img { visibility:hidden; }

.navigation { margin:0 9% 0 0; height:54px; }
.navigation ul { list-style:none; margin:0; padding:0;}
.navigation li { float:right; margin:-8px 0 0 -48px; padding:0 0 0 0; white-space:nowrap;
	font: 0.8em/1.2em "Trebuchet MS", Tahoma, sans-serif; behavior: url(/images/iepngfix.htc);}
.navigation li img { margin:28px 0 0 44px; position:relative; z-index:140;
 	behavior: url(/images/iepngfix.htc);}

.navigation .active-tab { clear:right; margin-top:-39px; display:none; }
#navigation-contacts { background: url(/images/n-contacts.png) transparent no-repeat; width:154px; height:53px; }
#navigation-order { background: url(/images/n-order.png) transparent no-repeat; width:183px; height:53px; }
#navigation-price { background: url(/images/n-price.png) transparent no-repeat; width:167px; height:53px; }
#navigation-articles { background: url(/images/n-articles.png) transparent no-repeat; width:134px; height:53px; }
#navigation-company { background: url(/images/n-company.png) transparent no-repeat; width:174px; height:53px; }
#navigation-home { background: url(/images/n-home.png) transparent no-repeat; width:120px; height:53px; margin-right:-14px;}

#navigation-home-active { clear:both; margin-top: -43px; padding-right:228px; float:right; }
#navigation-home-active img { z-index:100;  margin:0; padding:0; }
#navigation-company-active { clear:both; margin-top: -50px; padding-right:377px; float:right; }
#navigation-company-active img { z-index:100;  margin:0; padding:0; }
#navigation-price-active { clear:both; margin-top: -50px; padding-right:256px; float:right; }
#navigation-price-active img { z-index:100;  margin:0; padding:0; }
#navigation-articles-active { clear:both; margin-top: -50px; padding-right:175px; float:right; }
#navigation-articles-active img { z-index:100;  margin:0; padding:0; }
#navigation-order-active { clear:both; margin-top: -50px; padding-right:38px; float:right; }
#navigation-order-active img { z-index:100;  margin:0; padding:0; }
#navigation-contacts-active { clear:both; margin-top: -50px; padding-right:0px; float:right; margin-right:-65px;}
#navigation-contacts-active img { z-index:100;  margin:0; padding:0; }

.contents { min-width:850px; padding:0 9%; clear:both; position:relative; z-index:120;}
.columns { position:relative; zoom:1; }
.a-column { width:32%; float:left; }
.b-column { margin-left:34%; margin-right:34%; border-top:solid 1px #fff; }
.c-column { float:right; width:32%; border-top:solid 1px #fff; } 
.bc-column { margin-left:34%; margin-right:0%; padding-left:32px; border-top:solid 1px #fff; }

.catalog-header { background: url(/images/n-catalog.png) no-repeat 0 0; position:relative; overflow:visible;
	height:54px; margin-left:-72px;  margin-top:-32px; behavior: url(/images/iepngfix.htc); }

.catalog-active-header { background: url(/images/na-catalog.png) no-repeat 0 0; position:relative; overflow:visible;
	height:86px; margin-left:-72px; margin-right:-250px; margin-top:-64px; behavior: url(/images/iepngfix.htc); z-index:90;}

.catalog-decoration { background: url(/images/rj45.png) no-repeat 0 0; position:relative; overflow:visible;
	float:right;width:174px;height:101px; margin-top:-32px; position:relative; z-index:120; margin-right:-16px;
	behavior: url(/images/iepngfix.htc);}
.catalog-column { position:relative; z-index:130; clear:both; top:-60px; position:relative;
	margin-bottom:-60px;}
	
.catalog-search-form { padding-left:16px; padding-top: 0.1em; }
.catalog-search-form input.field { width:13em; 
	height:2em; line-height:2em; border:solid 1px #ccc; padding-left:6px; padding-right:22px;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }
.catalog-search-form input { vertical-align:middle; }
.catalog-search-form input.field:focus,
.catalog-search-form input.field:active,
.catalog-search-form input.field:hover {
	border-color: #08a; background:url(/images/search-bg.png) repeat-x 0 50% }

.catalog-search-form input.img { margin-left:0.4em; }

.categories-tree li.catalog-active p { background: url(/images/c-active.png) no-repeat 100% 50% #2c8cc2 !important;
	padding-right:1.5em !important; }


h2.news { text-align:right; padding-right:2em; margin-bottom:0;}

div.news { margin:-0.5em 0 1em 0; position:relative; z-index:150; }
div.news p strong { background: url(/images/b-news.png) #d70 repeat-x 0 50%; 
	height:1.9em; line-height:2em; padding:0 8px; margin:0 0 0.4em 0;
	-moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px;
	display:inline-block; }
*html div.news p strong { display:inline; }

.news-decoration { background: url(/images/optical-jack.jpg) no-repeat 100% 0; position:relative;
	height:137px; position:relative; z-index:140; margin:-30px -60px 0 0 }

.footer { clear:both; margin-left:65%; padding-top:2em; margin-right:8%; padding-bottom:1em;}
.footer p { text-align:right; }

.breed-crums {
	margin-top:1em;
	position:relative;
	z-index:200;
	color:#888;
}
.breed-crums a { text-decoration:underline; color:#b5ccdd; }
.breed-crums a:visited { text-decoration:underline; color:#b5ccdd; }
.breed-crums a span { color:#269 }
.breed-crums a:hover { color:#d70; }
.breed-crums a span:hover { color:#d70; }
.breed-crums a:hover span { color:#d70; }

.order table { margin-top:1em; }
.order table td p { line-height:2em; }
.order table td { padding-right:1em }
.order table td input { width:18em; }
.order table td textarea { width:24em; }
.order table td textarea { height: 12em; }
.order table td input.submit { width:8em;  }

.contact input { width:50%; }
.contact textarea { width: 50%; height:6em;}
.contact input.submit { width:8em;  }
.contact p { line-height:2em; }

/*.ha { background: url(/img/hbr.jpg) traparent no-repeat 90% 0; 
	width: 50%; margin-bottom: -267px; height: 267px; }
.header h2 { margin: 32px 0 0 12%; }
.header h2 .pngfix { width:94px; height:67px; 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/tcml.png', sizingMethod='scale'); }
.header h2 img { width:94px; height:67px; }
*html .header h2 img { visibility:hidden; }
.header h3 { margin: 18px 0 -38px 12%; }

.contents { margin:0 12%; }

.nav { margin:-40px 0 0 12%; padding-left:256px; height:54px; }
.nav ul { list-style:none; margin:0; padding:0;}
.nav li { float:left; margin:0 1.5em 0 0; padding:5px 0 0 0; white-space:nowrap;
	font: 0.8em/1.2em "Trebuchet MS", Tahoma, sans-serif; }
.nav li a { color: #777 !important; }
.nav li a span { color: #000; }
.nav li.c { background: url(/img/nbl.gif) transparent no-repeat 0% 0; padding:0 0 0 20px;}
.nav li.c span { color: #fff; background: url(/img/nbr.gif) transparent no-repeat 100% 0;
	padding: 11px 20px 11px 0px;
	display:block; 	float:left; height:37px; line-height:0.2em; }

.news { clear:both; margin: 0 0 0em 256px;  position:relative; top:-1.4em;}
.news ul { list-style:none; margin:0; padding:0; }
.news li { margin: 0.7em 0 0.7em 0; padding:0; font: 0.75em/1.3em Tahoma, sans-serif; }
.news li em { font:italic 1.2em/1.5em "Times New Roman", serif; }

.hr { height:36px; background: url(/img/hrb.gif) transparent repeat-x 100% 0; margin:0 -36px -24px; 
	overflow:visible; }
.hr .l { height:36px; margin-bottom:-36px;
	background: url(/img/hrl.gif) transparent no-repeat 0 0; }
.hr .r { height:36px; background: url(/img/hrr.gif) transparent no-repeat 100% 0; }

.contents h2 { font: 1.2em "Arial Narrow", Tahoma, sans-serif; }

table.home h2 { margin:8px -99% 11px 0; padding:0; overflow:visible; }
table.home h2 a { text-decoration:none; }
table.home { margin-bottom: 1.5em; }
table td.third { width: 31%;}
table td.space div { width: 12px; }
table.home .t { vertical-align:top; margin:3px 0 0 2px; }
table.home .f { height: 6em; background: #000 no-repeat 50% 50%; }

.clt, .clr, .clb, .crb { font:0/0 times; } 
.clt { background: url(/img/clt.gif) transparent no-repeat 0 0; height:5px; }
.crt { background: url(/img/crt.gif) no-repeat 100% 0; height:5px; margin-top:-5px; }
.clb { background: url(/img/clb.gif) transparent no-repeat 0 0; height:5px; margin-top:-5px; }
.crb { background: url(/img/crb.gif) transparent no-repeat 100% 0; height:5px; margin-top:-5px; }

.mt1 { margin-top:1em; }

.phones { margin-left:12%; width:23%; height:5em;
	padding-left:28px; background: url(/img/bup.gif) no-repeat 0 0.1em;
	margin-bottom:-5em; }
.phones p { font: 1.25em/1.2em "Trebuchet MS"; margin:0; word-spacing:-0.1em;}


.address { margin-left:38%; height:4em;
	padding-left:28px; background: url(/img/bua.gif) no-repeat 0 0.1em;
	margin-bottom:-4em; }
.address p { margin-top:0.3em; color:#222; font:0.8em/1.2em "Trebuchet MS", Tahoma, sans-serif; }

.copy { margin-left:65%; height:4em; }
.copy p { margin-top:0; font: bold 8px/13px "Segoe UI", "Tahoma", sans-serif;
	color:#555; text-transform:uppercase; letter-spacing:1px; }
	
table.home .afisha { text-align:right; }
table.home .afisha .dac { margin-top: -34px; }

table.home .afishatext { padding-left:0.5em; padding-top:0; }
table.home .afishatext h2 { margin-top:0; }

*/