html, body {
    height: 100%;
}

BODY {margin: 0 0 0 0; padding: 0 0 0 0; background: white; color: #53647b; font-family: Tahoma, Arial, Sans-serif; font-size: 70%;}

#main { position: absolute; z-index: 10; top: 0; left: 0; width: 100%; height: 100%;}
#main2 { position: relative; min-height: 100%; height: 100%; 
    voice-family: "\"}\"";
    voice-family: inherit;
    height: auto;}
html>body #main2 {
    height: auto;
	}	

.footer {
position: absolute;
bottom: 0;

}


TD {vertical-align: top;}

A {color: #0772df; text-decoration: underline;}
A:hover {color: #ea8911;}

P {margin-top: 0; margin-bottom: .8em; line-height: 1.4em; }

H1 {font-weight: normal; font-size: 1.5em; margin: 0 0 0 20px;}
H2 {font-weight: normal; font-size: 1.4em;}
H3 {font-weight: bold; font-size: 1.1em; border-bottom: 3px #3b76c5 solid; display: table; margin-bottom: 5px;}
*html H3 {width: 100px; white-space: nowrap;}
H4 {font-size: 1.1em; margin-top: 0px; }
H5 {font-weight: normal; color: #e5913b; font-size: 1.5em; margin: 0 0 15px 0;}

/*--------------------------------------- COMMON --------------------------------------------------- */

.table_all {width: 100%; margin-bottom: 60px; }

.td_left {width: 320px;}
.td_right {background: url(i/logo_viz_r.png) no-repeat left top;}

.hr01 {height: 30px; background: url(i/hr01.gif) repeat-x; margin: 20px 20px 0 40px;}
.ill01 {float: left; margin: 8px 10px 5px 0; padding: 1px; border: 2px #e5e0de solid;}
.ill02 {float: left; margin: 8px 10px 5px 0; position: relative; top: 5px;}

.text {margin: 0 40px 0 20px;}

/*---------------------------------------LOGO--------------------------------------------------- */

#logo {height: 190px; background: #ec9639 url(i/logo_back.gif) repeat-x; }

#logo h1 {width: 80px; text-align: right; margin: 0 0 0 0; display: block; font-size: 11px; font-weight: normal; color: #995c41; position: relative; top: 35px; left: 35px; }

#logo_viz {float: right; relative: absolute; }


/*--------------------------------------- CONTACT --------------------------------------------------- */

.contact {background: url(i/contact_dot.png) no-repeat; padding: 5px 20px 0 40px; }

.contact th {height: 2em; padding: 0 20px 10px 0;; vertical-align: top; text-align: right;}
.contact th strong {font-weight: normal; border-bottom: 3px #3b76c5 solid;}
#contact2 {margin: 40px 0 40px 0;}

/*--------------------------------------- ABOUT & GOOD--------------------------------------------------- */

.about {margin: 0 20px 30px 40px;}
.about A {font-size: 1.1em; padding-bottom: 10px;}

.good A, .good A:hover {color: #fff; padding-left: 40px; padding-bottom: 15px; display: block; font-size: 1.1em;}
.good div {background: url(i/good_r.gif) no-repeat right bottom; height: 157px; padding: 15px 35px 15px 0;}
.good {color: #fff; background: #2b68b9 url(i/good_back.gif) repeat-x bottom; margin-bottom: 30px; }

.banner {background: #efeceb; margin: 0 20px 40px 0; border-bottom: 5px #d8d0ce solid; padding: 5px 15px 5px 0; text-align: right; height: auto;}

/*--------------------------------------- MENU --------------------------------------------------- */

.menu {margin: 30px 40px 30px 10px; }
.menu td {padding: 0 30px 6px 10px; background: url(i/menu_dot.gif) no-repeat 0 3px;}

/*--------------------------------------- DEEP --------------------------------------------------- */

.deep {background: #3b76c5 url(i/deep_back.jpg) no-repeat left top; padding: 15px 40px 15px 20px; margin: 0 0 30px 20px; color: #fff;}

.deep A, .deep A:hover {color: #fff; font-size: 1.3em; padding-bottom: 10px; display: block;}

/*--------------------------------------- FOOTER --------------------------------------------------- */

.footer {height: 46px; line-height: 46px; background: #3e7dd2 url(i/footer_back.gif) repeat-x; padding: 0 40px 0 340px; color: #fff}
.footer A, .footer A:hover {color: #fff; background: url(i/menu_dot.gif) no-repeat 0 3px; padding: 0 30px 0px 10px;}

.copy {float: right;}

/*--------------------------------------- CATALOG --------------------------------------------------- */

.catalog {margin: 0 0 40px 0;}
.catalog strong {margin: 0 0 10px 40px; display: block;}

.catalog2 {border-top: 5px #f8f7f6 solid; border-right: 5px #f8f7f6 solid; border-bottom: 5px #f8f7f6 solid; margin-right: 20px; padding: 10px 20px 15px 0;}
.catalog2 a {display:block; font-size: 1.1em; background: url(i/catalog_dot.gif) no-repeat 5px 8px; padding-left: 23px; height: 16px; margin: 0 0 10px 18px; padding-top: 4px;}

#cat_selected {background: #3b76c5  url(i/catalog_dot2.gif) no-repeat 5px 8px;  }
#cat_selected, #cat_selected:hover {color: #fff; text-decoration: none;}

/*--------------------------------------- MAIN CAT --------------------------------------------------- */

.main_cat { margin: 0 40px 30px 16px; padding-bottom: 6px; background: url(i/maincat_back.jpg) no-repeat bottom ;}
.main_cat2 {padding: 0 0 30px 20px;   border-left: 4px #3b76c5 solid;}
.main_cat h2 {}
.main_cat table {clear: both;}
.main_cat table p {margin: 1em 0 .7em 20px;}

.price01 { font-weight: normal;  width: 88px; white-space: nowrap;  height: 20px; background: #f3a646 url(i/price01.gif) no-repeat right top; color: #fff; font-size: .8em; padding: 3px 5px 0 5px; border-left: 10px white solid; }
.price01 strong {font-size: 1.1em;}


/*--------------------------------------- CAT CAT --------------------------------------------------- */

.cat_cat { margin: 0 40px 10px 16px; padding-bottom: 6px; background: url(i/maincat_back.jpg) no-repeat bottom ;}
.cat_cat2 {padding: 0 0 15px 20px;   background: url(i/megadot.gif) no-repeat left 2px ;}
.cat_cat h2 {font-size: 1.1em;}
.cat_cat table {clear: both;}
.cat_cat table p {margin: 1em 0 .7em 20px;}

.price02 { font-weight: normal;  width: 88px; white-space: nowrap;  height: 20px; background:  url(i/price02_back.gif) repeat-x bottom; font-size: 1em; padding: 3px 5px 5px 5px; border-left: 20px white solid; }
.price02 strong {font-size: 1.1em;}

.img img {border: 2px #efeceb solid; padding: 1px; }

.sostav {background: #f8f7f6; float: right; padding: 15px 20px 15px 20px; margin: 0 0 10px 10px; width: 200px;}
.sostav li {line-height: 20px; list-style-type: none; background: url(i/sostav_dot.gif) no-repeat 0 8px ; padding-left: 15px;  }
*html .sostav li {padding-left: 0px;}

/*--------------------------------------- MODEL --------------------------------------------------- */

.model {margin: 0 40px 0 20px;}
.info {padding-left: 30px;}

.model .sostav { margin: 0px 0 10px 10px; width: 150px;}

.buy {font-size: 1.1em; font-weight: bold; background: url(i/buy.gif) no-repeat 0 4px ; padding-left: 15px;}

.pricetable {margin-right: 0px; }
.pricetable TH {font-weight: bold; border-right: 5px #fff solid; padding: 0 20px 5px 0; background: url(i/th01_back.gif) repeat-x bottom; border-bottom: 10px #fff solid; vertical-align: top; text-align: left;}
.pricetable TD {text-align: left; vertical-align: bottom; padding: 2px 3px 4px 3px; white-space: nowrap;}
.pricetable TR {}
.pr {font-size: 1.1em;}
.row01 {background: #fff url(i/row01_back.gif) repeat-x bottom;}
.row02 {background: #f8f7f6 url(i/row02_back.gif) repeat-x bottom;}

.submodel {margin-top: 20px;}

.submodel .deep { padding: 15px 10px 15px 10px; margin: 0 0 30px 10px;   }
.submodel .deep img{ border: 5px #6896d2 solid; padding: 1px;}

.ad {background: #f8f7f6; padding: 15px 10px 15px 10px; margin: 0 0 30px 10px;  overflow: hidden;}
*html .ad { _height: 0px; overflow: visible;}
.ad H5 {font-weight: normal; font-size: 1.1em; color: #53647b; }
.ad img {float: left; border: 5px #efeceb solid; padding: 1px; margin: 0 5px 0 0;}

/* другие производители */

.other {display: none; visibility: hidden; overflow: hidden;  z-index: 20; position: absolute; }
.other_a {display: block; height: auto; z-index: 20; position: absolute;  }

#oth {background: #f1f3f6; width: 150px; margin: 0 0 0 0px; border: 1px #dee3ea solid; padding: 4px; }

#oth a {
   	background: none;	
	text-decoration: none;
	border: none;
	padding: 0 0 0 0;
	margin: 0 0 0 0;

}
#oth a:hover {text-decoration: underline; background: none;	}