html, body {margin:0; padding:0; width:100%; height:100%; overflow:auto; text-align: center; }
.body {margin:0; padding:0; width:100%; height:100%; overflow:hidden; text-align: center;}

.outline { border: 0px solid #000; margin: 0 auto; 
text-align: left; position:absolute; top: 30px; left: 50%; 
margin-left: -415px; width:831px; height:653px; z-index:10; background: #fff; }

.internal { border: 0px solid #000; margin: 0 auto; text-align: left; position: absolute; 
top: 0px; left: 0px; width: 831px; height:653px; z-index:-10000;  background-image: url("/Lukoil/images/layout/global_back.jpg"); background-repeat: no-repeat;}

.mainbox{ position: absolute; top : 189px; left: 200px; width: 630px; height: 430px; border: 0px solid #000;
background: transparent;};
}

.calendarbox{ position: absolute; left: 4px; width: 780px; height: 80px; border: 0px solid #000;}

.calendarbox3{ position: absolute; left: 4px; width: 615px; height: 80px; border: 0px solid #000;}

.header_block {position: absolute; top: 0px; left: 0px; width: 831px; height: 67px; border: 0px solid #000;
 overflow: hidden; background: #FFFFFF;}

.top_splitter { position: absolute; top: 181px; left: 0px; width: 831px; height: 5px; border: 0px solid #000;
 background: #000066;}

.topmenu{ position: absolute; top: 67px; left: 0px; width: 831px; height: 58px; border: 0px solid #000; overflow: hidden;
 text-align: center; background-image: url("/Lukoil/images/layout/topmenu.jpg"); background-repeat: repeat-x; vertical-align: middle;}  

.topmenu_container{ position: absolute; top: 110px; left: 0px; width: 832px; height: 31px; border: 0px solid #000; overflow: hidden;
 text-align: center; vertical-align: middle; background-image: url("/Lukoil/images/layout/button_backline.gif"); background-repeat: no-repeat;
}  

.language_block{ position: absolute; top: 8px; left: 50px; width: 100px; height: 25px; border: 0px solid #000; overflow: hidden;
 text-align: center; vertical-align: middle; padding-top: 3px; background: transparent;}  

.lang{ font-family: Verdana Helvetica Arial; font-size: 10pt; font-weight: bold; color: #000000;}
.active_lang{ font-family: Verdana Helvetica Arial; font-size: 10pt; font-weight: bold; color: #E2383F;}

.language_block a:link{ text-decoration: none; color: #000;}
.language_block a:hover{ text-decoration: none; color: #000;}
.language_block a:visited{ text-decoration: none; color: #000;}

.left_layer{ position: absolute; top: 190px; left: 0px; width: 200px; height: 430px; border-right: 0px solid #000;
 overflow: hidden; background-image: url("/Lukoil/images/layout/left_background.gif"); background-repeat: no-repeat;
}

.left_spacer { position: absolute; top: 190px; left: 186px; width: 6px; height: 430px; border-right: 0px solid #000;
 background: #FFFFFF; overflow: hidden;}

.leftmenu{ position: absolute; top: 0px; left: 0px; width: 200px; height: 430px; border-right: 0px solid #000;
 overflow: hidden; background-image: url("/Lukoil/images/layout/left_background.gif"); background-repeat: no-repeat;
}

.bottom_splitter { position: absolute; top: 794px; left: 0px; width: 830px; height: 5px; border: 0px solid #000;
 background: #000066;}

.absolute_bottom{ position: absolute; top: 623px; left: 0px; width: 831px; height: 58px; border: 0px solid #000; overflow: hidden;
 text-align: center;background-image: url("/Lukoil/images/layout/topmenu.jpg"); background-repeat: repeat-x;}  

.button{ position: absolute; top: 2px; width: 113px; height: 31px; 
border-top: 0px solid #000;
border-bottom: 0px solid #000; 
border-right: 0px solid #fff;
border-left: 0px solid #fff;
padding-left: 0px;
text-align: center;
background-image: url("/Lukoil/images/layout/top_button.jpg"); background-repeat: no-repeat;
}

.button a:link { text-decoration: none; }
.button a:visited { text-decoration: none; }
.button a:hover { text-decoration: none; }

.button_img {
vertical-align:middle;
margin:0 auto;
}

.button_text{ font-family: Helvetica, Verdana, Arial ; font-weight: bold; font-size: 8pt; color: #6D6B6C; text-align: center; padding-top: 6px; }
.active_button{ font-family: Helvetica, Verdana, Arial ; font-weight: bold; font-size: 8pt; color: #6D6B6C; text-align: center; padding-top: 6px; }

.left_button{ position: absolute; width: 199px; height: 29px; 
border-top: 0px solid #000;
border-bottom: 1px solid #DDDDDD; 
border-right: 0px solid #000;
border-left: 0px solid #000;
background-image: url("/Lukoil/images/layout/left_button.jpg"); background-repeat: no-repeat;
}

.left_button_img{ position: absolute; width: 186px; height: 29px; 
border-top: 0px solid #000;
border-bottom: 0px solid #000; 
border-right: 0px solid #000;
border-left: 0px solid #000;
}


.left_button_text{ font-family: Helvetica, Verdana, Arial ; font-weight: bold; font-size: 10pt; padding-top: 5px; padding-left: 15px; color: #6D6B6C; }
.left_active_button{ width: 186px;  height: 29px; font-weight: bold; font-family: Helvetica Verdana Arial; font-size: 10pt;}


.submenu_item{ position: absolute; width: 185px; height: 22px; 
vertical-align: middle;
border-top: 0px solid #000;
border-bottom: 1px solid #DDDDDD; 
border-right: 0px solid #000;
border-left: 0px solid #000;
background: #E0E0E0;
padding-left: 10px;
padding-top: 3px;
font-weight: bold;
font-size: 8pt;
font-family: Helvetica, Verdana, Arial ;
}


.topmenu a:link { text-decoration: none; color: #fff; } 
.topmenu a:visited { text-decoration: none; color: #fff;} 
.topmenu a:hover { text-decoration: none; color: #E14249; background: #3E85BD;} 

.leftmenu a:link { text-decoration: none; color: #6D6B6C;} 
.leftmenu a:visited { text-decoration: none; color: #6D6B6C;} 
.leftmenu a:hover { text-decoration: none; color: #E14249;} 

.innermenu{ font-family: Arial; font-size: 12pt; font-weight: bold; color: #000066;}
.current_year{ font-family: Arial; font-size: 13pt; font-weight: bold; padding-right: 10px; text-align: right; color: #75C5F0;}

.innermenu a:link { text-decoration: none; color: #000066;} 
.innermenu a:visited { text-decoration: none; color: #000066;} 
.innermenu a:hover { text-decoration: none; color: #000066;} 

.colorbox_1{ position: absolute; height: 80px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: #FFFFFF;}
.colorbox_2{ position: absolute; height: 80px; vertical-align: middle; text-align: left; padding-left: 12px; background-color: #F0F8FE;}

.banner_block{ position: absolute; width: 150px; height: 80px; border: 0px solid #000; text-align: center;
 vertical-align: center;
 filter:alpha(opacity=60); 
 -moz-opacity: 0.6; 
 opacity: 0.6; 
}

/* NEWS */

.news_text{ font-family: Verdana Helvetica Arial; font-size: 10pt; padding: 2px; color: #FFF; }
.news_text a:link { text-decoration: none; color: #000;}
.news_text a:visited { text-decoration: none; color: #000;}
.news_text a:hover { text-decoration: none; color: red;}

/* SCROLLERS */

.scroll-track{
 height:12px;
 width:16px;
 background-image: url("/Lukoil/images/scroller/scroll_background.png");
}

.scroll-handle{
 border: 0px solid black;
 background-image: url("/Lukoil/images/scroller/scroll.png");
 background-repeat: repeat-y;
 cursor:pointer;
}

.scroll-track-top{
height:12px;
width:16px;
background-image: url('/Lukoil/images/scroller/scroll_up.png');
background-align: right;
cursor: pointer;
}

.scroll-track-bot{
height:12px;
width:16px;
background-image: url('/Lukoil/images/scroller/scroll_down.png');
background-align: right;
cursor: pointer;
}


.activity_header{ position: absolute; top: 0px; left: 2px; width: 637px; height: 29px; border: 0px solid #000; padding: 0px; }
.activity_header_left{ position: absolute; top: 0px; left: 0px; width: 450px; height: 15px; border: 0px solid #000; padding-top: 6px; padding-left: 4px; text-align: left; }
.activity_header_right{ position: absolute; top: 0px; left: 450px; width: 187px; height: 15px; border: 0px solid #000; padding-top: 6px; text-align: right;}
.activity_header_line{ position: absolute; top: 25px; left: 4px; width: 622px; height: 4px; border: 0px solid #000; padding-left: 10px; background: #75C5F0; }

.graynet{ background-image: url("/BRek/images/net.jpg"); z-index: -10;}
.news_header{ top: 0px; left: 3px; width: 203px; height: 29px; position: absolute;}

/* TEXTS */

.activity_text{ font-family: Arial; font-size: 10pt; color: #75C5F0; }
.activity_text2{ font-family: Arial; font-weight: bold; font-size: 10pt; color: #000066; }
.frontpage_text{ font-family: Arial; font-weight: bold; font-size: 12pt; color: #000000;  
 filter:alpha(opacity=160); 
 -moz-opacity: 1.6; 
 opacity: 1.6; 
}
.frontpage_text_date{ font-family: Arial; font-weight: bold; font-size: 12pt; color: #75C5F0; }

.standart_text{font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #000000; }
.standart_flying_text{font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #FFFFFF; }
.main_text{ font-family: Arial; font-size: 14pt; color: #000066; }
.copyright_text{font-family: Helvetica, Verdana; font-size: 8px; font-stretch: expanded; text-decoration: none; color: #000000; }

.standart_text a:link{ text-decoration: none; color: #000000; cursor: pointer;}
.standart_text a:visited{ text-decoration: none; color: #000000; cursor: pointer;}
.standart_text a:hover{ text-decoration: none; color: #3E85BD; cursor: pointer;}

.copyright_text a:link{ text-decoration: none; color: #FFFFFF; cursor: pointer;}
.copyright_text a:visited{ text-decoration: none; color: #FFFFFF; cursor: pointer;}
.copyright_text a:hover{ text-decoration: none; color: #3E85BD; cursor: pointer;}

.activity_text a:link { text-decoration: none; color: #75C5F0; cursor: pointer;} 
.activity_text a:visited { text-decoration: none; color: #75C5F0; cursor: pointer;} 
.activity_text a:hover { text-decoration: underline; color: #75C5F0; cursor: pointer;} 

.activity_text2 a:link { text-decoration: none; color: #000066; cursor: pointer;} 
.activity_text2 a:visited { text-decoration: none; color: #000066; cursor: pointer;} 
.activity_text2 a:hover { text-decoration: none; color: #000066; cursor: pointer;} 

.frontpage_text a:link { text-decoration: none; color: #000066; cursor: pointer;} 
.frontpage_text a:visited { text-decoration: none; color: #000066; cursor: pointer;} 
.frontpage_text a:hover { text-decoration: none; color: #000066; cursor: pointer;} 

 
.activity_menu{ font-family: Arial; font-size: 8pt; color: #000066; vertical-align: middle;}

.activity_menu a:link { text-decoration: none; color: #000066; cursor: pointer;} 
.activity_menu a:visited { text-decoration: none; color: #000066; cursor: pointer;} 
.activity_menu a:hover { text-decoration: none; color: #75C5F0; cursor: pointer;} 

.right_menu{ font-family: Arial; font-size: 8pt; color: #000066; }

.right_menu a:link { text-decoration: none; color: #000066;} 
.right_menu a:visited { text-decoration: none; color: #000066;} 
.right_menu a:hover { text-decoration: none; color: #75C5F0;} 


.pricetable_text{ font-family: Verdana Helvetica Arial serif; font-size: 8pt; color: #000; padding: 2px;}

.search { position: absolute; vertical-align: top; width: 90%; height: 25px; border: 0px solid #000;}

.searchClass {
position: absolute;
border: 2px solid #000066;
left: 15px;
top: 0px;
width: 200px;
height: 19px;
background: #ffffff;
color: #000066;
vertical-align: middle;
font-type: Arial;
font-size: 12px;
}

.searchButton {
position: absolute;
left: 215px;
top: 0px;
width: 25px;
height: 25px;
background: #000066;
background-image: url('/BRek/images/buttons/search_btn.jpg'); 
background-repeat: no-repeat;
background-position: center center;
border: 0px;
}


/* NEW WINDOW CONSTANTS */
.top_line{ top: 0px; left: 0px; margin: 0px auto; width: 99%; height: 25px; border: 1px solid #000; overflow: hidden;
 text-align: left; background: #000066; vertical-align: middle;}  

.bottom_line{ top: 400px; left: 0px; margin: 0px auto; width: 99%; height: 25px; border: 0px solid #000; overflow: hidden;
 text-align: left; background: #000066; vertical-align: middle;}  


/* COLLAPSABLE MENU CONSTANTS */
.menutitle{
cursor:pointer;
margin-bottom: 0px;
background-image: url('/Lukoil/images/layout/left_button.jpg');
color:red;
width:200px;
height: 29px;
padding:2px;
text-align:center;
font-weight:bold;
border:0px solid #000000;
}

.submenu{
margin-bottom: 10px;
height: 29px;
background-image: url('/Lukoil/images/layout/button_inside.jpg');
}

.spacer{ width: 200px; height: 29px; background-image: url('/Lukoil/images/layout/button_inside.jpg');}

/* Tabs Table style for prices */

.indentmenu{
font: 11px Arial; text-align: center;
align: center; float: center; width: 95%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid navy; /*navy border*/
background: #666666 center center repeat-x;
}

.indentmenu ul li{
 display: inline;
}

.indentmenu ul li a{
float: left;
color: white; /*text color*/
padding: 4px 8px;
text-decoration: none;

border-left: 1px solid #D1CCCC; /*navy divider between menu items*/
}

.indentmenu ul li a:visited{
color: white;

}

.indentmenu ul li a.selected{
color: red !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 4px;
background: #D1CCCC center center repeat-x;
}


.tabcontentstyle{ /*style of tab content oontainer*/
border: 1px solid gray;
width: 410px;
margin-bottom: 1em;
padding: 10px;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}


/* Contact form constants */

.contactForm { position: absolute; top: 0px; width: 250px; height: 170px; left: 20px;}

.contactForm input { 
position: absolute;
border: 1px solid #666666;
left: 15px;
background: #EBEBEB;
color: #000000;
vertical-align: middle;
font-type: Arial;
font-size: 12px;
}

.contactForm mail { 
position: absolute;
border: 1px solid #666666;
left: 15px;
top: 30px;
width: 200px;
background: #EBEBEB;
color: #000000;
vertical-align: middle;
font-type: Arial;
font-size: 12px;
}

.contactForm textarea { 
position: absolute;
border: 1px solid #666666;
left: 15px;
top: 50px;
width: 260px;
background: #EBEBEB;
color: #000000;
vertical-align: middle;
font-type: Arial;
font-size: 12px;
}

.contactForm textarea { 
position: absolute;
border: 1px solid #666666;
left: 15px;
top: 50px;
width: 260px;
background: #EBEBEB;
color: #000000;
vertical-align: middle;
font-type: Arial;
font-size: 12px;
}


.contactForm select {
position: absolute;
left: 15px;
top: 0px;
width: 100px;
height: 20px;
background: #EBEBEB;
border: 1px solid #666666;
color: #000000;
}

.contactForm checkbox {
position: absolute;
width: 10px;
height: 10px;
background: #EBEBEB;
border: 1px solid #666666;
color: #000000;
}


/*Style sheet used for News. Remove if desired*/
.handcursor{
cursor:hand;
cursor:pointer;
}

.news_text{font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #000000; cursor: pointer;}
 
.switchgroup1 {padding-left: 10px; font-family: Arial, Verdana, Geneva, Helvetica, sans-serif; font-size: 12px; text-decoration: none; color: #000000;}

/* PROMO STYLES */

.main_promotion{ position: absolute; margin: 0 auto; top: 0px; width: 600px; height: 400px; text-align: center;}