/* GENERAL */
body {font-family: Tahoma, Verdana, Arial, sans-serif;}

/* CONTENT */
.header {font: 23px Tahoma, Verdana, Arial, sans-serif; padding: 0px 20px 3px 16px; color: #27343E;}
.content {font: 77% Tahoma, Verdana, Arial, sans-serif; line-height: 125%; color: #27343E;}
.content td, .content td td {font: 77% Tahoma, Verdana, Arial, sans-serif; color: #27343E;}
.comment {font: 87% Tahoma, Verdana, Arial, sans-serif; color: #949699;}

/* REFUEL site section (/auto/refuel/(region)/(id))*/
.refuelleft {padding: 4px 6px 7px 4px; color: #27343E; font-size: 90%;}
.refuelcell {padding: 4px 6px 7px 6px; color: #27343E;}
.refuelheader {padding: 0px 10px 3px 4px; color: #5F5F5F;  font-size: 90%; font-weight: bold;}
.refuelr1c1 {background-color: #E7F3F9}
.refuelr2c1 {background-color: #F6F6F6}
.refueldiv {background-color: #D7D7D7}
.refuelheaderdiv {background-color: #B5B5B5}
.refuelphotobgcolor {background-color: #EEEEEE}

/* NEWS PAGE STYLES */
.newsgroupheader {font: bold 77% Tahoma, Verdana, Arial, sans-serif; padding: 3px 0px 14px 0px; color: #4582B6; }
.newsdate {font: bold 70% Tahoma, Verdana, Arial, sans-serif; padding: 3px 10px 4px 10px; color: #88ACCB;}
.newstext {font: 77% Tahoma, Verdana, Arial, sans-serif; color: #27343E;}
.newstext a {color: #27343E; text-decoration: none;}
.newstext a:hover {color: #4C6478; text-decoration: none;}

.newsnavtitle {font: bold 11px Tahoma, Verdana, Arial, sans-serif; padding: 2px 0px 4px 0px; color: #4C6478;}
.newsnav {font: 11px Tahoma, Verdana, Arial, sans-serif; padding: 2px 0px 4px 0px; color: #BCC1C4;}
.newsnav a {color: #4C6478;}
.newsnav a:hover {color: #27343E;}
.newsnavactive {font: bold 11px Tahoma, Verdana, Arial, sans-serif; padding: 2px 0px 4px 0px; color: #4C6478;}
.newsnavactive a {color: #4C6478;}
.newsnavactive a:hover {color: #27343E;}

/* PHOTO GALLERY  (/press/photo) */
  /* list pages */
.phototopictitle {font: bold 110% Tahoma, Verdana, Arial, sans-serif; padding: 10px 0px 0px 0px; color: #4C6478;}
.phototopictitle a {color: #4C6478;}
.phototopicinfo {font: 100% Tahoma, Verdana, Arial, sans-serif; color: #4C6478;}
.phototopicinfo a {color: #4C6478;}
.phototopicinfo a:hover {color: #27343E;}
.photoinfo {font: 100% Tahoma, Verdana, Arial, sans-serif; padding: 10px 0px 10px 10px; color: 949699;}
.photoinfo a {color: #4C6478;}
.photoinfo a:hover {color: #27343E;}
  /* popup window */
.photopopupgalname {font: 18px Tahoma, Verdana, Arial, sans-serif; color: #FFFFFF; padding: 3px 15px 3px 25px;}
.photopopupphotoname {font: bold 15px Tahoma, Verdana, Arial, sans-serif; color: #4C6478; padding: 0px 25px 10px 25px;}

/* SITE MAP */
.sitemaplevel1 {font: 110% Tahoma, Verdana, Arial, sans-serif;  padding-left: 8px; padding-bottom: 6px; padding-top: 3px; color: #595951;}
ul.sitemaplevel2 {margin:0 -1em 0.5em 2em; font: 100% Tahoma, Verdana, Arial, sans-serif; list-style-image: url(/img/li-darker.gif);}
ul.sitemaplevel2 ul {margin:0 2em 0 2em;}
ul.sitemaplevel3 {margin:0 -1em 0.5em 2em; font-family: Tahoma, Verdana, Arial, sans-serif; list-style-image: url(/img/li-lighter.gif);}
ul.sitemaplevel3 ul {margin:0 2em 0 2em;}

/* TABLES */
.tablename {padding: 0px 0px 6px 0px; color: #999999; font-weight: bold; font-size: 90%;}
table.table {}
  /* headers */
div.tableheader {padding: 0px 7px 3px 4px; color: #5F5F5F;  font-size: 90%; font-weight: bold;}
div.tableleftheader {padding: 0px 7px 3px 1px; color: #5F5F5F;  font-size: 90%; font-weight: bold;}
  /* left (category) */
div.tableleft {padding: 3px 3px 7px 1px; color: #27343E; font-size: 90%;}
div.tableleftsub1 {padding: 3px 3px 7px 0px; color: #6C7C88; font-size: 90%;}
div.tablecell {padding: 3px 6px 7px 6px; color: #27343E; font-size: 90%;}
  /* (bg) colors */
td.tablediv {background-color: #D7D7D7;}
td.tableheaderdiv {border-top: 1px solid #B5B5B5; height: 7px;}
td.tabler1c1 {background-color: #EAEAEA}
td.tabler1c2 {background-color: #E7F3F9}
td.tabler2c1 {background-color: #F6F6F6}
td.tabler2c2 {background-color: #FFFFFF}
td.tableheaderc0 {}
td.tableheaderc1 {background-color: #A7A5AA; height: 3px;}
td.tableheaderc2 {background-color: #7CA3C4; height: 3px;}

/* FORMS */
  /* left (category) cells */
.formleft {padding: 7px 3px 10px 3px; color: #3F5464; font-size: 100%; font-weight: bold;}
.formleftsub1 {padding: 3px 3px 7px 0px; color: #6C7C88; font-size: 90%;}
.formcell {padding: 4px 6px 5px 6px; color: #27343E; font-size: 100%;}
  /* background colors */
.formdiv {background-color: #D7D7D7}
.formr1c1 {background-color: #EAEAEA}
.formr2c1 {background-color: #F6F6F6}
  /* input elements */
.input {font: 12px Tahoma, Verdana, Arial, sans-serif; color: #27343E; width: 100%;}
textarea.input {font: 12px Tahoma, Verdana, Arial, sans-serif; color: #27343E; width: 97%;}
.submit {font: 12px Tahoma, Verdana, Arial, sans-serif; color: #27343E;}
input {font: 12px Tahoma, Verdana, Arial, sans-serif; color: #27343E;}
textarea {font: 12px Tahoma, Verdana, Arial, sans-serif; color: #27343E;}
  /* error message block */
.formmessage {color: #27343E; padding: 7px 10px 10px 10px;}
.formmessage ul {color: #27343E; margin: 5px 0px 5px 25px; padding: 0px 0px 0px 0px;}
.formmessage ul li {color: #27343E; padding: 0px 0px 0px 0px;}

/* MENU */
.menublock {padding: 11px 0px 1px 0px;}

.menu {font: 11px Tahoma, Verdana, Arial, sans-serif; padding: 0px 0px 4px 10px; color: #4C6478; font-weight: bold;}
.menuhelper {text-indent: -10px; }
.menu a {color: #4C6478; font-weight: normal;}
.menu a:hover {color: #27343E;}

.menu2 {font: 11px Tahoma, Verdana, Arial, sans-serif; padding: 1px 0px 4px 26px; color: #4C6478; font-weight: bold;}
.menu2 a {color: #4C6478; font-weight: normal;}
.menu2 a:hover {color: #27343E;}

.menu3 {font: 11px Tahoma, Verdana, Arial, sans-serif; padding: 1px 0px 4px 39px; color: #4C6478; font-weight: bold;}
.menu3 a {color: #4C6478; font-weight: normal;}
.menu3 a:hover {color: #27343E;}

.menu4 {font: 11px Tahoma, Verdana, Arial, sans-serif; padding: 1px 0px 4px 52px; color: #4C6478; font-weight: bold;}
.menu4 a {color: #4C6478; font-weight: normal;}
.menu4 a:hover {color: #27343E;}

/* PATH */
.pathblock {padding: 10px 20px 4px 4px;}
.pathtext {font: 10px Tahoma, Verdana, Arial, sans-serif; color: #F0C4A9;}
.pathtext a {color: #F0C4A9; text-decoration: none;}
.pathtext a:hover {color: #F0C4A9; text-decoration: underline;}

.leftblock {font: 11px Tahoma, Verdana, Arial, sans-serif; margin: 3px 0px 5px 10px; color: #4C6478; font-weight: bold;}
.leftblockhelper {text-indent: -10px; }
.leftblock a {color: #4C6478; font-weight: normal;}
.leftblock a:hover {color: #27343E;}

.printverblock {font: 11px Tahoma, Verdana, Arial, sans-serif; padding: 0px 10px 4px 5px; color: #949699;}
.printverblock a {color: #949699;}
.printverblock a:hover {color: #56585B;}

.seealso {font: 11px Tahoma, Verdana, Arial, sans-serif; padding: 0px 10px 4px 10px; color: #949699;}
.seealsohelper {text-indent: -10px; }
.seealso a {color: #949699;}
.seealso a:hover {color: #56585B;}

.rightpic {font: 11px Tahoma, Verdana, Arial, sans-serif; color: #738A9B;}
.rightpic a {color: #4C6478;}
.rightpic a:hover {color: #27343E;}

.banner {font: 10px Tahoma, Verdana, Arial, sans-serif; padding: 0px 0px 4px 13px; color: #4C6478;}
.bannerhelper {text-indent: -10px; }
.banner a {color: #4C6478;}
.banner a:hover {color: #27343E;}

.pollblock {padding: 5px 0px 5px 10px;}
.pollanswer {font: 11px Tahoma, Verdana, Arial, sans-serif; padding: 0px 0px 0px 5px; color: #4C6478;}
.pollquestion {font: 11px Tahoma, Verdana, Arial, sans-serif; padding: 5px 0px 5px 2px; color: #4C6478;}
.pollbutton {font: 11px Tahoma, Verdana, Arial, sans-serif; padding: 5px 0px 5px 3px; color: #4C6478;}

/* INDEX PAGE STYLES */
.indexmenublock { padding: 11px 0px 7px 0px;}

.indexintroblock {font: 11px Tahoma, Verdana, Arial, sans-serif; padding: 21px 10px 21px 25px; color: #3A4D5C;}
.indexintroblock a {color: #3A4D5C; text-decoration: none;}
.indexintroblock a:hover {color: #27343E; text-decoration: none;}

.indexheader {font: 23px Tahoma, Verdana, Arial, sans-serif; padding: 20px 0px 17px 0px; color: #27343E;}

.indexnewsdate {font: bold 70% Tahoma, Verdana, Arial, sans-serif; padding: 3px 10px 4px 10px; color: #88ACCB;}
.indexnewstext {font: 70% Tahoma, Verdana, Arial, sans-serif; color: #27343E;}
.indexnewstext a {color: #27343E; text-decoration: none;}
.indexnewstext a:hover {color: #4C6478; text-decoration: none;}

.indexcontactsblock {font: 11px Tahoma, Verdana, Arial, sans-serif; padding: 12px 10px 10px 25px; line-height: 14px; color: #4C6478;}
.indexcontactsblock a {color: #27343E; text-decoration: none;}
.indexcontactsblock a:hover {color: #27343E; text-decoration: underline;}

.indexsignatureblock {font: 10px Tahoma, Verdana, Arial, sans-serif; padding: 3px 10px 10px 25px; color: #27343E;}
.indexsignatureblock a {color: #27343E; text-decoration: none;}
.indexsignatureblock a:hover {color: #27343E; text-decoration: underline;}

/* OIL ORDER FORM */

input.oilorder {font:100%;margin:0px; border: 1px #A5ACB2 solid; width:70%;}

div.oilordertableheader {padding: 0px 4px 1px 5px; color: #5F5F5F;  font-size: 90%; font-weight: bold;}
div.oilordertableleftheader {padding: 0px 3px 1px 0px; color: #A1AFC0;  font-size: 90%; font-weight: bold;}
div.oilordertableleftc {padding: 1px 0px 0px 7px; color: #3F5464;  font-size: 90%; font-weight: bold; line-height : 100%;}
div.oilordertablec {padding: 2px 0px 0px 7px; color: #85969B;  font-size: 70%; line-height : 100%;}
div.oilordertablec2 {padding: 2px 7px 0px 7px; color: #3F5464;  font-size: 70%; line-height : 100%;}

div.oilordertableleftcstep2 {padding: 1px 0px 0px 7px; color: #3F5464;  font-size: 90%; font-weight: bold; line-height : 100%;}
div.oilordertablecstep2 {padding: 5px 0px 6px 7px; color: #85969B;  font-size: 90%; line-height : 100%;}
div.oilordertablec2step2 {padding: 5px 7px 6px 7px; color: #3F5464;  font-size: 90%; line-height : 100%;}
div.oilordertablecstep3 {padding: 5px 20px 6px 7px; color: #85969B;  font-size: 90%; line-height : 100%;}
div.oilordertablec2step3 {padding: 5px 20px 6px 7px; color: #3F5464;  font-size: 90%; line-height : 100%;}

td.oilordertableheaderc0 {background-color: #CAD1D8; height: 3px;}
div.oilordertableheaderc0 {padding: 0px 2px 1px 1px; color: #A1AFC0;  font-size: 90%; font-weight: bold;}

td.oilordertableheaderc2 {background-color: #E9EFF2;}
div.oilordertableheaderc2 {padding: 4px 7px 4px 7px; color: #98A5B5;  font-size: 70%; font-weight: bold;}

td.oilordertableheaderc3 {background-color: #D7E1E6;}
div.oilordertableheaderc3 {padding: 4px 20px 4px 7px; color: #98A5B5;  font-size: 70%; font-weight: bold;}
td.oilordertableheaderc1 {background-color: #A7A5AA; height: 3px;}

td.oilordertablediv {background-color: #D7D7D7;}
td.oilordertablediv2 {background-color: #E2E2E2;}

td.oilordertabler1c1 {background-color: #F6F8F9}
td.oilordertabler1c2 {background-color: #EFF3F5}
td.oilordertabler2c1 {background-color: #FDFDFC;}
td.oilordertabler2c2 {background-color: #F6F8F8}

td#card-banner { cursor: pointer; }
td#card-banner h3 { background: url('/img/main/card-corner.png') no-repeat; color: #60656c; display: block; font-family: 'Arial Black', sans-serif; font-size: 13px; line-height: 15px; margin: 0; padding: 14px 5px 5px 18px; text-transform: uppercase; }
td#card-banner h3 span { color: #929191; display: block; font-family: 'Arial', sans-serif; font-size: 10px; font-weight: normal; line-height: 11px; text-transform: none; }
td#card-banner h3 span b { color: #cc131b; } 
td#card-banner img { float: left; margin-right: -3%; }
td#card-banner .btn { background: url('/img/main/card-btn.png') no-repeat; color: #ffffff; display: block; font-size: 10px; font-weight: bold; height: 17px; line-height: 15px; margin: 0 5px 5px 18px; text-align: center; width: 66px; }
td#card-banner div { float: left; height: 55px; padding-top: 10px; width: 66px; }

td#card-banner.top-banner div { float: none; height: auto; margin: 0 auto; overflow: hidden; padding: 0; text-align: left; width: 190px; }
td#card-banner.top-banner h3 { background: none; color: #27343e; font-size: 16px; font-weight: normal; padding: 30px 0 0; }
td#card-banner.top-banner h3 span { color: #ffffff; font-size: 11px; padding: 3px 0 10px; }
td#card-banner.top-banner img { float: left; margin-left: -8px; }
td#card-banner.top-banner .btn { background-image: url('/img/main/card-btn-grey.png'); display: block; height: 19px; line-height: 17px; margin: 6px 9px 0 85px; width: 70px; }

.banner-ekto-ukr, .banner-ekto-rus { background: transparent url('/img/banner/lucoil_banner_ekto_ukr.png') center center no-repeat; display: block; height: 179px; margin: 0 auto; text-align: center; width: 190px; }
.banner-ekto-rus { background-image: url('/img/banner/lucoil_banner_ekto_rus.png'); }

.banner-ekto-b-rus, .banner-ekto-b-ukr { background: transparent url('/img/banner/lucoil_banner_ekto_b_rus.png') no-repeat scroll center; width: 100%; height: 63px; display: block; padding: 12px 0; border-bottom: 3px solid #7A787C; }
.banner-ekto-d-rus, .banner-ekto-d-ukr { background: transparent url('/img/banner/lucoil_banner_ekto_d_rus.png') no-repeat scroll center; width: 100%; height: 63px; display: block; padding: 12px 0; }
.banner-ekto-b-ukr { background: transparent url('/img/banner/lucoil_banner_ekto_b_ukr.png') no-repeat scroll center; }
.banner-ekto-d-ukr { background: transparent url('/img/banner/lucoil_banner_ekto_d_ukr.png') no-repeat scroll center; }

.free, .free a { color: #e57378; } 

/* NN hacks */
.* strong {font-weight: bold;}
.* b {font-weight: bold;}

.right-teaser { font-size: 77%; }