/*
        Сайт сделан в IT Studio.
        www.itstudio.ru
*/

img {behavior: url("/i/js/pngbehavior.htc");} 

* {box-sizing: border-box; x-moz-box-sizing: border-box}

	html, body,
	table, td,
	form,
	h1, h2, h3, h4, h5, h6,
	p,
	ol, ul {padding: 0; margin: 0}
	

html {xfilter: expression(document.execCommand("BackgroundImageCache", false, true))}


html, body {height: 100%}
img, table, td {border: 0}

body { background:#000; position:relative;}
#home, #inner, #catalogue {background: #1f1f1f url(/i/bg-1.gif) left top; position:relative; width:998px;}
body, td, th {font-size: 70%; font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; color: #ccc}
table {border-collapse: collapse}

/*img.png {filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src=/i/img.png)}*/

a:link {color: #ccc}
a:visited {color: #ccc}   
a:hover {text-decoration: underline; color: #eee}
a:active {color: #ccc}

hr {height: 0px; border: 0; border-top: 1px solid #2c2c2d; margin: 1.3em 0 2em}

h1 {font: normal 155% "Times New Roman", Tahoma, Arial, sans-serif; text-transform: uppercase; background: url(/i/red-square.gif) 0 3px no-repeat; padding-left: 20px; margin-bottom: 0.9em; color: #f5f5f5}
h2 {font: bold 120% Tahoma, Arial, sans-serif; padding-top: 10px }
h3 {font: bold 100% Tahoma, Arial, sans-serif}
h6 {font: bold 120% Tahoma, Arial, sans-serif; padding-top: 10px }

p {padding-bottom: 0.5em}
b {color: #fff}

ul {padding: 0.2em 0 1em 3em}
ol {padding: 0.2em 0 1em 3.5em}

/*
button {}
input {}
textarea {}

.blur {color: silver}
.focus {color: black}
*/

/* markup */
#page {width: 998px; margin: 0 auto; xwidth:expression((document.documentElement.clientWidth||document.body.clientWidth) < 800 ? "800px": "100%"); background: url(/i/bamboo.gif) right top no-repeat; position:relative;}


#header {width: 100%; padding-top: 30px;}
	#header_table {width: 100%; margin-bottom: 30px}

		#logo {padding-left: 90px}
			#logo img {font-size: 150%}
			#logo-link { width:161px; height:41px; position:absolute; z-index:100; margin-top:23px; }
			
		.phone {padding: 0 53px 0 45px}
			.phone img {margin-bottom: 5px}


#menu {list-style: none; padding-left: 0; margin-left: 40px; *margin-left: 20px; float:left;}
	#menu li {display: inline; float: left; margin-right: 23px}
	#menu a, #menu b {font: 120% "Times New Roman", sans-serif; text-transform: uppercase; color: #c3c3c3}
	#menu .selected a, #menu b {color: #ed1c24}
	#menu a:hover {color: #fff}
	#menu b {}
	
	 ul#menu { padding-bottom:0;}
		#menu ul li {}
		#menu ul a {}
		#menu ul a:hover {}
		#menu ul b {}
		
	#menu .selected {}
		#menu .selected a {}
		#menu .selected li a {}
	
	


#content {padding-top: 45px}
	
	#content_table {width: 100%; position:relative; height:100%}
	
		#content_left {padding-left: 40px; height:100%}
		#home #content_left {padding-right: 37px}
		
		#offer {background: #8f1116 url(/i/bg-red.jpg) top left}
			
			#left_menu {list-style: none; padding-left: 0; margin: 0px 0 18px 0}
				#left_menu li {margin-right: 23px; padding-bottom: 6px; }
				#left_menu a, #left_menu b {font: 120% "Times New Roman", sans-serif;  color: #fff;line-height:.8em}
				#left_menu .selected a, #menu b {color: #ed1c24}
				#left_menu a:hover {color: #c3c3c3 !important}
				
				#left_menu ul {list-style: none; padding-left: 0;padding-bottom: 0}
				#left_menu ul ul { margin-left: 11px; }
					#left_menu ul li ul li ul li{ font-size:90%; margin-right:0}
					#left_menu ul a {color: #c3c3c3}
					#left_menu ul a:hover {}
					#left_menu ul b {}
					#left_menu ul ul {padding-top:5px}
					
				.u {background: url(/i/u.gif) center center no-repeat}
				
				#left_menu .selected {}
					#left_menu .selected b {color: #ed1c24}
					#left_menu .selected a {color: #c3c3c3}
					#left_menu .selected .selected a {color: #ed1c24}
					#left_menu .selected a {color: #ed1c24}
					#left_menu .selected li a {color: #c3c3c3}
					
					#left_menu .selected .selected li a {color: #c3c3c3}
					#left_menu .selected li a {color: #ed1c24}
					#left_menu .selected li a {color: #c3c3c3}
					
					#left_menu .selected li b, #left_menu .selected .selected a {color: #ed1c24}

				#left_menu ul li{font-size:120%}
				#left_menu ul li ul li {font-size:100%}
				#left_menu ul li ul li ul li {font-size:80%}
				#left_menu ul li ul li ul li ul li {font-size:100%}
				
				#left_menu ul li a {color:#c3c3c3}
				#left_menu ul li a:hover {color:#FFF !important;}
				


				
				
				.mij {margin:50px 0 0 30px}
				
			table.logotypes { margin-top:20px;}
			.logotypes td {width: 25%; height: 55px;}
			
			#catalog_nav {width: 100%; list-style: none; margin-left: 0; padding-left: 0;}
				#catalog_nav li {float: left; margin: 0 15px 3px 0; font: 105% "Times New Roman"; white-space:nowrap;}
				#catalog_nav li a, #catalog_nav li b {text-transform: uppercase; color: #c3c3c3}
				
				#catalog_nav a:hover {color: #eee}
				
			#news_list {}
				#news_list table {margin: 12px 0}
					#news_list .pic img {border: 2px solid #242527; margin-right: 9px}
					.news_img {float:left; margin:0 10px 10px 0; border:4px solid  #242527; }
			
			#news_list h3 {font-size: 115%}
			#news_list h3 a {color: red}
	
	
	
		#content_right {padding-right: 53px;}
		#home #content_right {padding-top: 10px}
		#inner #content_right {padding-left: 40px}

		#content_kupon {padding-left: 60px; padding-right: 53px; padding-top: 30px;}

		
			.place {background: #383838 url(/i/bg-2.gif) left top; margin-bottom: 17px; padding:23px; font-size: 110%}
			#home .place {margin-bottom: 1px}
			#catalogue .place {*width: 679px !important}
			.place a {color:#FFFFFF;}
			.place a:hover {color:#c3c3c3;}
			.place img.img {border:4px solid #000}
			.place strong {color:#FFFFFF}
			.place h2 {color:#FFFFFF; margin-bottom:1em}
			
			#flashblock {width:100% !important}	
			#flashblock.place { padding: 0; height:80px;}
			
			
				#content_left .place {_width: 476px}
				#content_right .place {_width: 356px}
			#inner .place {_width: 100%}
		
                                                .knife {margin-bottom: 33px}
				
				.a {background: url(/i/b.gif) bottom right no-repeat; xborder: 1px solid red}
					.a div {background: url(/i/t.gif) top right no-repeat; padding: 0 65px 0 0; xborder: 1px solid red}
					.a img {border: 4px solid #180d0d; _display: block}
					.a div a {display:block;}
					
					
				#home #offer .a {background: none; xborder: 1px solid green; padding: 0 !important; width: 192px; margin-bottom: 10px} 
				#home #offer .a div {background: url(/i/tri-red.gif) center right no-repeat; xborder: 1px solid red; padding: 0 0px 0 0 !important}
				
				#offer td {padding-right: 18px}
				#offer a {color: #fff}
				
				.knife .pic {/*adding-right: 15px*/}
				.knife .descr h2 {color: #ed1c24; font: bold 120% "Tahoma"; margin-bottom: .45em}
			
			.hi {color: #ed1c24 !important;}
			table.cont {width:100%}
			.cont td {width:50%; padding: 0px 10px 0px 0px}
			
			
			.slogan p {font-size: 90%; color: #CCC !important;}
			
			#home .slogan {width: 346px; _width: 376px; position: relative; margin-top: -70px; padding-left: 50px}
			#home .slogan p {margin-left: 41px}
		
			
			
			.notice {color: #3e3e3e !important; font-weight: bold; margin-left: 140px; top: 50px; position: relative}
	
			
			#about {color: #000; font-size: 80%; background:#dcccb4 url(/i/bg-about.jpg) left bottom repeat-y; padding: 15px 25px 70px 25px; position:relative; }
				#about .box { xbackground:url(/i/bg-about-bottom.jpg) bottom right no-repeat; }
				#about h1 {padding-left: 25px; color: #5D4F3C;} 
                        #about h3, b {color: #fff;} 
                        #about a {color:#504436;}
                        #about a:hover {color:#88745c}
                       	#about-table { height:100%; }
				
#footer {padding: 40px 0 50px 0}
	#copyright {color: #ccc; font-size: 65%; padding-left: 268px}
	#inner #copyright {padding-left: 40px}
	#home #copyright {color: #ccc; font-size: 65%; padding-left: 40px}

	/* IT Studio copyright */
	#itstudio {margin-right:53px}
	#itstudio img {float: left; position: relative; top: 2px; margin-right: 5px; width: 34px; height: 34px}
	#itstudio p {padding: 0 !important; margin: 0 !important;}
	#itstudio p a{color:#CCC; text-decoration:none;}
	#itstudio p a:hover{color:#CCC;}		
	#itstudio td {color: #ccc; font-size: 65%; line-height: 110%}
	#itstudio a {color: #ccc}




/* content */
table.user {border: 1px solid gray; margin-bottom: 1em}
    table.user td, table.user th  {border: 1px solid gray; padding: 2px 5px}

/* custom for contacts form */
.feedback {margin-top: 1em}
                .feedback input {margin-bottom: 1em}
                .feedback textarea {height: 6em; margin-bottom: 1em; }
                .feedback button {display: block; clear: both; margin: 1em 0 0 8em; padding: 4px 14px; _padding: 2px 1px}
	.feedback input {width: 20em; font-size: 110%}
	.feedback textarea {width: 20em; font-size: 100%; font-family: Tahoma, Arial, Helvetica, sans-serif}

	.feedback .text {width: 8em !important; display: inline; float: left; clear: both; margin-bottom: 1em; padding-right: 10px}
	.feedback #code {width: 5em; margin-left: 0.3em}
	.feedback #code_img {vertical-align: top; margin-top: 1px; _margin-top: 2px; padding: 0.22em}

/* site map */
#site_map {list-style: none; padding: 0; font-size: 115%}
	#site_map ul {list-style: none; font-size: 90%; padding: 0; margin-left: 2.5em}
	#site_map li {padding: 0.25em 0}

table.foto {float: left; width: 150px; margin: 10px 10px 0 0; background: #242527; border: 1px solid #000000}
	table.foto td.pic {width: 150px; height: 150px; padding: 20px; vertical-align: middle !important}
	table.foto td.pic a {vertical-align: middle}
	table.foto td.pic img {}
	
table.articlesList {}
	table.articlesList td.pic {vertical-align:top; padding:0 20px 2em 0;}
	table.articlesList td.body {vertical-align:top; padding:0 0 2em 0;}
	table.articlesList td.body .date {/*color:#FF0000*/}
	
	
.price {color:#FFFFFF; font-weight:bold;}
.descr h2 a {color:#ed1c24}
.descr h2 a:hover {color:#FFF}
.basket {margin-left: 20px}
h3.navigation {color:#FFFFFF; background: url(/i/red-square.gif) 0 3px no-repeat; padding-left: 20px; margin-bottom: 1.4em; font-size:110%; line-height:1.5em}
.framed img {border:4px solid #000;}
.framed {margin-right:20px;}

/*#page, body, html, #home {height:100%}*/
#home { margin:0 auto;}
body {text-align:center;}
.image-header { margin-top:-20px; *margin-top:0px;}

.about-bg {position:relative; height:1px; z-index:1;}
.about-bg img {position: absolute; right:0; *right:-1px; bottom:1px; *bottom:0px; z-index:1}


.single-product img {border:4px solid black;}
.single-product a {color:#FFFFFF}
.single-product a:hover {color:#c3c3c3}
#inner #content_left { padding:0 40px 0  0}
#inner #content_right { padding-left:40px; padding-right:40px}
#window-block { margin-top:-1.3em}
#inner-window {background:#8F1116 url(/i/bg-red-vert.jpg) repeat-y top left; width:203px}

.single-product { margin:5px 10px 0px 17px; font-size:120%}
.single-product img {margin-bottom:0.5em}


.cart_link { float:right; margin-right:53px; *margin-right:26px; font-size:120%}
.cart_link a {color:#ed1c24}
.cart_link a:hover {color:#fff}


#cart-form input {margin-bottom:.5em; width:50%}
#cart-form .btn {width:auto}
.red { color:#ed1c24 !important}
#cart_list h3 { margin-bottom:0.5em}
#cart_list h2 { margin:2em 0 1em 0; font-size:180%; font-weight:normal; font-family:"Times New Roman", Times, serif}
#cart_list h1 {margin:2em 0 1em 0}


#table1 label { margin-right:20px}
#table1 button {font-size:100%; margin-left:-2px; margin-right:0.25em}
#table1 td  {padding:0pt 4px 6px 0pt}
#left_menu h2 {  margin:2em 0 1em 0; font-size:180%; font-weight:normal; font-family:"Times New Roman", Times, serif}
#left_menu #table1 {margin-bottom:20px}

h4.menu-header {margin: 2em 0 0.5em 0; font-size:140%; font-family:'Times New Roman', Times, serif; font-weight:normal; color:#FFFFFF}
.auth_done { margin-bottom:0px; padding-right:40px; font-size:130%}
.auth_btn {margin-bottom:30px}
#hf {height: 460px}
#royal-title {font-size: 190%}
#royal-text {font-size: 125%}

#forum { font-size:100%}
	#forum h2 { margin-bottom:.5em}
	#forum .single_post { margin-bottom:1.5em}
	#forum .forum_code {float:left; background:#fff}
	#forum #code { height:22px; width:45px; font-size:12px; padding:4px 3px 0 3px; font-weight:bold}

.search-form {margin:0px 0 25px 0}
.search-form p {*margin:-7px 0 0 -3px}
#content_left #text {*margin-bottom:3px;}
#content_left form button {margin-left:3px}
#catalogue_search { margin:10px 5px 0 0}
.search-form #catalogue_search {margin:3px 3px 0 0 !important; *margin:3px 0px 0 0 !important}
#searchResults {padding-top:10px;}

.articlesList h3 {padding:0.25em 0 0.5em 0}
.catalogArticles h3 {padding:0.25em 0 0.5em 0}

.new_pred  {color: #eee;  font-size: 130%;}   
a:hover.new_pred  {text-decoration: none; font-weight: bold; color: red; }
a:visited.new_pred {color: #ccc; font-size: 100%;}   

.old_pred  {color: #ccc;  font-size: 100%;}   
a:hover.new_pred  {text-decoration: none; font-weight: bold; color: red; }
a:visited.new_pred {color: #ccc; font-size: 100%;} 

@media print {

	#content_left, #header, #flashblock, #footer, .navigation {display: none}

}