/* Основное */
html, body {margin: 0; padding: 0; width: 100%;}
html {height: 100%;}
body {min-height: 100%; height: 100%; margin: 0px; padding: 0px; background: #FFFFFF;}
div.container {height: auto !important; height: 100%; width: 100%; min-height: 100%;}
div.footer_guard {height: 215px; clear: both; }
div.footer {height: 215px; margin-top: -215px;}

/* common styles */

div#measurer {position: absolute; width: 100%; top: 0; height: 1px; line-height: 1px;}

div.around {position: relative; min-height: 100%; min-width: 1000px; max-width: 1500px;}

* html div.around {
height: 100%;
width: expression(
	(
		document.getElementById('measurer')
		&& document.getElementById('measurer').clientWidth < 1000
	)
	?	'750px'
	:	(
			document.getElementById('measurer')
			&& document.getElementById('measurer').clientWidth < 1500
		)
		?	'100%'
		:	'1500px'
);
}
div.page-bg-add {display: table; width: 100%; height: 100%;}

/* Основное */
td, div, li {font-family: 'Tahoma, Verdana, Arial', 'Helvetica', 'sans serif'; font-size: 11px; color: #666666;}
body, p {font-family: 'Tahoma, Verdana, Arial', 'Helvetica', 'sans serif'; font-size: 13px; color: #666666;}
h1 {font-size: 28px; margin: 50px 0px 0px 0px; font-family: 'Arial'; text-decoration: none; font-weight: normal; color: #008194;}
h2 {display: block; color: #008194; font-size: 12px; text-decoration: none; font-weight: bold; margin: 15px 0px 15px 0px; padding: 6px 10px 6px 45px; background: url(/i/arrow_01r.gif) no-repeat 3px 0px; position: relative; left: -45px;}
h3 {font-size: 12px; color: #666666; font-weight: bold; margin: 0px 0px 10px 0px;}
p {margin: 0px 0px 15px 0px;}

a:link, a:visited, a:active {text-decoration: underline; color: #666666;}
a:hover {text-decoration: none; color: #008194;}

#content {margin: 0px 20px 30px 73px; padding: 0px;}
#content .date {color: #999999; font-size: 12px; margin: 0px 0px 2px 0px;}

/* Каталог */
#catalog {}
#catalog .price {font-size: 16px; color: #FFFFFF;}

/* Выбор языка */
#language {font-size: 14px;}
#language span {color: #FFCC00;}
#language a:link, #language a:visited, #language a:active {text-decoration: underline; color: #FFFFFF;}
#language a:hover {text-decoration: underline; color: #FFCC00;}

/* Slogan */
#slogan {font-size: 10px; font-family: Tahoma; color: #008194;}

/* Menu */
#menu {padding: 0px; margin: 0px;}
#menu span {display: block; height: 27px; padding: 11px 5px 0px 5px;  text-decoration: none; color: #FFFFFF; font-size: 11px; font-weight: bold; background: url(/i/menu_cur.gif) center center;}
#menu a:link, #menu a:visited, #menu a:active {display: block; height: 27px; padding: 11px 5px 0px 5px;  text-decoration: underline; color: #999999; font-size: 11px; font-weight: bold;}
#menu a:hover {display: block; height: 27px; text-decoration: none; color: #FFFFFF; font-weight: bold; background: url(/i/menu_hover.gif) center center; vertical-align: middle;}

#bottom_menu {}
#bottom_menu a:link, #bottom_menu a:visited, #bottom_menu a:active {text-decoration: underline; color: #7A7A7A;}
#bottom_menu a:hover {text-decoration: none; color: #008194;}

#menu2 {font-size: 11px; line-height: 18px;}
#menu2  span {text-decoration: none; color: #666666; font-weight: normal;}
#bottom_menu a:link, #bottom_menu a:visited, #bottom_menu a:active {text-decoration: underline; color: #999999;}
#bottom_menu a:hover {text-decoration: none; color: #008194;}

/* Ushki */
#ushki {}
#ushki .ushko {position: relative; left: 11px; top: -11px; background: url(/i/u_bg.gif) repeat-x left top;}
#ushki .uheader {color: #008194; position: relative; left: 10px;}

/* Периодическая таблица успеха */
#ptable {}
#ptable .element_seo {background: #fef77a;}
#ptable .element_dir {background: #d7d7d7;}
#ptable .element_opt {background: #ffcc99;}
#ptable .element_cons {background: #ccffcc;}
#ptable .number {font-size: 18px; color: #000000; font-weight: bold;}
#ptable .url {font-size: 10px; color: #000000; padding-left: 3px;}

/* Новости */
#news {}
#news p, #news div, #news span {color: #666666;}
#news .date {color: #999999; font-size: 10px; margin: 0px 0px 2px 0px;}

/* Блок сортировки */
#sort  {}
#sort span {color: #666666; font-size: 36px; font-size: 36px; font-family: arial;}
#sort a:link, #sort a:visited, #sort a:active {text-decoration: underline; color: #008194; font-size: 12px; font-family: arial;}
#sort a:hover {text-decoration: none; color: #999999; font-family: arial;}

/* Map */
#map .level1 {margin: 0px 0px 5px 0px; padding: 0px;}
#map .level1 li {display: block; list-style-type: none; list-style-image: none; list-style-position: outside; padding: 0px 0px 5px 24px; margin: 0px; background: url(//i/bullit_00.gif) no-repeat 10px 5px;}

#map .level2 {margin: 5px 0px 5px 0px; padding: 0px;}
#map .level2 li {display: block; list-style-type: none; list-style-image: none; list-style-position: outside; padding: 0px 0px 5px 24px; margin: 0px; background: url(//i/bullit_00.gif) no-repeat 10px 5px;}

#map .level3 {margin: 5px 0px 5px 0px; padding: 0px;}
#map .level3 li {display: block; list-style-type: none; list-style-image: none; list-style-position: outside; padding: 0px 0px 5px 24px; margin: 0px; background: url(//i/bullit_00.gif) no-repeat 10px 5px;}

/* Contacts block */
#contacts {margin: 12px 12px 0px 30px;}
#contacts, #contacts a:link, #contacts a:active, #contacts a:visited, #contacts a:hover {font-size: 11px; color: #999999;}

/* Ask */
#big_form td {margin: 0px 0px 0px 0px; padding: 5px 0px 5px 5px;  font-family: tahoma; font-weight: bold; font-size: 10px;}
#big_form form {border: 1px; border-style: solid; border-color: #cccccc; color: #666666;}

/* Копирайт */
#copyright {font-family: Tahoma; font-size: 11px; color: #999999;}

/* Ссылка на Веб Отдел */
#webotdel, #webotdel a:link, #webotdel a:visited, #webotdel a:active, #webotdel a:hover, #webotdel span {font-family: Tahoma; font-size: 11px; text-decoration: none; color: #999999;}

h4 {color: #008194; font-weight: bold; font-size: 14px;}





#scroll { overflow:hidden; height:220px; margin-bottom:1em; }

.sroll { position:relative; text-align:left; top:3px; z-index:10; margin:0 0 0 auto; width:1px;   }

#scroll_top { position:absolute; top:-235px; left:10px; height:19px; width:15px; cursor:pointer; }

#scroll_down { position:absolute; top:-40px; left:10px; height:19px; width:15px; cursor:pointer; }

