/* common */
* {padding: 0; margin: 0; font: normal 100.1% 'Tahoma', serif}
BODY {color: #000; background: #fff url('i/body_bg.gif') 0 0 repeat-y}
HTML {height: 100%}
BODY, #mainTable, #header, #headIn {min-width: 950px}

H3 {font: bold 25px Arial; color: #bbb}
A, A:visited {color: #111; font: normal 106.1% 'Tahoma', serif}
TABLE {border-collapse: collapse}
IMG {font: normal 10px Arial; color: #000}

.nobg {background: none !important}

/* skeleton (carcase)  */
#mainTable {width: 100%; background: url('i/top_bg_small.gif') 0 0 repeat-x; min-height: 100%; height: 100%}
#mainTable COLGROUP {background: none}
#mainTable TD {padding: 0; vertical-align: top}

/* header */
#header, #headIn {height: 130px; padding: 0; margin: 0}
#headIn {position: relative; width: 100%; border: none; padding: 0}
#logo {position: absolute; left: 34%; top: 13px; width: 260px; height: 120px}
#head_address {position: absolute; width: 260px; top: 66px; left: 34%; padding: 0; z-index: 9999}
#head_address IMG {border: none}
#head_address, #head_address A, #head_address A:visited {font: bold 12px Arial, serif; color: #BE062C; text-decoration: none; text-align: center}
#phones {background: url('i/phone.gif') 20px 9px no-repeat; padding: 3px 0 0 50px; position: absolute; top: 82px; width: 260px; left: 34%; text-align: left; }
#phones { font: bold 11px Arial, serif; color: #BE3119; text-decoration: none; }

#address {float: left; width: 250px; padding: 26px 8px 0 18px; z-index: 9999}
#address P, #address P U, #address .department {font: bold 12px 'Arial'; color: #656565; text-transform: lowercase}
#address .phone {background: url('i/phone.gif') 11px 9px no-repeat; padding: 3px 0 0 43px}
#address .phone P {font-size: 13px; color: red}
#address div.deps {text-align: center; font: bold 16px Arial, serif; color: #BE3119; text-decoration: none; }
#address div.department U {float: left; width: 120px; font: bold 12px 'Arial';}
#address div.dep_mail {float: left; width: 100px; padding-bottom: 1px;}
#address div.dep_mail A {font-size: 12px}

#mails {float: left; width: 100px; padding: 26px 8px 0 8px; z-index: 9999}
#mails P, #mails P U {}
#mails A  {text-decoration: none; color: red}

#branches {position: absolute; z-index: 9999; top: 43px; left: 24%; width: 140px}
#branches UL {list-style: none}
#branches UL LI {float: left; clear: both; width: 120px; display: block; background: url('i/arrow_small.gif') 5px 4px no-repeat; padding: 0 0 0 15px}
#branches UL LI A, #branches UL LI A:visited {padding: 1px 0; display: block; float: left; font: bold 12px Arial, serif; color: #800000; text-decoration: none}
#branches UL LI A:hover {text-decoration: underline}

#proposal, #headerRightBg {height: 120px; position: absolute; top: 9px}

#proposal {z-index: 10; background: #fff url('i/proposal_bg.gif') 0 0 repeat-x; right: 5%; width: 35%}
.propHead {background: url('i/prop_left.gif') 0 0 no-repeat; height: 25px; text-align: center}
.propHead P {height: 25px; font: bold 13px Tahoma, serif; text-transform: lowercase; color: #FFE3CB; background: url('i/prop_right.gif') 100% 0 no-repeat}

#proposal .l, #proposal .r {border-top: none; width: 49%; height: 68px; float: left; text-align: center}
#proposal IMG {border: 1px solid #d7d7d7; margin: 3px 0 0 3px; width: 80px; height: 60px}
#proposal .l {border-left: 1px solid #d7d7d7}
#proposal .r {float: right; border-right: 1px solid #d7d7d7}

#proposal .propBg {height: 68px; background: url('i/prop_center_bg.gif') 50% 0 repeat-y}
#proposal .rp { border: 1px solid #d7d7d7 }

#headerRightBg {z-index: 1; background: url('i/top_right_bg.gif'); right: 0; width: 5%}


#line {height: 25px}

#redLeft, #nav .navbg, #navInfoBg, #time {width: 230px}

/* middle red line */
#redLeft, #redRight, #redLeft DIV, #redRight DIV {
	height: 25px;
	background: #E13216
}
#redLeft {float: left; background: #E13216 url('i/redline_left_bg.gif') 0 0 repeat-x}
#redLeft DIV {background: url('i/redline_left_corner.gif') 100% 0 no-repeat; padding: 0 15px 0 0}
#redLeft P {padding: 1px 0 0 0; color: #FFE3CB; text-align: center; text-transform: lowercase; font: bold 13px Tahoma, serif}

#redRight {margin: 0 0 0 250px; background: #E13216 url('i/redline_right_bg.gif') 0 0 repeat-x}
#redRight DIV {font-size: 1px; background: url('i/redline_right_corner.gif') 0 0 no-repeat; padding: 0 0 0 15px}
#redRight UL {list-style: none}
#redRight LI {list-style: none; width: 19%; float: left; display: block; background: url('i/redline_right_bullet.gif') 0 0 no-repeat; padding: 1px 0 0 0}
#redRight A, #redRight A:visited {padding: 0 0 0 10px; text-align: center; display: block; color: #fff; text-decoration: none; font: bold 13px 'Tahoma', serif !important; text-transform: lowercase}

#redRight A:hover {text-decoration: underline} 


/* navigation */
#nav {width: 255px !important; text-align: center; padding: 0}
#navWrapperDiv {width: 254px; clear: both; height: 1px}
#navWrapper {width: 254px; height: 1px}
#nav .navbg {float: left; background: #e6e6e6 url('i/menu_bg.gif') 100% 0 repeat-y; padding: 10px 0}

/* menu */
#nav UL {list-style: none}
#nav .nav {list-style: none}
#nav .nav LI, #nav .nav LI LI, #nav .nav LI LI LI {text-align: left; position: relative; display: block; float: left; clear: both}


#nav .nav LI A {padding: 0 0 3px 18px; text-decoration: none; text-transform: lowercase; display: block; font: normal 13pt Tahoma, serif}
#nav .nav LI, #nav .nav LI A {width: 200px !important}

#nav .nav UL, #nav .nav UL LI {margin: 0; padding: 0}

#nav .nav {z-index: 10}
#nav .nav UL {z-index: 20}
#nav .nav UL UL {z-index: 30}
#nav .nav UL UL UL {z-index: 40}

/* �������� � ���������� ������� */

#nav .nav UL, #nav .nav UL UL, #nav .nav UL UL UL, #nav .nav UL UL UL UL {display: none}

#nav .nav LI:hover UL {display: block}
#nav .nav LI:hover UL UL {display: none}

#nav .nav UL LI:hover UL {display: block}
#nav .nav UL LI:hover UL UL {display: none}

#nav .nav UL LI:hover UL {display: block}
#nav .nav UL LI:hover UL UL {display: none}

#nav .nav UL UL LI:hover UL {display: block}
#nav .nav UL UL LI:hover UL UL {display: none}

#nav .nav LI UL {position: absolute; left: 215px; top: 0}
#nav .nav LI UL LI, #nav .nav LI UL LI UL LI, #nav .nav LI UL LI UL LI UL LI {float: left; width: 200px}

#nav .nav #selected  {background: url('i/this_ar.gif') 1px 8px no-repeat}

#nav .nav #selected A, #nav .nav #selected A:hover {font: bold 13pt Tahoma, serif; color: #BD0000}


#nav .nav #selected LI A, #nav .nav #selected LI A:hover {font: normal 13pt Tahoma, serif; color: #111}

/*#nav .nav LI A {background: none}*/
#nav .nav UL {width: 220px; background: #ddd}
#nav .nav LI.ext A, #nav .nav LI.ext LI.ext A {background: url('i/list_bg.png') 200px 6px no-repeat}
#nav .nav LI {background: url('i/arrow_small.gif') 5px 8px no-repeat !important; margin: 0 0 0 5px}
#nav .nav LI.ext {background: none !important}
#nav .nav LI A, #nav .nav LI.ext LI A, #nav .nav LI.ext LI.ext LI A {background: none}

#nav .nav LI.ext A:hover {background-position: 200px -75px !important}

#nav .nav LI LI A:hover {text-decoration: underline}


/* currency table */
#navInfoBg {float: left; background: #D4D3D3; padding: 15px 0 0}
#navInfoBg1, #navInfoBg2 {width: 100%; float: right}
#navInfoTableBg {float: right; width: 90%; background: #A8A7A7 url('i/info_bg_ltop.gif') 0 0 no-repeat; text-align: center}
#navInfoBg1 {background: url('i/info_bg.gif') 100% 0 repeat-y}
#navInfoBg2 {background: url('i/info_bg_lbot.gif') 100% 100% no-repeat}
#navCurrency {width: 70%; margin: 4px auto}
#navCurrency TD {padding: 3px; border: 1px solid #fff; text-align: left; font: normal 13px Arial; color: #fff; text-transform: uppercase}
#navCurrency TD.curhead {text-align: center; font: bold 14px Arial}

/* time */
#time {clear: both; float: left; padding: 5px 0}
.wrapper {clear: both}
#time P {float: left; clear: both; width: 60%; text-align: left; padding: 1px 0 1px 20px; font: bold 13px Tahoma, serif; color: #222}
#nav P.head {text-transform: lowercase; font: bold 13px Tahoma, serif; text-align: left; padding: 1px 0 0 10px; text-decoration: underline; color: #7e7e7e}
#time .wrapper DIV {font: normal 13px Tahoma, serif; padding: 1px 0 1px 0}

/* fast search */
#idSearch {clear: both; height: 55px; margin: 5px 0; text-align: left}
#idSearch #srchId, #idSearch #btn {float: left}

#idSearch #srchId {font: normal 11px Tahoma, serif; margin: 10px 0 0 15px; width: 150px; border-right: none; height: 16px !important; border: none; border-left: 1px solid #b7b7b7; background: #efefef url('i/inp_bg.gif') 0 0 repeat-x}

#idSearch #btn {margin: 10px 0 0 0; border: none}

/* main content */
#content {text-align: left; width: 100%; background: #e8e8e8 url('i/main_bg.gif'); padding: 15px !important}

/* min-width */
#minWidth {clear: both; float: none; height: 1px; border: none}
#minWidth IMG {width: 650px; height: 1px}

/* footer */
#footer {height: 50px; background: #CC191A url('i/bottom_bg.gif')}
#mainTable #footer {padding: 0 10px; vertical-align: middle}
#footer P {font: bold 12px Tahoma, serif !important; color: #E8E6E6}
#footerRight {float: right; padding: 8px 5px 0 10px}

/* contacts */
#contacts, #contacts IMG {width: 132px; height: 38px; width: 102px; height: 29px; border: none}
#contacts {position: absolute; top: 0; left: 30px; overflow: hidden}

/**/
.cement_table {width: 400px; font: 100% 'Arial'; margin-left: 30px}
.cement_table .c_td {width: 200px; line-height: 1.6em}
.m_ul {margin-left:30px; font: 90% 'Arial'}

.m_hr {left: 10px !important}
.m_kg_table {width: 600px; padding-bottom: 10px; margin-bottom: 10px}
.m_kg_table CAPTION {padding: 10px 0px; font-weight: bold;}
.m_kg_table CAPTION A.t_h, .m_kg_table CAPTION A.t_h:hover, .m_kg_table CAPTION A.t_h:visited {color: black !important; text-decoration: none !important; font-weight: bold !important; background: none !important; border: none !important;}
.m_kg_table	TD SMALL {font-size: 60%; margin-top: 10px; display: block}
.m_kg_table TD {width: 25%; text-align: center; vertical-align: middle !important; text-align: center;}
.m_kg_table TD IMG {border: none}

.a_div {float: left; width: 220px; font-size: 90%; text-indent: 20px}
.sub i {font-style: italic;}

TABLE.contact_city_t {width: 100%}
TABLE.contact_city_t CAPTION { height: 25px; font-weight: bold; color: #777777; font-size: 1em; text-align: left; vertical-align: top; padding-left: 10px}
TABLE.contact_city_t CAPTION SMALL {font-size: 0.7em; color: #555555}
TABLE.contact_city_t TR { height: 20px; }
TABLE.contact_city_t TD {font-size: 0.9em;}
TABLE.contact_city_t TD.td1 {width: 20%; font-weight: bold !important}

A H1 {text-decoration: none !important; cursor: hand; font-weight: normal !important}
A:visited H1 {text-decoration: none !important; cursor: hand; font-weight: normal !important}

.lizing_table {width: 100%}
.lizing_table TD {width: 50%; font-size: 0.9em; padding-left: 5px !important; border: solid #444444 1px}

.contacts_head LI:hover UL {display: block}
.contacts_head LI UL {display: none}
.filials LI {background-color: #F0F0F0 !important; }

/*------------------------ L - Calc --------------------------------*/

/*.lc_table {WIDTH: 100%; }*/
.lc_table { font-size: 0.9em }
.lc_table TR { HEIGHT: 25px;}
.lc_table TD { VERTICAL-ALIGN: middle !important; padding: 3px !important; border: 1px solid black; }
.lc_table SELECT { width: 200px; TEXT-ALIGN: RIGHT; }
.lc_table INPUT { width: 185px; TEXT-ALIGN: RIGHT; padding: 0px 5px; }
.lc_table SPAN { border: solid 1px red;	padding: 0px 5px;}
.lc_table { TEXT-ALIGN: right; }
.lc_table TD.td1 {  TEXT-ALIGN: left; FONT-WEIGHT: bold; BORDER: none; }
.lc_table TD.td12 { TEXT-ALIGN: RIGHT !important; FONT-WEIGHT: normal; PADDING-RIGHT: 10px;}

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

.e_l_tbl1 TD { border: 1px solid #426caf; padding: 5px !important; width: 50%; background-color: #e4eaf4;}

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

.new_china { color: #cb2d2d !important; }

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

.nomos_table { margin: 10px 5px }
.nomos_table TD { text-align: left; padding: 5px !important; border: 1px solid black; width: 20% }

.bordered_table { background-color: white; }
.bordered_table TD { border: 1px solid black; padding: 2px !important; font-size: 0.8em}
.bordered_table CAPTION { border: 1px solid black; padding: 2px !important; }
/*----------------------------------------------------------------*/
TABLE.telescopik_table { margin-top: 5px; margin-left: 5px; width: 100% }
TABLE.telescopik_table td { padding: 2px 10px !important; background: white; border: 1px solid black }
TABLE.telescopik_table thead td { text-align: center !important; font-weight: bold }
TABLE.telescopik_table tbody td { text-align: left !important; }
/*-------------------------- FAQ -----------------------------------*/
ul.faq_chapter_contents, ul.faq_menu { margin-left: 15px;}
ul.faq_chapter_entry { margin-left: 15px; list-style: none}
.faq_preview ul.faq_chapter_entry {font-size: 0.8em}
ul.faq_chapter_entry h4 { color: #954523}
p.faq_answer { margin-left: 10px; font-size: 0.9em}
p.faq_question a { text-decoration: underline !important }
.faq_preview ul.faq_chapter_entry a {text-decoration: none}
ul.faq_chapter_entry a:hover {text-decoration: underline; color: #954523}
ul.faq_chapter_entry li { margin: 15px 5px; list-style: none}
ul.faq_chapter_contents li {margin-bottom: 5px}
ul.faq_chapter_contents a {text-decoration: none}
ul.faq_chapter_contents a:hover {text-decoration: underline; color: #954523}
/*------------------------- OYC ------------------------------------*/
table.original_year_inc {width: 500px; margin-top: 10px}
table.original_year_inc td {border: 1px solid black; padding: 2px !important; font-size: 0.8em}