/*
 *	TEXACO - Delek Belgium - Cascading Style Sheet
 *	Design and development by Design is Dead
 *	02/2010
 */
 
@import url("reset.css");
@import url("jqueryui/jquery-ui-1.7.2.custom.css");


/* general */
html {
    background: transparent url(../img/header_bg.jpg) repeat-x left top;
}

body {
    line-height: normal;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    background: transparent url(../img/footer_bg.jpg) repeat-x left bottom;
    padding: 0 15px;
}

.clear {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

hr {
    display: block;
    clear: both;
    height: 1px;
    line-height: 1px;
    overflow: hidden;
    border: none;
    background-color: #c1beb0;
    margin: 20px 0;
}

a:link, a:visited, a:active {
    color: #f20000;
}

#dialog {
    display: none;
}

/* header and navigation */
#header {
    height: 78px;
    background: #000 url(../img/header_bg.jpg) top left repeat-x;
    position: relative;
    margin: 0 auto;
    width: auto;
    width: 970px;
}

#header h1 {
    width: 160px;
    height: 35px;
    position: absolute;
    left: 0;
    top: 25px;
}

#header h1 a {
    width: 160px;
    height: 35px;
    background: transparent url(../img/texaco.gif) top left no-repeat;
    text-indent: -99999px;
    outline: none;
    display: block;
}

#header ul#topnav {
    width: auto;
    height: 25px;
    display: block;
    position: absolute;
    right: 5px;
    font-size: 11px;
}

#header ul#topnav li {
    display: block;
    float: left;
    height: 5px;
    padding: 7px 10px 10px 10px;
    word-spacing: 2px;
    position: relative;
}

#header ul#topnav li a {
    color: #999;
    text-decoration: none;
}

#header ul#topnav li#lng {
    border-left: #999 1px dotted;
}

#header ul#topnav li a.active {
    color: #fff;
    border-bottom: 1px #ff0000 dotted;
}

#header ul#navi {
    height: 35px;
    position: absolute;
    left: 180px;
    top: 39px;
    top: 38px\9;




	width: 765px !important;
    overflow: visible;
}


#header ul#navi li {
    display: block;
    float: left;
    margin: 0px;
    height: 35px;
    position: relative;
    padding: 0 10px;
}

#header ul#navi li a {
    color: #999;
    text-decoration: none;
    font-weight: normal;
    letter-spacing: 0.5px;
    display: block;
    padding: 10px 0 9px 0;
    letter-spacing: -0.1px;
}

#header ul#navi li.active {
    height: 35px;
    color: #fff;
}

#header ul#navi li.active a {
    border-bottom: 5px solid #ff0000;
	positoin: relative;
    z-index: -1000;
}

#header ul#navi li.active ul li a {
    border-bottom: none;
}

#header ul#navi li.active a {
    color: #fff;
}

#bc {
    font-size: 11px;
    display: block;
}

/* subnavigation */
#header {
    z-index: 10;
}

#header ul#navi li a:hover {
    border: none;
    color: #fff;
}

#header ul#navi li ul {
    left: -9999px;
    position: absolute;
    top: 33px;
    width: 175px;
    padding: 5px 0;
    z-index: 100;
    background: #fff;
    border: #e6e3d5 5px solid;
}

#header ul#navi li ul li {
	margin: 0 5px;
}


#header ul#navi li ul li a {
    letter-spacing: normal !important;
}

#header ul#navi li:hover ul {
    left: 0;
}

#header ul#navi li:hover ul li a {
    color: #e00000;
    width: 145px;
    display: block;
    font-size: 11px;
    padding: 0 5px;
    margin: 0;
    height: auto;
}

#header ul#navi li:hover ul li a:hover {
    background: none;
    text-decoration: underline;
}

#header ul#navi li ul li {
    height: auto;
    padding: 7px 0;
    border-bottom: #ccc 1px solid;
    width: 165px;
    color: #e00000;
}

#header ul#navi li:hover ul li.last {
    border: none;
}

#header ul#navi li span {
    display: block;
    width: 7px;
    height: 4px;
    background: url(../img/nav_arrow.gif) right top no-repeat;
    position: absolute;
    right: 7px;
    top: 15px;
}

#header ul#navi li:hover span {
    background: url(../img/nav_arrow_ro.gif) right top no-repeat;
}

/* content */
#content .left {
    width: 735px;
    margin: 15px 0;
}

#content .left .left, #content .left .right {
    width: 360px;
    margin: 20px 0 0 0;
}

#content .left .left.third {
    width: 245px;
    margin-bottom: 20px;
}

#content .right {
    width: 205px;
    margin: 15px 0;
}

#content .right .right, #content .right .left, #content .left .left .right, #content .left .left .left, #content .left .right .right, #content .left .right .left {
    width: auto;
    background-color: transparent;
    margin: auto;
}

#content .sand {
    padding: 20px;
    margin: 15px 0 0 0;
    background-color: #ebe7d7 !important;
}
* html #content .sand {
}

#content .border {
    padding: 15px;
    border: 5px solid #ebe7d7 !important;
    margin-bottom: 0;
}

#content .sand .right.third {
    width: 230px;
    margin-left: 20px;
}

#content .left .left.sand, #content .left .right.sand, #content .left .left.border, #content .left .right.border {
    width: 320px;
}

#content .right.sand, #content .right.border {
    width: 165px;
}
* html #content div.right.sand {
    padding-right: 0;
    width: 180px !important;
}
* html #qualityline div.left div.sand {
	width: 320px !important;
	padding-right: 20px !important;
}
* html #fuels #content div.right.sand {
	padding-right: 20px !important; 
}
* html #fuels div.left div.right.sand {
	width: 320px !important;
	padding-right: 20px !important; 
}

#fuels div.right.sand p.smallinfo {
	height: 70px;
	font-size: 10px;
}

* html #contact .left.contact .right.sand {
	width: 460px !important;
}

#content.lub .left .left, #content.lub .left .right {
    position: relative;
    padding-left: 80px;
    width: 280px;
}

#content.lub .left .left img, #content.lub .left .right img {
    position: absolute;
    left: 5px;
    top: 5px;
}

#content .left.contact .left {
    width: 230px;
}

#content .left.contact .right {
    width: 440px;
}

#content .left.contact {
	padding-bottom: 40px;
}

#content .left h3 {
    font-size: 18px;
    color: #f20000;
    font-style: italic;
}

#content .left h4 {
    font-size: 18px;
    line-height: 23px;
    color: #4c4b47;
    font-weight: normal;
    margin: 20px 0 0 0;
}

#content .left p {
    margin: 10px 0;
    color: #525252;
    line-height: 17px;
    font-size: 13px;
}

#content .left li {
    padding-left: 10px;
    color: #525252;
    line-height: 17px;
    font-size: 13px;
    background: transparent url(../img/s_arrow.gif) no-repeat left 7px;
}

#content .left .left dt {
    float: left;
    clear: right;
    display: block;
    font-weight: bold;
    padding-top: 15px;
}

#content .left .left dd {
    float: right;
    width: 430px;
    display: block;
    padding-top: 15px;
}
#content .left .left.media dt {
}
#content .left .left.media dd {
    width: 390px;
	margin-left: 20px;
}

#content .left .left.third h3, #content .left .left.third h4, #content .left .left.third p, #content .left .left.third ul {
    padding-right: 20px;
}

#content .left div.right.third {
    width: 190px;
}

#content .left div.right.third h3 {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    font-style: normal;
    color: black;
}

#content .right h3 {
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
}

#content .right p {
    margin: 10px 0;
    color: #525252;
    line-height: 17px;
    font-size: 13px;
}

#content .right p small {
    font-size: 10px;
    line-height: 14px;
    color: #807e77;
}

#content .right img.visual {
    position: relative;
    right: 15px;
    bottom: 15px;
    margin: 0 !important;
}

#content .left div.left.history, #content .left div.left.media, #content .fuelprices div.left {
    width: 480px;
    color: #4c4b47;
    padding-bottom: 30px;
}

#content div.left.fuelcheques div.right.form {
    width: 480px;
}

#content div.fuelcheques fieldset.inputfields {
	margin: 0 0 50px 0;
}

#content div.fuelcheques fieldset.table {
	margin: 40px 0;
}

#content div.fuelcheques form {
	padding-bottom: 50px;
	margin-top: 30px;
}

#content div.fuelcheques div.form p {
	margin: 5px 0 50px 0;
}

#content .prices td, #content .prices th {
    border-top: 3px solid #ebe7d8;
    background-color: white;
    padding: 5px;
}

#content .prices th {
    font-size: 11px;
    color: #4c4b47;
    font-style: italic;
    line-height: 12px;
    text-align: left;
    font-weight: normal;
}

#content .prices td {
    color: #e00000;
    font-size: 17px;
    line-height: 14px;
    text-align: right;
}

#content .prices td small {
    color: #807e77;
    font-size: 10px;
    text-transform: uppercase;
}

#content .siblingLinks {
    margin-top: 15px;
    overflow: hidden;
}

#content .siblingLinks li {
    display: block;
    font-size: 13px;
    line-height: 16px;
    padding: 7px 5px;
    border-top: 1px solid #dddbd1;
    position: relative;
    bottom: 1px;
}

body#fuels #content div.right.sand p small {
	line-height: 0px !important;
}

* html #map {
    border-width: 0px !important;
    margin-top: 20px;
}
*:first-child + html #map {
    border-width: 0px !important;
    margin-top: 20px;
}
* html .searchRental {
    width: 695px !important;
    padding: 20px !important;
}
* html #rentals #content .left .sand.searchRental {
	width: 695px !important;
}
* html #carwash #content .left .sand.searchRental {
	width: 695px !important;
}

.searchRental fieldset {
    margin-top: 10px;
}

.searchRental fieldset label {
    padding-right: 20px;
}

.searchRental fieldset input[type =
"text"], .searchRental fieldset select {
    width: 165px;
}

.searchRental fieldset input[type =
"checkbox"] {
    width: auto;
}

.searchRental #map {
    width: 685px;
    height: 340px;
    border: 5px #fff solid;
}

.searchRental #results {
    margin-top: 20px;
}

.searchRental #results div {
    padding: 5px 25px;
    margin-bottom: 1px;
    background: #fff url(../img/arr.gif) 5px 5px no-repeat;
}

.searchRental #results div:hover {
    cursor: pointer;
	cursor: hand;
    background: #efefef url(../img/arr.gif) 5px 5px no-repeat;
}

div.right form fieldset {
    margin: 10px 0;
}

div.right form .checkboxes label {
    display: block;
    padding-left: 95px;
    line-height: 20px;
    color: #4c4b47;
}

div.right form .checkboxes input {
    margin: 0;
    padding: 0;
    border: none;
    display: inline;
    width: auto;
    position: relative;
    top: 2px;
}

div.right form .inputfields * {
    display: block;
    float: left;
}

div.right form .inputfields strong {
    width: 90px;
    padding-right: 5px;
    text-align: right;
    line-height: 28px;
    font-size: 12px;
    color: black;
}

div.right form .inputfields #number strong {
    width: 30px;
}

div.right form .inputfields #city strong {
    width: 50px;
}

div.right form .inputfields em {
    padding: 0 2px;
}

div.right form .inputfields textarea {
    width: 255px;
    border: 1px solid #808080;
    margin-top: 2px;
}

div.right form .inputfields input {
    width: 255px;
    border: 1px solid #808080;
}

div.right form .inputfields #telephone input, div.right form .inputfields #street input {
    width: 225px;
}

div.right form .inputfields #number input {
    width: 30px;
}

div.right form .inputfields #postal input {
    width: 50px;
}

div.right form .inputfields #city input {
    width: 185px;
}

div.right form .inputfields #btw input {
    width: 200px;
}

div.right form .inputfields #btw span {
    width: 25px;
    line-height: 28px;
}

div.right form .clear {
    padding-left: 95px;
}

div.right form .clear input {
    margin: 0;
    font-size: 13px;
    font-style: normal;
}

div.right form .sand {
    padding: 10px !important;
}

div.right form .table table {
    width: 100%;
}

div.right form .table th {
    font-size: 12px;
    font-weight: bold;
    text-align: left;
    line-height: 16px;
    padding: 7px 10px;
}

div.right form .table th.total {
    text-align: right;
}

div.right form .table td {
    font-size: 12px;
    line-height: 16px;
    padding: 0 10px;
}

div.right form .table td input {
    display: inline;
    width: 40px;
}

div.right form .table td#chequestotal {
    text-align: right;
    font-weight: bold;
    color: #e00000;
    font-size: 18px;
}

div.right form .table td#chequestotal small {
    font-weight: normal;
    font-size: 12px;
}


#faq dt, #faq dd {
    display: block;
    background-color: white;
    font-size: 13px;
    line-height: 17px;
    padding: 6px 6px 6px 25px;
    color: #4c4b47;
}

#faq dt {
    font-weight: bold;
    margin-top: 1px;
    background: white url(../img/arr_down.gif) no-repeat 6px 8px;
}

#faq dt.closed {
    background: white url(../img/arr.gif) no-repeat 6px 8px;
}

#faq dd {
    padding: 2px 6px 20px 25px;
}

* html dt {
	width: 660px !important;
}
* html dd {
	width: 660px !important;
}

* html #faq .left.faq .sand {
	width: 715px !important;
}

p.chequeinfo {
    padding-top: 18px !important;
    width: 520px;
    display: block;
}

#mediabox_nl, #mediabox_be, #mediabox_fr, #mediabox_shops_nl,  #mediabox_shops_be, #mediabox_shops_fr {
    margin: 0 auto;
    width: 972px;
    height: 300px;
    display: block;
    position: relative;
    overflow: hidden;
}

#mediabox_nl #mbwrapper, #mediabox_be #mbwrapper, #mediabox_fr #mbwrapper, #mediabox_shops_nl #mbwrapper, #mediabox_shops_be #mbwrapper, #mediabox_shops_fr {
    line-height: 0;
}

#content {
    padding: 15px 0 30px 0;
    position: relative;
    width: 960px;
    margin: 0 auto;
}

#home #content {
	width: 951px;
}

#content h2 {
    display: block;
    background: url(../img/subheader.jpg) top left no-repeat;
    width: 715px;
    height: 45px;
    padding: 175px 0 0 20px;
    color: #fff;
    font-size: 28px;
}

#content h3 {
    font-size: 16px;
}

#content div#gothefreshway {
    width: 235px;
    background: url(../img/home_goshops.gif) top left no-repeat;
    left: 655px;
    padding: 15px 50px 0 40px;
    position: absolute;
    top: -90px;
    line-height: normal;
}

* html #content div#gothefreshway {
	left: 650px;
}

#content div#gothefreshway p {
    margin: 10px 0;
    color: #525252;
}

#content div#gothefreshway h3 {
    width: 180px;
    height: 40px;
    display: block;
    background: url(../img/gothefreshway.gif) top left no-repeat;
    text-indent: -99999px;
    margin: 15px 0;
}

/* HOME */
#home #content {
    height: 350px;
}

#home #content div h3 {
    font-style: italic;
    color: #f20000;
    font-size: 18px;
    margin: 10px 0;
}

#home #content div {
    width: 205px;
    position: absolute;
    color: #4c4b47;
    line-height: 1.5em;
}

#home #content div p {
    margin: 10px 0;
}

a.readmore {
    color: #e00000;
    padding-left: 20px;
    text-decoration: none;
    background: url(../img/arr.gif) 0 2px no-repeat;
    display: block;
}
* html #services #servicewrapper .readmore {
    position: relative;
    z-index: 10000;
}

a.readmore:hover {
    text-decoration: underline;
}

#home #content div#searchastation_h {
    background: url(../img/home_station.gif) top left no-repeat;
    left: 0;
    padding-top: 130px;
}

#home #content div#texacocard {
    background: url(../img/home_card.gif) top left no-repeat;
    left: 225px;
    padding-top: 130px;
}

#home #content div#productsandservices {
    background: url(../img/home_service.gif) top left no-repeat;
    left: 450px;
    padding-top: 130px;
}

#home #content div#oneyearcontest {
    background: url(../img/home_contest.gif) top left no-repeat;
    left: 450px;
    padding-top: 130px;
}

#home #content div#rocks {
    background: url(../img/home_rocks.gif) top left no-repeat;
    left: 450px;
    padding-top: 130px;
}

#content div#gothefreshway #homeslider {
    background: #E6E1CD;
    margin: 20px -20px;
    width: 267px;
    height: 150px;
    padding: 5px;
}

#content div#gothefreshway #homeslider #homeballs, #content div#gothefreshway #homeslider #goballs {
    margin: 0 auto;
    width: 52px;
    display: block;
}

#content div#gothefreshway #homeslider #homeballs a, #content div#gothefreshway #homeslider #goballs a {
    background: url(../img/homedot.gif) no-repeat top left;
    outline: none;
    text-indent: -99999px;
    display: inline-block;
    width: 10px;
    height: 10px;
    padding: 0;
    margin: 4px 0;
}

#content div#gothefreshway #homeslider #homeballs a.active, #content div#gothefreshway #homeslider #goballs a.active {
    background: url(../img/homedot_a.gif) no-repeat top left;
}

/* image btns */
a.imgbtn {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    text-decoration: none;
}

a.imgbtn.home {
    height: 120px;
}

#servicewrapper div {
    position: relative;
}

a.imgbtn.service {
    height: 130px;
}

/* header images */
#fuelcheques #content h2 {
    background: url(../img/fuelchequesheader.jpg) top left no-repeat;
}

#fuels #content h2 {
    background: url(../img/fuelheader.jpg) top left no-repeat;
}

#fueloil #content h2 {
    background: url(../img/fueloilheader.jpg) top left no-repeat;
}

#carwash #content h2 {
    background: url(../img/carwashheader.jpg) top left no-repeat;
}

#card #content h2 {
    background: url(../img/cardheader.jpg) top left no-repeat;
}

#gps #content h2 {
    background: url(../img/gpsheader.jpg) top left no-repeat;
}

#history #content h2 {
    background: url(../img/historyheader.jpg) top left no-repeat;
}

#qualityline #content h2 {
    background: url(../img/qlineheader.jpg) top left no-repeat;
}

#rentals #content h2 {
    background: url(../img/rentalsheader.jpg) top left no-repeat;
}

#xlfuels #content h2 {
    background: url(../img/xlfuelheader.jpg) top left no-repeat;
}

#stations #content h2 {
    background: url(../img/stationheader.jpg) top left no-repeat;
}

#lubes #content h2 {
    background: url(../img/lubeheader.jpg) top left no-repeat;
}

#promo #content h2 {
    background: url(../img/goshopheader.jpg) top left no-repeat;
}

#jobs #content h2 {
    background: url(../img/jobheader.jpg) top left no-repeat;
}

/* STATIONS */
#stations #content #stationwrapper {
    width: 735px;
    left: 0;
    top: 15px;
    min-height: 600px;
    position: relative;
}

#stations #content #stationwrapper #advantage {
    width: 735px;
    height: 30px;
    padding: 35px 0 10px 0;
    position: relative;
    color: #4c4b47;
}

#stations #content #stationwrapper #advantage h3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.2em;
    width: 350px;
}

#stations #content #stationwrapper #advantage p {
    position: absolute;
    width: 350px;
    left: 375px;
    top: 35px;
    font-size: 13px;
    line-height: normal;
}

#stations #content #stationwrapper #dealers {
    width: 225px;
    height: 255px;
    padding: 10px 0 10px 20px;
}

#stations #content #stationwrapper #dealers h3 {
    color: #e00000;
    font-style: italic;
    font-size: 18px;
    margin-bottom: 20px;
}

#stations #content #stationwrapper #dealers p {
    margin: 10px 0;
}

#stations #content #stationwrapper #services {
    width: 210px;
    height: 255px;
    padding: 10px 10px 10px 35px;
}

#stations #content #stationwrapper #services h3 {
    color: #e00000;
    font-style: italic;
    font-size: 18px;
    margin-bottom: 20px;
}

#stations #content #stationwrapper #services p {
    margin: 10px 0;
}

#stations #content #stationwrapper #gps {
    width: 206px;
    height: 251px;
    padding: 12px;
}

#stations #content #stationwrapper #gps p {
    display: block;
    width: 205px;
    height: 215px;
    background: #e6e3d5;
}

#stations #content #stationwrapper #gps p span {
    font-size: 16px;
    font-weight: bold;
    color: #000;
    display: block;
    padding: 0px 20px 10px 20px;
    line-height: 1.2em;
}

#stations #content #stationwrapper #gps p a {
    margin-left: 20px;
}

#stations #content #searchbox {
    width: 695px;
    background-color: #ebe7d8;
    padding: 20px;
    color: #33322f;
    margin-top: 70px;
    margin-bottom: 50px;
}

#stations #content #searchbox h3 {
    font-size: 18px;
    color: #f20000;
    font-style: italic;
}

#stations #content #searchbox p {
    margin: 10px 0 0 0;
    line-height: 1.3em;
    color: #4e4e4e;
}

#stations #content #searchbox fieldset {
    margin-top: 10px;
}

#stations #content #searchbox fieldset label {
    padding-right: 20px;
}

#stations #content #searchbox fieldset input[type =
"text"], #stations #content #searchbox fieldset select {
    width: 165px;
}

#stations #content #searchbox fieldset input[type =
"checkbox"] {
    width: auto;
}

#stations #content #searchbox #map {
    width: 685px;
    height: 340px;
    border: 5px #fff solid;
	margin: 15px 0;
}
*:first-child + html #stations #content #searchbox #map {
    margin: 10px 0;
}

#stations #content #searchbox #results {
    margin-top: 20px;
}

#stations #content #searchbox #results div {
    padding: 5px 25px;
    margin-bottom: 1px;
    background: #fff url(../img/arr.gif) 5px 5px no-repeat;
}

#stations #content #searchbox #results div:hover {
    cursor: pointer;
	cursor: hand;
    background: #f5f3ea url(../img/arr.gif) 5px 5px no-repeat;
}

/* GPS */
#gps #content #gpshead {
    width: 735px;
    margin-top: 15px;
    height: 550px;
    color: #33322f;
    line-height: normal;
}

#gps #content #gpshead h3 {
    font-size: 26px;
    margin: 10px 0;
}

#gps #content #gpshead #leftcol {
    width: 355px;
    height: 235px;
    margin-top: 40px;
    color: #4c4b47;
    line-height: 1.3em;
}

#gps #content #gpshead #leftcol h3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.3em;
}

#gps #content #gpshead #rightcol {
    width: 315px;
    height: 195px;
    background: #ebe7d7;
    padding: 20px;
    position: absolute;
    top: 285px;;
    left: 380px;
}

#gps #content #gpshead #rightcol h3 {
    font-size: 18px;
    margin: 0;
}

#gps #content #gpshead #rightcol p {
    color: #4c4b47;
    line-height: 1.5em;
    margin: 10px 0;
}

#gps #content #gpshead #rightcol #dlbtn {
    font-size: 19px;
    margin: 5px 0;
    display: inline-block;
    color: #fff;
    padding: 8px 30px 2px 10px;
    height: 30px;
    text-decoration: none;
    background: top right url(../img/dlbtnbg.jpg) repeat-x;
}

#gps #searchastation {
    position: absolute;
    top: 28px;
    left: 760px;
}

#gps.fr #lookingfordealers {
	top: 320px;
}

#gps.fr #content {
	height: 700px;
}

/* DEALERS */
#dealers #content #dealerhead {
    width: 735px;
    margin-top: 15px;
    height: 550px;
    color: #33322f;
    line-height: normal;
}

#dealers #content #dealerhead h3 {
    font-size: 26px;
    margin: 10px 0;
}

#dealers #content #dealerhead #leftcol {
    width: 355px;
    height: 235px;
    margin-top: 40px;
    color: #4c4b47;
    line-height: 1.3em;
}

#dealers #content #dealerhead #leftcol h3 {
    font-size: 18px;
    font-weight: normal;
    line-height: 1.3em;
}

#dealers #content #dealerhead #leftcol p {
    margin: 10px 0;
}

#dealers #content #dealerhead #rightcol {
    width: 315px;
    background: #ebe7d7;
    padding: 20px;
    position: absolute;
    top: 285px;;
    left: 380px;
}

#dealers #content #dealerhead #rightcol h3 {
    font-size: 18px;
    margin: 0;
}

#dealers #content #dealerhead #rightcol p {
    color: #4c4b47;
    line-height: 1.5em;
    margin: 10px 0;
}

#dealers #content #dealerhead #rightcol #dlbtn {
    font-size: 19px;
    margin: 5px 0;
    display: inline-block;
    color: #fff;
    padding: 8px 30px 2px 10px;
    height: 30px;
    text-decoration: none;
    background: top right url(../img/dlbtnbg.jpg) repeat-x;
}

#dealers #searchastation {
    position: absolute;
    top: 300px;
    left: 760px;
}

/* DEALER APPLICATION FORM */

form#apply h3 {
	margin: 20px 0;
}

form#apply fieldset#personalinfo label, form#apply fieldset#wheredoyouwant div, form#apply fieldset#education div, form#apply fieldset#profexp label, form#apply fieldset#hourschedule label,
form#apply fieldset#various label, fieldset#education.nlform label, fieldset#languages.nlform label, fieldset#partnerkids label
{
	width: 200px;
	display: block;
	float: left;
}

form#apply fieldset label strong {
	min-width: 100px;
	display: block;
}

form#apply fieldset#wheredoyouwant p {
	font-size: 16px;
}

form#apply fieldset#wheredoyouwant div {
	width: 300px;
}

form#apply label#itknowledge {
	margin: 10px 0;
	display: block;
}

form#apply label#itknowledge input {
	width: 700px;
}

form#apply table tr th, form#apply table tr td {
	width: 135px;
	text-align: center;
	height: 10px;
	padding: 2px;
}

form#apply fieldset#profexp label#strong,form#apply fieldset#profexp label#motivation, form#apply fieldset#hourschedule label#salesexp,form#apply fieldset#hourschedule label#successfactors,
form#apply fieldset#various label#inaclub,form#apply fieldset#various label#areyouhealthy
{
	width: 360px;
	margin: 20px 0;
}

form#apply fieldset#financial label#guarantees input {
	width: 700px;
}

form#apply label#strong strong, form#apply label#motivation strong, form#apply label#salesexp strong, form#apply label#successfactors strong, form#apply label#inaclub strong, form#apply label#areyouhealthy strong {
	height: 30px;
}

form#apply fieldset#education div {
	width: 140px;
}

/* GO SHOPS */
div.goshopmbox {
    border-bottom: 5px #86ca35 solid;
    height: 369px;
}

#shops #content #searchashop {
    width: 670px;
    color: #33322f;
}

#shops #content #searchashop #aboutshops {
    width: 430px;
	padding-bottom: 20px;
}

#shops #content #searchashop #aboutshops h3 {
    margin: 20px 0;
    font-size: 18px;
	color: #4c4b47;
    font-weight: normal;
    letter-spacing: 0.4px;
}

#shops #content #searchashop #aboutshops p {
    margin: 20px 0;
    line-height: normal;
    letter-spacing: 0.3px;
}

#shops #content #searchashop #shopsearchbox {
    position: absolute;
    top: 15px;
    left: 455px;
    width: 210px;
    padding-top: 5px;
}

#shops #content #searchashop #shopsearchbox h3 {
    color: #86ca35;
    margin: 10px 0;
    font-size: 18px;
    font-style: italic;
}

#shops #content #mapbox {
    width: 610px;
    padding: 20px;
    background-color: #ebe7d8;
    margin: 0 0 30px 0;
}

#shops #content #map {
    width: 600;
    height: 340px;
    border: 5px #fff solid;
}

#shops #content #mapbox #addresstomap {
    margin: 10px 0;
}

#shops #content #results {
    width: 610px;
}

#shops #content #results div {
    padding: 5px 25px;
    margin-bottom: 1px;
    background: #fff url(../img/arr.gif) 5px 5px no-repeat;
}

#shops #content #results div:hover {
    cursor: pointer;
	curosr: hand;
    background: #f5f3ea url(../img/arr.gif) 5px 5px no-repeat;
}

#promo .md {
	position: relative;
}

* html #promo .md {
	width: 715px !important;
}

* html #promo .mdinfo {
	margin-left: 20px !important;
}

#promo .md .mdinfo {
	position: absolute;
	top: 20px;
	left: 200px;
}

body#shops #content {
	min-height: 350px;
}

* html #promo .mdinfo {
	width: 735px;
}

/* XLFUELS */
#xlfuels .cleaner {
    background: #fff url(../img/cleaner.gif) top left no-repeat;
    padding: 140px 0 0 0;
    width: 250px !important;
}

#xlfuels .moreefficient {
    background: #fff url(../img/moreefficient.gif) top left no-repeat;
    padding: 140px 0 0 0;
    width: 250px !important;
}

#xlfuels .morepowerful {
    background: #fff url(../img/morepowerful.gif) top left no-repeat;
    padding: 140px 0 0 0;
    width: 235px !important;
}

/* PRODUCTS AND SERVICES */
#services #content #servicewrapper {
    width: 735px !important;
    margin-top: 15px;
}

* html #services #content #servicewrapper {
}

#services #servicewrapper div {
    width: 232px;
	height: 130px;
    float: left !important;
    padding: 150px 0 30px 0;
}

#services #servicewrapper div.fifteen {
	   margin-right: 15px;
}

* html #services #servicewrapper div.fifteen {
		margin-right: 10px;
}

#services #servicewrapper div h3 {
    margin-bottom: 10px;
    color: #e20000;
    font-size: 18px;
    font-style: italic;
}

#services #servicewrapper div p {
    line-height: 1.3em;
    color: #4c4b47;
    margin-bottom: 10px;
}

#services #servicewrapper div.fuels {
    background: #fff url(../img/fuels.gif) top left no-repeat;
}

#services #servicewrapper div.xlfuels {
    background: #fff url(../img/xlfuels.gif) top left no-repeat;
}

#services #servicewrapper div.lubes {
    background: #fff url(../img/lubes.gif) top left no-repeat;
}

#services #servicewrapper div.heating {
    background: #fff url(../img/fueloil.jpg) top left no-repeat;
}

#services #servicewrapper div.carwash {
    background: #fff url(../img/carwash1.gif) top left no-repeat;
}

#services #servicewrapper div.rentals {
    background: #fff url(../img/rentals1.jpg) top left no-repeat;
}

#services #servicewrapper div.qline {
    background: #fff url(../img/qline1.jpg) top left no-repeat;
}
* html #services #servicewrapper div {
    margin-right: 14px;
}
* html #services #servicewrapper {
    width: 750px !important;
}

#services #qline {
    background: #ebe7d7 url('../img/qline.gif') top left no-repeat;
    padding: 150px 20px 20px 20px;
    width: 165px;
    position: absolute;
    top: 45px;
    left: 760px;
}

#services #cheques {
    width: 205px;
    position: absolute;
    left: 760px;
    top: 450px;
}

#services #qline h3, #services #cheques h3 {
    font-size: 18px;
    margin: 0 0 10px 0;
}

#services #qline p, #services #cheques p {
    color: #4c4b47;
    margin: 0 0 10px 0;
}


/* FUELOIL */ 
* html body#fueloil div.fobox {
    width: 695px !important;
}

body#fueloil #content {
	margin-bottom: 30px;
}

body#fueloil h4 {
	margin-top: 10px !important;
}

.fobox p.res {
    padding: 10px;
    background-color: #fff;
}

/* CARD */
#card #content h2 {
    margin-top: 15px;
}

#card #intro {
    width: 650px;
    margin: 20px 0;
    font-size: 18px;
    line-height: 1.3em;
    color: #4c4b47;
}

#card ul#cardfunctions {
    width: 735px;
    display: block;
}

#card ul#cardfunctions li {
    width: 300px;
    height: 130px;
    display: block;
    float: left;
    padding: 10px 10px 10px 55px;
    font-size: 18px;
    color: #e00000;
    font-style: italic;
    font-weight: bold;
}

* html #card ul#cardfunctions li {
	width: 285px;
}

#card ul#cardfunctions li.cardcustom {
    background: url(../img/opmaat.jpg) top left no-repeat;
}

#card ul#cardfunctions li.cardextras {
    background: url(../img/extrafuncties.jpg) top left no-repeat;
}

#card ul#cardfunctions li.cardfreesafe {
    background: url(../img/gratisveilig.jpg) top left no-repeat;
}

#card ul#cardfunctions li.cardfreemap {
    background: url(../img/gratiswegenkaart.jpg) top left no-repeat;
}

#card ul#cardfunctions li.cardadmin {
    background: url(../img/eenvoudigeadmin.jpg) top left no-repeat;
}

#card ul#cardfunctions li.cardnetwork {
    background: url(../img/netwerk800.jpg) top left no-repeat;
}

#card ul#cardfunctions li.cardis {
    background: url(../img/uniekis.jpg) top left no-repeat;
}

#card ul#cardfunctions li ul {
    margin: 10px 0;
}

#card #content ul#cardfunctions li ul li {
	list-style-type: disc !important;
	display: list-item;
	margin-left: 15px;
}

#card ul#cardfunctions li ul li {
    font-size: 13px;
    font-weight: normal;
    font-style: normal;
    color: #4c4b47;
    padding: 0;
    height: auto;
    float: none;
    display: block;
}

#card #cardservices, #card #moreinfo {
    position: absolute;
    background: #edeae0;
    width: 165px;
    padding: 20px;
    top: 43px;
    left: 760px;
}

#card #cardservices h3, #card #moreinfo h3, #card #interested h3 {
    font-size: 18px;
}

#card #cardservices p, #card #moreinfo p {
    color: #4c4b47;
    margin: 10px 0;
}

#card #moreinfo {
    top: 320px;
}


#card #interested {
    width: 320px;
    background: #edeae0;
    position: absolute;
    left: 365px;
    padding: 20px;
}

#card.fr #interested {
    top: 870px;
}

#card.nl #interested {
    top: 835px;
}

* html #card ul#cardfunctions li ul {
    height: 100px;
}
* html #card.fr #interested {
    top: 930px;
}
* html #card.nl #interested {
    top: 870px;
}

#card #interested a {
    color: #fff;
    text-decoration: none;
    background: url(../img/btn.jpg) repeat-x top right;
    height: 25px;
    display: inline-block;
    padding: 5px 20px 0 10px;
    margin: 10px 0 0 0;
}

#jobs .left ul {
    margin: 20px 0;
}

.cardform.sand {
	width: 480px !important;
	margin-bottom: 30px !important;
}

* html #card #content .cardform.sand {
	width: 500px !important;
}

.cardform form fieldset#basics label {
	width: 210px;
	display: block;
	float: left;
}
.cardform form fieldset#basics label input {
	width: 180px;
}

.cardform form fieldset#amountofvehicles p {
	margin: 20px 0;
}

.cardform form fieldset#amountofvehicles label {
	width: 120px;
	display: block;
	float: left;
}

.cardform form fieldset#amountofvehicles label input {
	width: 50px;
}

.cardform form fieldset#usage p {
	margin: 10px 0;
}

.cardform form fieldset#usage {
	margin-bottom: 20px;
}

/* ABOUT */

#about #content h2 {
    background: url(../img/aboutheader.jpg) top left no-repeat;
}

#about #content div.right.sand img {
    margin: -20px -20px 10px -20px;
}

#about #content div.right.sand p {
    margin: 10px 0 0 0;
    line-height: 1.3em;
    color: #4c4b47;
}

/* repetitive boxes */
#gpsinstall {
    width: 205px;
    height: 220px;
    position: absolute;
    left: 760px;
    top: 43px;
    background: #ebe7d8;
}

#gpsinstall h3 {
    margin: 20px 20px 10px 20px;
    font-size: 16px;
}

#gpsinstall a {
    display: block;
    margin: 10px 20px;
    height: 16px;
}

#lookingfordealers {
    width: 205px;
    height: auto;
    position: absolute;
    left: 760px;
    top: 297px;
    color: #33322f;
    line-height: normal;
	margin-bottom: 20px;
}

#lookingfordealers h3 {
    margin: 0;
    color: #f20000;
    font-size: 16px;
    font-style: italic;
}

#lookingfordealers p {
    margin: 15px 0 0 0;
}

#searchastation {
    width: 170px;
}

.float {
    padding: 0;
}

#searchastation h3 {
    font-size: 18px;
    margin: 5px 0;
    color: #000;
}

#searchastation p {
    margin: 10px 0;
}

body#organisation #content, body#media #content, body#faq #content {
	min-height: 620px;
}

/* forms */
input, select {
    color: #807e77;
    border: #666 1px solid;
    padding: 4px;
    margin: 2px 0;
}

input[type =
"submit"], a.submit, input[type = "button"] {
    height: 25px;
    width: inherit;
    margin: 10px 0;
    background: transparent url(../img/btn.jpg) top right no-repeat;
    color: #fff;
    text-align: left;
    border: none;
    padding: 0px 20px 0px 5px !important;
    cursor: pointer;
    font-style: italic;
    text-decoration: none;
    font-size: 10px !important;
}
* html #search {
    background-color: #dc4800;
    border: none;
    color: #fff;
}

input[type =
"submit"].green, a.submit-green {
    background: transparent url(../img/btn_green.jpg) top right no-repeat;
}

#content div#gothefreshway #homeslider #goballs a {
    background: url(../img/godot.gif) no-repeat top left;
}

#content div#gothefreshway #homeslider #goballs a.active {
    background: url(../img/godot_a.gif) no-repeat top left;
}

/* footer */
#footer {
    width: 970px;
    height: 70px;
    margin: 0 auto;
    position: relative;
}

#footer #footerleft {
    position: absolute;
    left: 0;
    top: 20px;
}

#footer #footerleft a, #footer span#copy, #footer #sns {
    color: #827f76;
    font-size: 11px;
    padding: 0 5px;
}

#footer #footerleft a#disclaimer {
    padding-right: 7px;
    border-right: 1px #827f76 solid;
}

#footer span#copy {
    position: absolute;
    top: 22px;
    left: auto;
    right: 0;
}


#IE6warning {
      border-bottom: 1px solid #a0a0a0;
      color: #333;
      font-size: 11px;
      line-height: 23px;
      height: 23px;
      padding: 0 25px;
	  margin: 0 -15px;
	  width: auto;
      background: #ffffe1 url(../img/warning.gif) no-repeat 5px center;
      text-decoration: none;
      display: none;
}