/* ____HEY! WHAT DO YOU DO HERE! :)____ all containment is the own of the smartmedi.ru (Smartmedi LTD) */
* {
	margin:0;
	padding:0;
	border-collapse:collapse;
	border:0;
	list-style-position:outside;
/*	border:1px solid #ccc;*/
	}
a img {border:0;}
img, td, th, table, div, a {
	border-collapse:collapse;
	margin:0;
	padding:0;
	}
div.preload {position:absolute;
	top:-1000px;}
	
html>body {height: auto;}

div.clear1, div.clear2 {
	clear:both;
	padding:0;
	float:none;
	margin:0;
	position:static;
	}
div.clear2 {
	height:0;
	line-height:0;
	font-size:0;
	}
html, body {
	font:100% tahoma, Arial, Helvetica, sans-serif;
	height:100%;
	width:100%;
	padding:0;
	margin:0;
	}
body {padding-top:50px;}
.main_table {
	background:url(l/space5.jpg) 50% 89px repeat-x;
	text-align:left;
	width:100%;
	height:100%;
	}
.body td, .foot td {vertical-align:top;}

.body td.c3, .foot td.c3 {width:32%;}
.body td.c1, .foot td.c1 {width:22%;}

.body td.c2, .foot td.c2 {width:78%;}
.body td.c2 {padding-left:8%;}
.main_table .head {height:286px;}
#table_head {
/*	background:url('/l/spaceman.gif') 480px 100px no-repeat;*/
	height:100%;
	width:100%;
	border-collapse:collapse;
	height:286px;
	}
#block1 {width:28px;

	}
#block_c1 {
	width:8px;
	margin-left:3%;
	background:#fff;
	}
#white1px {
	width:48px;
	height:0px;
	float:left;
	}
.left_cover {
	position:absolute;
	margin-left:-302px;
	margin-top:-80px;
	height:240px;
	width:304px;
	z-index:100;
	}
.r2 {height:198px;}
.nav0 {width:5%;
	background:#fff;}
.nav1 {width:110px;}
.nav2 {width:89px;}
.nav3 {width:158px;}
.nav4 {width:5%;
	background:#fff;}
.nav6, .nav7, .nav8, .nav9, .nav10 {width:89px;}
.nav5 {width:110px;}
#nav11 {
	background:url(l/cell_back.gif) bottom left repeat-x;
	padding:0;
	margin:0;
	}
.r2 .nav1 a:link, .r2 .nav1 a:visited, .r2 .nav1 a:active, .r2 .nav2 a:link, .r2 .nav2 a:visited, .r2 .nav2 a:active, .r2 .nav3 a:link, .r2 .nav3 a:visited, .r2 .nav3 a:active {
	text-decoration:underline;
	font:12px tahoma, Arial, Helvetica, sans-serif;
	color:#fff;
	}
.r2 .nav1 a:hover, .r2 .nav2 a:hover, .r2 .nav3 a:hover {
	color:orange;
	}
#logo {
	position:absolute;
	margin-top:-71px;
	margin-left:-85px;
	}
/* =nav1
----------------------------------------------- */
#nav_1, #nav_2, #nav_3 {
	position:absolute;
	margin-top:45px;
	z-index:200;
	}
#nav_4, #nav_5, #nav_6 {
	position:absolute;
	margin-top:120px;
	z-index:200;
	}
#nav_1 {margin-left:43px;}
#nav_2 {margin-left:26px;}
#nav_3 {margin-left:14px;}
#nav_4 {margin-left:95px;}
#nav_5 {margin-left:70px;}
#nav_6 {margin-left:64px;}

img.arrow {
	position:absolute;
	margin-top:-15px;
	margin-left:18px;
	}
#nav_2 .arrow,#nav_5 .arrow {margin-left:15px;}
#nav_3 .arrow {margin-left:27px;}
#nav_4 .arrow {margin-left:11px;}
#nav_6 .arrow {margin-left:21px;}

#table_head .r2 .active_n1 {color:#9cc0fc;}
#table_head .r2 .active_n1:hover {color:orange;}

/*
=default inputs and textarea
----------------------------------------------- */	
input {
	border:1px solid #ccc;
	padding:2px;
	margin:2px;
	height:1.65em;
	}
textarea {
	margin:2px;
	border:1px solid #ccc;
	padding:2px;}
	
.button_cell input {
	padding:0;
	background:#e7e6e6;
	}


/* =search
----------------------------------------------- */	
.search_form table td{
	font-size:.8em;
	}
.search_fields td {
	width:50%;}	
.search_fields td.search1 {
	width:100%;
	}	
.search_fields td.search2{
	vertical-align:middle;
	padding-left:4px;
	width:200px;
	}	
input.search{
	border:1px solid #ccc;
	width:100%;
	padding:2px;
	height:1.65em;
	}
input.submit{
	border:1px solid #777;	
	padding:1px;
	//padding:0;
	width:60px;
	background:#e7e6e6;
	}
.snipet {
	margin:1em 0;
	position:static;
	clear:left;
	float:left;
	font-size:small;
	//font-size:x-small;
	}
	
.snipet #snipet_number {
	position:absolute;
	margin-left:-20px;
	text-decoration:none;
	font-size:16px;
	}
	
ins {
	font-size:small;
	//font-size:x-small;
	text-decoration:none;
	}

.snipet a {
	font-size:medium;
	//font-size:small;
	}
.snipet ins{
	float:right;
	color:#777;
	}
/* =end-search
----------------------------------------------- */	

.error {margin:1em 0;}


/* =order
----------------------------------------------- */	
div.mail-form {font-size:small;//font-size:x-small; margin:0 0 2em 0;}
/*form.order {position:relative;}*/
form.order input, .order textarea {padding-left:2px;width:500px;}
form.order input,form.order textarea{margin-left:0;}

form.order label{
	left:-84px;
	clear:left;
	width:6em;
	text-align:right;
	float:left;
	margin:.39em 2px 4px 0;
	}
a.attach_file {
	padding:2px 70px 4px 20px;
	margin-left:6.15em;
	//margin-left:6.41em;
	display:block;
	width:220px;
	//width:290px;
	background:url('l/screpka.gif') #e7e6e6 6px 5px no-repeat;
	}
	
#uHelp{
	position:absolute;
	margin:-20px 0 0 410px;
	//margin:-20px 0 0 -190px;
	float:left;
	color:#999;
	}
#link_file{
	margin-left:80px;
	//margin-left:42px;
	//border-left:1px solid #fff;
	padding:7px 4px 7px 5px;
	//padding:7px 4px 7pxpx 5px;
	background:#e7e6e6;
	width:492px;
	//width:500px;
	display:none;
	margin-bottom:7px;
	float:left;
	}

#link_file input {
	border:1px solid #71829b;
	width:480px;
	float:left;
	margin:0;
	}
#massage_del {
	float:left;
	z-index:100;
	margin:0 0 10px 0px;
	//margin:-2px 0 10px 0px;
	padding:0 4px 2px 4px;
	background:#ccc;
	color:#000;
	}
#but1 {
	float:left;
	margin-left:6em;
	//margin-left:6.4em;
	}
	
/** {border:1px solid #ccc;}*/

/* =order---
----------------------------------------------- */	


.cont {
	z-index:1000;
	position:absolute;
	top:50%;
	left:50%;
	height:135px;
	margin-top:-150px;
	width:300px;
	margin-left:-150px;
	background:#fff;
	filter: shadow(1);
	border:1px solid #777;
	display:none;
	text-align:center;
	}
#offers {
	position:absolute;
	width:66px;
	height:32px;
	margin-left:-120px;
	margin-top:3px;
	}
.hot_offers {
	background:url(l/hot_offers.gif) top left no-repeat;
	width:374px;
	height:118px;
	position:absolute;
	margin-top:-56px;
	margin-left:-53px;
	}
div.hot_offers a:link, div.hot_offers a:visited {
	color:#777;
	}
/*div.hot_offers a:active {color:#9cc0fc;}*/
a#hot1:hover, a#hot2:hover, a#hot3:hover, a#hot4:hover {
	color:orange;
	}
#hot1, #hot2, #hot3, #hot4 {
	text-align:center;
	position:absolute;
	font:9px tahoma, arial, sans-serif;
	margin-top:65px;
	}
#hot1 {margin-left:27px;}
#hot2 {margin-left:115px;}
#hot3 {margin-left:207px;}
#hot4 {margin-left:291px;}
.slogan {
	position:absolute;
	margin-top:36px;
	margin-left:28px;
/*	margin-left:200px;*/
	}
a.order_button:link, a.order_button:active, a.order_button:visited {
	color:#000;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	text-align:center;
	position:absolute;
	margin-left:-26px;
	margin-top:90px;
	height:89px;
	width:79px;
	}
a.order_button:hover {
	filter:alpha(opacity=80);
	-moz-opacity:.8;
	-khtml-opacity:.8;
	opacity:.8;
	}
a.order_button span {
	margin-top:-36px;
	font-size:12px;
	display:block;
	position:relative;
	}
a.order_button:hover span {
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	}
.r1 .c2 {vertical-align:bottom;}
.main_table .foot {height:76px;}
table.small {
	height:50px;
	width:50px;
	position:absolute;
	margin-top:-74px;
	_margin-top:-75px;
	margin-left:-50px;
	_margin-left:-95px;
	}
table.small td {
	text-align:center;
	}
td.s1 {text-align:center;
	height:23px;}
td.s2, td.s3 {height:27px;}
a.sm1, a.sm2, a.sm3 {
	display:block;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	}
a.sm1:hover, a.sm2:hover, a.sm3:hover {
	display:block;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity:1;
	opacity:1;
	}
a.sm1 {
	height:27px;
	width:24px;
	position:absolute;
	margin-top:-11px;
	margin-left:13px;
	_margin-left:-12px;
	}
a.sm2 {
	height:27px;
	width:25px;}
a.sm3 {
	height:27px;
	width:25px;}
.digits1, .digits2, .digits3, .digits4, .digits5, .digits6, .digits7{display:block; position:absolute; font:.6em verdana, tahoma, Arial, Helvetica, sans-serif; color:#eee;}
.digits1 {margin-left:-260px; left:50%; top:-5px;}
.digits1 span {font:1.4em; color:#ddd; font-weight:bold;}
.digits1 tt {font:2em tahoma; font-weight:bold; color:#eee;}
.digits2 {margin-left:-86px; color:#e8e8e8; left:80%; top:-6px;}
.digits2 span {font:1.4em; font-weight:bold;}
.digits2 tt {font:1em;}
.digits3 {font:.8em tahoma; font-weight:bold; color:#e8e8e8; left:8%; top:-14px;}
.digits3 span {font:1em tahoma; font-weight:bold;}
.digits3 tt {font:1em tahoma;}
.digits3 code {font:1.8em tahoma; color:#ddd;}
.digits4 {color:#e8e8e8; left:35%; top:-2px;}
.digits4 span {font:1.4em tahoma; font-weight:bold;}
.digits4 tt {font:1em;}
.digits4 code {font:3em;}
.digits5 {margin-left:-100px; color:#e8e8e8; left:70%; top:10px; _top:-16px;}
.digits5 span {font:1.4em; font-weight:bold;}
.digits5 tt {font:1em;}
.digits5 code {font:3em;}
.digits6 {margin-left:-200px; color:#e8e8e8; left:70%; top:0px;}
.digits6 span {font:2.4em; color:#eee; font-weight:bold;}
.digits6 tt {font:1em;}
.digits6 code {font:3em;}
.digits7 {color:#e8e8e8; right:40%; top:-13px; z-index:30; margin-left:50px; line-height:4px;}
.digits7 span {font:1.1em; font-weight:bold;}
.digits7 tt {font:1em;}
.digits7 code {font:2em tahoma;}
tt, code {font-weight:bold;color:#ccc;}
.left_grey1 {
	background:url(l/blank_white.gif) top left repeat;
	width:100%;
	border:1px solid #ccc;
	}
.header_grey1 {
	color:#fff;
	width:50%;
	background:url(error/404/index.html) #7f7f7f right top no-repeat;
	height:26px;
	text-align:right;
	}
.header_grey1 span {margin:0 60px 0 15px;}
.left_grey1 div a {float:none;}
.left_header {
	position:relative;
	z-index:50;
	top:72px;
	left:-120px;
	}
/* 	filter:alpha (opacity=25);
	opacity:.25;
	-khtml-opacity:.25;
	-moz-opacity:.25; */
	
div.w230, div.w500 {
	width:220px;
	float:none;
	height:0;
	line-height:0;
	}
div.w500 {width:538px;}

.rezina1 {
	width:85%;
	float:right;
	position:relative;
	z-index:101;
	}

table.subnav {
	position:relative;
	margin-top:-80px;
	z-index:100;
	width:100%;
	}
table.subnav a {text-decoration:underline;}
.sub1 .n2 {width:60%;}
.sub2 .n1, .sub3 .n1, .sub1 .n1 {background:#7f7f7f;}
.sub2 .n3 {
	height:13px;
	background:url(l/header_left_slice_top.gif) top right #7f7f7f no-repeat;
	}
.sub2 .n3 img {height:53px;}
.sub3 .n3 {
	background:url(l/header_left_slice_bottom.gif) bottom right #7f7f7f no-repeat;
	}
.sub3 td {height:10px;}
.sub1 .n1 {
	text-align:right;
	padding:8px 5px 2px 10px;
	background:none;
	}
.sub2 .n1 {padding:.5em 0 .3em 0;}

.n3 {width:13px;}
.n3 img {width:13px;}


.n1 div.rezina1 div {margin:.7em .5em .2em 0;}

.n1 ul, .n1 div a {
	position:relative;
	z-index:100;
	list-style-type:none;
	}

.n1 ul {margin:0 0 1em 1em;}
.n1 ul li {
	margin:0 .5em .2em 0;
	line-height:.75;
	//line-height:1;
	}
.n1 ul li a:link, .n1 ul li a:active, .n1 ul li a:visited {
	text-decoration:underline;
	font-weight:normal;
	color:#c1d8fd;
	}
.n1 ul li a:hover {
	color:#fff;
	}
	
.n1 div a.active_n2 {color:#ccc;}
.n1 div a.active_n3 {color:#000;}
	
.n1 div a {
	color:#fff;
	font:.7em tahoma, arial;
	font-weight:bold;
	line-height:1;
	margin:0;
	}


.n1 div a:hover {
	color:#ccc;
	}
div.main_left_back {
	margin:.3em 1.5em 1em 3%;
	background:url(l/space5.jpg) center top repeat-x;
	float:right;
	overflow:hidden;
	width:40%;
	text-align:right;
	display:inline;
	}
div.main_right_greating {
	width:10px;
	height:102px;
	float:right;
	background:url(l/main_right_slice.png) right top no-repeat;
	}
img.main_left_clice {
	float:left;
	_margin-left:-3px;}
.page_title {margin:.6em 12% 2em 0;}



div.preview {
	width:250px;
	float:left;
	margin:0 20px 20px 0px;
	}
div.preview h1{
	font:.9em tahoma, arial;
	font-weight:bold;
	margin:0;
	line-height:1.1;
	}
	
div.preview span{
	margin:.3em 0;
	}




/* =content
----------------------------------------------- */
.content {
	margin:2em 12% 2em 0;
	font:.8em tahoma, arial;
	}
.content p {
	margin:.7em 0 1em 0;
	}
	
.content ul {
	list-style-image:url('l/ul-li.gif');
	margin:.5em 0;
	}
.content h2 {
	margin:1.5em 0 .2em -1px;
	color:#6d98df;
	font:1.5em tahoma;
	}
.content h3 {
	margin:1.4em 0 .2em -1px;
	font:1.1em arial;
	font-weight:bold;
	}
.content span{
	display:block;
	margin:1em 0;
	color:#777;
	font-size:.85em;
	}
.content ins{
	color:#777;
	font-size:.85em;
	}
.content table {
	margin:2em 0 1em 0;
	border-bottom:1px solid #ccc;
	font-size:.9em;

	}
.content table td{
	border-bottom:1px solid #ccc;
	padding:5px;
	}


.content table th{
	text-align:left;
	padding-left:6px;
	border-bottom:3px solid #777;
	}


/** {border:1px solid #ccc;}*/

div.prod {
	text-align:center;
	float:left;
	display:block;
	background:url('i/cont_cell.gif') top center transparent no-repeat;
	height:95px;
	width:85px;
	margin:4px 8px 4px 0;
	}
	
div.prod br {line-height:.7;}

div.prod a{
	margin-top:7px;
	padding-top:45px;
	display:block;
	background-position:center top;
	background-repeat:no-repeat;
	font-size:10px;
	text-align:center;
	height:42px;
	//height:90px;
	padding-left:1px;
	}
	
	



h1.title {
	margin:.2em 0 .7em -1px;
	font:1.8em 'arial narrow', tahoma, arial;
	color:#b27300;
	}
	
h1 {
	margin:1.9em 0 .3em -1px;
	font:1.7em 'arial narrow', tahoma, arial;
	font-weight:bold;
	color:#555;
	}
	
h2 {
	margin:1.5em 0 .3em -1px;
	color:#555;
	font:1.3em 'arial narrow';
	}
h3 	{
	margin:1.5em 0 .3em -1px;
	font:1.2em arial;
	font-weight:bold;
	color:#555;
	}
.body .c3 h2 {
	color:#000;
	font:1.6em 'arial narrow';
	margin-top:0;
	margin-left:1px;
	}
.body .c2 a, .body .c3 a {color:darkblue;}
.body .c2 a:hover, .body .c3 a:hover {color:#b27300;}
h2 a, h1 a {color:#390080;	}
h2 a:hover, h1 a:hover, h3 a:hover {
	color:#b27300;
	}
table.bottom {
	background:url(l/space5.jpg) 50% center repeat-x;
	width:100%;
	height:76px;
	}
.f1 {width:10%;}
.f1, .f3 {background:#fff;}
.f2 {width:200px;}
.f4 {
	background:#fff;
	text-align:right;
	font:11px tahoma;
	color:#ccc;
	vertical-align:middle;
	padding:24px 0;
	}
.f4 a {color:#777;}
.f4 a:hover {color:#333;}
.f5 {width:33px;}
.f5 img {float:none;}
.f5 a {
	position:absolute;
	margin:24px 0 0 -145px;
	font:.8em tahoma;
	color:#777;
	width:20em;
	}
.smart_logo {
	position:relative;
	margin:55px 0 0 0;}
.home_link1, .home_link2 {
	text-decoration:none;
	position:absolute;
	font:.6em tahoma;
	color:#d5d5d5;
	z-index:100;
	}
.home_link1:hover, .home_link2:hover {color:#777;}
.home_link1 {
	margin:43px 0 0 69px;
	display:block;
	color:#7f7f7f;
	}
a.home_link1:hover {color:#333;}
.home_link2 {margin:61px 0 0 165px;}
/* =news
----------------------------------------------- */
.news {margin:1em 0 0 0;font-size:.82em;}
.news cite {
	display:block;
	font:.8em tahoma;
	color:#777;
	}
.news a {
	vertical-align:top;
	font:.8em tahoma;
	line-height:1.1;
	}
.news a img {
	width:45px;
	float:left;
	position:absolute;
	margin:16px 0 0 -54px;
	//margin:21px 0 0 -56px;
	border:1px solid #777;
	}
.news span {
	vertical-align:top;
	display:block;
	color:#000;
	background:#e7e6e6;
	position:absolute;
	margin-left:-6.4em;
	//margin-left:-5.2em;
	//margin-top:.1em;
	z-index:100;
	font:.8em arial;
	padding:1px 2px 1px 3px;
	float:none;
	}
.news p {margin:.8em 0 0 0;font-size:1.2em;}
.pathline  {
	width:90%;
	z-index:100;
	margin-top:-16px;
	font:.7em tahoma;
	color:#999;
	}
	
.pathline a.path_link, .pathline a.path_link_current {color:#999;}
.pathline a.path_link:hover {color:#444;}
.pathline a.path_link_current {text-decoration:none;}
.pathline a.path_link_current:hover {color:#000;}
.pathline img {
	margin:2px 2px 0 2px ;
	display:inline;}
div.line {
	height:1px;
	overflow:auto;
	position:static;
	margin:1em 0;
	background:#ccc;
	width:100%;
	}
.contacts {
	text-align:right;
	margin:3em 10% 3em 0;
	color:#000;
	}
.contacts code{
	font:.7em tahoma;
	font-weight:normal;
	color:#000;
	float:right;
	clear:right;
	}
	
	
.contacts  address{
	vertical-align:bottom;
	margin:5px 0 0 0;
	color:#000;
	display:block;
	float:right;
	clear:right;
	font-style:normal;
	}
.contacts  address span{color:#777;}
	
.contacts a {
	font:.8em tahoma;
	color:#00008b;
	float:right;
	margin:0 0 .2em 0;
	display:block;
	}
	
.contacts a img{margin:0 .4em -.1em 0;} 


/* ------------------  LEFT`S HAVE FUN! :) © All code is an author method of Andrey Belkov (director@smartmedi.ru)  ------------------ */
.break_ie {
	display:none;
"
	}/* BREAK IE (must have 2nd string)*/
/* Here comes only OPERA SAFARI and FIRE_FOX */
/* Define FIRE_FOX */
.define_ff {display:none;}

/* Here comes only OPERA 9. (inside FF rules) */

html:first-child #but1 {margin-left:6.15em;}
html:first-child .news div {margin-top:1.2em;}
html:first-child div.mail-form {font-size:x-small;}

/* =search
----------------------------------------------- */	
html:first-child input.submit{padding-bottom:2px;}
html:first-child .search2 {width:auto;}
html:first-child .snipet a {font-size:small;}
.n1 ul li {margin:.3em .5em .2em 0;}
/* =end-search
----------------------------------------------- */	

	{
'	} 
/* BREAK FIRE_FOX __{'
	}
__ (but from the second line) With the second quote we allow IE to follow */ 
/* Here starts only OPERA and SAFARI */




/* Define SAFARI */
.define_safari {display:none;}

.break_safari {
	display:none;
/* BREAK SAFARI __	}__  */ 		/*  This selector is already unvisible for SAFARI (but FIRE_FOX and IE will take it)  */

/* Here starts only OPERA */
/* Define OPERA */
.define_opera {
display:none;
	}/* (But from the second declaration) */

.sub1 .n1 {background:white;}
a {text-decoration:underline;}
.page_title {padding-left:50px;} /*  here comes rules for OPERA-7 and OPERA-8 */
html:first-child .news div {margin-top:.1em;} 
html:first-child .page_title {padding-left:0;}