body{font-size:62.5%; margin:0; padding:0; color:#444; text-align:center; background-color:#FFFFFF;}

body{background:url(../images/bg-header.jpg) no-repeat 50% 7px }

/* =============================== STRUCTURAL ELEMENTS ===========================================*/
/* wrapper to hold the background image */
.wrapper{background:url(../images/bg-index_page.jpg) no-repeat 0 108px;width:998px; margin-left: auto;margin-right:auto;}

/* page */
.page {width:960px; margin-left: auto;margin-right:auto;}

/* header */    
div#header{background: url(../images/bg-header-hpg.jpg) no-repeat 50% 100%;height:108px;position:relative}
#header h1{float:left;width:200px}
div#header #logo_europcar{background: url(../images/logo-europcar.png) no-repeat top left;float:right;width:181px;height:67px;margin:27px 30px 0 0;}
div#header div#language_select{width:140px;position:absolute;right:18px;bottom:12px}
div#header div#language_select select#languages{color:#305F95;font-size:95%;}

/* primary nav */
#primaryNav ul{margin:10px 5px;}
#primaryNav ul li{width:150px;float:left;list-style:none;margin:0;padding:0;}
#primaryNav ul li a{display:block;border:1px solid #000;border-right:none;font-weight:bold;font-size:1.3em;text-decoration:none;padding:10px;background:#EEE;}

#primaryNav ul li.last a{border-right:1px solid #000;}

#primaryNav ul li.selected a{text-decoration:underline;background:#FFF;color:#000}

/* mainContent */
div#mainContent {padding:10px 0 0;text-align:left;clear:both;}

/* COLUMNS */
.cols-1{clear:both;}
.cols-1 .col{width:950px;margin:0 5px;background:#EEE}

.cols-2{clear:both;}
.cols-2 .col1{width:310px;margin:0 5px;float:left;background:#EEE}
.cols-2 .col2{width:630px;margin:0 5px;float:left;background:#EEE;}

.cols-3{clear:both;}
.cols-3 .col{width:310px;margin:0 5px;float:left;background:#EEE;overflow:hidden;}

/* footer */
div#footer {text-align:left;margin:10px 10px 0;}
div#footer h2{text-align:center;font-weight:bold;font-size:1.15em}
div#footer a {color: #305F95;}

/* =============================== FORMAT ELEMENTS ===========================================*/

/* FORMAT */
abbr,acronym,dfn{cursor:help;border:0;}
a abbr,a acronym,a dfn{cursor:pointer;}

pre,address{margin:0;padding:0;}
p,blockquote{margin:0;padding:0 0 1em 0;line-height:1.3em;font-size:1.15em}

/* FORMAT > fonts */
body,input,textarea,select,button{font-family:Helvetica,Arial,sans-serif;}
h1,h2,h3,h4,h5,h6{font-family:Helvetica,Arial,sans-serif;}
em,i{font-style:italic;}
strong,b{font-weight:bold;color:#444;}
dfn{font-style:normal;}
cite{font-style:italic;}
code,kbd,pre{font-family:"Courier New",Courier,mono;font-size:1em;}

/* ANCHORS */
a{text-decoration:underline;color:#000000;outline:none;}
a:link{ }
a:visited{ }
a:hover{color:#2b70ac;text-decoration:none;}
a:active{text-decoration:underline; }
a:focus{ outline:1px #666 dotted; }

/* HEADERS */
h1,h2,h3,h4,h5,h6{margin:0;padding:0;color:#444444;}
h1{font-size:2.5em;}
h2{font-size:1.75em;}
h3{font-size:1.5em;}
h4{font-size:1.25em;}
h5,h6{font-size:1em;}

h2{color:#016A29;font-weight:bold;padding-bottom:0.5em;}

/* LISTS */
ul,ol,dl{margin:0;padding:0 0 1em 0;}
ul ul,ol ol,ol ul,ul ol{padding:0;margin:0 0 0 2em;}
ul{list-style-type:disc;}
ol{list-style-type:decimal;}
li{margin:0 0 0 2em;padding:0;font-size:1.1em}

dl{padding:0;}
dt{display:block;float:left;font-weight:bold;padding:0 0 5px 0;}
dd{margin-left:5em;padding:0 0 5px 0;}


/* TABLES */
caption{display:block;padding:0;margin:0;}
table{border:0px;margin:0 0 20px 0;}
th{border:0px;padding:5px 8px;background:#F0F0F0;color:#444;vertical-align:top;border-bottom:1px solid #FFF;width:50%;}
th.row-header{background-color:transparent;color:#000;vertical-align:top;}
td{border:0px;padding:5px 8px;background:#F6F6F6;vertical-align:top;border-bottom:1px solid #FFF;}
tr.alt{background-color:#eee;}

/* FORMS */
form{margin:0;padding:0;}
fieldset{border:0px solid #fff;margin:0;padding:0;}
fieldset fieldset{padding:0;margin:0;border:0;}
legend{margin:0;padding:0;color:#333;display:none;}
fieldset h2{margin:0 0 10px 0;}
fieldset h3{font-family:Helvetica,Arial,sans-serif;font-size:1em;color:#545353;margin:0 0 3px 0;}

/* IMAGES */
a img { border-style: none; }

/* SHORTCUTS */
.shortcuts{position:relative;height:0;}
.shortcuts ul, .shortcuts ul li{list-style-type:none;height:0;padding:0;margin:0;}
.shortcuts ul{position:absolute;width:100%;}
.shortcuts li a{display:block;position:absolute;left:-500px;top:-500px;}
.shortcuts li a:focus, .shortcuts li a:active{position:absolute;left:0;top:0;width:100%;text-align:center;color:#000;padding:3px 0;background:#CCC;}
.toplink{position:absolute;left:-500px;height:1px;overflow:hidden;width:50%;}




/* =============================== FLEXIBLE CONTENT ELEMENTS ===========================================*/


/* main promo */
.promo{background-position:center top;background-repeat:no-repeat;height:353px;position:relative;}

/* promo image on the top left hand side - booking pod is on the right */
div.promo img.promoImg {position:absolute;top:10px;left:20px;}

/* promoText */
div.promo div.promoTextContainerOuter {
    width: 251px;
    height:97px;
    position: absolute;
    top: 188px;
    left: 16px;
    background: url(../images/partner-images/promos/permanent_background_top.png) no-repeat 0 top;
    padding-top: 4px;

}

div.promo div.promoTextContainerInner {
    background: url(../images/partner-images/promos/permanent_background_bottom.png) no-repeat 0 bottom;
    padding-bottom: 4px;
}
div.promo div.promoTextContent {
    background-image: url(../images/partner-images/promos/permanent_background_middle.png);
    padding: 6px 6px 0 6px;
    text-align: left;
}

div.promo div.promoTextContent h2 {color:#016a29;font-size:1.2em;margin-bottom:1em;font-weight:bold;}

/* Booking Pod */
/* By default hidden, and re-enabled by JS */
div.bookingPod{min-height: 314px;width: 230px;float: right;margin:10px 10px 0 0;padding: 10px 10px 10px 12px;background:url(../images/bg-booking_form.png) no-repeat right top;display:none;}
.cols-2 div.bookingPod, 
.cols-3 div.bookingPod{float:none;background:none;margin:0 0 10px;padding:10px;}
div.bookingPod h2 {font-weight:bold;color:#016A29;text-transform:uppercase;font-size:1.8em;padding-bottom: 5px;}
div.bookingPod form#formbooking h4 {color:#333333;font-size:1.1em;}
div.bookingPod form#formbooking select {font-size: 1em;}
div.bookingPod #bookzone .submitButton{background:#016A29;color:#FFF;cursor:pointer;padding:6px 4px;font-weight:bold;font-size:1.1em;border:none}

/* advertising */
.advertising-block{margin-bottom:10px;}

/* Latest promotions */
div.latest-promos{margin-bottom:10px;border:1px solid #EEE}
ul.offer{margin-top:5px;}
ul.offer li{margin:0;padding:0 0 1em;clear:both;float:left;list-style:none;}
ul.offer li h3{font-weight:bold;margin-bottom:0.5em;font-size:1.15em}
ul.offer a {color:#305F95}

.cols-3 ul.offer li img{float:left;width:115px;}
.cols-3 ul.offer li h3{float:right;width:55%;}
.cols-3 ul.offer li p{float:right;width:55%;padding:0;}

.cols-2 ul.offer li{width:30%;clear:none;padding-right:3%;}
.cols-2 ul.offer li img{margin-bottom:0.5em}

/* click through offer */
.fullOffer{}
.fullOffer .offerDetails{float:right;width:79%}
.fullOffer .offerImage{float:left;width:19%}
.fullOffer .offerImage img{margin-bottom:10px;}
.fullOffer h3{margin-bottom:10px;font-weight:bold;}
.fullOffer h3.terms{margin-bottom:0;font-size:1.1em;}


/* ==================================== HACKS AND GENERIC =========================== */

/* CLEARING */
/* float clearing for IE6 */
* html .clear{
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clear{
  min-height: 1%;
}

.clear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clear{display:inline-table;}

.clearing{clear:both;}
.padding{padding:10px;}
.hide { display: none; }
.accessibility{height:1px;position:absolute;left:-500em;overflow:hidden;}

/* FLOATING */
.float-left{float:left;width:auto;}
.float-right{float:right;width:auto;}

.page .no-bg{background:transparent;}

/* FILTERS 
/* hide from IE-mac \*/ .clear, .caption {display: block;} /* end hide from IE-mac */
