html, body { height: 100%; } body { font: 100%/1.3 Arial, "Helvetica-Neue", Helvetica, sans-serif; text-align: center; background: #f0f0f0; color: #545454; } p, label, input, select, td, li, textarea, button { font: 12px/1.3 Arial, "Helvetica-Neue", Helvetica, sans-serif; color: #333333; } p a { color: #036b05; font-weight: bold; padding: 2px 3px; } p a:hover { background: #036b05; color: #f9d200; } h1, h2, h3, h4 { color: #333333; margin: 0 0 5px; } h1 { font-size: 24px; } h2 { font-size: 18px; } h2.clickable, h3.clickable, div.clickable { color: #036b05; } h3 { font-size: 14px; } h4 { font-size: 12px; } p { margin: 5px 0 10px; } .bold { font-weight: bold; } /* Content */ #wrap, #wrap100, .wrapMup { text-align: left; margin: 0 auto; position: relative; } #wrap.wrapMup1 { margin: 0 auto 15px; padding: 0 0 15px 0; } #wrap, .wrapMup { width: 978px; min-height: 100%; height: auto !important; background: #ffffff; } .wrapMup2 { background: #f0f0f0; } .wrapMup3 { background: #fff; } #wrap100 { width: 100%; min-height: 100%; height: auto !important; padding-top: 10px; background: #ffffff; } .reports { background: #f0f0f0; } #content { padding: 0 10px; } .content3 { padding: 0 10px 10px; } #content-reports { padding: 2px; margin-top: 0; min-height: 328px; } #main { position: relative; } #main h2 { padding: 10px 0 0 0; } .push { height: 97px; /* .push must be the same height as .footer */ width: 978px; margin: 0 auto; background: #ffffff; } #mainwrap { /*needed for sticky footer*/ min-height: 100%; height: auto !important; height: 100%; margin: 0 0 -97px; } .report #mainwrap { margin: 0 0 -86px; } .static #main { width: 760px; margin: 5px 80px; } .static #main li { margin-left: 20px; line-height: 1.5; } .static #main ol { list-style: decimal; } .static #main ol ol { list-style: lower-alpha; } .static #main h2 { margin-top: 20px; } .qaslist { width: 50%; left: 25%; background-color: #fff; position: absolute; z-index: 6; top: 150px; height: 250px; border: 2px solid #036b05; overflow: auto; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); } #main .qaslist h1 { display: block; color: #fff; font-size: 18px; line-height: 35px; margin: 0; padding-left: 1em; background: #036b05; text-align: left; } .qaslist ul, .qaslist li { display: block; line-height: 1.8; margin-left: 20px; list-style: none; } .qaslist a { text-decoration: underline; color: #036b05; padding: 2px 5px; } .qaslist li a:hover, .qaslist li a:focus { color: #f9d200; background: #036b05; } .airport { color: #036b05; text-decoration: underline; margin-left: 20px; cursor: pointer; } .airport:hover { color: #f9d200; background: #036b05; text-decoration: none; } /* Masthead */ .lrgHead { z-index: 5; } .report div .lrgHead { z-index: 5; } #masthead { height: 117px; top: 0px; position: relative; width: 978px; margin: 0 auto; } #masthead-blank { height: 86px; top: 0px; position: relative; width: 978px; margin: 0 auto; } #masthead ul { width: 100%; position: absolute; top: 0; left: 0; height: 28px; background: #2b2b2b; color: #fff; } #masthead li { display: inline; } #masthead li a { color: #fff; text-decoration: none; margin: 0 15px; font-size: 12px; line-height: 28px; font-weight: bold; } #masthead li a:hover { color: #f9d200; } #masthead p { position: absolute; bottom: 0; right: 10px; color: #fff; font-size: 10px; margin: 10px 0; } #masthead p select { font-size: 10px; } #masthead p a { color: #fff; linkcolor: #fff; background: transparent; } #masthead p a:hover { color: #f9d200; } #brand-logo { background: none; position: absolute; /*margin-left:-100px;*/ left: -75px; } #localeTable { position: relative; float: right; } #searchheader { color: #FFFFFF; cursor: pointer; display: block; font-size: 10px; height: 24px; margin-top: -30px; } /* Footer */ #footer, #footer-middle { height: 97px; /* .push must be the same height as #footer */ clear: both; } #footer-blank { height: 86px; /* .push must be the same height as #footer */ clear: both; } #footer .content { margin: 0 auto; padding: 25px 0; text-align: left; width: 918px; } #footer li a { color: #fff; text-decoration: none; font-weight: normal; font-size: 12px; line-height: 16px; margin: 0 15px; vertical-align: middle; } #footer ul { text-align: center; padding-bottom: 6px; } #footer li { display: inline; } #fsecondary { height: 20px; background-color: #000; } .fHack { height: 0px; width: 978px; margin: 0 auto; position: relative; } .fHackA { position: absolute; bottom: 0px; left: 0px; height: 600px; background: #ffffff; width: 978px; z-index: -10; } .report .fHack, .report .fHackA { width: 100%; } /* PODS */ .dualColumnContainer, .singleColumnContainer { margin: 0; position: relative; } .dualColumnContainer { width: 100%; } .dualColumnContainer .leftColumn, .dualColumnContainer .rightColumn { width: 50%; position: relative; } .vehicleBox .dualColumnContainer .leftColumn { width: 320px; position: relative; } .vehicleBox .dualColumnContainer .rightColumn { width:; position: relative; } #pay-parent { height: 425px; } .singleColumnContainer .podContainer .podContent .leftColumn, .singleColumnContainer .podContainer .podContent .rightColumn { width: 48.4%; position: relative; } .singleColumnContainer .podContainer .podContent .leftColumn { float: left; padding: 7px 7px 0px 7px; } .singleColumnContainer .podContainer .podContent .rightColumn { float: right; padding: 7px 7px 0px 7px; } .dualColumnContainer .leftColumn { float: left; } .dualColumnContainer .rightColumn { float: right; } .singleColumnContainer { clear: both; } .podContainer { background: 0; margin: 0; } .dualColumnContainer .leftColumn .podContainer { margin: 0 3px 0 0; } .dualColumnContainer .rightColumn .podContainer { margin: 0 0 0 3px; } .singleColumnContainer .podContainer .podContent .leftColumn { border-right: 2px solid #fff; } .singleColumnContainer .podContainer .podContent .whitePod .leftColumn { border-right: 1px solid #f0f0f0; } .podContainer .podHeader { background: #fff; padding: 5px; font-size: 18px; line-height: 22px; margin: 0; padding: 17px 0px 14px; } .podContainer .podHeader h2 { margin: 0; } .podContainer .podContent { padding: 7px; background: #f0f0f0; } .podContent label, .leftColumn h3, .rightColumn h3 { color: #919191; margin: 0; } .podContent p { color: #666666; } .homeReps { margin: 45px 0 0 0; } .homeReps .homeReport { } .homeReps .homeReport { margin: 0; } .homeReps .homeReport .podContainer .podContent { display: none; } .homeReps .homeReport .last, .podContainer.last { border-bottom: 1px solid #d8d8d8; } .homeReps .homeReport .podContainer .podHeader { cursor: pointer; border-top: 1px solid #d8d8d8; padding: 4px 10px; } .homeReps .homeReport .podContainer .podHeader .spinner { background: #fff url("../img/spinner_38x38.gif") no-repeat center center; height: 38px; width: 38px; position: absolute; top: 18%; left: 50%; display: none; } div.vehicleBox dl dd div.avSummary div.spinner { top: 30%; left: 36%; background: #fff url("../img/spin-75x75-f0f0f0.gif") no-repeat center center; height: 75px; width: 75px; position: absolute; display: none; } #rowCountDiv { display: none; } #loadingMore p { padding-top: 5px; } .loadMoreScroll { position: fixed !important; top: 10px; width: 99%; background-color: white; border: solid 2px black; z-index: 1000; } .reportLoadSpin { background: transparent url("../img/spinner_22x22.gif") no-repeat center; height: 25px; width: 25px; float: left; margin-right: 5px; } .spinOpenRent, .spin3, .spin4, .spinQAS1, .spinQAS2, .spin6, .spin7 { background: transparent url("../img/spinner_22x22.gif") no-repeat center center; height: 32px; width: 22px; display: none; } .spinOpenRent { left: -20%; top: 5px; } .spin3 { left: -20px; top: 0px; height: 22px; } .spin4 { position: absolute; right: 0px; height: 22px; } .spinQAS1, .spinQAS2 { position: absolute; right: 25px; height: 22px; margin-top: -20px; } .spinQAS2 { margin-top: -25px; } .spin6 { left: -11px; top: 16px; height: 22px; } .spin7 { position: absolute; right: -37px; height: 22px; margin-top: 3px; } .homeReps .homeReport .podContainer .podHeader h2, .podContainer div .instHeader h4 { line-height: 38px; margin: 0; } .podContainer div .instHeader { cursor: pointer; padding: 0 4px 0 0; } .podContainer div .instBody { padding: 3px 0; } .whitePod { background: #fff; padding: 3px 3px 3px 7px; margin-right: 7px; margin-top: 12px; border: 1px solid #D8D8D8; } .whitePod .instDC { padding: 0 0 0 4px; } .whitePod.qasBx { border: 1px solid #90c53e; } /* END PODS */ div.workbook { } div.tabsMain { background: #fff; margin-top: 20px; } div.tabsMain .podContainer { margin: 0; } .workbook ul.tabsUL { width: 100%; height: 40px; } .workbook div.tabsMain .tabsFoot { border-top: 1px solid #b2b2b2; margin: 0 -10px; } .workbook div.wbkMain, .workbook div.wbkMain { background: #ffffff; min-height: 100px; position: relative; padding-top: 0px; } .workbook div.wbkMainF0 { background: #f0f0f0; } .workbook ul.tabsUL li { display: inline; background: url(../img/nav-bkg-b.gif) repeat-x left top; margin-left: 0; padding: 9px 16px 12px; margin-right: 5px; height: 32px; line-height: 40px } .workbook ul.tabsUL li.first { } .workbook ul.tabsUL li.current { border-bottom: 2px solid #fff; border-top: 1px solid #b2b2b2; border-right: 1px solid #b2b2b2; border-left: 1px solid #b2b2b2; background: url(''); } .workbook ul.tabsUL li a { color: #036b05; font-weight: bold; text-decoration: none; } .workbook ul.tabsUL li.current a { color: #333333; cursor: default; } .workbook ul.tabsUL li.inactive a { color: #919191; cursor: default; } .workbook ul.tabsUL li.active a:hover, .workbook ul.tabsUL li.currentZZZ a:hover { color: #333333; font-weight: bold; } .workbook ul.tabsUL li.active:hover, .workbook ul.tabsUL li.current:hover { } .timeError, .field.mand input[type=text].timeError { border: 1px #c90000 solid; } .field { font: 12px/1.3 Arial, "Helvetica-Neue", Helvetica, sans-serif; color: #333333; margin: 0 0 10px; clear: both; overflow: hidden; } .field label { margin: 0 0 1px; } .field input, .field select, .field textarea { margin: 0; } .field input.radio { margin: 3px 0 0 0; } input.radio2 { margin: 3px 0 0 15px; } input.radio3 { vertical-align: text-bottom; } label.radio4 { display: inline; } .field input[type=checkbox] { margin: 0 0 0 12px; position: relative; float: left; } .field input.chkbx { margin: 0 7px 0 0px; } .field.flast { margin: 0; } .podContent .field span.radio { margin: 3px 0 0 3px; } .field .ctry { width: 300px; } .dtPick, .tmPick { background: #fff url('../img/el_date.png') no-repeat 8px -49px; float: left; white-space: normal; vertical-align: top; padding-left: 35px; height: 18px; font-size: 14px; } .dtPick { background-position: -22px 2px; margin-right: 7px; width: 112px; } .tmPick { width: 83px; } .field input.disabled, .field select.disabled, .field textarea.disabled, .field.mand input.disabled, .field.mand select.disabled, .field.mand textarea.disabled, textarea.disabled { background-color: #ffffff; color: #919191; border: 1px solid #D8D8D8; } .field input.linkButton { border: 1px solid #D8D8D8; } .field.noOverflow { overflow: visible; } .cgrid { margin: 0 1em .2em; } .drop425 { width: 425px; } .drop375 { width: 375px; } .drop335 { width: 335px; } .drop40 { width: 40px; } .marginTopZero { margin-top: 0px; } .mar0 { margin: 0px; } .marTop5, .field input.marTop5, .field select.marTop5, .field textarea.marTop5, div.herobutton.marTop5, div.secbutton.marTop5 { margin-top: 5px; } .marTop10 { margin-top: 10px; } .marTop13 { margin-top: 13px; } .marTop25 { margin-top: 25px; } .marB12 { margin: 0 0 12px; } table.marB12 tbody tr:last-child td { padding: 0 0 4px; } .marB30 { margin-bottom: 30px; } .marL25, .field input.marL25, .field select.marL25, .field textarea.marL25 { margin-left: 25px; } .podContainer .podHeader.padT5 { padding: 5px 0 0 0; } .pad11 { padding: 11px; } .pTop250 { padding-top: 250px; } .pTop5 { padding-top: 5px; } .orSim { padding-left: 4px; color: #919191; } .podContainer .podContent.login { padding: 14px 14px 70px; } #main .podContainer .podContent.login h2 { padding: 0 0 10px; } .podContainer .podContent.newUser { padding: 10px 8px 50px; } #main .podContainer .podContent.newUser h2 { padding: 0 0 10px; } .accorP { background: #fff url('../img/ec-plus.png') no-repeat right center; height: 38px; line-height: 38px; margin: 0; } .accorM { background: #fff url('../img/ec-minus.png') no-repeat right center; height: 38px; line-height: 38px; margin: 0; } .podContainer .acco2P { background: #fff url('../img/ec-plus.png') no-repeat 99% center; padding: 17px 10px 14px; } .podContainer .acco2M { background: #fff url('../img/ec-minus.png') no-repeat 99% center; padding: 17px 10px 14px; } #driverAddressTypeDiv { margin-top: 12px; } #showV { position: absolute; bottom: 0; left: 0; height: 20px; width: 20px; } #verStr { position: absolute; bottom: 0; right: 70%; } .breakDiv { background: #f0f0f0; margin: 25px -10px 0; height: 25px; } .breakDivBottom { background: #f0f0f0; margin: 25px -10px -21px; height: 25px; } .podContainer.accord { border-top: 1px solid #d8d8d8; } .podContainer.accord .podHeader { cursor: pointer; } img.veh-img { display: block; } .box { display: table-cell; vertical-align: middle; height: 176px; width: 300px; } ul.features { padding-top: 10px; width: 290px; list-style: none; float: left; } ul.features ul.features { padding-top: 0px; } ul.features ul.features li { height: 32px; } ul.features li { float: left; position: relative; margin-bottom: 5px; padding: 10px 0 10px 40px; white-space: nowrap; list-style-type: none; width: 65%; height: 35px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; background: transparent url('../img/el_features.png') no-repeat 0 0; } ul.features li.even { width: 35%; padding-right: 10px; } ul.features li.none { background: 0; } ul.features li.seats { background-position: 0 0; } ul.features li.manual { background-position: 0 -240px } ul.features li.automatic { background-position: 0 -300px } ul.features li.luggage { background-position: 0 -60px; } ul.features li.aircon { background-position: 0 -180px; } ul.features li.doors { background-position: 0 -120px; } ul.features li.emission { background-image: url('../img/el_emission.png'); } ul.features li.emission.emission_a { background-position: 0 0 } ul.features li.emission.emission_b { background-position: 0 -60px } ul.features li.emission.emission_c { background-position: 0 -120px; } ul.features li.emission.emission_d { background-position: 0 -180px } ul.features li.emission.emission_e { background-position: 0 -240px } ul.features li.emission.emission_f { background-position: 0 -300px } ul.features li.emission.emission_g { background-position: 0 -360px } ul.features li.power { background: 0; padding-left: 0; border-top: 1px solid #d8d8d8; width: 100%; } .tooltip { position: relative; cursor: pointer; } .w250 { width: 250px; } .w100 { width: 100px; } .w180 { width: 180px; } .w75 { width: 75px; } .w451 { width: 451px; } .w196 { width: 170px; } .w500 { width: 500px; } .softRepFm table.grid { margin: 10px 0; } .softRepFm { margin: 0 auto; width: 93%; } table.repFields { width: 100%; margin: 0 auto; } table.repFields td.even { width: 200px; } table.repFields td label { widthZ: 250px; } #welcCont { padding: 20px 0 0 0; } #welcCont .podContent { background: #fff; height: 50px; } #welcCont .leftColumn .podContent { padding-left: 0px; } #welcCont .welcome { width: 100%; } #navLogo { text-align: center; } #navLogo img { width: auto; height: 50px; } .jDlg.ui-dialog { text-align: left; z-index: 100; border: 0; } .jDlg.ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-close { display: block; position: absolute; top: 15px; right: 15px; background: transparent url('../img/el_close.png') no-repeat 50% -17px; border: 0; width: 22px; height: 21px; cursor: pointer; } .jDlg.ui-dialog .ui-dialog-titlebar { padding: 20px 15px 12px; position: relative; min-height: 25px; background: 0; font-size: 18px; font-weight: normal; } .jDlg.vehDlg.ui-dialog .ui-dialog-titlebar { padding: 20px 20px 15px; margin: 0; } .jDlg.ui-dialog .ui-dialog-title { margin: 0; color: #333; } .jDlg.vehDlg.ui-dialog .ui-dialog-title h2 { color: #333; padding: 0; font-weight: normal; line-height: 22px; margin: 0; } .jDlg.ui-dialog .ui-dialog-titlebar-close .ui-button-text { display: none; } .jDlg.ui-dialog .ui-dialog-content { padding: 0 15px 12px; } .jDlg.vehDlg.ui-dialog .ui-dialog-content { padding: 0 0 25px; } .jDlg .podContainer .podHeader { padding: 0 0 14px; } .qasDlg ol li { list-style: none; } .qasDlg ol li a { font-size: 12px; background: #F0F0F0; } .field.mand input[type=text], .field.mand select, .field.mand textarea, .field.mand input[type=password] { border: 1px solid #036b05; } .logBxL { position: relative; float: left; width: 50%; } .logBxR { position: relative; float: right; width: 50%; background: url("../img/login-img-1.jpg") no-repeat scroll 10px 10px transparent; height: 542px; } label.radio { color: #333333; } label.radio input[type=radio], label.radio input[type=checkbox] { margin-right: 7px; } #loginForm div.field input { width: 100%; height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; -webkit-appearance: textfield; -moz-appearance: textfield; -ms-appearance: textfield; -o-appearance: textfield; appearance: textfield; } #loginForm div.field div.resetP { width: 100%; text-align: right; margin: 7px 0 0; } #loginForm div.field div.resetP a, #loginForm div.field div.resetP a:visited, #loginForm div.field div.resetP a:hover, #loginForm div.field div.resetP a:focus, div.field div.staInf span, div.field div.moreDets span, div.field div.authInfo span { text-decoration: none; color: #036b05; cursor: pointer; } div.field div.staInf { width: 375px; text-align: right; margin: 7px 0 0; position: absolute; } div.field div.moreDets, div.field div.authInfo { float: left; } input[type=text].errB, select.errB, textarea.errB, .field.mand input[type=text].errB, .field.mand select.errB, .field.mand textarea.errB, input[type=password].errB, .field.mand input[type=password].errB { border: 1px solid #C90000; } .errC { position: absolute; left: 175px; background: url("../img/el_error_small.png") no-repeat scroll 22px 2px transparent; padding: 0 0 0 45px; color: #C90000; min-width: 170px; } .errCdri { background: url("../img/el_error_small.png") no-repeat scroll 22px 2px transparent; padding: 0 0 0 45px; color: #C90000; } div.field.noOverflow label span.errC { width: 251px; } #startLocation, #endLocation { width: 369px; color: #333; } #startLocation.disabled, #endLocation.disabled { color: #919191; } .redErr { color: #c90000; } sub { vertical-align: sub; font-size: smaller; } .tooltip.emission .content { position: absolute; top: auto; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin-left: -75px; padding: 10px; border: 1px solid #d8d8d8; background: #f0f0f0; -webkit-box-shadow: 0 0 6px rgba(85, 85, 85, 0.3); -moz-box-shadow: 0 0 6px rgba(85, 85, 85, 0.3); -ms-box-shadow: 0 0 6px rgba(85, 85, 85, 0.3); -o-box-shadow: 0 0 6px rgba(85, 85, 85, 0.3); box-shadow: 0 0 6px rgba(85, 85, 85, 0.3); width: 170px; z-index: 2; text-indent: 0; text-align: left; color: #333; font-size: 12px; line-height: 16px; left: 3px; bottom: 42px; display: none; } .tooltip:hover .content { display: block } .tooltip.emission .content:before, .tooltip.emission .content:after { content: ""; display: inline-block; position: absolute; left: 85px; top: -12px; margin-left: -12px; background: transparent url('../img/el_tooltip.png') no-repeat 50% 100%; width: 22px; height: 12px } .tooltip.emission .content:after { top: auto; bottom: -12px; background-position: 50% 0 } .tooltip.emission .content .h4 { font-weight: bold } .tooltip.emission .content p { margin: 0 } .tooltip.emission .content p+img { margin-top: 5px } .tooltip.emission .content strong { font-weight: bold } .tooltip.emission .content .top, .tooltip.emission .content .bottom { display: none } .tooltip.emission .content:before { display: none } .tooltip.emission .content .features li { float: none; margin: 0; padding: 8px 0 8px 40px } .tooltip.emission .content .h4 { margin: 0 0 10px; font-size: 12px; line-height: normal; } .modelDiv .stage { position: relative; margin: 0 0 1px; padding: 0 20px; background: #F0F0F0 url('../img/bg_caroverlay.jpg') no-repeat 0 0; background-size: 100% 100%; height: 330px; } .modelDiv .stage .visual { margin: 0 auto; width: 450px; } .modelDiv .col { margin: 0 auto; width: 290px; } .logMainI { background: #fff url('../img/EC_B2B_978x250_Main_Photo.jpg') no-repeat 0 0; height: 250px; left: -10px; position: relative; top: 0; width: 978px; margin: 0 0 21px; } .logMainI .title { position: absolute; top: 126px; left: 20px; font-size: 36px; } .logMainI .line1 { position: absolute; top: 175px; left: 20px; font-size: 18px; } .logMainI .line2 { position: absolute; top: 197px; left: 20px; font-size: 18px; } .logMainI div { color: #fff; font-weight: normal; } .botDiv { position: absolute; bottom: 15px; width: 96%; } .servStn, div.field div.staInf span, div.field div.moreDets span, div.field div.authInfo span { color: #036b05; background: url('../img/el_arrow_green.png') no-repeat 100% 50%; float: left; margin-right: 25px; padding: 6px 15px; cursor: pointer; font-size: 12px; } div.field div.staInf span { float: right; margin: 0; } div.field div.moreDets span { padding: 0 15px; } div.field div.authInfo span { padding: 3px 15px; } .mandDesc { color: #333; } .podContent .qLiCont0 { width: 470px; margin: 0 auto; } .podContent .qLiCont1 { width: 916px; margin: 0 auto; } .podContent .qLiCont2 { width: 692px; margin: 0 auto; } .homeQuLks ul.qLiTop, .homeQuLks ul.qLiBot, .homeQuLks ul.qLiMid { list-style: none; position: relative; float: left; } .homeQuLks ul.qLiTop { margin: 12px 12px 5px; } .homeQuLks ul.qLiMid { margin: 5px 12px 5px; } .homeQuLks ul.qLiBot { margin: 5px 12px 12px; } .homeQuLks ul.qLiTop.only4 { margin: 12px 12px 12px; } .homeQuLks ul.qLiTop li.qLink, .homeQuLks ul.qLiBot li.qLink, .homeQuLks ul.qLiMid li.qLink { margin: 5px 0; width: 219px; height: 39px; display: inline-block; line-height: 39px; } .homeQuLks ul.qLiTop li.qLink a, .homeQuLks ul.qLiBot li.qLink a, .homeQuLks ul.qLiMid li.qLink a { margin: 0px; display: block; width: 100%; height: 100%; } li.qLink a img { vertical-align: middle; margin: 0; } .homeQuLks ul.qLiTop li.qLink a span, .homeQuLks ul.qLiBot li.qLink a span, .homeQuLks ul.qLiMid li.qLink a span { padding: 10px 5px 10px 5px; font-size: 14px; line-height: normal; } li.qLink a, li.qLink a:visited, li.qLink a:hover, li.qLink a:focus, li.qLink a span { text-decoration: none; color: #036b05; cursor: pointer; } hr { background-color: #f0f0f0; height: 1px; border: 0; } .podContainer.contact .podContent { background: #fff; padding: 0; } .podContainer.contact .podHeader { padding-bottom: 5px; } #fakeLab { position: absolute; visibility: hidden; display: block; height: 1px; margin: 0; padding: 0; } #fakeD { position: absolute; margin: 0; height: 1px; padding: 0; visibility: hidden; width: 100%; } .whiteB { background: #fff; } #amountType { margin: 0 0 0 10px; } .oohOver { position: relative; height: 23px; } #subscription { width: auto; height: 400px; overflow: scroll; overflow-x: hidden; margin: 0 10px 15px 10px; } .info, .podContent p.info { color: #036b05; list-style: none; background: url("../img/el_notice.png") no-repeat scroll 22px -8px transparent; padding: 0 0 0 45px; } .custColAddList { padding: 0 0 0 2px; } #custColAdd, #custDelAdd { margin: 0 0 0 2px; } .repCollYN { text-align: center; } .placeholder { color: #757575; } .incBoxExpanded { display: block; } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul { list-style: none outside none; } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.filter { height: 0px; display: none; } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.filter li { background-color: #F2F2F2; background-image: -moz-linear-gradient(center top, #F2F2F2, #E5E5E5); border-left: 2px solid #FFFFFF; color: #036B05; cursor: pointer; float: left; padding: 0px 0 5px; position: relative; text-align: center; width: 211px; } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.filter li.active, .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.filter li:hover { background: none repeat scroll 0 0 #919191; color: #FFFFFF; } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.filter li.equipment:hover span, .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.filter li.equipment.active span { background-position: 50% -345px; } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.filter li span { background: url("../img/el_extras_type.png") no-repeat scroll 50% 10px rgba(0, 0, 0, 0); display: inline-block; padding-top: 40px; } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.options { margin: 0px 0 0 0; } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.options li { background: none repeat scroll 0 0 #FFFFFF; border-bottom: 1px solid #D8D8D8; border-top: 1px solid #FFFFFF; position: relative; } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.options li.exsel { background-color: #90C53E; } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.options li:first-child { border-top: 1px solid #D8D8D8; } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.options li>div { padding: 5px 0 9px 10px; height: 28px; } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.options li div div.exDesc, .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.options li div div.exQuan, .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.options li div div.exPriceDiv, .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.options li div div.exAdd { position: absolute; height: 29px; } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.options li div div.exDesc { left: 20px; } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.options li div div.exDesc span.exDescS { font-weight: bold; } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.options li div div.exQuan { left: 407px; padding: 5px 0 0 0; } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.options li div div.exPriceDiv { right: 25px; width: 100px; } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.options li div div.exPriceDiv>div.exPDIV { font-weight: bold; font-size: 16px; } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.options li div div.exAdd { right: 0px; height: 28px; width: 33px; } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.options li div div.exAdd div.exBtn { height: 28px; width: 33px; } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.options li div div.exAdd div.exBtn span { background: url("../img/el_add_extra.png") 0px 0px no-repeat transparent; height: 32px; width: 32px; position: absolute; left: 16px; } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.options li div div.exAdd div.remove.exBtn span { background-position: 0px -50px; } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.options li div div.exAdd div.remove.exBtn, .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.options li div div.exPriceDiv div.remove.exBtn { displayZ: none; } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.options li div div.exAdd div.add.exBtn { float: left; position: relative; width: 110px; } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.options li div div.exPriceDiv div.add.exBtn, .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.options li div div.exPriceDiv div.remove.exBtn { float: left; height: 28px; width: 110px; padding: 10px 0 0 0 } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.options li div div.exPriceDiv>div.exPDIV>span.exCurr { position: relative; float: left; } .modelBoxExpanded dt div.vaIncludes div.vaIncBox .extras ul.options li div div.exPriceDiv>div.exPDIV>span.exPrice { position: relative; float: right; } img.authTypeImage { display: block; background: url(../img/card-info.png) no-repeat center center; vertical-align: middle; height: 45px; width: 160px; border: 0; } .modelDiv .includedItems { padding-top: 10px; } .modelDiv .includes { padding: 10px; } .modelDiv .age { position: relative; font-size: 12px; padding-top: 16px; padding-left: 85px; } .stationFinder { background: url('../img/el_location.svg') no-repeat left; background-size: 18%; color: #036b05; margin-left: 5%; padding:2% 3% 1% 5%; cursor: pointer; } #stnFrameStart iframe, #stnFrameEnd iframe { height:655px; width:101%; position:relative; left: -5px; } #youngDriverPopup .addNow { height: 32px; padding: 1% 0; border-top: solid #D8D8D8 1px; border-bottom: solid #D8D8D8 1px; } #youngDriverPopup .addNow .heroButtonYOU { float: right; margin: 0; } #youngDriverPopup .addNow .chargeDesc { line-height: 32px; margin: 0; float:left;' } #youngDriverPopup .addNow .estimateYOU { font-size:10px; margin-left: 1em; } #youngDriverPopup .addNow .tooManyExtras { float: right; margin: 0; width: 40%; display:none; } #youngDriverPopup .addNow .tooManyExtras p { line-height:12px; color: #c90000; } /* Tooltip text */ .field.tooltip .tooltiptext { visibility: hidden; position: absolute; bottom: 200%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; margin-left: -17%; padding: 10px; border: 1px solid #d8d8d8; background: #f0f0f0; -webkit-box-shadow: 0 0 6px rgba(85, 85, 85, 0.3); -moz-box-shadow: 0 0 6px rgba(85, 85, 85, 0.3); -ms-box-shadow: 0 0 6px rgba(85, 85, 85, 0.3); -o-box-shadow: 0 0 6px rgba(85, 85, 85, 0.3); box-shadow: 0 0 6px rgba(85, 85, 85, 0.3); min-width: 25%; z-index: 2; text-indent: 0; text-align: left; color: #333; font-size: 12px; line-height: 16px; opacity:0; transition: opacity 1s; } /* Show the tooltip text when you mouse over the tooltip container */ .field.tooltip { overflow:visible; } .field.tooltip.report .tooltiptext { bottom: 125%; } .field.tooltip.models .tooltiptext { bottom: 125%; margin-left: -39%; } .field.tooltip:hover .tooltiptext { visibility: visible; opacity:1; } .field.tooltip .tooltiptext:after { content: ""; display: inline-block; position: absolute; left: 85px; margin-left: -12px; background: transparent url('../img/el_tooltip.png') no-repeat 50% 100%; width: 22px; height: 12px; top: auto; bottom: -12px; background-position: 50% 0 } .voucherSecondPayment { color: #919191; } .herolink{ padding: 17px 0px 0px 0px; }