@import "_styles.css";



BODY,

HTML {

	background: #fbfaf7 url(bg07.gif) no-repeat 50% 0;

	line-height: 1.5;

}

BODY, INPUT, SELECT, TEXTAREA, BUTTON, TD, TH, BLOCKQUOTE {

	color: #000;

	font-size: 11px;

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

}



H1, H2, H3, H4, H5, H6 {

	color: #a41414;

	line-height: normal;

	font-weight: normal;

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

}

H1 {

	font-size: 20px;

}

H2 {

	margin-top: 1.5em;

	font-size: 13px;

	font-weight: bold;

}

H3, H4, H5, H6 {

	margin-top: 2em;

	font-size: 12px;

	font-weight: bold;

}



A {

	color: #77440f;

	text-decoration: none;

}

A:hover {

	color: #4f2c07;

	text-decoration: underline;

}



OL {

	margin-left: 3em;

}

OL OL {

	margin: .5em 0 .5em 3em;

}



UL {

	margin-left: 11px;

}

UL LI {

	display: block;

	padding: 0 0 3px 9px;

	background: url(dot02.gif) no-repeat 0 5px;

}

UL UL {

	margin: .5em 0 .5em 1.5em;

}

LI {

	line-height: 1.2;

}



/* =layout

-------------------------------------------------- */

#wrap {

	width: 1010px;

	margin: 0 auto;

	background: #fbfaf7 url(bg07.gif) no-repeat 50% 0;

}

#container {

	background: url(bg04.gif) repeat-y 0 0;

}

#container-inner {

	padding: 6px 45px 47px;

	background: url(bg05.gif) no-repeat 0 100%;

}



/* =header

-------------------------------------------------- */

#header {

	position: relative;

	height: 164px;

	padding: 0 45px;

	background: url(bg02.gif) no-repeat 0 87px;

}

#header-inner {

	height: 164px;

	background: url(pic01.jpg) no-repeat 0 42px;

}

DIV.tea {

	background-image: url(pic05.jpg) !important;

}

#header P,

#header UL {

	margin: 0;

}



#logo, #logo A, #logo_est A, #logo_fin A, #logo_eng A, #logo_rus A {
	width: 180px;
	/*height: 38px;*/
	height: 57px;
	overflow: hidden;
	/*background: url(logo.gif) no-repeat 100% 0;*/
}

#logo_est A {
	background-image: url(logo_slogan_est.gif);
}

#logo_fin A {
	background-image: url(logo_slogan_fin.gif);
}

#logo_eng A {
	background-image: url(logo_slogan_eng.gif);
}

#logo_rus A {
	background-image: url(logo_slogan_rus.gif);
}

#logo, #logo_est, #logo_fin, #logo_eng, #logo_rus {
	position: absolute;
	/*top: 81px;*/
	top: 71px;
	left: 45px;
	margin: 0;
}

#logo A, #logo_est A, #logo_fin A, #logo_eng A, #logo_rus A {
	display: block;
	text-indent: -5000px;
}


#audio {

	position: absolute;

	top: 13px;

	left: 24px;

}



#lang {

	position: absolute;

	top: 11px;

	right: 22px;

	font-weight: bold;

	line-height: normal;

	font-size: 10px;

}

#lang LI {

	background: none;

}

#lang LI,

#lang LI A {

	float: left;

}

#lang LI A {

	padding: 3px 3px 3px 29px;

	background-repeat: no-repeat;

	text-decoration: none;

}

#lang LI A:hover {

    text-decoration: none;

}

#lang LI.active A {

	text-decoration: none;

	color: #a57f57;

}

#lang LI.fin A {

	background-image: url(ico_fin.gif);

}

#lang LI.rus A {

	background-image: url(ico_rus.gif);

}

#lang LI.eng A {

	background-image: url(ico_eng.gif);

}

#lang LI.est A {

	background-image: url(ico_est.gif);

}



/* =nav

-------------------------------------------------- */

#nav {

	float: left;

	width: 180px;

	margin: 0 20px 0 0;

	padding: 0;

	font-weight: bold;

}

#nav LI {

	margin: 0;

	padding: 0 0 4px;

	background: none;

}

#nav LI A {

	display: block;

	width: 180px;

	padding-bottom: 3px;

	background: url(bg01.gif) no-repeat 0 100%;

	color: #fff;

	text-decoration: none;

}

#nav LI A STRONG {

	display: block;

	padding: 7px 10px 5px;

	background: url(bg01.gif) no-repeat 0 0;

}

#nav LI UL {

	float: none;

	width: auto !important;

	margin: 0 !important;

	padding: 6px 10px 8px;

}

#nav LI UL LI A {

	width: auto !important;

	padding: 2px 0 2px 10px;

	background: url(dot01.gif) no-repeat 0 7px;

	color: #77440f;

}

#nav LI UL LI A:hover {

	color: #f60 !important;

	text-decoration: underline;

}

#nav LI UL LI UL {

	float: none;

	width: auto !important;

	margin: 0 !important;

	padding: 3px 10px 0 20px !important;

	font-weight: normal !important;

}

#nav LI UL LI UL LI A {

	width: auto !important;

	padding: 2px 0 0 !important;

	background: none;

}



#nav LI UL LI.active A {

	color: #f60;

}

#nav LI UL LI.active LI A {

	color: #77440f;

}

#nav LI UL LI.active LI.active A {

	color: #f60;

}



/* =sidebar

-------------------------------------------------- */

#sidebar {

	float: right;

	width: 180px;

}



DIV.box01 {

	margin-bottom: 10px;

	background: url(bg03.gif) repeat-y -360px 0;

}

* HTML DIV.box01 {

	height: 1px;

}

DIV.box01-a {

	background: url(bg03.gif) no-repeat 0 0;

}

DIV.box01-b {

	padding: 7px 10px 9px;

	background: url(bg03.gif) no-repeat -180px 100%;

}

DIV.box01 H2 {

	margin-top: 0;

	padding-bottom: 6px;

	border-bottom: 1px solid #f3efea;

	font-size: 13px;

}

DIV.box01 INPUT.text {

	width: 125px;

	padding: 3px 2px 2px !important;

	margin-right: 3px;

	color: #a57f57;

}

UL.banner {

	margin: 0;

	padding: 0;

}

UL.banner LI {

	padding: 0 0 6px;

}



UL.news {

	margin: 0;

	padding: 0;

}

UL.news LI {

	padding: 8px 0 3px 15px;

	background: url(dot03.gif) no-repeat 0 8px;

}

UL.news LI SPAN {

	display: block;

	padding-bottom: 3px;

	color: #a57f57;

}

UL.news LI A {

	text-decoration: none;

}

UL.news LI A:hover {

	text-decoration: underline;

}



P.newslett {

	margin-top: 9px;

	padding-bottom: 2px;

}



/* =content

-------------------------------------------------- */

#content {

	float: left;

	width: 520px;

	font-size: 12px;

}

DIV.box02-a {

	float: left;

	width: 270px;

}

DIV.box02-b {

	float: right;

	width: 220px;

}

DIV.box02-b P IMG,

DIV.box02-b UL LI A {

	border: 1px solid #e8dfd6;
	/*width: 208px;
	height: 208px;*/

}

DIV.box02-b P {

	margin-top: 19px;

}

DIV.box02-b UL {

	margin: 5px 0 0;

}

DIV.box02-b UL LI {

	float: left;

	padding: 0 5px 0 0;

	background: none;

}

DIV.box02-b UL LI A {

	float: left;

}

DIV.box02-b UL LI A:hover {

	border-color: #d4c3b2;

}

DIV.box02-b UL LI.last {

	padding-right: 0 !important;

}

P.more A {

	padding-left: 10px;

	background: url(dot01.gif) no-repeat 0 .5em;

}



#main-banner {

	margin-top: 0;

}



UL.product {

	margin: 20px 0 0;

}

UL.product LI {

	float: left;

	width: 166px;

	min-height: 197px;

	margin-right: 8px;

	padding: 0 0 10px 0;

	border: 1px solid #e8dfd6;

	background: none;

	text-align: center;

}

* HTML UL.product LI {

	height: 197px;

}

UL.product LI.last {

	margin-right: 0 !important;

}

UL.product P.img {

	margin-top: 10px;

}

UL.product H2 {

	width: 146px;

	margin: 7px auto 0;

	font-size: 11px;

	color: #77440f;

}

UL.product P.price {

	margin-top: 7px;

	font-weight: bold;

	color: #5f940c;

}

UL.product P.price DEL {

	color: #a41414;

}

UL.product P.price SPAN {

	color: #a3a3a3;

}





UL.firms {

	margin-top: 20px 0 0;

}

UL.firms LI {

	float: left;

	width: 251px;

	min-height: 185px;

	margin-right: 14px;

	padding: 0 0 10px 0;

	border: 1px solid #e8dfd6;

	background: none;

	text-align: center;

}

* HTML UL.firms LI {

	height: 185px;

}

UL.firms LI.last {

	margin-right: 0 !important;

}

UL.firms P.img {

	margin-top: 12px;

}

UL.firms H2 {

	width: 231px;

	margin: 7px auto 0/*auto 0*/;

	font-size: 11px;

	color: #77440f;

}

/*UL.firms P.price {

	margin-top: 7px;

	font-weight: bold;

	color: #5f940c;

}

UL.firms P.price DEL {

	color: #a41414;

}

UL.firms P.price SPAN {

	color: #a3a3a3;

}*/



/* =tables

-------------------------------------------------- */

TABLE.data {

	width: 100%;

	margin-top: 2em;

	border: 1px solid #e8dfd6;

}

TABLE.data THEAD TH,

TABLE.data THEAD TD {

	background: #fbfaf7;

}

TABLE.data TH,

TABLE.data TD {

	padding: 6px 7px 7px;

	border: 1px solid #e8dfd6;

}



TABLE.form {

	width: 100%;

	margin-top: 2em;

}

TABLE.form TH,

TABLE.form TD {

	padding: 3px 5px 2px;

}

TABLE.form TH {

	width: 25%;

	padding-top: 6px;

	text-align: right;

	font-weight: normal;

}

TABLE.form TD {

	width: 75%;

}

TABLE.form TH LABEL,

TABLE.form TD INPUT {

	vertical-align: middle;

}

TABLE.form TR.action TD,

TABLE.form TR.action TH {

	padding-top: 7px;

}



/* =inputs & buttons

-------------------------------------------------- */

SPAN.req {

	color: #f60;

	font-weight: bold;

	vertical-align: middle;

}



SELECT,

TEXTAREA,

INPUT.text {

	border: 1px solid #e8dfd6;

	color: #a57f57;

}

INPUT.text {

	padding: 2px;

}



SELECT {

	padding: 1px;

}



INPUT.text {

	width: 195px;

}

INPUT.wide {

	width: 365px;

}



TEXTAREA {

	width: 90%;

	height: 100px;

	padding: 2px;

}



SELECT:focus,

TEXTAREA:focus,

INPUT[type="text"]:focus,

INPUT[type="password"]:focus {

	border-color: #a57f57;

}



SPAN.button {

	float: left;

	height: 22px;

	background: url(btn01.gif) no-repeat 0 0;

}

SPAN.button INPUT {

	display: block;

	height: 22px;

	padding: 0 6px 3px;

	border: none;

	background: url(btn01.gif) no-repeat 100% -50px;

	font-weight: bold;

	color: #fff;

	cursor: pointer;

	overflow: visible;

}



/* =tabs

-------------------------------------------------- */

UL.tabs {

	margin: 2em 0 0;

	background: url(bg06.gif) repeat-x 0 100%;

	list-style: none;

}

UL.tabs LI,

UL.tabs LI A {

	float: left;

}

UL.tabs LI {

	margin: 0 5px 0 0;

	padding: 0;

	background: none;

}

UL.tabs LI A {

	padding: 7px 14px 8px;

	border: solid #e8dfd6;

	border-width: 1px 1px 0;

	background: #f8f5ea;

	text-decoration: none;

	outline: none;

}

UL.tabs LI A:hover {

	color: #f60;

}

UL.tabs LI.active A {

	padding-bottom: 9px;

	background: #fff;

	color: #f60;

	font-weight: bold;

	outline: none;

}



/* =footer

-------------------------------------------------- */

#footer {

	width: 922px;

	margin: -1px auto 0;

	padding-bottom: 20px;

	color: #a57f57;

}

#footer P {

	margin-top: 0;

}

#footer P SPAN {

	margin: 0 4px;

	color: #cebca9;

}

#footer A {

	text-decoration: none;

}

#footer A:hover {

	text-decoration: underline;

}

#footer P.footer-a {

	float: left;

	font-weight: bold;

}

#footer P.footer-b {

	float: right;

	padding-right: 2px;

}