body {color: #474747; font-size: 100.01%; font-family: Arial, sans-serif; line-height: 1.4;}
html,body {	height: 100%;}
html, body, div, p, span, table, tr, td, th, a, ul, ol, li, dl, dt, dd, img, h1, h2, h3, h4 {margin: 0; padding: 0;}
h1, h2, h4 {font-weight: normal; margin: 0.2em 0 0.5em 0; font-family: Verdana, sans-serif;}
h3 {font-size: 1.2em;  margin: 0.2em 0pt 0.5em 0; font-family: Tahoma, sans-serif;}
h4 {font-size: 1em;}
h1.logoTitle{ font-size:0.7em;  text-align:center; padding:0px 0 0 0px; color:#c5c5c5; margin:0.4em 0 0.3em  0;}
ul li { list-style:none;}
select{ width:100%;}
img{ border:0;}
table {
		border-collapse:collapse;
		border-spacing:0;
		text-align:left;
}

a{color:#3391d8;}
a:hover{ text-decoration:none;}

* html h2, * html h3, * html h4 {margin-top:expression( !this.previousSibling || ( this.previousSibling && this.previousSibling.nodeName.match(/^H[1-4]$/) ) ? 0 :'1.5em' );}

.lfloat{ float:left}
.rfloat{ float:right}
.icqimg { padding:0 10px 0 0}

.logo{ text-align:center; padding:0px 0 0 0px;}

.mainBox{ border-top:2px solid #dfdfdf; margin:20px 0 0 0; padding:20px 5px;}


.tmenu { background:url("http://teplotochka.com.ua/i/tMenuBg.gif") repeat-x; height:41px; }

#nav {list-style:none; margin:0; padding-top:4px; text-align:center; padding-top:5px;}
#nav li{
float:left;
padding-left:10px;
padding-right:10px;
font-family:Verdana, Arial,Verdana,  Helvetica, sans-serif;
color:#fff;

}

#nav li a{ color:#fff; text-decoration:none; font-size:0.8em; text-decoration:none;}
#nav li a:hover{ color:#fff; text-decoration:none; text-decoration:underline;}

#nav li.first {border:none; }

/*call it a trick - whatever*/
#nav{
overflow:hidden;
width:100%;
}
#nav li{
margin-left:-1px;
}


.bmenu { }

#bnav {list-style:none; margin:0; padding-top:4px; text-align:center; padding-top:5px;}
#bnav li{
float:left;
padding-left:10px;
padding-right:10px;
font-family:Verdana, Arial,Verdana,  Helvetica, sans-serif;
color:#666;

}

#bnav li a{ color:#3391d8; text-decoration:none; font-size:0.8em; text-decoration:none;}
#bnav li a:hover{ color:#3391d8; text-decoration:none; text-decoration:underline;}

#bnav li.first {border:none; }

/*call it a trick - whatever*/
#bnav{
overflow:hidden;
width:100%;
}
#bnav li{
margin-left:-1px;
}
.ltitle{ background:url("http://teplotochka.com.ua/i/titleBg.gif") no-repeat; height:228px; height:29px; margin:10px 0 0 0; padding-top:5px;}
.ltitle img{ padding:0 5px}
.ltitle span{ padding:0 5px; color:#fff; font-weight:bold; font-size:0.8em;}
.ltitle a{ color:#fff; text-align:right; font-size:0.8em;  padding-left:50px;}
.ltitle a:hover{ color:#fff; text-align:right; font-size:0.8em; text-decoration:none;}
.centertitle{padding:0 5px; color:#da251d; font-weight:bold; font-size:0.8em; background:url(http://teplotochka.com.ua/i/centerTitleBg.gif) repeat-x; height:31px;}
.centertitle a{ text-decoration:underline; color:#da251d;}
.centertitle a:hover{ text-decoration:none;}
.subLnk { font-weight:bold; font-size:0.8em; }
.subLnk a{ font-weight:normal}
.menu { list-style:none; padding:10px 0;}
.menu .subL { list-style:none; padding:0px 0 0 10px;}

.menu li{ border-bottom:1px dotted #CCCCCC}
.menu .subL a{ display:block; line-height:20px; text-decoration:none; width:218px; padding:5px 0 5px 10px; color:#53391d; font-size:0.8em}
.menu li a{ display:block; line-height:20px; text-decoration:none; width:218px; padding:5px 0 5px 10px; color:#3391D8; font-size:0.8em}
.menu li a:hover{ display:block; line-height:20px; text-decoration:none; background:#f6fcdb; }
menu li .subLnk{display:block; line-height:20px; text-decoration:none; width:218px; padding:5px 0 5px 20px; color:#2897ff; font-size:0.8em}
td.content{ padding:10px; }
.content .txt {font-size:0.8em}
.floats
{
/* Компенсируем отступы между float-блоками, чтобы они занимали все доступное пространство */
margin: -3em 0 0 -2em;

/* Эти правила для IE */
position: relative;
display: inline-block;
clear: both;
}
.floats:after
{
content: '';
display: block;
clear: both;
}
.floats .left
{
position: relative;
float: left;

/* Убираем удвоение отступов в IE */
display: inline;

/* Прячем все, что вдруг вылезло за наши ограничения */
overflow: hidden;

/* Отсупы между float-блоками */
margin: 5px 0 0 0px;

/* Задаем минимальную ширину по картинке и тексту */
width: 245PX;
min-width: 245px;

}

.floats .left .r img{ padding:0 10px 0 0;}
.floats .left .r h2 {font-size: 1.1em; font-weight:bold; margin:0; font-family:Arial, Helvetica, sans-serif}
.floats .left .r
{
position: absolute;
top: 0;
left: 0;
width: 100%;
float:left;
font-size:0.9em;
padding:10px;
}
.floats .left .min
{
/* Задаем минимальную высоту по картинке */
margin: 0 0 125px 0;

/* Задаем минимальную высоту по тексту */
height: 3em;


/* Дублируем значение минимальной ширины по картинке для IE */
width: 200px;
}
.desc h2 a{}
.desc p{ font-size:0.8em; padding:5px; border-bottom:1px solid #f1f1f1 }
.price { color:#CC3300; font-weight:bold;}
.date{ font-size:0.7em;  margin-top:5px; font-weight:bold;  color:#da251d;}
.newsLnk a{ font-size:0.8em;}
.newsLnk a:hover{ font-size:0.8em; text-decoration:none;}

.newsLnkL { font-size:0.8em;}
.newsLnkL a{ font-size:0.8em;}
.newsLnkL a:hover{ font-size:0.8em; text-decoration:none;}


.searchTitle span{color:#da251d; padding:0 5px; font-weight:bold; font-size:0.8em;}

.selTitle{color:#666; padding:0 5px; font-weight:bold; font-size:0.8em;}

.srchBtn{ padding:10px 0  0 0;}

td.pages { text-align:center; padding:20px;}
.pages a{ background:#f1f1f1; padding:10px; margin:10px 5px;}

dl,dt,dd{
	float:left;
	}
	dd strong{
		display:block;
		}
		/*Для ИЕ*/
		dt,dd{$clear:right;}
.hcontacts{font-size:0.9em; font-weight:bold; padding:10px;}
.hcontacts span{ font-size:1.3em;}
.copy{ font-size:0.7em; padding:10px;}


.ban { float:left; padding:10px;}