html, body {height: 100%;}

body {padding: 0; margin: 0;background-image: url(/pic/derevo.jpg); color: #666; font: 70% tahoma, arial, sans-serif; text-align: center;}

.sp {color: #666;}

#allpage {margin: 0 auto; text-align: left; height: 100%; margin-bottom: -90px; width: expression(((document.documentElement.clientWidth || document.body.clientWidth) <= 995)? "995px" : (((document.documentElement.clientWidth || document.body.clientWidth) >= 1260)? "1260px" : "auto")); min-width: 990px; max-width: 1260px;}

html>body #allpage {height: auto; min-height: 100%;} 

#empty {height: 90px; clear: both;}

#footer {margin: 0 auto; text-align: left; font-size: 11px; color: #666; min-height: 90px; width: expression(((document.documentElement.clientWidth || document.body.clientWidth) <= 995)? "995px" : (((document.documentElement.clientWidth || document.body.clientWidth) >= 1260)? "1260px" : "auto")); min-width: 990px; max-width: 1260px;}

* html #footer {height: 90px;}

.page_pad {padding: 0 40px;}



h1 {padding-left:10px; padding-top: 2px;padding-bottom: 2px; font: bold 135% tahoma, sans-serif; margin: 0 0 0.8em 0; color: #4A80BE; background: #e7e7e7;}

h2 {padding-left:10px; font: bold 110% tahoma, sans-serif; margin: 0 0 0.5em 0; padding: 0; color: #4A80BE; background: #e7e7e7;}

td {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	color: #666666;

}

h3 {padding-left: 10px; font: bold 110% tahoma, sans-serif; color: #dd97b3; margin: 0 0 0.5em 0; background: #ededed;}

h4 {font: bold 110% tahoma, sans-serif; color: #4A80BE; margin: 0 0 0.5em 0; padding: 0;}

h5 {text-transform: uppercase; color: #624A7E; margin: 0 0 1em 0; font-size: 92%;}



form {margin: 0; padding: 0;}

table {font-size: 100%; border-collapse: collapse;}

p {margin: 0.5em 0 1.2em 0;}

img {border: none;}

a {color: #4A80BE; text-decoration: underline;}

a:hover {text-decoration: underline; color: #716E6E;}

ul {margin: 0.5em 0 1em 0; padding: 0;}

ul li {padding: 0 0 0.2em 25px; background: url(/i/li.gif) no-repeat 15px 0.5em; list-style: none;}

input, textarea, select {color: #000; font: 100% tahoma, arial, sans-serif; background: #FFF;}

input {padding: 2px 0 2px 3px; border: 1px solid #E5E5E5; margin-right: 5px;}

fieldset {border: none;}

hr {height: 1px; border: none; background: #CCC; color: #CCC;}

.btn, button {width: auto !important; padding: 2px 8px; background: #A9ACB4; font: 100% tahoma, arial, sans-serif; color: #FFF; border: none; cursor: pointer; cursor: hand;}

.both {clear: both;}

.spacer {width: 1px; height: 1px; font-size: 0;}

.fleft {float: left;}

.fright {float: right;}

.aright {text-align: right;}

.acenter {text-align: center;}

.aleft {text-align: left;}

.red {color: #F00;} 

.rel {position: relative;}

.abs {position: absolute;}

.mini {font-size: 92%;}

.bold {font-weight: bold;}

.grey {color: #999;}

.nowrap {white-space: nowrap;}

.dashed {text-decoration: none; border-bottom: 1px dashed;}

.dashed:hover {text-decoration: none;}



.usual {margin-bottom: 30px;}

.usual input {width: 250px; border: 1px solid #CCC; background: #FFF url(/i/fields_bg.gif) repeat-x; padding: 2px 0 2px 3px;}

.usual div {margin: 0 0 1.1em 0;}

.usual h2 {margin: 0; padding: 0; font-weight: normal; font-size: 100%; color: #666;}

.usual input, .usual  select, .usual  textarea {margin-top: 4px;}

.usual textarea {width: 330px; height: 100px; border: 1px solid #CCC;}

.radio {margin-bottom:-2px;}

.radio p {text-indent: -20px; padding: 5px 0 0 25px; margin: 0;}

.radio input {border: none; margin: 0 5px 0 0; vertical-align: middle; padding: 0; width: 15px; background: none;}

.usual .cldr input {width: 6.5em;}

.usual .cldr img {vertical-align: middle; margin: 0 0 6px 5px; cursor: pointer; cursor: hand;}

.element_required, .usual sup {color: #FE3721; font-family: tahoma, sans-serif;}

.needValue {color: #CCC;}

.captcha_block img {vertical-align: middle; margin-top: 4px;}

.usual .field_middle {width: 15em;}

.usual .field_mini {width: 6em;}



/* ABO.CMS DEMO SITE */



/* Шапка */

.header {width: 100%; float: left; padding: 30px 0;}

.logo {width: 300px; float: left;}

.header_right {margin-left: 300px; padding: 10px 0 0 0;}

* html .logo {margin-right: -100%;}

* html .header_right {display: inline; margin-left: 300px; float: left;}



.header .basket_block {float: left; background: url(/i/ico_basket.gif) no-repeat; padding: 0 50px 0 25px; color: #A9ACB4;}

.header .rate_block {margin-left: -25px; display: block; background: url(/i/ico_rate.gif) no-repeat 0 3px; padding: 0 0 0 25px; margin-top: 10px;}

.header .rate_block b {font-weight: normal; color: #F00;}

.header .search_block {float: left; padding: 5px 0 0 20px;}

.header input {width: 140px;}

.navi {float: right; padding: 5px 0 0 0;}

.navi img {margin: 0 17px;}



.logo .abs {left: 110px; top: -5px; color: #A9ACB4;}



/* Основная разметка - 3 колонки */

.left {width: 25%; float :left; padding-bottom: 35px;}

.center {width: 50%; float: left; padding-bottom: 35px;}

.right {width: 25%; float: right; padding-bottom: 35px;}

.left .pad {padding: 15px 10px 0 0;} 

.center .pad {padding: 15px 10px 0 0;}

.right .pad {padding: 15px 0 0 0;}

* html .left {margin-right: -100%;}

* html .center {display: inline; margin-left: 25%; margin-right: -100%;}

.content {width: 100%; float: left;}



#text_page .pad {padding: 15px 20px 0 20px;}

.path {padding: 7px 0 20px 0; color: #A9ACB4;}



.block {clear: both; padding-bottom: 15px; overflow: hidden; width: 100%;}

.block h3 {background: #EFF1F6 url(/i/bull01.gif) no-repeat 7px 0.8em; border-top: 2px solid #A9ACB4; text-transform: uppercase; color: #666; font-size: 100%; padding: 6px 10px 6px 22px; margin: 0 0 15px 0; font-size: 100%; font-weight: normal;}

* html .block h3 {background: #EFF1F6 url(/i/bull01.gif) no-repeat 7px 1em;}

.h3_block {clear: both;}

.block h3.notable {background: #FF9F35 url(/i/bull02.gif) no-repeat 7px 0.8em; border-top: 2px solid #F98300; color: #FFF;}

* html .block h3.notable {background-position: 7px 1em;}



.sp .center .h3_block {display: none;}



/* Главное меню */

.menu ul {margin: 0; background: #89C6EE url(/i/menu_bg.gif) repeat-x; float: left; width: 100%;}

.menu ul li {background: url(/i/menu_li.gif) no-repeat 18px 50%; padding: 8px 10px 9px 35px; float: left; font-weight: bold; color: #FFF; white-space: nowrap;}

.menu ul li.curr {background: #64A1D7 url(/i/menu_bg_off.gif) repeat-x; padding: 0;}

.menu ul li.curr strong, .menu ul li.curr a {background: url(/i/menu_li_off.gif) no-repeat 15px 50%; padding: 8px 10px 9px 30px; display: block;}

.menu ul li a {color: #FFF; text-decoration: underline;}

.menu ul li a:hover {color: #FFF;} 



/* Подвал */

#footer .left {min-height: 90px; background: #FFF url(/i/pict_phone.gif) no-repeat 0 100%;}

* html #footer .left {height: 90px;}

#footer .phone {color: #FF9317; font-size: 25px; float: right; white-space: nowrap; padding: 0 15px 0 0;}

#footer .phone span {color: #A9ACB4; float: left; padding: 8px 0 0 0; font-size: 15px;}

#footer .left .aright {color: #716E6E; padding: 25px 15px 0 0;}

#footer .content {background: #EFF1F6 url(/i/footer_bg.gif) repeat-x;}

#footer .right {color: #A9ACB4;}

#footer .left, #footer .right, #footer .center {padding: 0;}



.developers {background: url(/i/line_developers.gif) repeat-y 50% 0; width: 320px; margin: 0 auto; overflow: hidden;}

.developers div {float: left; padding: 0 15px; width: 130px; text-align: right;}

.developers a {color: #A9ACB4; text-decoration: none;}

.developers a:hover {color: #A9ACB4; text-decoration: none;}

.dev_pad {padding: 30px 0 0 0;}



/* Меню каталога */

.cat_menu {margin: 0 0 15px 7px;}

.cat_menu li {background: url(/i/cat_menu_li.gif) no-repeat 0 0.42em; padding: 0 0 4px 17px; color: #64A1D7;}

.cat_menu li.curr {background: url(/i/cat_menu_li_off.gif) no-repeat 0 0.42em;}

.cat_menu li a {color: #716E6E; text-decoration: none;}

.cat_menu li.curr a {color: #64A1D7; text-decoration: none;}

.cat_menu li a:hover {text-decoration: underline;}

.cat_menu li ul li {background: url(/i/cat_smenu_li.gif) no-repeat 0 0.45em; padding: 0 0 4px 10px;}

.cat_menu li.curr ul li a {color: #716E6E;}

.cat_menu li ul li.curr {background: url(/i/cat_smenu_li_off.gif) no-repeat 0 0.45em;}

.cat_menu li ul li.curr a {color: #64A1D7; text-decoration: none;}



.cat_search_link {float: right; padding: 0 0 3px 20px; background: url(/i/ico_search.gif) no-repeat 0 50%; margin: 10px 0 0 0; width: 110px;}



/* Меню 2-го уровня */

.submenu {margin: 0 0 25px 7px;}

.submenu li {background: url(/i/cat_menu_li.gif) no-repeat 0 0.42em; padding: 0 0 4px 17px; color: #64A1D7;}

.submenu li.curr {background: url(/i/cat_menu_li_off.gif) no-repeat 0 0.42em;}

.submenu li a {color: #716E6E; text-decoration: none;}

.submenu li.curr a {color: #64A1D7; text-decoration: none;}

.submenu li a:hover {text-decoration: underline;}

.submenu li ul li {background: url(/i/cat_smenu_li.gif) no-repeat 0 0.45em; padding: 0 0 4px 10px;}

.submenu li.curr ul li a {color: #716E6E;}

.submenu li ul li.curr {background: url(/i/cat_smenu_li_off.gif) no-repeat 0 0.45em;}

.submenu li ul li.curr a {color: #64A1D7; text-decoration: none;}



/* Новости */

.news {width: 100%; float: left; margin: 0 0 15px 0;}

.news_img {width: 125px; float: left; margin-right: -100%;}

.news_text {margin-left: 125px;}

.no_image .news_text  {margin-left: 0;}

.news_image {float: left; margin: 5px 15px 15px 0;}

.news_text p {margin-bottom: 0;}

.date {display: block; color: #A9ACB4; padding: 0 0 4px 0;}

.news_title {font-weight: bold;}



.news_all {padding: 10px 0 20px 108px; clear: both; float: left;}

.news_all a {float: left; padding: 0 45px 3px 17px; white-space: nowrap;}

.news_all .news_archive {background: url(/i/arr01.gif) no-repeat 0 0.5em;}

.news_all .news_rss {background: url(/i/ico_rss.gif) no-repeat 0 0.3em;}

.right .news_all {padding-left: 0;}



.prm01 {border: 1px solid #A9ACB4; padding: 1px; background: #FFF; margin: 0 0 15px 0;}

.prm01 div {background: url(/i/prm_bg.gif) repeat-x;}

.prm01 div div {background: url(/i/prm02.jpg) no-repeat;}

.prm01 div div div {background: url(/i/prm_text.png) no-repeat 90% 50px;}



/* Голосование */

.poll {padding: 0 0 0 22px;}

.poll input {float: left; border: none;}

.poll label {margin-left: 27px; display: block; padding: 2px 0 0 0;}

.poll div {float: left; width: 100%; clear: both; margin-bottom: 4px;}

.poll button {margin: 10px 0 0 27px;}

.poll_text {padding: 0 0 15px 12px;}

.poll_results {padding-left: 50px; background: url(/i/arr01.gif) no-repeat 30px 5px;}

.poll .other_text {border: 1px solid #CCC; float: none; padding-left: 3px; height: auto;}



.poll_result {border: 1px solid #CCC; padding: 1px; background: #FFF;}

.poll_result div {fonyt-size: 0; background: #8DC9EF; padding: 3px 4px; color: #000;}



/* Форма авторизации */

.auth_form {padding: 0 0 20px 12px;}

.auth_form input {margin: 4px 0 8px 0;}



/* Каталог оформление */

.cont_pad {padding: 0 25px;}

.cont_pad h1 {color: #747885;}



	/* Лидеры продаж */

	.good {width: 100%; float: left; padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px solid #EFF1F6;}

	.good input {border: none; vertical-align: middle;}

	.good_img {width: 150px; float: left; margin-right: -100%; text-align: center; color: #F00;}

	.good_img img {margin-bottom: 8px;}

	.good_text {margin-left: 150px;}

	.good_text p {font-size: 92%; margin: 0.5em 0; position: relative;}

	.good_title {font-weight: bold;}

	.to_basket {padding-left: 12px; background: url(/i/arr01.gif) no-repeat 0 6px;}

	

	/* Список товаров */

	.center .good {min-height: 180px; background: url(/i/good_bg.gif) repeat-x 0 100%; border: none; padding-bottom: 10px; margin-bottom: 25px;}

	.center .good_text p {padding: 5px 8px; background: #F5F7FA; margin: 0.5em 20px 0.5em -8px;}

	* html .center .good {height: 180px;}

	.new {background: url(/i/ico_new.gif) no-repeat 80% 0;}

	

	/* Карточка товара 

	.single_good {width: 100%; float: left; padding: 0 0 15px 0; margin: 0 0 15px 0;}

	.single_good .good_img {width: 150px;}

	.single_good .good_img img {margin-bottom: 35px;}

	.single_good .good_text {margin-left: 150px;}

	.single_good .good_text p {font-size: 100%; margin: 1em 0;}

	*/

	.center .good_single {background: none;}

	.good_single input {border: 1px solid #CCC; padding: 0; text-align: center; vertical-align: middle;}

	.good_single button {background: none; padding: 0; vertical-align: middle;}

	h3.h3_good {padding: 15px 0 4px 0; border-bottom: 1px solid #C8E2FF;}

	.good_single p.good_group {border: 1px solid #C8E2FF; border-width: 1px 0; font-size: 100%; background: none;}

	

	.tbl {border-collapse: collapse;}

	.tbl th {padding: 4px; border: 1px solid #CCC;}

	.tbl td {padding: 4px; border: 1px solid #CCC;}

	

/* Рассылка */

.check {border: none; vertical-align: middle;}

.subscr_fields input {margin: 4px 0 8px 0;}

.subscribe_form button {margin: 5px 0 0 0;}



/* Вопрос-ответ */

.faq_question {text-decoration: none; border-bottom: 1px dashed;}

.faq_question:hover {text-decoration: none;}

.faq_li {padding-bottom: 10px;}

.faq_li div {margin: 5px 0 0 0;}

.faq_li div div {margin: 0;}



/* Форум */

.forum_tbl {border-collapse: collapse; width: 100%;}

.forum_tbl th {padding: 6px; border: 1px solid #CCC;}

.forum_tbl td {padding: 6px; border: 1px solid #CCC; vertical-align: top;}



.forum_menu {margin: 10px 0;}

.forum_menu li {display: inline; padding: 0 10px; background: url(/i/li.gif) no-repeat 0 0.5em; font-weight: bold;}



.forum_subject {margin: -7px -7px 8px -7px; padding: 10px; background: #FAFAFA; border: 1px solid #CCC;}

.forum_signature {border-top: 1px solid #CCC; margin: 10px 0 5px 0;}





.basket_td {background: #FAFAFA;}



.image_poll input {vertical-align: middle;}



.catalogue_search_form input, .catalogue_search_form select {margin: 4px 0; vertical-align: middle;}



.bg1 td, .bg1 th {background: #EEE;}

.compare {margin: 15px 0;}

.compare td, .compare th {text-align: left; padding: 7px; border: 1px solid #CCC;}

.compare input {vertical-align: middle;}



.pages {background: #F7F8FA; color: #FFF; clear: both; width: 100%; float: left;}

.pages span {color: #716E6E; float: left; padding: 5px 50px 5px 15px; border-right: 2px solid #FFF;}

.pages b {background: #A9ACB4; float: left; padding: 5px 10px; border-right: 2px solid #FFF; font-weight: normal;}

.pages a {color: #4A80BE; float: left; padding: 5px 10px; border-right: 2px solid #FFF;}



.sm {text-align: left; padding: 30px; height: auto;}



#people_search .pad {padding: 0; display: block;}

#people_search .em {text-decoration: none;}

#people_search .em img {margin: 0 0 0 5px; vertical-align: bottom; background: url(/i/arr03.gif) no-repeat;}

#people_search .em em {border-bottom: 1px dashed; text-decoration: none; font-style: normal;}

#people_search .h1_img {position: relative; top: -9px;}

#people_search a {display: inline; padding: 0; text-align: left;}

#people_search input, #people_search select {margin: 4px 0 9px 0;}

* html #people_search div {padding: 0 0 8px 0;}

#people_search input {bpadding-left: 3px;} 
.breket{
	border: 1px solid  #C0C0C0;
}
.breket:hover{
	border: 1px solid #33CC00;
}

table.brek td{
	border: 1px solid  #C0C0C0;
}