html,body {
	margin:0;
	padding:0;
	height:100%; 
	background: #f5ece6 url('img/bg.gif') repeat-y top center;
    font-family: tahoma, arial, helvetica, sans-serif;
	font-size:0.9em;
	color:#777a7e;
	line-height: 1.4em;
	  }


img {border: 0px}
form {margin:0px}

table, th, td { 
border: 0; 
border-collapse: collapse;
border-spacing: 0;
padding: 0
}


/*typography*/
a:link {color: #f47431;}
a:visited {color: #f47431;} 
a:hover {color: #000;}

h1{color:#f47431; font-size:1.4em; font-weight:normal; margin-bottom:1em;}
h2{color:#f47431; font-size:1.4em; font-weight:normal}
h3{color:#f47431; font-size:1.4em; font-weight:normal}


/*general layout*/

#global {	width: 1000px; margin-left:auto; margin-right:auto;background: #fffcfb; border-left: 2px solid #e7ddd6; border-right:2px solid #e7ddd6 }	

#header{height:98px}
#header .logo {margin-top:30px; float:left; margin-left:20px;}
#header .lang{width:200px;margin-left:305px; position:relative; top:55px; }
#header .slogan{float:right;margin-top:40px; margin-right:20px;}


#main{margin-top:30px;}
#main #left{float:left; width:250px; margin-left:30px;}
#main #right{ float:right; width:680px; margin-right:25px;}

#menu{ width: 690px; margin-bottom:30px; margin-left:-5px; height:33px;font-size:1.4em; color:#f47431; font-weight:bold; text-align:center; background:#000 url('img/menu_bg.gif') no-repeat;}
#menu .layer{padding-left:20px;height:33px;  background:url('img/menu_bg_r.gif') no-repeat top right;} 
#lang{margin-bottom:40px; text-align:center; font-size:0.85em; font-weight:bold}

#date{text-align:center; height:45px; color:#999; margin-top:5px; font-weight:bold}

#lng{margin-top:10px;height:40px; margin-left:70px;}
#lng span{background:#fff; margin-right:7px;font-weight:bold; border:1px solid #f47431;padding:4px;}
#lng span.active{background:#f47431; color:#fff}
#lng a{text-decoration:none;}

#teasers{margin-bottom:20px;}
#teasers dt{border-top: 1px solid #fff; margin-bottom:10px;line-height:1.1em; height:76px; padding-right:10px;background:#f47431 url('img/teasegr_bg.gif') repeat-x; border-bottom:1px solid #b73918}
#teasers dt a{text-decoration:none; color:#fff3cd}
#teasers dt a:hover{color:#fff}
#teasers dt img{float:left; margin-top:5px;  margin-right:-10px; position:relative; left:-22px; }
#teasers dt div{font-weight:bold; font-size:1.2em; margin-bottom:6px; padding-top:15px;text-shadow: 1px 1px 1px #b73918; }
#teasers dt div a{color:#fff}

#oil{line-height:1.1em; height:89px; background:#f5ece6; margin-top:20px; border-bottom:1px solid #d7d0cc; border-top:1px solid #fff}
#oil img{float:left; margin-left:-17px; margin-right:10px; }
#oil a{text-decoration:none; color:#828281}
#oil a:hover{color:#000}
#oil div{font-size:1.4em; font-weight:bold; margin-bottom:6px;text-shadow: 1px 1px 1px #fff; padding-top:10px;}
#oil div a{color:#f47431}


#banner{margin-top:30px;}
#banner img{background:#fff; border: 1px solid #f47431;}


#block{clear:both; border-top: 1px solid #f47431; height:55px; margin-top:30px}
#block dt{font-size:0.85em; float:left; width:220px; margin-left:5px; line-height:1em}
#block dt img{float:left; margin-top:5px; margin-right:5px;}
#block dt a{text-decoration:none;}
#block dt div{font-size:1.6em; margin-top:14px; margin-bottom:5px; font-weight:bold; position:relative; left:-2px;}
#block dt div a{color:#999}
#block dt div a:hover{color:#000}
#block dd{padding-left:10px;border-top:1px solid #fff; margin:0px; float:right; background:#f5ece6; height:66px; width:202px;}
#block dd span{font-size:0.8em; margin-left:10px;}
#block dd div{width:194; height:40px;background:url('img/search_bg.gif') no-repeat 0 0 }
#block dd div:hover{background:url('img/search_bg.gif') no-repeat 0px -48px; }
#block dd input.search{background:none; border:none; margin-top:5px; margin-left:12px; width:152px;}
#block dd input.btn{width:25px; height:20px;margin-left:0px;}
#block dd a{font-size:0.8em; position:relative; top:-15px; left:10px;}

/*frontage*/

#promo{border-top:2px solid #000; height:250px; background:#f5ece6;overflow:hidden;}
#promo .nav{position:relative; top:-40px; margin-right:20px; }
#promo .nav div{float:right; background:url('img/pix_black_transp.png'); height:27px; padding-top:5px; padding-right:5px;}
#promo .nav div img{margin-left:5px;border:1px solid #f47431}
#promo .nav div a img{border:1px solid #000}
#promo .nav div a img:hover{border:1px solid #000}
#promo .nav div .active{border:1px solid #000}
#slider {width:3000%;}
#promo #slider .col {float:left;}


.sp{clear:both; height:30px;}
.bot{background: url('img/bot.gif') no-repeat; height:40px;}

#front-content{}
#front-content #news{float:left; width:435px; margin-left:10px; margin-right:20px;}
#front-content #news h2{margin-top:0px;}
#front-content #news h3{margin-top:0px; margin-bottom:1em;}
#front-content #news .archive{margin-top:1em; font-size:0.85em; font-weight:bold}

#news{margin-left:10px;}
#news h2{margin-top:0px;}
#news h3{margin-top:0px; margin-bottom:1em;}
#news .archive{margin-left:-6px;  margin-top:1em; font-size:0.85em; font-weight:bold;}
#news .archive span{background:#f5ece6; padding:2px 6px 4px 6px;  -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px;}

#front-content #price{ padding-left:10px;width:190px; float:right; margin-right:10px; margin-top:20px; border-left:1px solid #f47431}

#front-content #price .where{font-size:1.2em; padding-left:37px;color:#f47431;background:url('img/gas.gif') no-repeat 0px 5px;}
#front-content #price .where .select a{font-size:0.6em; color:#999; position:relative; top:-4px; text-decoration:none; border-bottom: 1px dotted; }
#front-content #price .where .select a:hover{color:#000}
#front-content #price .where .select img{margin-left:2px}


#front-content #price table{margin-top:2px;width:100%}
#front-content #price td{border:3px solid #fef7f2; width:65px; height:36px; color:#fff; font-size:1.8em; text-align:center; font-weight:bold}
#front-content #price td.petrol {background:#198a78}
#front-content #price td.diesel {background:#454545}
#front-content #price td.gas {background:#ffbf23}
#front-content #price th{text-shadow: 1px 1px 1px #fff; color:#999; background:#f7f2ee; border:3px solid #fef7f2; font-size:1.8em; font-weight:bold}
#front-content #price th:hover{background:#feedb7}
#front-content #price th.dark{background:#ece7e3}
#front-content #price th.dark:hover{background:#fbe7a7}
#front-content #price a.all{margin-left:7px; font-size:0.85em; font-weight:bold}

#services{clear:both; padding-top:10px;}
#services h2{margin-left:10px;}

#services #stripe{height:115px;overflow:hidden;position:relative;margin-right:5px;}
#services #stripe .item{float:left; width:211px; height: 104px; margin:0px 2px; border:5px solid #f47431; background:#fff}

#services #stripe .item .border{border:2px solid #000; height:100px;}


#services #stripe .item .border div{text-align:right; padding-right: 10px; padding-top:2px;position:relative; top:-50px; height:23px; width:180px; background:url('img/pix_black_transp.png') }
#services #stripe .item .border div a{display:block; text-decoration:none; font-weight:bold; font-size:1.2em}
#services #stripe .item .border div a:hover{color:#fff}
#services #stripe #slide {position:relative;width: 300%;}

/*inner pages*/

#submenu{margin-bottom:20px;}
#submenu dt {background:#f5ece6 url('img/submenu.gif') repeat-x bottom left; }
#submenu dt:hover{background:#f47431 url('img/submenu.gif') repeat-x bottom left;}
#submenu dd{margin-left:0px; font-weight:bold; background:#000; color:#f47431;  padding: 3px 5px 3px 10px; border-bottom:4px solid #fef7f2}
#submenu a{padding: 3px 5px 10px 10px; color:#000; display:block}
#submenu a:hover{color:#fff}

#sub_promo{border-top:2px solid #000; height:165px; background:#f5ece6}

#content{width:95%; margin-left:10px; min-height:200px; font-size:1em; color:#656565;}
#content h3{margin-bottom:5px;} 
#content h4{font-size:1.4em; line-height:1.2em; font-weight:normal}
#content h5{margin-top:0px; font-size:1.2em; font-weight:normal; line-height:1.2em}
#content u{text-decoration:none; font-weight:bold; color:#f47431}
#content dd{padding-left:25px;margin-left:0px; background:url('img/arrow.gif') no-repeat 8px 6px; margin-bottom:10px;}
#content dd a{text-decoration:none} 

#map_filters{height:120px;}
#map_filters dt {border: 1px solid #e9e1dc; width:200px; margin: 0 5px 5px 0; float:left; background:#f5ece6; font-weight:bold; font-size:0.9em; color:#000; line-height:1em; height:30px; padding-top:4px;}
#map_filters dt div{font-weight:normal; font-size:0.8em; color:#f47431; height:15px;}
#map_filters dt img{float:left; margin-top:-2px; margin-left:4px; margin-right:2px;}
#map_filters dt a{display:block; color:#000; text-decoration:none;}
#map_filters dt a:hover{color:#f47431; text-decoration:none}

#map_filters dt.selected{background:#f47431; color:#fff}
#map_filters dt.selected a{display:block; color:#000; text-decoration:none;}
#map_filters dt.selected div{color:#fff3b5}

#footer{padding-top:30px; clear:both; text-align: center; height: 80px; font-size:0.85em; line-height:1.2em;}
#footer .left{position:relative; text-align: left; top: 20px; left:40px;  float: left; width: 200px;line-height:1.8em }
#footer .right{position:relative; float: right; top: 20px; right: 30px; width: 200px; text-align: right;line-height:1.4em}

#prices{border-bottom:2px solid #f47431}
#prices table{width:100%; color:#4c4949 }
#prices td{padding:5px 5px 5px 7px; border-left:1px solid #fffcfb}
#prices th{text-align:left; width:150px;}
#prices th.town{border-top: 1px solid #ebe2da}
#prices th.top{border-top: 2px solid #f47431}

#prices tr td{background:#f9efe8;  border-top: 1px solid #ebe2da}

#prices tr.top td{border-top: 1px solid #000}
#prices tr.top_a td{background:#fef7f2;  border-top: 1px solid #f47431}
#prices tr.a td{background:#fef7f2;  border-top: 1px solid #ebe2da}

#prices .e{background:#fffcfb; border-top: 2px solid #f47431}
#prices .y{width: 40px; color:#ffbf23; border-top:4px solid #ffbf23; font-size:1.2em; font-weight:bold; background:#fffcfb}
#prices .b{width: 40px; color:#000; border-top:4px solid #000; font-size:1.2em; font-weight:bold;  background:#fffcfb}
#prices .g{width: 40px; color:#029a34; border-top:4px solid #029a34; font-size:1.2em; font-weight:bold;  background:#fffcfb}

.sitemap table{width:70%; margin-left:70px;}
.sitemap a{text-decoration:none}
.sitemap table ul.map-level-0 li{font-size:1.4em; margin-top:15px;}
.sitemap table ul.map-level-1 li{font-size:0.8em}

#content table.dusServices {width: 104%;}
#content table.dusServices td {	height: 46px;vertical-align: middle;	padding: 0 3px 0 8px;	}
#content table.dusServices td div {
	float: left;
	margin: 6px 0;
	width: 24px;
	text-align: center;
	}
#content table.dusServices td.titlies {
	background:url(img/bg_t_serv.gif) repeat-x top;
	font: bold 10pt Verdana;
	color: #fff;
	padding: 0 3px 0 5px;
	}
#content table.dusServices td.City {
	vertical-align: top;
	line-height: 16px;
	padding: 0 5px;
	font-weight: bold;
	color: #d85008;
	border-top: solid 1px #fc8d3d;
	}
#content table.dusServices td.orange {
	background: #fef7f2;
	border-top: solid 1px #e3dbd7;
	padding: 0 3px;
	}
#content table.dusServices td.wh {
	border-top: solid 1px #e3dbd7;
	width:200px;
	padding: 0;
	}
#content table.dusServices td.border_orange {
	border-top: solid 1px #fc8d3d;
	}
#content .onlineFormBox	{
	width: 668px;
	padding: 6px 0 3px 0;
	border-top: solid 3px #f47431;
	border-bottom: solid 3px #000;
	}
#content .onlineFormBox	table.onlineForm {
	width: 668px;
	}
#content .onlineFormBox	table.onlineForm td {
	padding: 14px;
	vertical-align: top;
	}
#content .onlineFormBox	table.onlineForm td.first {
	width: 27%;
	text-align: right;
	font-weight: bold;
	padding-left: 0;
	padding-right: 30px;
	color: #000;
	}
#content .onlineFormBox	table.onlineForm td.second {
	background: #f5ece6;
	border-bottom: solid 3px #fffcfb;
	padding-left: 30px;
	}
#content .onlineFormBox	table.onlineForm td.second input,textarea {
	width: 70%;
	border: solid 1px #c39473;
	padding: 2px;
	}
#content .onlineFormBox	table.onlineForm td.second textarea {
	width: 86%;
	height: 80px;
	padding: 2px;
	}

/* ----- Buttons ------ */
.buttons {
	margin-top: 10px;
}
 .buttons .leftSide {
	float: left;
	background:url(img/buttons.png) no-repeat left top;
	padding-left: 22px;
	height: 30px;
	font-size: 11pt;
	font-weight: bold;
	color: #fff;
	line-height: 26px;
	text-shadow: 1px 1px 1px #B73918;
	cursor: pointer;
	}
.buttons .rightSide {
	float: left;
	background:url(img/buttons.png) no-repeat right -40px;
	width: 22px;
	height: 30px;
	cursor: pointer;
	}

#content table.dusServices td.center {
	text-align: center;
	}
#content table.dusServices td.titlies2 {
	background:url(./bg_t_serv.gif) repeat-x top #f47431;
	line-height: 10px;
	font: bold 9pt Verdana;
	color: #fff;
	padding: 5px 3px 3px 5px;
	}
#content table.dusServices td.titlies3 {
	line-height: 16px; 
	padding-top: 3px; 
	vertical-align: middle;
	}

#content .onlineFormBox	table.onlineForm td input[type=radio], #content .onlineFormBox	table.onlineForm td input[type=checkbox]{
	width: auto;
	margin-right: 5px;
	}
#content .onlineFormBox	table.onlineForm td .smallText {
	font-size: 8pt;
	margin: 0 10px 0 3px;
	}
#content .onlineFormBox	table.onlineForm td.white {
	background: #fff;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 8pt;
	}


#content .onlineFormBox	table.onlineForm td input[type=radio], #content .onlineFormBox	table.onlineForm td input[type=checkbox]{
	width: auto;
	margin-right: 5px;
	}
#content .onlineFormBox	table.onlineForm td .smallText {
	font-size: 8pt;
	margin: 0 10px 0 3px;
	}
#content .onlineFormBox	table.onlineForm td.white {
	background: #fff;
	padding-top: 3px;
	padding-bottom: 3px;
	font-size: 8pt;
	}
#content h3.orangeBg {
	width: 530px;
	padding: 10px;
	background: #f5ece6;
	}
#content table.contacts {
	width: 530px;
	margin: 0 0 20px 0;
	}
#content table.contacts td {
	padding: 4px 10px 12px 10px;
	}
#content table.contacts td.Big {
	font-size: 14pt;
	line-height: 120%;
	}
#content table.contacts td.selected {
	width: 170px;
	font-size: 11pt;
	padding: 12px 10px 8px;
	font-weight: bold;
	color: #f47431;
	border-top: solid 1px #e0e0e0;
	}
#content table.contacts td.selected2 {
	font-size: 14pt;
	padding: 10px;
	border-top: solid 1px #e0e0e0;
	}
#content .picture {
	position: absolute;
	width: 140px;
	height: 225px;
	margin: 40px 0 0 410px;
	background:url(img/pic.png) no-repeat right bottom;
	}
	
#station_list {
	display:none; 
	position:absolute;
	background-color:#f7f2ee;
	height:200px;
	overflow:auto;
border-top: 2px solid #f47431;
border-bottom:2px solid #000;
}

#station_list dt {border-bottom:1px solid #ece7e3}
#station_list dt:hover {background:#feedb7}
#station_list dt a {text-decoration:none; display:block; padding:5px; }