@charset "utf-8";
/* Hertz Fly Drive - Basic styles */


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}


body {
	background: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.5; 
	font-size: 87.5% /*14px */
}

p {
    margin: 0 0 1.5em;
}

/* special features
-------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.clearer {
    clear:both;
}

.floatLeft {
    float:left;
}

.floatRight {
    float:right;
}

/* Links
--------------------------------------------- */

a img { border: none; }
a { outline: none; }


a:focus, 
a:hover     { color: #505256; }
a           { color: #3366aa; text-decoration: underline; }


/* Standard Buttons
--------------------------------------------*/

a.stdButton{
    background: transparent url('../images/std-button-edge.gif') no-repeat bottom left;
    display: block;
    float:right;
    font: bold 14px/30px Arial, Helvetica, sans-serif; 
    height: 30px; 
    padding: 0 0 0 14px; 
    text-decoration: none;
    color: #fff;
    margin: 5px 0;
}

a.stdButton.smallButton { font: bold 12px/30px Arial, Helvetica, sans-serif; }

a:link.stdButton, a:visited.stdButton, a:active.stdButton{
    color: #fff; 
}

a.stdButton span{
    background: transparent url('../images/std-button-bg.gif') no-repeat bottom right;
    display: block;
    padding: 0 14px 0 0; 
}

a.stdButton:hover{ 
    background-position: top left;
}

a.stdButton:hover span{ 
    background-position: top right;
    color: #000;
}

/* Lists
-------------------------------------------------------------- */
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dd          { margin-left: 1.5em;}


/* horizontal rules

------------------------------------------------- */

.hr {
    height: 1px;
    width: 390px;
    margin: 15px auto;
    border-bottom: 2px solid #3366aa;
    clear: both;
}

.hr hr {
	visibility: hidden;
	margin: 0;
	padding:0;
}

.offersPanel .hr {
    width: 300px;
}

/* structure
--------------------------------------- */

.container {
	width: 900px;
	margin: 0 auto;
	position: relative;
	padding: 0 0 60px 0;
    /*border-top: 8px solid #000;*/
}

/* header 
-------------------------------------------------*/

.header {
	background: #1e2639;
	width: 900px;
	padding:0;
	margin: 0;
	clear:both;
}


/* footer
-------------------------------------*/

.footer {
    margin-top: 20px;
    clear:both;
    text-align: center;
    font: normal 10px/16px Arial, Helvetica, sans-serif;
    color: #999;
}

.footer ul {
    margin:0;
    padding:0;
    list-style: none;
}

.footer ul.footerLinks li {
    display: inline;
    margin-right: 10px;
}



/* navBar
-------------------------------------*/

.navBar {
	width: 900px;
	background: #f9f9f9 url(../images/nav-bg.gif) repeat-x right center;
	clear:both;
	padding: 0 0 0 0;
	margin: 0;
	height: 40px;
	font: 14px/40px Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.navBar .localisation {
	width: 415px;
	float:right;
	text-align: right;
 	vertical-align: baseline;
 	font-size: 11px;
 	color: #505256;
 }

.navBar .localisation select {
	width: 105px;
	margin: 0 5px;
}

.navBar .localisation input {
    margin: 5px 5px 0 0 !important;
}


.navBar ul {
	width: 465px;
	list-style: none;
	margin:0;
	padding: 0;
	color: #000;
	text-transform: uppercase;
	text-align: center;
}

.navBar li {
	float:left;
	display:block;
	text-align: center;
	padding: 0 20px 0 20px;
	margin:0;
}

.navBar li.active { 	background: #ffd60d url(../images/nav-over-bg.jpg) repeat-x right center; }

.navBar li.last {
	margin-right: 0px;
}

.navBar li a {
	color: #000;
	text-decoration: none;
}

.navBar li a:hover {
	color: #3366aa;
}

.navBar li.active a:hover {
	color: #1e2639;
}

/* content 
-------------------------------*/
.content {
	clear:both;
	background: #ccc url(../images/content-bg.jpg) repeat-x left top;
	padding: 20px;
	width: 860px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-radius-bottom-right: 10px;
	-webkit-border-radius-bottom-left: 10px;
}

                        .content h2.tagline {
	                        margin: 3px 0 8px 0;
	                        width: 835px;
	                        height: 30px;
	                        background: url(../images/taglineNL.gif) no-repeat center center;
	                        text-indent: -9999em;
                        }

ul.steps {
	width: 860px;
	padding: 0;
	margin:0;
	list-style: none;
	text-align: center;
	font: 12px/25px Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.steps li {
	width: 140px;
	height: 25px;
	float:left;
	display:block;
	text-align: center;
	padding: 0 15px 0 15px;
	margin:5px 5px 0 0;
	color: #505256;
}

.steps li.step2 {
    background: #ececec;
}

.steps li.step3 {
    background: #e4e4e4;
}

.steps li.rightStep {
    float:right;
    width: 220px;
    background: #F6E697;
    margin: 5px 0 0;
}

.steps li a {
	text-decoration: none;
	color: #505256;
}

.steps li a:hover {
	color: #1e2639;
}

.steps li.rightStep a:hover {
    color: #3366AA;
}

.steps li.active {
	background: #fbf7e2;
	height: 30px;
	width: 160px;
	line-height: 30px;
	margin: 0 5px 0 0;
    color: #000;
}

.steps li.active a { color: #000; }
.steps li.active a:hover { color: #000; }

.contentInner {
	width: 824px;
	padding: 30px 18px;
	clear:both;
	background: #fbf7e2;
	color: #000;
	font: 14px/20px Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.formColumn {
	width: 465px;
	float: left;
	margin-right: 15px;
}

.offersColumn {
	width: 341px;
	float:left;
}

/* form 
----------------------------------*/
span.reqdTitle {
	float:right;
	width: 50px;
	text-align: center;
	font-size: 10px;
}

.formColumn .formFullWidth {
	clear:both;
}

.formColum .formFullWidth div {
    border-collapse: collapse;
    margin:0;
    padding:0;
}

.formColumn .formFullWidth select {
	width: 410px;
	font: 14px/25px Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 0 0 6px 0;
}

.formColumn img {
	float:right;
	margin: 4px 18px 0 0;
}

.formColumn .dPicker,
.formColumn .ui-datepicker-trigger {
    width: 27px;
	float:left;
	margin: 4px 0 0 10px ;
}

.formColumn label {
	display: block;
	margin: 10px 0 3px 0;
	padding:0;
}

.formColumn label.top { margin-top: 0; }

.formColumn label.requiredLabel {
    font-weight: bold;
    color: #3366aa;
}

.formColumn span.error {
	display:block;
	color: #333;
	font-weight: normal;
	font-style: italic;
	padding: 3px;
	background: #fdcfa5;
	border: 1px solid #dc873a;
	width: 402px;
	display: none;
}

.formColumn p.formHeading {
    clear:both;
    display: block;
    font-style: italic;
    margin-top: 15px;
    margin-bottom: 0;
}

.formColumn .formLeftHalf {
    width: 200px;
    margin-right: 10px;
    float:left;
    clear:both;
}

.formColumn .formRightHalf {
    width: 200px;
    float:left;
}

.formColumn .formLeftHalf input,
.formColumn .formRightHalf input {
    width: 190px;
}

.formColumn input.shortField {
    width: 100px;
}

.formColumn .topSpace input {
    margin-top: 15px !important;
}

.formColumn .formDate {
	width: 270px;
	float:left;
}

.formColumn .formDate input {
	width: 180px;
	font: 14px/20px Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin: 5px 0 6px 0;
	float:left;
}

.formColumn .formTime select {
	width: 50px;
	margin: 5px 10px 6px 0;
	font: 14px/25px Arial, Helvetica, sans-serif;
	font-weight: normal;
}

.formColumn select.dateSelect {
    width: 65px;
    margin: 5px 15px 6px 0;
    float:left;
}

.formColumn select.monthSelect {
    width: 50px;
    margin: 5px 15px 6px 0;
    float:left;
}

.formColumn .prefix {
    width: 120px;
    float:left;
    margin: 0 15px 0 0;
}

.formColumn .prefix label,
.formColumn .prefix input {
    width: 115px;
}

.infoBox {
	clear:both;
	color: #333;
	font: 11px/13px Arial, Helvetica, sans-serif;
	font-style: italic;
	padding: 3px;
	background: #f6e697;
	border: 1px solid #ccc;
	width: 429px;	
	margin-top: 15px;
}

.infoBox.singleLine {
	font: 11px/18px Arial, Helvetica, sans-serif;
	font-style: italic;
}	

.formColumn span.radioLabel {
	color: #000;
	font-style: italic;
	font-weight: normal;
}

.formColumn .bigButton {
	margin-top: 10px;
}

.formColumn .bigButton input {
	float:right;
}

.topError {
    display: block;
    clear: both;
    color: #8a1f11;
    padding: 3px;
    background: #f6bf97;
    border: 1px solid #ccc;
    width: 429px;
    margin: 5px 0;
	font: bold italic 13px/18px Arial, Helvetica, sans-serif;
}

.topNotice {
    display: block;
    clear: both;
    color: #264409;
    padding: 3px;
    background: #E6EFC2;
    border: 1px solid #C6D880;
    width: 429px;
    margin: 5px 0;
	font: bold italic 13px/18px Arial, Helvetica, sans-serif;
}

.formColumn .termsPanel {
    width: 460px;
    height: 130px;
    overflow: auto;
    display: block;
    clear:both;
    border: 2px solid #3366aa;
}

.formColumn .termsPanel p {
	font-size: 12px;
	line-height: 15px;
	font-style: italic;
    font-weight: normal;
    margin-bottom: 20px;
}

.formsColumn .termsPanel ul,
.formsColumn .termsPanel ol {
	font-size: 12px;
	line-height: 15px;
    font-weight: normal;
    margin-bottom: 10px;
}

.formColumn .termsPanel li {
    font-size: 12px;
    line-height: 15px;
    font-weight: normal;
    margin-bottom: 5px;
}

/* offers
-------------------------------*/

.offersPanel {
	background: #f6e697 url(../images/offers-top-edge.gif) no-repeat center top;
	color: #000;
	font: 13px/28px Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-top: 18px;
	width: 340px;
	padding: 8px 0 0 0;
	margin-top: 18px;
}

.offersPanelInner {
	width: 300px;
	padding: 0 20px 30px 20px;
	background: #f6e697 url(../images/offers-bottom-edge.gif) no-repeat center bottom;
	overflow: auto;
}

                                .offersPanel h3.offersTitle,
                                .midPanel h3.offersTitle {
	                                margin: 7px 0 23px 0;
	                                width: 252px;
	                                height: 26px;
	                                background: url(../images/latest-offers-titleNL.gif) no-repeat center center;
	                                text-indent: -9999em;
                                }

.offersPanel .smallOffers img,
.midPanel .smallOffers img {
	margin: 0 4px 0 0;
}

.offersPanel .smallOffers img.last,
.midPanel .smallOffers img.last { margin: 0; }

.offersPanel ul, .offersPanel ul li,
.midPanel ul, .midPanel ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    font-weight: normal;
}


ul.textOffers {
	list-style: none;
	padding:0;
	margin: 5px 0 0 0;
}

.textOffers li {
	text-align:left;
	margin:0;
	width: 300px;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}

.textOffers li a {
	display: block;
	color: #000;
	width: 270px;
	text-decoration: none;
	padding: 0 30px 0 0;
	background: transparent url(../images/offer-go-button.gif) no-repeat 275px center;
}

.textOffers li a:hover {
    color: #3366aa
}

.offersPanel h4,
.midPanel h4 {
    font: 15px/20px Arial, Helvetica, sans-serif;
    color: #3366aa;
    font-weight: bold;
    border-bottom: 2px solid #ffd60d;
    margin: 10px 0 5px 0;
}

.offersPanel dl.locationsSummary {
    margin: 0;
	font: 13px/18px Arial, Helvetica, sans-serif;
}

.offersPanel .locationsSummary dd {
    margin:0 0 5px 50px;
    font-weight: bold;
}

.offersPanel .locationsSummary dt {
    width: 170px;
    margin: 0;
    font-style: italic;
}

.offersPanel dl.needtoknowList {
    margin: 0;
	font: 13px/18px Arial, Helvetica, sans-serif;
}

.offersPanel .needtoknowList dd {
    margin:0 0 5px 50px;
    font-style: italic;
}

.offersPanel .needtoknowList dt {
    margin: 0 0 2px 0;
    font-weight: bold;
    color: #3366aa;
    font-weight: bold;
    border-bottom: 2px solid #ffd60d;
}

.offersPanel dl.chargesSummary,
.midPanel dl.chargesSummary {
    margin:0;
    font-weight: normal;
}

.offersPanel .chargesSummary dd,
.midPanel .chargesSummary dd {
    margin:0;
    float:right;
    width: 150px;
    text-align: right;
}

.offersPanel .chargesSummary dt,
.midPanel .chargesSummary dt {
    float:left;
    clear:both;
    width: 150px;
}

                        h3.summaryTitle {
	                        margin: 7px 0 8px 0;
	                        width: 275px;
	                        height: 26px;
	                        background: url(../images/summary-titleNL.gif) no-repeat center center;
	                        text-indent: -9999em;
                        }

                        h3.needtoknowTitle {
	                        margin: 7px 0 8px 0;
	                        width: 245px;
	                        height: 20px;
	                        background: url(../images/needknow-titleNL.gif) no-repeat center center;
	                        text-indent: -9999em;
                        }

img.summaryCarImg {
    float:left;
    margin: 0 12px 3px 0;
}

p.summaryCar {
 	font: 14px/17px Arial, Helvetica, sans-serif;
    color: #000;  
    margin: 0;   
}

.offersPanel h5,
.midPanel h5 {
 	font: 14px/20px Arial, Helvetica, sans-serif;
    color: #3366aa;
    font-weight: bold;
    margin-top: 20px;
	border-top: 2px solid #3366aa;
	padding-top: 10px;
}

span.summaryPrice {
    color: #3366aa;
    text-align: right;
    display: block;
    clear: both;
 	font: 22px/36px Arial, Helvetica, sans-serif;
	border-bottom: 2px solid #3366aa;
	margin: 0 0 10px 0;
}

a.actionLink {
    display: block;
	color: #000;
	width: 240px;
	text-decoration: none;
	padding: 0 30px 5px 30px;
	background: url(../images/offer-go-button.gif) no-repeat 280px center;
	clear:left;
	text-align: right;
	font-style: italic;
	margin: 2px 0 5px 0;
}

a.actionLink:hover {
    color: #3366aa;
}

/* page 2
---------------------*/
.selectContainer {
    margin-bottom: 10px;
    width: 465px;
    overflow: auto;
}

.selectItem {
    width: 461px;
    overflow:auto;
    border-bottom: 2px solid #ccc;
    background: #fff;
    padding: 2px;
    margin: 5px 0 0 0;
}

.selectItem.soloItem {
    border: none;
}

.selectItem.specialItem {
    width: 440px;
    background: transparent;
    padding:0;
    margin:0;
    border: none;
    
}

.formColumn  .selectItem img {
    float:left;
    margin: 0 10px 0 0;
}

.selectItem .selectName {
    width: 160px;
    margin-right: 5px;
    float:left;
    font-weight: normal;
    min-height: 80px;
}

.selectName h4 {
    font-size: 15px;
    color: #3366aa;
    font-weight: bold;
}

.selectItem.specialItem .selectName {
    width: 320px;
}
.selectItem .selectPrice {
    width: 110px;
    float: right;
}

.selectItem .selectPrice span {
    font-size: 16px;
    padding: 4px;
    color: #3366aa;
    font-weight: bold;
    text-align: center;
    width: 90px;
    margin: 5px auto;
    background: #ffd60d ;
    display: block;
}

.selectItem .changeMind {
    display: block;
    float:right;
    font: normal 12px/24px Arial, Helvetica, sans-serif;
    margin: 15px 0 5px 0;
}

.selectItem .selectIt {
    background: transparent url('../images/std-button-edge.gif') no-repeat bottom left;
    display: block;
    float:right;
    clear: right;
    font: bold 12px/30px Arial, Helvetica, sans-serif; 
    height: 30px; 
    padding: 0 0 0 14px; 
    text-decoration: none;
    color: #fff;
    margin: 5px 0;
}

.selectItem .selectIt span{
    background: transparent url('../images/std-button-bg.gif') no-repeat bottom right;
    display: block;
    padding: 0 14px 0 0; 
}

.selectItem .selectIt input {
    float:left;
    margin: 9px 5px 0 0;
    vertical-align: middle;
}

.selectItem .selectIt label {
    float:left;
    display: block;
    margin:0;
    cursor: pointer;
}



#CarContainer {
    border-top: 2px solid #3366aa;
}

.CarItem table {
	font: 14px/18px Arial, Helvetica, sans-serif;
    color: #000;    
}

.CarItem tr {
    border-bottom: 2px solid #ccc;
}

.CarItem td,
#ExtrasOptions td,
.upgradeSuggestion td {
    vertical-align: middle;
}

.CarItem td.topAlign,
#ExtrasOptions td.topAlign,
.upgradeSuggestion td.topAlign {
    vertical-align: top;
}

.CarItem .selectPrice {
    background: #ffd60d ;
    font-size: 18px;
    padding: 8px;
    color: #3366aa;
    font-weight: bold;
    width: 90px;
    float: right;
    text-align: center;
}

.smallPrint {
    font-weight: normal;
    font-style: italic;
}


a.moreButton {
    display: block;
    width: 405px;
	color: #3366aa;
	text-decoration: none;
	padding: 0 30px 0 30px;
	background: #e2eff5 url(../images/expand-button.gif) no-repeat 445px center;
	border-bottom: 1px solid #f3ce00;
	clear:left;
	text-align: right;
}

a.moreButton:hover {
    color: #333;
}


#ExtrasBlankMessage {
    margin: 18px 0 0 0;
}

#ExtrasOptions {
    margin: 18px 0 0 0;
}

#ExtrasOptions {
    width: 465px;
}

                                h3.selectCarTitle {
	                                margin: 7px 0 8px 0;
	                                width: 210px;
	                                height: 20px;
	                                background: url(../images/select-car-titleNL.gif) no-repeat center center;
	                                text-indent: -9999em;
                                }

                                h3.selectExtrasTitle {
	                                margin: 7px 0 8px 0;
	                                width: 237px;
	                                height: 20px;
	                                background: url(../images/select-extras-titleNL.gif) no-repeat center center;
	                                text-indent: -9999em;
                                }

                                h3.selectedCarTitle {
	                                margin: 7px 0 8px 0;
	                                width: 267px;
	                                height: 26px;
	                                background: url(../images/selected-car-titleNL.gif) no-repeat center center;
	                                text-indent: -9999em;
                                }

                                h3.selectedExtrasTitle {
	                                margin: 35px 0 8px 0;
	                                width: 292px;
	                                height: 26px;
	                                background: url(../images/selected-extras-titleNL.gif) no-repeat center center;
	                                text-indent: -9999em;
                                }

                                h3.rentalChargesTitle {
                                    clear:both;
	                                margin: 35px 0 8px 0;
	                                width: 181px;
	                                height: 20px;
	                                background: url(../images/rental-charges-titleNL.gif) no-repeat center center;
	                                text-indent: -9999em;
                                }

                                h3.personalDetailsTitle {
                                    clear:both;
	                                margin: 35px 0 8px 0;
	                                width: 228px;
	                                height: 26px;
	                                background: url(../images/personal-details-titleNL.gif) no-repeat center center;
	                                text-indent: -9999em;
                                }

                                h3.paymentDetailsTitle {
                                    clear:both;
	                                margin: 35px 0 8px 0;
	                                width: 184px;
	                                height: 26px;
	                                background: url(../images/payment-details-titleNL.gif) no-repeat center center;
	                                text-indent: -9999em;
                                }

                                h3.bookingConfirmTitle {
                                    clear:both;
	                                margin: 7px 0 8px 0;
	                                width: 310px;
	                                height: 26px;
	                                background: url(../images/booking-confirmed-titleNL.gif) no-repeat center center;
	                                text-indent: -9999em;
                                }

                                h3.sourceUSTitle {
                                    margin: 7px 0 8px 0;
                                    width: 533px;
                                    height: 26px;
                                    background: url(../images/source-us-title.gif) no-repeat center center;
                                    text-indent: -9999em;
                                }

.upgradeSuggestion,
.midPanel {
    background: #f6e697 url(../images/panel-top-edge.gif) no-repeat top center;
    width: 460px;
    overflow: auto;
    padding-top: 12px;
}

.upgradeSuggestion { margin: 10px 5px 10px 0; }
.midPanel { margin: 5px 5px 5px 0; }

.midPanel.centred { margin: 5px auto; }

.upgradeInner,
.midPanelInner {
	width: 440px;
	padding: 0 10px 10px 10px;
	background: #f6e697 url(../images/panel-bottom-edge.gif) no-repeat center bottom;
	overflow: auto;
}



.upgradeSuggestion p {
    color: #000;
    font-weight: normal;
    margin:0;
}

dl.selectedExtrasList,
.selectedExtrasList dd,
dl.chargesList,
.chargesList dd  {
    margin:0;
    color: #333333;
}

dl.selectedExtrasList {
    margin-bottom: 15px;
}

dl.chargesList {
    font-size: 12px;
}

.selectedExtrasList dt,
.chargesList dt {
    width: 325px;
    float:left;
    clear:both;
}

.chargesList dt.long {
    width: 440px;
    float: none;
}

.chargesList dt.loud,
.chargesList dd.loud {
    font-size: 16px;
    font-weight: bold;
    color: #3366aa;
}

.selectedExtrasList dd,
.chargesList dd {
    width: 115px;
    float:right;
    text-align: right;
}

.twoUp {
    clear:both;
    width: 800px;
    margin: 20px 0;
}

.twoUp div {
    float:left;
    width: 262px;
}

.twoUp div.left {
    margin-right: 40px;
}

.loud {
    color:#3366aa; 
}
.normal { font-weight: normal; }
.important {
	font: 15px/20px Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 5px;
	background: #f6e697;
	border: 1px solid #ccc;
	margin: 10px 0 ;    
}