body {margin: 0; padding: 0; background: url('/img/backgrounds/main_2.gif') repeat-x 0px 0px #0A2448; width: 100%; height: 100%}
body, td {font: 13px Tahoma, Verdana, Arial; color: #000000; vertical-align: top; text-align: left; padding: 0; margin: 0}

table, img {border: 0}

form {padding: 0; margin: 0}



ul {padding: 0; margin: 0; list-style-type: none}
ul li {padding: 0 0 0 23; margin: 0 0 8 0; background: url('/img/bullets/ul_main.gif') no-repeat 0px 9px}

ul.submenu_2 {list-style-type: none; padding: 0; margin: 0}
ul.submenu_2 li {font-size: 11px; color: #385F84; padding: 0; margin: 0 0 6 0; background: 0}
* html ul.submenu_2 li {margin-bottom: 3}

ul.submenu_3 {list-style-type: none; padding: 0; margin: 0}
ul.submenu_3 li {color: #881F0A; padding: 0; margin: 0 0 6 0; background: 0}
* html ul.submenu_3 li {margin-bottom: 3}

ul.submenu_4 {list-style-type: none; padding: 0; margin: 25 0 0 38}
ul.submenu_4 li {font-size: 12px; color: #3B5070; padding: 0; margin: 0 0 7 0; background: 0}

ul .cmarker{list-style-type: circle;}

* html ul.submenu_4 li {margin-bottom: 4}
td.right_2 ul.submenu_4 {margin-left: 20}

td.submenu_5 {padding: 15 0 0 0}
td.submenu_5 div div {position: absolute; background: url('/img/submenu_1/bg.gif') no-repeat 0px 0px; width: 125; height: 50; padding: 22 0 0 10}
* html td.submenu_5 div div {width: 135; height: 72}

ul.submenu_6 {list-style-type: none; padding: 0; margin: 15 5 0 15; position: absolute; top: 0; left: 0}
ul.submenu_6 li {font-size: 11px; color: #BDC5D0; padding: 0; margin: 0; background: 0}
* html ul.submenu_6 li {margin: 0}

ul.submenu_7 {list-style-type: none}
ul.submenu_7 li {background: url('/img/bullets/ul_1.gif') no-repeat 0px 50%}

h1 {font: bold 16px Tahoma, Verdana, Arial; color: #881F0A; padding: 0 0 5 0; margin: 0 0 5 0; border-bottom: 1px solid #939598}
h1 div {font-size: 35px; color: #852308; font-weight: normal}
h1 div span {font-size: 20px; color: #000000}
h2,
h2 a:link, h2 a:visited, h2 a:hover {font: 18px Tahoma, Verdana, Arial; color: #372E0E; padding: 0 0 5 0; margin: 0 0 5 0; border-bottom: 1px solid #881F0A}
h2 a:hover {color: #846D22}
h2 div {position: relative; z-index: 50; width: 100%}
h2 div img {position: absolute; right: 15; bottom: -3}
h3,
h3 a:link, h3 a:visited, h3 a:hover {font: 24px Tahoma, Verdana, Arial; color: #372E0E}
h3 a:hover {color: #846D22}
h3 {padding: 0; margin: 0 18 0 0}
h4 {font: 16px Tahoma, Verdana, Arial; color: #372E0E; padding: 0; margin: 0 0 14 0; padding-top: 12px; font-weight: 600;}





a:link, a:visited, a:hover {font: 13px Tahoma, Verdana, Arial; color: #881F0A; text-decoration: underline}
a:hover {color: #D63310}

a.small_1:link, a.small_1:visited, a.small_1:hover {font-size: 10px; color: #C2D4D8}
a.small_1:hover {text-decoration: none}

a.small_2:link, a.small_2:visited, a.small_2:hover {font-size: 11px}

a.small_3:link, a.small_3:visited, a.small_3:hover {font-size: 12px; color: #BDC5D0}
a.small_3:hover {color: #AAB4C1}

a.small_4:link, a.small_4:visited, a.small_4:hover {font-size: 11px; color: #DCE1E6}
a.small_4:hover {color: #AAB4C1}

a.small_5:link, a.small_5:visited, a.small_5:hover {font-size: 12px; color: #DCE1E6}
a.small_5:hover {color: #AAB4C1}

a.black_1:link, a.black_1:visited, a.black_1:hover {font-size: 11px; color: #372E0E}
a.black_1:hover {color: #385F84}

a.black_2:link, a.black_2:visited, a.black_2:hover {color: #181D26}
a.black_2:hover {color: #385F84}

a.large_1:link, a.large_1:visited, a.large_1:hover {font-size: 16px; color: #881F0A}
a.large_1:hover {color: #D63310}

a.large_2:link, a.large_2:visited, a.large_2:hover {font-size: 14px; color: #3B5070}
a.large_2:hover {color: #181D26}

a.large_3:link, a.large_3:visited, a.large_3:hover {font-size: 16px; color: #BB6D06}
a.large_3:hover {color: #881F0A}

a.large_4:link, a.large_4:visited, a.large_4:hover {font-size: 14px; color: #585F6B}
a.large_4:hover {color: #3E434A}

a.blue_1:link, a.blue_1:visited, a.blue_1:hover {font-size: 12px; color: #3B5070}
a.blue_1:hover {color: #372E0E}

a.blue_2:link, a.blue_2:visited, a.blue_2:hover {font-size: 12px; color: #005496}
a.blue_2:hover {color: #372E0E}

a.blue_3:link, a.blue_3:visited, a.blue_3:hover {font-size: 14px; font-weight: bold; color: #B3DCF9}
a.blue_3:hover {color: #699DC2}

a.blue_4:link, a.blue_4:visited, a.blue_4:hover {font-size: 12px; font-weight: bold; color: #B3DCF9}
a.blue_4:hover {color: #699DC2}

a.blue_5:link, a.blue_5:visited, a.blue_5:hover {font-size: 10px; font-weight: bold; color: #B3DCF9}
a.blue_5:hover {color: #699DC2}

a.white_1:link, a.white_1:visited, a.white_1:hover {font-size: 11px; color: #F5F6F7}
a.white_1:hover {color: #BDC5D0}

a.white_2:link, a.white_2:visited, a.white_2:hover {font-size: 12px; color: #F5F6F7}
a.white_2:hover {color: #BDC5D0}





div.languages_1 {font-size: 10px; color: #C2D4D8; text-align: right; padding: 7 24 0 0}


img.logo_1 {position: absolute; top: 40; left: 18}


div.contacts_1 {position: absolute; top: 62; right: 22; color: #C2D4D8; font-size: 11px; background: url('/img/bullets/1.gif') no-repeat 0px 2px; padding: 0 0 0 12; text-align: right}
div.contacts_1 div {font-size: 12px}
div.contacts_1 span {color: #69A8D6}


div.top_gradient_1 {background: url('/img/backgrounds/top_2_3.gif') no-repeat 100% 0px #233A5D}
div.top_gradient_2 {background: #214E79; text-align: right}



td.content_1 {background: url('/img/backgrounds/center_1.gif') no-repeat 0px 0px #F7F2D2; padding: 9 41 48 48}
td.content_2 {background: #f7f2d2; padding: 45 41 48 28; border-bottom: 5px solid #FFFFFF}


div.content_3_1, div.content_3_1 a:link, div.content_3_1 a:visited, div.content_3_1 a:hover,
div.content_3_1 select, div.content_3_1 input,
div.content_3_1 td, div.content_3_1 th,
div.content_3_1 .table_1 td, div.content_3_1 .table_1 th {font-size: 14px}

div.content_3_2, div.content_3_2 a:link, div.content_3_2 a:visited, div.content_3_2 a:hover,
div.content_3_2 select, div.content_3_2 input,
div.content_3_2 td, div.content_3_2 th,
div.content_3_2 .table_1 td, div.content_3_2 .table_1 th {font-size: 13px}

div.content_3_3, div.content_3_3 a:link, div.content_3_3 a:visited, div.content_3_3 a:hover,
div.content_3_3 select, div.content_3_3 input,
div.content_3_3 td, div.content_3_3 th,
div.content_3_3 .table_1 td, div.content_3_3 .table_1 th {font-size: 11px}


.font_size_1, .font_size_1 td, .font_size_1 a:link, .font_size_1 a:visited, .font_size_1 a:hover, .font_size_1 select, .font_size_1 input {font-size: 14px}
.font_size_1 a.large_3:link, .font_size_3 a.large_3:visited, .font_size_3 a.large_3:hover {font-size: 18px}
.font_size_1 a.large_4:link, .font_size_1 a.large_4:visited, .font_size_1 a.large_4:hover {font-size: 16px}
.font_size_1 a.black_1:link, .font_size_1 a.black_1:visited, .font_size_1 a.black_1:hover, .font_size_1 table.submenu_2 td ul.submenu_2 li {font-size: 13px}
.font_size_1 a.black_2:link, .font_size_1 a.black_2:visited, .font_size_1 a.black_2:hover {font-size: 14px}
.font_size_1 div.header_1 {font-size: 18px}
.font_size_1 h2 a:link, .font_size_1 h2 a:visited, .font_size_1 h2 a:hover {font-size: 20px}
.font_size_1 h3 a:link, .font_size_1 h3 a:visited, .font_size_1 h3 a:hover {font-size: 26px}

.font_size_2, .font_size_2 td, .font_size_2 a:link, .font_size_2 a:visited, .font_size_2 a:hover, .font_size_2 select, .font_size_2 input {font-size: 13px}
.font_size_2 a.large_3:link, .font_size_3 a.large_3:visited, .font_size_3 a.large_3:hover {font-size: 16px}
.font_size_2 a.large_4:link, .font_size_2 a.large_4:visited, .font_size_2 a.large_4:hover {font-size: 14px}
.font_size_2 a.black_1:link, .font_size_2 a.black_1:visited, .font_size_2 a.black_1:hover, .font_size_2 table.submenu_2 td ul.submenu_2 li {font-size: 11px}
.font_size_2 a.black_2:link, .font_size_2 a.black_2:visited, .font_size_2 a.black_2:hover {font-size: 13px}
.font_size_2 div.header_1 {font-size: 16px}
.font_size_2 h2 a:link, .font_size_2 h2 a:visited, .font_size_2 h2 a:hover {font-size: 18px}
.font_size_2 h3 a:link, .font_size_2 h3 a:visited, .font_size_2 h3 a:hover {font-size: 24px}

.font_size_3, .font_size_3 td, .font_size_3 a:link, .font_size_3 a:visited, .font_size_3 a:hover, .font_size_3 select, .font_size_3 input {font-size: 11px}
.font_size_3 a.large_3:link, .font_size_3 a.large_3:visited, .font_size_3 a.large_3:hover {font-size: 14px}
.font_size_3 a.large_4:link, .font_size_3 a.large_4:visited, .font_size_3 a.large_4:hover {font-size: 12px}
.font_size_3 a.black_1:link, .font_size_3 a.black_1:visited, .font_size_3 a.black_1:hover, .font_size_3 table.submenu_2 td ul.submenu_2 li {font-size: 10px}
.font_size_3 a.black_2:link, .font_size_3 a.black_2:visited, .font_size_3 a.black_2:hover {font-size: 11px}
.font_size_3 div.header_1 {font-size: 14px}
.font_size_3 h2 a:link, .font_size_3 h2 a:visited, .font_size_3 h2 a:hover {font-size: 16px}
.font_size_3 h3 a:link, .font_size_3 h3 a:visited, .font_size_3 h3 a:hover {font-size: 22px}







td.right_1 {background: url('/img/backgrounds/right_1.gif') 0px 0px #E1D29B; padding: 21 21 21 16}
td.right_2 {background: #E1D29B; padding: 21 21 21 16; border-bottom: 5px solid #FFFFFF}


div.submenu_1 {font-size: 11px; color: #385F84; padding: 0 0 20 0}
div.submenu_1 span {color: #372E0E}

table.submenu_2 td {width: 1%; padding: 10 20 30 0}



table.table_1 caption {margin: 0; padding: 0 0 10 0; font-weight: normal; font-size: 12px; color: #881F0A; text-align: left}
table.table_1 th {font-size: 12px; font-weight: normal; vertical-align: top; text-align: left; padding: 5 12 5 12; background: #E1D29B; color: #372E0E}
table.table_1 th span {color: #897E56}
table.table_1 td {padding: 5 12 5 12; border-top: 1px solid #E1D29B}

table.table_12 {font-size: 12px;}
td.cross{background: url('http://www.ukrgasbank.com/uploads/images/80.jpg') no-repeat right top;}
td.v_line{background: url('http://www.ukrgasbank.com/uploads/images/75.jpg') no-repeat right middle;}
td.h_line{background: url('http://www.ukrgasbank.com/uploads/images/76.jpg') repeat-x right middle;}
div.rating{background: #C79D70;}
div.rating2{background: #E6D8A5;}



div.corners_1_1 {background: url('/img/corners/2_1_1.gif') repeat-x 0px 0px #E6D8A5}
div.corners_1_2 {background: url('/img/corners/2_2_1.gif') repeat-y 100% 0px}
div.corners_1_3 {background: url('/img/corners/2_3_1.gif') repeat-x 0px 100%}
div.corners_1_4 {background: url('/img/corners/2_4_1.gif') repeat-y 0px 0px}
div.corners_1_5 {background: url('/img/corners/2_1.gif') no-repeat 0px 0px}
div.corners_1_6 {background: url('/img/corners/2_2.gif') no-repeat 100% 0px}
div.corners_1_7 {background: url('/img/corners/2_3.gif') no-repeat 100% 100%}
div.corners_1_8 {background: url('/img/corners/2_4.gif') no-repeat 0px 100%; padding: 15}
* html div.corners_1_8 {width: 100%}

div.corners_1_0 {background: url('/img/corners/gradient_1.gif') repeat-x 0px 0px #E7D9A5}
div.corners_1_0 div.corners_1_1 {background-color: transparent}


div.corners_2_1 {background: url('/img/corners/3_1_1.gif') repeat-x 0px 0px; cursor: pointer; height: 100%}
div.corners_2_2 {background: url('/img/corners/3_2_1.gif') repeat-y 100% 0px; height: 100%}
div.corners_2_3 {background: url('/img/corners/3_3_1.gif') repeat-x 0px 100%; height: 100%}
div.corners_2_4 {background: url('/img/corners/3_4_1.gif') repeat-y 0px 0px; height: 100%}
div.corners_2_5 {background: url('/img/corners/3_1.gif') no-repeat 0px 0px; height: 100%}
div.corners_2_6 {background: url('/img/corners/3_2.gif') no-repeat 100% 0px; height: 100%}
div.corners_2_7 {background: url('/img/corners/3_3.gif') no-repeat 100% 100%; height: 100%}
div.corners_2_8 {background: url('/img/corners/3_4.gif') no-repeat 0px 100%; height: 100%}
* html div.corners_2_8 {width: 100%}
div.corners_2_8 div {padding: 0 0 0 35}

div.corners_3_1 {background: url('/img/corners/4_1.gif') no-repeat 0px 0px #6D7D85; height: 100%}
div.corners_3_2 {background: url('/img/corners/4_2.gif') no-repeat 100% 0px; height: 100%}
div.corners_3_3 {background: url('/img/corners/4_3.gif') no-repeat 100% 100%; height: 100%}
div.corners_3_4 {background: url('/img/corners/4_4.gif') no-repeat 0px 100%; height: 100%}



table.banners_1 td {width: 25%; height: 100%; padding: 0 4 0 4; font-size: 11px; color: #939598}
table.banners_1 td td {width: 100%; height: 100%; padding: 10}


td.footer_1 {font-size: 12px; color: #BDC5D0; padding: 27 0 0 25}
td.footer_2 {font-size: 12px; color: #DCE1E6; padding: 27 100 0 25; white-space: nowrap}



.input1 {width: 145; font: 12px Tahoma, Verdana, Arial; background: #FFFFFF; border: 1px solid #1E3961; vertical-align: middle; margin: 2 0 0 0}
.input2 {width: 150; font: 12px Tahoma, Verdana, Arial; background: #FFFFFF; border: 1px solid #1E3961; margin: 0 0 5 0}
.input3 {width: 100%; font: 12px Tahoma, Verdana, Arial; background: #FFFFFF; border: 1px solid #1E3961; margin: 0 0 5 0}
.input4 {font: 12px Tahoma, Verdana, Arial; background: #FFFFFF; border: 1px solid #1E3961}
.input5 {width: 150; font: 12px Tahoma, Verdana, Arial; background: #FFFFFF; border: 1px solid #1E3961; margin: 0 0 5 0}
.input6 {width: 350; font: 11px Tahoma, Verdana, Arial; background: #FFFFFF; border: 1px solid #1E3961; margin: 0 0 5 0}
.input7 {width: 80; font: 11px Tahoma, Verdana, Arial; background: #FFFFFF; border: 1px solid #1E3961; margin: 0 0 5 0}
.input8 {width: 180; font: 12px Tahoma, Verdana, Arial; background: #FFFFFF; border: 1px solid #1E3961; margin: 0 0 5 0}
.input9 {width: 40; font: 12px Tahoma, Verdana, Arial; background: #FFFFFF; border: 1px solid #1E3961; margin: 0 0 5 0}
.input10 {width: 80; font: 12px Tahoma, Verdana, Arial; background: #FFFFFF; border: 1px solid #1E3961; margin: 0 0 5 0}
.input19 {width: 40; font: 11px Tahoma, Verdana, Arial; background: #FFFFFF; border: 1px solid #1E3961; margin: 0 0 5 0}

.input9c {width: 50; font: 12px Tahoma, Verdana, Arial; background: #FFFFFF; border: 1px solid #1E3961; margin: 0 0 5 0}




.sinput1 {font: 11px Tahoma, Verdana, Arial}


div.news_1 {color: #585F6B; position: relative; padding: 17 0 15 0; clear: both}
div.news_1 span {width: 100; height: 15; position: absolute; top: 0; left: -28; background: #939598; font-size: 11px; color: #FFFFFF; padding: 0 0 0 28; white-space: nowrap}
* html div.news_1 span {width: 128}
div.news_1 span.active {background: url('/img/parts/date_1.gif') no-repeat 0px 0px #939598}
div.news_1 img {float: left; margin: 5 10 10 0; vertical-align: top}


table.icons_1 th {width: 1%; text-align: right; vertical-align: middle; font-size: 12px; padding: 0 15 10 5}
table.icons_1 td {width: 99%; vertical-align: middle; padding: 0 0 10 0}


table.partners_1 td {vertical-align: middle; text-align: center}


div.popup_1 {position: absolute; padding: 15; background: #FFFFFF; filter: alpha(opacity=95); opacity: 0.95; border: 1px solid #939598}
div.popup_1 img.close_1 {position: absolute; right: 0; top: 0; cursor: pointer}
* html div.popup_1 img.close_1 {right: 15}


table.form_1 td {padding: 0 20 10 0}
table.form_1 th {vertical-align: top; text-align: left; font-weight: normal; font-size: 13px}
table.form_1 span.comment_1 {font-size: 11px; color: #939598}

table.form_2 td {padding: 0 20 10 0}
table.form_2 th {vertical-align: top; text-align: left; font-weight: normal; font-size: 13px}



td#index_banner_1_1 {font-size: 14px; color: #CBEBFF; padding: 10 20 0 0}
td#index_banner_1_1 span {font-size: 20px; color: #FFFFFF}
td#index_banner_1_1 div {cursor: pointer}
td.index_banner_1_2 {vertical-align: middle; padding: 14 20 0 0}
td.index_banner_1_2 ul li {margin: 0 0 5 0; background: 0; line-height: 1}
td.index_banner_1_2 ul li.active a.white_1:link, td.index_banner_1_2 ul li.active a.white_1:visited, td.index_banner_1_2 ul li.active a.white_1:hover {color: #BDC5D0}



div.calculator_results_1 {padding: 10; border: solid #939598; border-width: 1 0 1 0}




table.slider_1 th {width: 1%; vertical-align: middle; text-align: left}
table.slider_1 td {width: 98%; height: 181}
table.slider_1 table {height: 181}
table.slider_1 table td {width: 1%; padding: 0 18 0 0; vertical-align: top; text-align: center}
table.slider_1 table td div {background: url('/img/parts/photo_frame_3.gif') no-repeat 0px 0px; width: 139; height: 104; padding: 5 5 7 5}
* html table.slider_1 table td div {width: 149; height: 109}

table.slider_2 th {width: 1%; vertical-align: middle; text-align: left}
table.slider_2 td {width: 98%}
table.slider_2 table td {width: 1%; height: 88; padding: 0 40 0 0; vertical-align: middle; text-align: center}


div.index_banner_1_waves {background: url('/img/banners/banner_1_waves_1.png') no-repeat 0px 0px}
* html div.index_banner_1_waves {background: 0; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/banners/banner_1_waves_1.png', sizingMethod='noscale')}



div.header_1 {padding: 0 0 5 0; font-size: 16px; color: #BB6D06}

table.TableData td {padding: 0 2 5 0; }

table.table_44 td {font-size: 12px; font-weight: normal; vertical-align: bottom; text-align: left; padding: 0; color: #000000;}
table.table_44 td {padding: 0; border:0;}


div#font_size_switcher {position: absolute; right: 22; top: 30; background: url('/img/icons/font_size_slidebar.gif') no-repeat 100% 20px; color: #B3DCF9; padding: 0 2 0 2}
div#font_size_switcher b {color: #699DC2}
div#font_size_switcher b.size_1 {font-size: 14px}
div#font_size_switcher b.size_2 {font-size: 12px}
div#font_size_switcher b.size_3 {font-size: 10px}

table.expresso_header td{
padding:5px;
text-align:center;
}


div#main_content_div h1, div#main_content_div h2, div#main_content_div h3, div#main_content_div h4, div#main_content_div h5, div#main_content_div h6 {border: 0}


div.warning_1 {background: url('/img/corners/warning_1_2.gif') repeat-y 23px 0px; width: 300; position: absolute}
div.warning_1 div {background: url('/img/corners/warning_1_1.gif') no-repeat 0px 10px; padding: 0 0 0 23}
div.warning_1 div div {background: url('/img/corners/warning_1_2.gif') repeat-x 0px 0px; padding: 0}
div.warning_1 div div div {background: url('/img/corners/warning_1_2.gif') repeat-y 100% 0px}
div.warning_1 div div div div {background: url('/img/corners/warning_1_2.gif') repeat-x 0px 100%; padding: 1}
div.warning_1 div div div div div {background: #FFFFFF; padding: 4 7 15 7; font-size: 11px}

.indent {text-indent: 20px;}

.xstylesmall {font-size: x-small;}
.th2{background-color: #e5e2c1;}
.intable{padding: 0 0 0 14; margin: 0 0 4 0; background: none; font-size: 11px;}
.mess{background-color: #f9f2c4; padding-left: 25px; padding-right: 25px; padding-top: 25px; padding-bottom: 20px; text-align: justify; margin-bottom: 1em;}
.mess2{background-color: #ffdfc2; padding-left: 8px; padding-right: 8px; padding-top: 8px; padding-bottom: 4px; text-align: justify; margin-bottom: 1em; margin-top: 1em;}
td .bb {border-bottom: 1px solid #881F0A}
.fleft {float: left;}
.hidden {display: none;}
.paddl{padding-left: 2em;}
.byregion{display:block;}
.fullinfo{}

.button{
		cursor:pointer;
	}
.details{
		margin-left:3em;

	}	

/* dynamics for special_info*/

	#dynContentSPInfo{
		/* width:50%; */
	}


#dynContentSPInfo div.spl{
		background-image:url(http://www.ukrgasbank.com/uploads/files/spec_inf_img/btn_leftpart.png);
		background-position:left;
		background-repeat:no-repeat;
		width:105px;
		height:32px;
		float:left;
		margin:0;
		//margin-right:-3px;
	}
#dynContentSPInfo div.spc{
		background-image:url(http://www.ukrgasbank.com/uploads/files/spec_inf_img/btn_centerpart.png);
		background-position:left;
		background-repeat:repeat-x;
		height:32px;
		margin:0;
	}
#dynContentSPInfo div.spr{
		background-image:url(http://www.ukrgasbank.com/uploads/files/spec_inf_img/btn_rightpart.png);
		background-position:left;
		background-repeat:no-repeat;
		width:109px;
		height:32px;
		float:right;
		margin:0;	
		//margin-left:-3px;
	}

#dynContentSPInfo div .btnCapt{
	position:relative;
	left:0;
	right:0;
	z-index:4;
	top:-25px;
	left:10px;
	
	cursor:pointer;
	font-weight:bold;
}
#dynContentSPInfo div.buttonWarp{
	margin-bottom:0em;
	//margin-bottom:-1.25em;
	height:32px;
}
		
#dynContentSPInfo div.details{
		margin-left:2em;
		margin-top:0em;
		//margin-top:-1.25em;
		margin-right:7px;
		background-image:url(http://www.ukrgasbank.com/uploads/files/spec_inf_img/details_gradient.png);
		background-position:top;
		background-repeat:repeat-x;
}



#dynContentSPInfo div.details p{
	padding:0.5em 0.5em 0.5em 0.5em;
	margin:0;
}







h2.trigger {
	padding:0;
	margin-top:5px;
	background:none;
	border:none;
	height: 46px;
	line-height: 46px;
	width:110px; 
	text-align:center;
	vertical-align: inherit;
	font-size: 2em;
	font-weight: normal;
	float: left;
	
}
h2.trigger a  {color:#e1d29b;

	font-size:0.7px;
	color: #e1d29b;
                border:none;
	text-decoration: none;
	background-color:none;
}
h2.trigger a:hover{ color: #881F0A;
                                text-decoration:none;
	                border:none;
	                font-size:0.9em;
	                font-weight:bold;
	                background:none;}

h2.trigger a:visited{ 
	border:none;
	font-weight:bold;
	text-decoration:none;
	
}
h2.active {background:none;
	border:none;}
.toggle_container {
	margin: 0 0 5px;
	padding: 0;
	border:1px solid #881F0A;
	background:#e1d29b;
	overflow: hidden;
	font-size: 1.2em;
	width: 720px;
	clear: both;
                text-align:justify;

}
<--! four achiev  -->

..container {
	height: 360px;
	width: 910px;
	margin: -180px 0 0 -450px;
	top: 50%; left: 50%;
	position: absolute;
}
ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 10px;
	width:720px;
}
ul.thumb li {
	margin: 0; padding: 5px;
	float: left;
	position: relative;
	width: 110px;
	height: 110px;
}
ul.thumb li img {
	width: 100px; height: 100px;
                border: 1px solid #ddd;
	padding: 5px;
	background: #e1d29b;
	position: absolute;
	left: 0; top: 0;
	-ms-interpolation-mode: bicubic; 
}
ul.thumb li img.hover {
	background:url(thumb_bg.png) no-repeat center center;
	border: none;
}



#lightbox, #lightbox-overlay {
	position: absolute;
	top: 0px;
	left: 0px;
	bottom:auto;
	right:auto;
	
	z-index:100;
	width:100%;
	height:auto;
	
	text-align:center;
	color:#333333;
	
	/* stop stupid conflicts */
	margin:0px;
	padding:0px;
	border:none;
	outline:none;
	line-height:0;
	
	/* general conflict stopper */
	text-decoration:none;
	background:none;
	word-spacing:normal;
	letter-spacing:normal;
	float:none;
	clear:none;
	display:block;
}

#lightbox-overlay {
	z-index: 90;
	background-color:#000000;
	height: 100%;
	position:fixed;
}
#lightbox-overlay-text {
	text-align: right;
	margin-right: 20px;
	margin-top: 20px;
	color: white;
	font-size: 12px;
	cursor: default;
	line-height:normal;
}
#lightbox-overlay-text a, #lightbox-overlay-text a:hover, #lightbox-overlay-text a:visited, #lightbox-overlay-text a:link {
	text-decoration:underline;
	color:white;
}
#lightbox-overlay-text span {
	padding-left:5px;
	padding-right:5px;
}

#lightbox img, #lightbox a img, #lightbox a { border:none; outline:none; }

#lightbox-imageBox {
	position:relative;
	border:1px solid black;
	background-color:white;
	width:400px;
	height:400px;
	margin:0 auto;
}

#lightbox-imageContainer {
	padding:1px;
}

#lightbox-loading {
	position:absolute;
	top:40%;
	left:0%;
	height:25%;
	width:100%;
	text-align:center;
	line-height:0;
}

#lightbox-nav {
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:10;
}

#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	display:block;
	width:49%;
	height: 100%;
	background:transparent url("lightbox_img/blank.gif") no-repeat; /* Trick IE into showing hover */
	zoom:1; /* who knows why? */
	
	padding:0px;
	margin:0px;
}
#lightbox-nav-btnPrev { 
	left:0;
	right:auto;
	float:left;
}
#lightbox-nav-btnNext { 
	left:auto;
	right:0;
	float:right;
}

#lightbox-infoBox {
	font:10px Verdana, Helvetica, sans-serif;
	background-color:#FFFFFF;
	margin:0 auto;
	padding:0px;
}

#lightbox-infoContainer {
	padding-left:10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:5px;
	color:#666;
	line-height:normal;
}
#lightbox-infoHeader {
	width:100%;
	text-align:center; 
}
#lightbox-caption {
	text-align:justify;
}
#lightbox-caption-title {
	font-weight:bold;
}
#lightbox-caption-description {
	font-weight:normal;
}

#lightbox-infoFooter {
	margin-top:3px;
	color:#999999;
}
#lightbox-currentNumber {
	display:block;
	width:49%;
	float:left;
	text-align:left;
}
#lightbox-close {
	display:block;
	width:45%;
	float:right;
	text-align:right;
}
#lightbox-close-button{
	padding-left:30%;
}
#lightbox-close-button, #lightbox-close-button:link, #lightbox-close-button:visited, #lightbox-close-button:hover {
	text-decoration:underline;
	color:#999999;
}
#lightbox-close-button:hover {
	color:#666666;
}

#lightbox-infoContainer-clear {
	clear:both; 
	visibility:hidden;
}




<--TOP-->

	
	
.item{float:left;}

.item div.thumb {        cursor: pointer;
                                  width:100%; height:25em;
                                  text-align:left;}

.item div.thumb h4{       display:block;
                                    width:100%; height:5.3em;}

.item div.thumb img{ margin-top:-19px;
                                                         }





div.selected{
		clear:both;
		/*margin:4em 0 2em 0;*/
				/*border:1px solid #000000;*/
		float: left;
	}
	
div.message{            border:none;
                                padding-left: 15px;
                	min-height:225px;
	}
	





<--FINANS -->


.garmoshka {
	width: 100%;
	margin-top:10px;
	
}
.garmoshka h3 {
	padding: 15px 15px;
	text-align:center;
	margin: 0;
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	cursor: pointer;
}


.garmoshka table {
	background: #f7f2d2;
	margin: 0;
	padding:  10px 15px 20px;
	border-left: solid 1px #c4c4c4;
border-top: solid 1px #c6b886;

border-bottom: solid 1px #c4c4c4;


	border-right: solid 1px #c4c4c4;
}


.garmoshka table.tableForcredit {
	background: #f7f2d2;
	margin: 0;
	padding:  10px 15px 20px;
	border:0px;

	}