body { margin: 0; padding: 0; }
HTML { background: #FFF url(http://www.vanna24.ru/templates/main/img/bg/body-bottom.jpg) 18px 100% repeat-x; }
BODY {
	background: url(/templates/main/img/bg/body-top.jpg) 18px 0 repeat-x; font: 0.75em/1.3 Tahoma, Verdana, sans-serif;
	color: #333; padding-bottom: 33px; min-width: 1000px;
}
A IMG { border: 0; }
A,A:visited {color: #2773a7;text-decoration: underline;}
A:hover {text-decoration: none;}

h1 { font-size: 23px;margin: 20px 4px 2px 0; font-weight:none;}
h2 { font-size: 19px;font:tahoma;font-weight:bold;color:#000000;margin: 10px 4px 2px 0; }
h3 { font-size: 14px;font:tahoma;color:#333; padding-top:5px; }


/* Раскладка */
TABLE.layout { width: 100%; border-collapse: collapse; }
TABLE.layout TD { vertical-align: top; }
#head, #body, #footer { position: relative; width: 93%; margin: 0 auto; }

/* Общее */
.header { font-size: 0;  padding-bottom: 4px; background: url(/templates/main/img/bg/header.gif) 0 100% no-repeat; margin: 17px 0; }
.hr { height: 1px; margin: 20px 0; background: url(/templates/main/img/bg/dotted-horizontal.gif) 0 0 repeat-x; font-size: 0; line-height: 0; }

/* Шапка */
#head { background: #BFAA91 url(/templates/main/img/bg/head.gif) 0 0; height: 102px; }
#logo { position: absolute; left: 0; top: 26px; width: 25%; text-align: center; }
#contacts { position: absolute; left: 25%; top: 0; width: 50%; height: 102px; }
#contacts, #contacts A { color: #FFF; }
#contacts #rate { font-size: 12px; margin: 14px 0 -4px 0; }
#contacts #phone { font-size: 20px; }
#contacts #links {
	position: absolute; left: 250px; top: 21px; border-left: 2px solid #FFF;
	padding: 0 0 2px 20px; font-size: 11px; line-height: 0.7;
}
#top-links { position: absolute; right: 0; top: 52px; width: 25%; font-size: 0; line-height: 0; text-align: center; }
#top-links A { margin: 0 9px; }
/* --- */
#pictures { margin: 20px 0 50px 0; }
#pictures IMG { display: block; margin: auto; }
/* --- */
#regions { position: absolute; right: 0; top: 2px; _top: 11px; _height: 20px; font-size: 12px; color: #AFB4C3; }
#regions SPAN,
#regions A { color: #FFF; padding: 2px 5px; text-decoration: none; }
#regions A { background: #C3D5E2; }
#regions SPAN { background: #6C6168; }

/* Горячее предложение */
#hot { position: absolute; width: 25%; margin-left: -16px; text-align: center; }
#hot IMG { display: inline; }

/* Навигация */
#nav { position: absolute; left: 0; bottom: 0; width: 100%; background: #6C6168; border-collapse: collapse; }
#nav TD { padding: 0; font-size: 0; line-height: 0; }
#nav TD.l { width: 20%; background: url(/templates/main/img/nav/l.gif) 50% 14px no-repeat; }
#nav TD.b { width: 10%; }
//#nav A, #nav A IMG { display: block;  }
#nav A, #nav DIV { padding: 12px 0 10px 0; }
#nav A:hover, #nav DIV { background: url(/templates/main/img/nav/active.gif) 50% 0 no-repeat; }
/* --- */
#navigator { font-size: 0.9em; font-weight: bold; color: #000; margin: 10px 0; }
#navigator A { text-decoration: none; }
/* --- */
#subnav { list-style: none; font-size: 11px; font-weight: bold; text-align: right; }
#subnav LI { display: inline; padding: 2px 5px; margin-left: 12px; }
#subnav LI.active { background: #6C6168; }
#subnav LI.active,
#subnav LI.active A { color: #FFF; text-decoration: none; }

/* Поиск */
#search { position: relative; width: 325px; height: 33px; overflow: hidden; padding-top:10px; margin: -4px auto 0 auto; }
#search INPUT { display: block; font-size: 11px; margin-top: -1px; }
#search .b-open { background: url(/templates/main/img/bg/search-border-open.gif) 0 0 no-repeat; padding-left: 13px; }
#search .b-close { width: 265px; background: url(/templates/main/img/bg/search-border-close.gif) 100% 0 no-repeat; }
#search INPUT.txt {
	border: none; background: #AFAFAF url(/templates/main/img/bg/search.gif) 0 0 repeat-x;
	color: #28195C; width: 252px; padding: 10px 0;
}
#search INPUT.submit {
	position: absolute; right: 0; bottom: 0; _bottom: -1px; width: 47px; height: 33px; padding-right: 3px;
	border: none; background: url(/templates/main/img/bg/search-btn.gif) 0 0 no-repeat; color: #FFF; cursor: pointer;
}
/* --- */
#search BR { clear: left; }
#producers { margin-left: 10px; }
.producer-long,
.producer-short { float: left; font-size: 11px; text-align: center; padding: 4px 0; }
.producer-long A,
.producer-short A { text-decoration: none; color: #FFF !important; }
.producer-long { width: 103px; background: url(/templates/main/img/bg/producer-long.gif) 0 0 no-repeat; }
.producer-short { width: 56px; background: url(/templates/main/img/bg/producer-short.gif) 0 0 no-repeat; }

/* Каталог продукции */
#catalogue TD { width: 30%; }
#catalogue TD.l { width: 5%; background: url(/templates/main/img/bg/dotted-vertical.gif) 50% 0 repeat-y; }
#catalogue .item { background: url(/templates/main/img/bg/cat-border.jpg) 0 0 repeat-x; margin-bottom: 10px; }
#catalogue .b-open { background: url(/templates/main/img/bg/cat-border-open.jpg) 0 0 no-repeat; }
#catalogue .b-close {
	position: relative; background: url(/templates/main/img/bg/cat-border-close.jpg) 100% 0 no-repeat;
	padding: 17px 22px 11px 118px; height: 93px;
}
#catalogue .item IMG { position: absolute; left: 12px; top: 11px; }
#catalogue H3 { font-size: 16px; margin: 0 0 -15px 0; }
#catalogue UL { list-style: none; font-size: 12px; line-height: 1.3; _height: 1%; }
#catalogue UL LI { background: url(/templates/main/img/bg/cat-bullit.gif) 0 0.6em no-repeat; padding-left: 7px; }
#catalogue UL LI A { color: #6C6168; }
/* --- */
#action { width: 90%; color: #8E6239; background: url(/templates/main/img/bg/action.gif) 0 0 no-repeat; margin-top: 1.5em; }
#action .date { font-size: 0.82em; font-weight: bold; color: #FE0003; padding: 10px 0 0 38px; }
#action H3 { font-size: 1.16em; color: #000; margin: 0 0 0.6em 12px; }
#action P { font-size: 0.9em; }
/* --- */
#production { width: 80%; margin: 1em auto 0 auto; }
#production TD { width: 45%; }
#production TD.l { width: 10%; background: url(/templates/main/img/bg/dotted-vertical.gif) 50% 0 repeat-y; }
#production UL { list-style: none; font-size: 0.9em; color: #636768; }
#production UL LI { zbackground: url(/templates/main/img/bg/prod-bullit.gif) 0 0.4em no-repeat; margin: 0.5em 0; }
#production UL INPUT { float: left; width: 16px; height: 16px; margin-right: 3px; }

/* Контент */
#content-block TD.l { width: 5%; background: url(/templates/main/img/bg/dotted-vertical.gif) 50% 0 repeat-y; }
#content-block .header { margin-top: -3px; }
#content-cell { width: 65%; }
#content { margin: 1.5em 2em 1.5em 0; font-size: 1.1em;  }
#content P { margin: 0.5em 0; }
#content a.link { text-decoration:underline; font-size:20px; font-weight:bold;  }
#content a.link:hover { text-decoration:none; font-size:20px  }
#content li,ul,ol { padding:5px 5px 5px 5px;  }

/* Новости */
#news-cell { width: 30%; }
#news-cell .header { margin-bottom: 25px; }
#news { margin-right: 3em; }
#news .pub { margin: 0.8em 0; }
#news .pub .image { float: left; background: url(/templates/main/img/bg/pub-image.gif) 0 0 no-repeat; padding: 3px; margin: 0 0.8em 0.6em 0; }
#news .pub .date { font-size: 0.5em; color: #333; margin-bottom: 0.3em; }
#news .pub .title { font-size: 11px; font-weight: bold; color: #6C6168; margin: -4px 0 0.2em 0; }
#news .pub .text { font-size: 0.9em; color: #82829D; margin-bottom: 0.3em; }
#news .pub A.more { font-size: 0.9em; color: #B2BED1; padding-left: 7px; background: url(/templates/main/img/bg/more.gif) 0 0.5em no-repeat; }
#news BR { clear: left; }

/* Баннеры */
#banners { margin: 2.8em 2em 0 0; }
#banners A { width: 99%; border: 0px solid #C7D9E4; }
#banners TD { width: 30%; }
#banners TD.l { width: 5%; background: none; }

/* Подвал */
#footer { background: #BFAA91 url(/templates/main/img/bg/head.gif) 0 0; height: 69px; margin-top: 33px; }
#footer #copy,
#footer #counters { position: absolute; }
#footer #copy { position: absolute; left: 387px; top: 13px; width: 312px }
#footer #copy0 { position: absolute; left: 27px; top: 18px; width: 349px;color: #FFF;}
#footer #copy A { color: #FFF; }
#footer #copy SPAN { color: #6C6168; }
#footer #counters { right: 24px; top: 20px; font-size: 0; line-height: 0; }
#footer #counters IMG { margin-left: 15px; }

#footer #copy .webhouse {font-family:Tahoma;font-size:10px;color:#FFF;white-space: nowrap}

