html, body, form, ul, li, dl, dd, dt, fieldset, form, table, tbody, tr, td, th, blockquote { margin:0; padding:0; border:0 none; }
ul, dl, dd, dt { list-style:none; }

table, tbody, tr, td, th { margin:0; padding:0; border:0 none; border-collapse:collapse; border-spacing:0; vertical-align:top; }

input, select, textarea { margin:0; padding:0; font: 12px Tahoma, Arial, sans-serif; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; }

html, body { width:100%; height: 100%; }
body { position: relative; font: 12px/18px Tahoma, Arial, sans-serif; color:#000000; background: #ffffff; }

h1, h2, h3, h4, h5, h6 { margin:0; padding:0; color: #000000; }
h1, h2 { font-weight: normal; }
h1 { margin: 0 0 32px 9px; font-size: 28px; line-height: 28px; color: #6da4b7; }
div.h1 { margin: 0 0 32px 9px; font-size: 28px; line-height: 28px; color: #6da4b7; }
h2.ind { margin: 0 0 32px 9px; font-size: 27px; line-height: 28px; color: #6da4b7; }


p { margin:0 0 18px 0; }

a { color:#748e80; }
a:hover { text-decoration: none; }
a img, fieldset { border:0 none; }

.fl_l { float: left; }
.fl_r { float: right; }


#measurer { position: absolute; left: 0; top: -2em; width: 100%; height: 1em; line-height: 1em; }
#container { position: relative; margin: 0 auto -41px auto; min-height: 100%; min-width: 990px; max-width: 1300px; //-width: expression((document.getElementById('measurer').clientWidth < 990) ? '990px' : (document.getElementById('measurer').clientWidth > 1300) ? '1300px' : '100%'); }

* html #container { height: 100%; }

#mainwrap { position: relative; margin: 0 5%; padding-bottom: 106px; }

#header { position: relative; height: 80px; }
#header .logo { display: block; position: absolute; top: 20px; left: 4px; width: 235px; height: 150px; text-indent: -999px; overflow: hidden; background: url('../i/logo.png') no-repeat 0 0; }

#header ul.nav { position: absolute; top: 16px; left: 220px; }
#header ul.nav li { float: left; margin-right: 24px; }
#header ul.nav li a { display: block; width: 11px; height: 9px; text-indent: -999px; overflow: hidden; background: url('../i/icons.gif') no-repeat 0 0; }
#header ul.nav li.mail a { background-position: 0 -20px; }

#header .basket { position: absolute; top: 23px; left: 42%; padding-left: 128px; color: #58706a; line-height: 14px;  }
#header .basket a { display: block; }

#header .search { position: absolute; top: 29px; right: 30px; width: 21%; }
#header .search input.inp { width:100%; padding: 2px 0; border: 1px solid #bfbfbf; }
#header .search input.but {  position: absolute; top: 0; right: -30px; width: 18px; height: 20px; text-indent: -999px; overflow: hidden; background: url('../i/icons.gif') no-repeat 7px -65px; }


#catalog_list { position: relative; margin-bottom: 18px; height: 170px; overflow: hidden; background: url('../i/bg01.png') no-repeat 0 0; }
#catalog_list .flat { position: absolute; top: 0; left: 64%; width: 100%; height: 170px; overflow: hidden; z-index: 2; background: url('../i/bg01.png') no-repeat 0 -200px; }
#catalog_list .office { position: absolute; top: 0; left: 82%; width: 100%; height: 170px; overflow: hidden; z-index: 3; background: url('../i/bg01.png') no-repeat 0 -400px; }

#catalog_list .icon { position: absolute; top: 65px; left: 33px; width: 108px; height: 71px; text-indent: -999px; overflow: hidden; cursor: pointer; //-cursor: hand; background: url('../i/icons2.png') no-repeat 0 0; }
#catalog_list .flat .icon { left: 41px; width: 62px; background-position: 0 -100px; }
#catalog_list .office .icon { left: 40px; width: 98px; height: 82px; background-position: 0 -200px; }

#catalog_list .descr { position: relative; margin-left: 25%; padding-top: 26px; height: 125px; overflow: hidden; //zoom: 1; }
#catalog_list .descr:after { display: block; content:' '; overflow: hidden; height: 0; clear: both; }
#catalog_list .descr ul { position: relative; }
#catalog_list .descr ul li { position: relative; margin: 0 40px 15px 0; font-size: 26px; line-height: 26px; color: #172227; cursor: pointer; //cursor: hand; }
#catalog_list .descr ul li span { display: block; position: absolute; top: -1px; //top: 2px; left: -1px; color: #ffffff; z-index: 0; }


#catalog_menu { position: relative; height: 1px; z-index: 100; }
#catalog_menu .submenu { display: none; position: absolute; top: -40px; left: 27%; width: 479px; padding: 35px 15px 15px 15px; background: #ffffff; border: 1px solid #969696; z-index: 10; }
#catalog_menu .submenu ul { width: 45%; }
#catalog_menu .submenu ul li { margin-bottom: 6px; padding-left: 10px; background: url('../i/li.gif') no-repeat 0 9px; }
#catalog_menu { position: relative; height: 1px; z-index: 100; }
#catalog_menu .submenu .close { position: absolute; top: 10px; right: 10px; width: 14px; height: 14px; text-indent: -999px; overflow: hidden;  cursor: pointer; //cursor: hand; background: url('../i/close.gif') no-repeat 0 0; }


.general_cont { position:relative; //zoom: 1; }
.general_cont:after { display: block; content:' '; overflow: hidden; height: 0; clear: both; }


.block1 { position:relative; float: left; width: 18%; margin-top: 33px; min-height: 600px; //-height: 600px; }
.block2 { position:relative; float: right; width: 72%; }

.spec {margin-left:5px; margin-bottom:15px;}
.spec a{font-weight: bold; font-size: 18px; color: #00A7D2; margin-bottom:10px;}
.block2 .filling { position:relative; padding-left: 9px; }

ul.menu { position:relative; margin-left: 10px; }
ul.menu li { margin-bottom: 11px; padding-bottom: 10px; font-size: 14px; line-height: 16px;  border-bottom: 1px solid #dfdfdf; }
ul.menu li a { display: block; text-decoration: none; background: url('../i/arrow_r.gif') no-repeat 100% 6px; }
ul.menu li a:hover { text-decoration: underline; }


ul.path { margin-bottom: 20px; }
ul.path li { display: inline; padding-left: 9px; margin-right: 11px;  background: url('../i/li.gif') no-repeat 0 6px; }

.banners { margin: 0 0 53px 9px; //zoom: 1; }
.banners:after { display: block; content:' '; overflow: hidden; height: 0; clear: both; }

.banners a, .banners img { display: block; }
.banners img { width: 301px; height: 116px; }
.banners #showhelper { cursor:pointer; //-cursor: hand; }

table.goods_list { width: 100%; margin-bottom: 24px; }
table.goods_list tr td { width: 33%; padding: 0 0px 0px 10px; text-align: center; border-left: 1px solid #dfdfdf; }
table.goods_list tr.pics td { padding-bottom: 15px; }
table.goods_list tr td.first { border-left: 0 none; }
table.goods_list tr td img { display: block; margin: 10px auto 0 auto; }
table.goods_list tr td a.name { font-size: 14px; line-height: 16px; font-weight: bold; }
table.goods_list tr td a.more { padding: 3px 0 4px 0; //padding: 0; color: #ffffff; text-decoration: none; background: #568292 url('../i/coners.gif') no-repeat 100% -30px; }
table.goods_list tr td a.more span { padding: 3px 14px 4px 14px; background: url('../i/coners.gif') no-repeat 0 0; }


.price { margin-right: 7px; padding: 0 1px 1px 1px; //padding: 0 1px; font-size: 14px; line-height: 21px; color: #ffffff; background: #97b49c; }
.price span { padding: 0 8px 1px 15px; //padding: 0 8px 0 15px; border: 1px solid #ffffff; }

table.goods_list .price { padding: 2px 1px 3px 1px; //padding: 1px; }


.more_goods { text-align: right; }


table.basket_list { position: relative; width: 100%; }
table.basket_list tr th { padding-bottom: 8px; font-weight: normal; text-align: left; border-left: 8px solid #ffffff; }
table.basket_list tr th.first { border-left: 0 none; }
table.basket_list tr td { //position: relative; padding: 4px 0 6px 19px; text-align: center; background: #f6f6f6; border-left: 8px solid #ffffff; border-bottom: 2px solid #ffffff; }
table.basket_list tr td.first { text-align: left; border-left: 0 none; }
table.basket_list tr.final td { font-weight: bold; border-top: 15px solid #ffffff; }
table.basket_list tr.final td.first { background: none; }
table.basket_list tr.final div { position: relative; }
table.basket_list tr.final div span { display: block; text-align: right; }
table.basket_list tr.final div .button {  position: absolute; top: 0; //top: -2px; left: -19px; width: 105px; height: 21px;background: #568292 url('../i/coners.gif') no-repeat 100% -30px; }
table.basket_list tr.final div .button input { color: #ffffff; padding: 2px 14px 3px 14px; //padding: 0; //height: 21px; border: 0 none; background: url('../i/coners.gif') no-repeat 0 0; }



.order .f_field { position: relative; margin: 0 0 15px 100px; }
.order .f_field label { position: absolute; top: 3px; left: -100px; width: 84px; text-align: right; }
.order .f_field input.inp { width: 245px; //width: 239px; padding: 2px 0 3px 0; border: 1px solid #bfbfbf; }

.order .button { width: 92px; height: 21px;background: #568292 url('../i/coners.gif') no-repeat 100% -30px; }
.order .button input { color: #ffffff; padding: 2px 14px 3px 14px; //padding: 0; //width: 92px; //height: 21px; text-align: center; border: 0 none; background: url('../i/coners.gif') no-repeat 0 0; }

.good_one .descr { position: relative; margin-left: 152px; min-height: 120px; //-height: 120px; }
.good_one .descr img { display: block; position: absolute; top: 0; left: -152px; height: 116px; }
.good_one h2 { margin: 0 0 30px ; font-size: 14px;  }
.good_one .price { display: block; position: absolute; top: -7px; right: 0; }

.good_one .f_field { position: relative; padding-left: 152px; }
.good_one .f_field .num { position: absolute; top: 0; left: 0; //-left: -152px; }
.good_one .f_field .num label { margin-right: 10px; }
.good_one .f_field .num input.inp { width: 37px; //width: 31px; padding: 2px 0 3px 0; text-align: center; border: 1px solid #bfbfbf; }

.good_one .f_field .button { width: 89px; height: 21px;background: #568292 url('../i/coners.gif') no-repeat 100% -30px; }
.good_one .f_field .button input { color: #ffffff; padding: 2px 14px 3px 14px; //padding: 0; //width: 89px; //height: 21px; text-align: center; border: 0 none; background: url('../i/coners.gif') no-repeat 0 0; }


#helper_block { position: absolute; bottom: 58px; left: 5%; width: 255px; height: 600px; overflow: hidden; background: #ffffff; }
#helper { position: absolute; bottom: 0; left: 0; width: 255px; padding-bottom: 423px; background: url('../i/helper.gif') no-repeat bottom center; }



#footer { position: relative;  margin: 0 auto; height: 41px; min-width: 990px; max-width: 1300px; font-size: 14px; line-height: 14px; color: #748e80; //-width: expression((document.getElementById('measurer').clientWidth < 990) ? '990px' : (document.getElementById('measurer').clientWidth > 1300) ? '1300px' : '100%'); }
#footer dfn { display: block; margin: 0 5%; padding-top: 9px; font-style: normal; text-transform: uppercase; border-top: 1px solid #dfdfdf; }
#footer .creator { position: absolute; top: 9px; right: 5%; font-size: 12px; line-height: 14px; text-transform: uppercase; }

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

#webtext{font-size: medium;text-align: justify;}
#webtext h2{padding-bottom:10px;padding-top:15px;}
#webtext ul{padding:10px;padding-left:30px;padding-bottom:20px;}
#webtext ol{padding:10px;padding-left:30px;}
#webtext ul li{padding-top:5px;list-style-type:disc;margin-left:10px;}
#webtext ol li{padding-top:5px;margin-left:10px;}
#webtext p{padding-top:10px;}