html, body {
  margin:0px;
  padding:0px;
}
body {
background:url(/img/right_bg.gif) 1220px 0px no-repeat;
}
a { outline:none;}
* {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}
#protowrap {
  position: relative;
   background:#ff0000;
   min-height:100%;
}
* html #protowrap {height:100%;}
#sub_wrap {
background:url(/img/phone_bg.gif) right top no-repeat;
min-width:990px;
width: expression(document.body.clientWidth > 990? "100%":"990px");
}
#wrap {max-width:1220px;
width:expression(document.body.clientWidth > 1220? "1220px":"100%" );
position:relative;
}

#hat {
height:282px;
background:url(/img/hat_bg_new.jpg) no-repeat;
}
#page_hat {
height:236px;
background:url(/img/page_hat_bg.jpg) no-repeat;
}
.left_col {
width:216px;
float:left;
}
.main_col {
margin-left:216px;
}
#hat .left_col {
}
#logo {
height:236px;
}
#logo_new {
height:225px;
}
.cart {
padding-top:21px;
}
.cart div {
font-size:12px;
color:#a3c7ff;
margin:0px 0px 12px 20px;
}
.cart div span {
color:#ffffff;
font-weight:bold;
}
.cart div a {
color:#ff943d;
text-decoration:none;
}
.cart div a:hover {
color:#ffffff;
text-decoration:underline;
}
.cart div b {
color:#ffffff;
font-size:14px;
}
a#order {
display: block;
width:165px;
height:34px;
background:url(/img/order_bg.png) no-repeat;
behavior: url(/iepngfix.htc);
cursor:pointer;
margin-left:14px;
}
a#order:hover {
background:url(/img/order_hover_bg.png) no-repeat;
behavior: url(/iepngfix.htc);
cursor:pointer;
}
#hat_info {
height:54px;
}
#hat_info #icons {
height:54px;
float:left;
width:200px;
}
#hat_info #icons a {
display:block;
height:10px;
float:left;
background-position:left 0px;
margin-right:40px;
font-size:1px;
margin-top:20px;
}
#hat_info #icons a:hover {
background-position:left -10px;
}
a#home {
width:11px;
background:url(/img/home_bg.gif) no-repeat;
}
a#email {
width:10px;
background:url(/img/email_bg.gif) no-repeat;
}
a#site_map {
width:17px;
background:url(/img/site_map_bg.gif) no-repeat;
}
#hat_info #lang, #hat_info #lang_en {
height:54px;
margin-left:200px;
text-align:right;
background:url(/img/lang_bg.gif) right top no-repeat;
padding:0px 0px 0px 0px;
}
#hat_info #lang_en {
background:url(/img/lang_eng_bf.gif) right top no-repeat;}
#hat_info #lang div,#hat_info #lang_en div  {
padding:24px 6px 0px 0px;
}
#hat_info #lang a, #hat_info #lang span, #hat_info #lang_en a, #hat_info #lang_en span {
font-weight:bold;
color:#fbc191;
text-decoration:none;
font-size:12px;
padding:0px 2px 1px 2px;
margin-right:10px;
}
#hat_info #lang a:hover,#hat_info #lang_en a:hover {
color:#ffffff;
text-decoration:none;
}
#hat_info #lang span,#hat_info #lang_en span {
color:#ff7200;
background:#fbc191;
}
#hat_flash {
height:171px;
}
#page_hat_flash {
height:125px;
}
#hat_menu {
height:57px;
background:url(/img/hat_menu_bg.gif) repeat-x;
padding-left:10px;
padding-right:0px;
}
#hat_menu_main {
height:57px;
background:url(/img/hat_menu_main_bg.gif) no-repeat;
padding-left:10px;
padding-right:0px;
}
#content_wrap {
background:url(/img/content_wrap_bg.gif) right top repeat-y #ffffff;
height:auto;
}
#content {
background:url(/img/content_bg.gif) left top repeat-y;
height:auto;
}
#content_sub_wrap {background: url(/img/content_main_col_bg_new.gif) right top no-repeat;}
#page_content_sub_wrap {background: url(/img/page_content_sub_wrap_bg.gif) right top no-repeat;}
#content .left_col  {
background:url(/img/content_left_col_bg_new.gif) no-repeat;
overflow:visible;
}
#content .left_col#page_left_col  {
background:url(/img/page_content_left_col_bg.gif) no-repeat;
}
#content .main_col {
height:auto;
padding-right:12px;
}
* html #content .main_col {height:60px; h\eight:60px;}
.main_content {
float:left;
margin:0px 0px 0px 0px;
padding:30px 0px 20px 0px;
width:100%;
}
.clear {
 clear:both;
 overflow:hidden;
 height:0px;
}
#footer {
}
#footer .main_col {
background:url(/img/footer_main_col_bg.gif) right top no-repeat;
padding:24px 0px 24px 0px;
}
#footer .main_col div {
font-size:11px;
color:#c9874c;
float:left;
padding-left:25px;
}
#footer .main_col span {
display:block;
margin-left:400px;
text-align:right;
padding-right:45px;
}
#footer .main_col span a {
font-size:11px;
color:#c9874c;
text-decoration:none;
}
#footer .main_col span a:hover {
color: #ff7200;
text-decoration: underline;
}
a#book {
width:201px;
height:264px;
background:url(/img/book1.gif) no-repeat;
display:block;
margin:20px 0px -50px 0px;
position:absolute;
overflow:hidden;
}
a {
color:#465f87;
text-decoration:underline;
}
a:hover {
color:#ff7200;
text-decoration:underline;
}
h1 {
font-weight:normal;
font-size:24px;
color:#002868;
padding:0px 0px 0px 5px;
margin:0px 0px 12px 30px;
border-left:5px solid #ff7200;
line-height:21px;
}
h2 {
font-weight:normal;
font-size:24px;
color:#002868;
padding:0px 0px 0px 5px;
margin:0px 0px 12px 30px;
border-left:5px solid #ff7200;
line-height:21px;
}
h2.special {
color:#ffffff;
border:none;
padding:4px 0px 4px 8px;
margin:0px 37% 16px 30px;
background:url(/img/special_bg.gif) right top no-repeat #ff7200;
}
.main_content p {
margin:0px 0px 12px 30px;
color:#494949;
line-height:20px;
}
.half_cols_wrap {
}
.half_col_left {
width:50%;
float:left;
}
.half_col_right {
width:49%;
float:left;
}
.half_col_left p, .half_col_left h3 {
padding-right:0px;
}
.half_col_right p, .half_col_right h3 {
padding-left:0px;
}
.one_third_col {
width:33%;
float:left;
}
.two_third_col {
width:66%;
float:left;
}
#filials {
height:180px;
background:url(/img/filials_bg.gif) center top no-repeat;
}
#filials h2 {
color:#ffffff;
border:none;
padding:0px;
margin:6px 0px 12px 10px;
}
#filials ul {
list-style-type:none;
margin:0px 0px 0px 16px;
padding:12px 0px 0px 0px;
}
#filials ul li {
background:url(/img/filials_li_bg.gif) 0px 5px no-repeat;
padding:0px 0px 0px 16px;
margin:0px 0px 6px 0px;
font-size:14px;
color:#002868;
}
#filials ul li a {
font-size:14px;
color:#002868;
text-decoration:none;
}
#filials ul li a:hover {
color:#ff7200;
}
a.special_offer, a.special_offer_eng{
display:block;
height:180px;
background: url(/img/special_offer_bg.gif) right top no-repeat;
margin:0px 30px 0px 30px;
}
a.special_offer_eng{background: url(/img/special_offer_eng_bg.gif) right top no-repeat;}
a.special_offer span, a.special_offer_eng span {
display:block;
height:180px;
background:url(/img/special_offer_span_bg.png) left top no-repeat;
behavior: url(/iepngfix.htc);
cursor:pointer;
}
a.special_offer_eng span {background:url(/img/special_offer_eng_span_bg.png) left top no-repeat;
behavior: url(/iepngfix.htc);
}
.news_item {
margin:0px 30px 10px 30px;
line-height:20px;
}
.news_item span {
display:block;
float:left;
width:54px;
color:#ff7200;
font-weight:bold;
}
.news_item a {
display:block;
margin-left:54px;
color:#494949;
text-decoration:none;
}
.news_item a:hover {
text-decoration: underline;
color:#465f87;
}
a.more, a.back {
font-size:11px;
color:#bebebe;
background:url(/img/more_bg.gif) 0px 4px no-repeat;
padding:0px 0px 0px 22px;
text-decoration:none;
}
a.back {background:url(/img/back_bg.gif) 0px 4px no-repeat;}
a.more:hover, a.back:hover {
color:#ff7200;
text-decoration:none;
}
#catalog_wrap {
margin:0px 0px 0px 30px;
}
#catalog_wrap  p{
margin-left:0px;
}
a.catalog_item {
display:block;
width:214px;
height:180px;
float:left;
background: url(/img/catalog_item_bg.gif) no-repeat;
margin:0px 24px 24px 0px;
text-decoration:none;
}
a.catalog_item:hover {
background: url(/img/catalog_item_hover_bg.gif) no-repeat;
}
a.catalog_item div {
width:208px;
height:174px;
background:url(/img/item_info_bg.gif) no-repeat;
margin:1px 0px 0px 1px;
text-align:right;
cursor:pointer;
}
a.catalog_item div h3 {
margin:0px;
padding:10px 10px 0px 70px;
height:127px;
color:#ff7200;
}

a.brezent div h3 {
margin:0px;
padding:2px 10px 2px 10px;
height:127px;
color:#ff7200;
}
a.catalog_item div span {
color:#ffffff;
font-size:32px;
font-weight:bold;
background:url(/img/item_price_bg.png) 0px 0px no-repeat;
padding:0px 10px 0px 20px;
}
*html a.catalog_item div span {
background:url(/img/item_price.gif) no-repeat;
}
a.catalog_item div span b {
font-size:16px;
}
#path {
margin:0px 0px 10px 30px;
font-size:11px;
color:#bebebe;
}
#path a {
font-size:11px;
color:#bebebe;
text-decoration:none;
}
#path a:hover {
color:#ff7200;
text-decoration:none;
}
/* MENU --------------------------------------------------------------------------------------------------------------*/
.menu {height:57px; font-size:12px; position:relative; padding-right:260px; background:url(/img/menu_bg_new.gif) right top no-repeat;}
* html .menu { padding-right:140px; }
.menu#page_menu {background:url(/img/page_menu_bg.gif) right top no-repeat;}
/* hack to correct IE5.5 faulty box model */
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
/*.menu ul ul {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;position:relative; }
.head {background:url(/img/a_bg1.gif) left top no-repeat;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:11px;text-decoration:none; font-size:14px;  color:#fff; width:100%; height:57px;   padding-left:0px; line-height:29px; text-indent:14px;}
/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:100%; w\idth:100%;}
.menu ul li ul a { font-size:12px; }
/* style the top level hover */
.menu ul ul li a:hover{color:#ffffff; background: url(/img/sub_hover_bg.gif) left bottom no-repeat; font-size:12px;}
.menu ul ul li :hover > a {color:#ffffff; background: url(/img/sub_hover_bg.gif) left bottom no-repeat; font-size:12px;}
/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:url(/img/sub_bg.png) bottom right no-repeat; font-size:12px; padding:10px 30px 11px 14px; color:#afc9f3; text-indent:0px;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:url(/img/sub_hover_bg.gif) bottom right no-repeat; color:#ffffff;}
.menu ul ul :hover > a.drop {background:url(/img/sub_hover_bg.gif) bottom right no-repeat;  color:#ffffff;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background: url(/img/sub_bg.png) 1px bottom no-repeat;  font-size:12px; text-indent:0px;}
/* style the third level hover */
.menu ul ul ul a:hover { background: url(/img/sub_hover_bg.gif) 1px bottom no-repeat;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:14px; width:100%;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}
/* position the third level flyout menu */
.menu ul ul ul{left:182px; top:0px; width:183px;}
/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-183px;}
/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}
/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background: url(/img/sub_bg.png) left bottom no-repeat; color:#afc9f3; height:auto; line-height:1em; padding:10px 30px 11px 14px; width:138px;border-width:0 1px 1px 1px; font-size:12px; text-indent:0px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:160px;w\idth:138px;}

/* style the top level hover */
.menu a:hover{color:#fff; background:#none;}
.menu :hover > a {color:#fff;background:#none;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
.button_hover { z-index:1000; cursor:pointer; background:url(/img/a_hover_bg1.gif) right top no-repeat; margin-right:-9px;}
.button_off, .button_off_1, .button_off_2, .button_off_3, .button_off_4, .button_off_5 { z-index:1;  cursor:pointer; margin-right:-9px; background:url(/img/a_bg1.gif) left top no-repeat;}
.first_button_off, .button_off_0{ z-index:1;  cursor:pointer; margin-right:-9px; }
#hat_menu_0{width:16%;}
#hat_menu_1 {width:24%;}
#hat_menu_2 {width:20%;}
#hat_menu_3 {width:14%;}
#hat_menu_4 {width:16%;}
#hat_menu_5 {width:16%;}
* html #hat_menu_0 {width:10%; w\idth:13%;}
* html #hat_menu_1 {width:10%; w\idth:23%;}
* html #hat_menu_2 {width:10%; w\idth:17%;}
* html #hat_menu_3 {width:10%; w\idth:11%;}
* html #hat_menu_4 {width:10%; w\idth:13%;}
* html #hat_menu_5 {width:10%; w\idth:13%;}
/* MENU END--------------------------------------------------------------------------------------------------------- */

/* ACCORDION -----------------------------------------------------------------------------------*/
#vertical_container {margin-top:60px; position:relative;}
.accordion_toggle {
			display: block;
			height: 39px;
			background: url(/img/toggle_bg.gif) -33px top no-repeat ;
			padding: 0px 0px 0px 14px;
			line-height: 32px;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 14px;
			color: #ffffff;
			cursor: pointer;
			margin: 0 0 0 0;
		}
.accordion_toggle div { height:39px; background:url(/img/toggle_span_bg.gif) right top no-repeat; font-size: 14px;}
.accordion_over {background: url(/img/toggle_bg.gif) -33px bottom no-repeat;}
.accordion_over div, .accordion_toggle_active div {height:39px; background:url(/img/toggle_span_bg.gif) right bottom no-repeat; font-size: 14px;}
		.accordion_toggle_active {
			background: url(/img/toggle_bg.gif) -33px bottom no-repeat;
			color: #ffffff;
		}
		.accordion_content {
			color: #444444;
			overflow: hidden;
		}
a.submenu_item { display:block; margin:0px 0px 11px 14px; font-size:12px; text-decoration:none; color:#465f87; background:url(/img/submenu_item_off.gif) 0px 5px no-repeat; padding-left:14px;}
a.submenu_item:hover {color: #ff7200; text-decoration:none; background:url(/img/submenu_item_on.gif) 0px 5px no-repeat;}
a.menu_item {
			display: block;
			height: 39px;
			background: url(/img/toggle_bg.gif) -33px top no-repeat;
			padding: 0px 0px 0px 14px;
			line-height: 32px;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 14px;
			color: #ffffff;
			cursor: pointer;
			margin: 0 0 0 0;
		}
a.menu_item:hover {background: url(/img/toggle_bg.gif) -33px bottom no-repeat; color:#ffffff; text-decoration: none;}
a.menu_item div { height:39px; background:url(/img/toggle_span_bg.gif) right top no-repeat; font-size: 14px;}
a.menu_item:hover div { height:39px; background:url(/img/toggle_span_bg.gif) right bottom no-repeat; font-size: 14px;}
a.menu_item_active {
			display: block;
			height: 39px;
			background: url(/img/toggle_bg.gif) -33px bottom no-repeat;
			padding: 0px 0px 0px 14px;
			line-height: 32px;
			color: #ffffff;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 14px;
			cursor: pointer;
			margin: 0 0 0 0;
		}
a.menu_item_active div { height:39px; background:url(/img/toggle_span_bg.gif) right bottom no-repeat; font-size: 14px;}
#acc_1 {margin-left:19px;}
#acc_2 {margin-left:22px;}
#acc_3 {margin-left:25px;}
#acc_4 {margin-left:28px;}
#acc_5 {margin-left:31px;}
#acc_6 {margin-left:34px;}
/* ACCORDION END ------------------------------------------------------------------------------*/


.map  {font-weight:bold;}
.map ul {margin:10px 0px 10px 0px;font-weight:normal;}
.map ul ul {margin-top:10px;font-weight:normal;}
#login-form {
display:none;
position:absolute;
top:30px;
width:95%;
z-index:66;
}
#login-form table {
background:white none repeat scroll 0%;
border:1px solid black;
height:100px;
padding:15px;
width:240px;
}
.vacancy  {
font-weight:bold;
line-height:15px;
}
.vacancy .nc_value {
margin-left:90px;
line-height:15px;
}
h4 {
font-weight:bold;
font-size:14px;
color:#FF943D;
padding:0px;
margin:0px 0px 10px 0px;
}
.hr_line {
background:transparent url(/img/hr.gif) repeat-x scroll 0%;
height:1px;
overflow:hidden;
padding-bottom:10px;}
.pager span { font-size:11px; color:#FFFFFF; background:#FF7200; padding:0px 2px 0px 2px;}
.pager a {font-size:11px; color:#999999; padding:0px 2px 0px 2px; text-decoration:none;}
.pager a:hover {color:#FF7200; text-decoration: underline;}
.pricelist_tbl {
border-collapse:collapse;
}
.pricelist_tbl td, .pricelist_tbl th {
border:1px solid #CCCCCC;
}
.pricelist_tbl th {
background:#EEEEEE none repeat scroll 0%;
}
.big_price {color:#ff7200; font-size:32px;margin-bottom:16px;font-weight:bold;}
.big_price span{color:#ff7200; font-size:18px; margin-left:6px;}
.product_info {margin-left:380px;}
.product_info p {margin-left:0px;}
.nc_list {margin:0 15px 0 0;}