body { font-size: 11px; font-family: Verdana; margin: 0; padding: 0; color: #717171; height:100%;} img { border: 0; } html {overflow-y:scroll; height:100%;} a:link { color: #034af3; text-decoration: underline; } a:visited { color: #505abc; } a:hover { color: #1d60ff; text-decoration: none; } a:active { color: #12eb87; } p, ul { margin-bottom: 20px; line-height: 1.6em; } h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: #000; font-family: Verdana, Arial, Helvetica, sans-serif; } h1 { color: #fff } h1 { font-size: 2em; padding-bottom: 0; margin-bottom: 0; } h2 { padding: 0 0 10px 0; } h3 { font-size: 1.2em; } h4 { font-size: 1.1em; } h5, h6 { font-size: 1em; } form { margin:0px; padding:0px;} div.hr { font-size: 0; display: block; color:#e1e1e1; background-color:#e1e1e1; height:1px; border:none; width: 438px; text-align: left; clear: both; padding: 0; margin: 10px 0 6px; } div.blankline { clear:both; } div.hide-hr { display:none; visibility:hidden;} .clearBoth {clear:both;} .clear {clear: both; height: 1px;overflow: hidden; margin-top: -1px; border: 0; margin: 0; padding: 0; } .hidden { display:none; } .clearLeft { clear:left;} .floatnone { float:none !important; } legend { font-weight: bold; } .pad-bot-14 { padding-bottom: 14px; } .pad-top-14 { padding-top: 14px; } .pad-right-14 { padding-right: 14px; } input.grey { background-color: #CCC; } .TheBuzz { font-weight: bold; text-transform: capitalize; } .errorMessage { color: #FF0000; } #main { width: 960px; margin: 0 auto; _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */ } #mainBodyWrapper { overflow: hidden; width:955px; padding-right:5px;} #mainHeaderWrapper { height:142px; width:960px; overflow:hidden;} #mainHeaderLeftWrapper { width:480px; float:left;} #mainContentLeftWrapper { float:left; width:220px;} #mainContentRightWrapper { float:right; width:735px; } #HeaderMessage { padding-bottom: 15px; } #MTAHeaderMessage { width:515px; } #MTAHeaderMessage div.mtaOverallTooltip { float:right; } #MTAHeaderMessage div.messageAboveAccordion p { float:left; margin:0 0 10px 0; padding:0; } #mainContentWrapper span.required-field { color: #990000; padding-left: 2px; display:inline; float:none; } #quoteProgressBar { background-repeat:no-repeat; width:737px; height:40px; margin-bottom:10px; padding-top:13px;} .policyProgressBar { background-image:url(images/quote-progress-bar.gif); } .mtaProgressBar { background-image:url(images/progress-bar-steps-MTA.gif); } #progressPointer { background-image:url(images/progress-pointer.gif); background-repeat:no-repeat; height:13px; width:13px;} div.quoteStepOne { background-position: 0 0; } div.pointer { margin-left: 152px;} .approquote { font-size:36px; font-weight:bold; margin-bottom:5px; font-family:arial; } #myQuoteBoxContent .refund { color: #006600; } #myQuoteBoxContent .owing { color: #717171; } .approquote span { font-size:32px; } .approquote span.quote-total { font-size:36px; vertical-align:middle;} div.myLogin { display:block; padding-left:12px; width:105px; float:left; padding-top:6px;} div.myLogin a, div.myLogin a:link, div.myLogin a:visited { text-decoration:none; color:#6F297b; font-weight:bold; font-size:14px;} div.myLogin a:hover { text-decoration:none; color:#6F297b;} span.searchText { font-weight:bold; color:#000; float:left; width:55px; padding-top:3px;} .searchInputBox { width:150px; padding-left:2px; border:solid 1px #acacac; background-color:#e8e9e9; color:#717171; height:15px; margin-top:2px; margin-left:0px; float:left;} .go-search { float:left; margin-left:10px; padding-right:0px;} #loginWidget { width:340px; overflow:hidden; } .mybuzz-logo { background:transparent url(images/mybuzz-logo.gif) no-repeat scroll left top; height:58px; margin:10px 0; } #loginSearchBox { width:220px; float: right; height:30px;} #myBuzzLink { display:block;} .yellow-text { color:#FF670D;} #title { display:block; float:left; text-align:left; } #logindisplay { font-size:1.1em; display:block; text-align:right; margin:10px; color:White; } #logindisplay a:link { color: white; text-decoration: underline; } #logindisplay a:visited { color: white; text-decoration: underline; } .greyed, .form-area .greyed { color: #DDD; } *input.disabled { background-color: #CCC; } /* BEGIN QUICK QUOTE WIDGET STYLES */ #quickQuoteWrapper { width:326px; margin:0; padding:0px; color:#717171; font-family:Verdana;} #quickQuoteWrapper .quickquote-top { background:url(images/QuickQuote_Onsite/qq-header.gif) no-repeat top left; width:326px; height:174px; } #quickQuoteWrapper h2 { background:url(images/QuickQuote_Onsite/quickquote_heading.gif) 80px 60px no-repeat; text-indent: -9999px; padding: 60px 0 10px 0; height: 21px;} #quickQuoteWrapper .quickquote-questions { background:url(images/QuickQuote_Onsite/qq-bg-line.gif) repeat-y; width:326px; height:45px; _height:55px; overflow:hidden;} #quickQuoteWrapper .locality-question { padding-top:8px;} #quickQuoteWrapper .quickquote-questions.expanded { height:auto; overflow:hidden;} #quickQuoteWrapper .quickquote-questions.dob { background: #dcdcdc url(images/QuickQuote_Onsite/qq-bg-line.gif) repeat-y scroll left top; height:40px; width:326px;} #quickQuoteWrapper .quickquote-vehicle-top { background: transparent url(images/QuickQuote_Onsite/qq-bg-line.gif) repeat-y scroll left top; height:auto; width:326px; margin:20px 0 7px 0;} #quickQuoteWrapper .quickquote-details { background: #dcdcdc url(images/QuickQuote_Onsite/qq-bg-line.gif) repeat-y scroll 0 0; clear:both; width:326px; overflow:hidden;} #quickQuoteWrapper .quickquote-vehicle-bottom { background: transparent url(images/QuickQuote_Onsite/qq-section-bottom.gif) no-repeat scroll 0 0; height:20px; overflow:hidden; width:326px;} #quickQuoteWrapper .question-number { background-position: 19px 8px; background-repeat: no-repeat; height: 30px; text-indent: -9999px; float:left; width:46px; } #quickQuoteWrapper .step1 { background-image: url(images/QuickQuote_Onsite/qq-step1.gif); } #quickQuoteWrapper .step2 { background-image: url(images/QuickQuote_Onsite/qq-step2.gif); } #quickQuoteWrapper .step3 { background-image: url(images/QuickQuote_Onsite/qq-step3.gif); } #quickQuoteWrapper .question-content { font-size:11px; font-weight:bold; padding-top:7px;} #quickQuoteWrapper .field-name { float:left; padding-top:8px; padding-right:10px; font-weight:bold; font-size:11px;} #quickQuoteWrapper .quickquote-vehicle-top .field-name { width:56px; padding-right:0; height:20px;} #quickQuoteWrapper .vehicle-field-name { float:left; font-size:11px; font-weight:bold; padding-top:3px; text-align:left; width:56px;} #quickQuoteWrapper .question-content #locality { border: 1px solid #B0B0B0; height: 22px; width:150px; font-size:11px; padding:2px; color:#717171; margin-top: 5px;} #quickQuoteWrapper .locality-question label.error { padding-left: 46px; padding-top: 0px; margin-top: 0px; width: 200px; height:10px;} #quickQuoteWrapper .field-dob { text-transform:uppercase; width:105px; font-size:10px; margin-left:8px; margin-top:4px; height:20px; color:#717171;} fieldset.validatedDateOfBirth { padding: 0px; margin: 14px 0 0; display: block; border: none;} #quickQuoteWrapper fieldset.validatedDateOfBirth { margin-top: 0; } fieldset label { font-size:10px; font-weight:bold; vertical-align:top; padding-top:3px; display:inline-block; } #quickQuoteWrapper label.error { width: 200px; margin-top: 0; clear: none; font-weight: bold; display:block; font-size: 10px; padding:2px 0;} #quickQuoteWrapper .quickquote-details label.error { margin-left: 0; } #quickQuoteWrapper span.required-field { display: none; } #quickQuoteWrapper select { width:195px; font-size: 11px; margin-left:2px;padding:0; height:20px; color:#717171; border: 1px solid #B0B0B0; } #quickQuoteWrapper select { *font-family: Arial; } #quickQuoteWrapper select.day { width: 56px; margin-left: 28px; } #quickQuoteWrapper select.month, #quickQuoteWrapper select.year { width: 65px; margin-left: 0px;} #quickQuoteWrapper select#year { border: 1px solid #B0B0B0; margin-left: 2px;} #quickQuoteWrapper .quickquote-details div { margin-bottom:7px; margin-left:46px;} #quickQuoteWrapper #submitQuickQuote { cursor: pointer; background: transparent url(images/QuickQuote_Onsite/btn-showmyquote-purple.gif) no-repeat scroll 0 0; width:152px; height:22px; display:block; border:none; margin: 10px 0 0 140px; padding:0px;} #quickQuoteWrapper .quickquote-vehicle-bottom-expanded { background: transparent url(images/QuickQuote_Onsite/qq-bottom.gif) no-repeat top left; height:31px;} #quickQuoteWrapper #car-details-container {background: transparent url(images/QuickQuote_Onsite/qq-section-bottom.gif) no-repeat scroll 0 0; height:auto; overflow:hidden; width:326px;} /* END QUICK QUOTE WIDGET STYLES */ #yearMake,#carMake,#carModel,#engineSize { z-index:-10;} /* BEGIN FULL QUOTE MODULE STYLES */ .module-wrapper { margin-bottom:10px;} #personalDetailsFormContent #locality { text-transform:uppercase; margin-top:6px; border:1px solid #b0b0b0; } #contentWrapper { float:left; width:516px;} #contentWrapper select { border:1px solid #b0b0b0; } #quoteRightWrapper { float:right; width:210px; } #hiddenRightHeightWrapper { height:0px; font-size:0px; line-height:0px; } #hiddenLeftHeightWrapper { height:0px; width:210px; font-size:0px; line-height:0px; } #hiddenLeftWrapperSpacer { height:40px; width:210px; font-size:0px; line-height:0px; } #myQuoteBoxWrapper { background-color:#6e2b90;} #myQuoteBoxWrapper .myquotebox-top { background:url(images/myquotebox-top-curve.gif) no-repeat top left; width:210px; height:54px;} #myQuoteBoxWrapper .myquotebox-top-mta { background:url(images/mta-myquotebox-top-curve.gif) no-repeat top left; width:210px; height:43px;} #myQuoteBoxWrapper .myquotebox-content { background:url(images/myquotebox-line.gif) repeat-y top left; width:210px;} #myQuoteBoxContent { width:171px; margin-left:9px; background-color:#f8f4f9; padding-left:10px; padding-right:10px;} #myQuoteBoxContent p { line-height: 1.25em; margin:0; padding: 0 0 10px 0; } #myQuoteBoxWrapper .myquotebox-bottom { background:url(images/myquotebox-bottom-curve.gif) no-repeat top left; width:210px; height:49px; } #myQuoteBoxWrapper .myquotebox-bottom img {cursor:pointer} #quoteQuoteModuleWrapper, #quoteSecureModuleWrapper, #quotePayModuleWrapper { width:515px; } .module-heading {background:url(images/quotemodule_bg_off.gif) top left; height:50px; overflow:hidden;} .module-heading-expand { cursor: pointer; background:url(images/quotemodule_bg_on.gif) top left; height:50px; overflow:hidden;} .module-content {background-color:#efefef; } .module-content-bottom {background:url(images/quotemodule_bottom_bg.gif) no-repeat; height:12px; visibility:visible; display:block; } .complete-module { width: 486px; } .module-save { background: url(images/btn_modulesave.gif) no-repeat; float: left; text-indent: -1000px; width: 80px; height: 41px; bordeR: 0; } .module-complete { background: url(images/btn_modulecontinue.gif) no-repeat; float: right; text-indent: -1000px; width: 80px; height: 41px; bordeR: 0; } .completeButtonDisabled { background-image: url(images/btn_modulecontinue_off.gif); } .module-content.expand { padding:6px 0px 9px 14px !important;} .module-content.collapse { padding:6px 0px 0px 8px !important; } .module-step { float:left; width:25px; padding-left:15px; padding-top:11px;} .module-headingtext { text-indent: -1000px; float:left; width:170px; height: 35px; font-size:14px; font-weight:bold; text-transform:uppercase;} .policyfullquote_txt { background: url(images/fullquote_moduleheading.gif) no-repeat left 12px; } .mtafullquote_txt { background: url(images/MTA_moduleheading_myquote.gif) no-repeat left 12px; } .policysecurequote_txt { background: url(images/securequote_moduleheading.gif) no-repeat left 12px; } .mtasecurequote_txt { background: url(images/MTA_moduleheading_mypolicy.gif) no-repeat left 12px; } .policypayquote_txt { background: url(images/payquote_moduleheading.gif) no-repeat left 12px; } .mtapayquote_txt { background: url(images/MTA_moduleheading_mypayment.gif) no-repeat left 12px; } .module-status { float:right; width:470px; padding-right:20px; text-align:right; } .module-status.editing { background: transparent url(images/arrow-down-white.gif) no-repeat scroll 140px 17px; float:right; width:150px; padding-right:15px; padding-top:11px; text-align:right;} .module-status.edit {float:right; width:150px; padding-right:34px; padding-top:11px; text-align:right;} .module-editing { font-size: 0.9em; font-weight: bold; color: #fff; padding-right:20px; padding-top:22px; background:url(images/arrow_down.gif) no-repeat right 25px; text-transform:lowercase;} .module-edit { padding-top:38px; cursor:pointer; background:url(images/btnEdit-transparent.gif) no-repeat right 18px;} .form-incomplete { padding-top:8px; height:28px; cursor:pointer;} /* Commented out for Phase 1 to hide the edit button .form-incomplete { padding-right:50px; padding-top:8px; background:url(images/btnEdit-transparent.gif) no-repeat right 5px; height:28px; cursor:pointer;} */ .form-complete { text-align:right; padding-top:5px; font-weight:bold;} .form-active { cursor:pointer; height:28px; padding-right:0px; padding-top: 8px; display: inline; } .form-updating { cursor:pointer; padding-top:8px; padding-bottom:8px; padding-right:24px; background:url(images/ajax-loader.gif) right center no-repeat;} .complete-module { text-align:right; } a.link-edit {font-weight:bold; color:#666; } a.link-complete {text-decoration:none; color:#666; } #quoteQuoteModuleWrapper span.question-number { display: none; } #quoteQuoteModuleWrapper .quickquote-vehicle-top { width: 210px; float: left; height: 56px; } #quoteQuoteModuleWrapper .quickquote-details div { width: 210px; float: left; margin: 0 0 10px 0; height: 56px; } #quoteQuoteModuleWrapper .make select { width: 140px; } #quoteQuoteModuleWrapper .model select { width: 200px; } #quoteQuoteModuleWrapper .variant select { margin-left: 0; width: 200px;} #quoteQuoteModuleWrapper .enginesize select { margin-left: 0px; width: 200px;} #quoteQuoteModuleWrapper .dob-field .question-content { margin-left: 10px; display: inline;} #quoteQuoteModuleWrapper fieldset#DateOfBirth select { margin-left: 14px; } #quoteQuoteModuleWrapper fieldset#DateOfBirth select.day { margin-left: 20px; } span.module-status-editing { cursor: pointer; padding-right:20px; color: #fff; font-weight: bold; font-size: 10px; text-transform: lowercase; } .form-status-editing { color:#8bafaf;} .expandable-edit-header {color:#FFF; text-decoration: underline; padding-right: 20px; text-transform: lowercase; font-weight: bold; font-size: 10px; } .expandable-edit-header:hover { text-decoration: none; } .accordionSection .expandable-edit-header { color: #717171; padding: 0 0 0 20px; } #quoteStepThree .form-heading .form-status span.expandable-edit-header { color: #FFFFFF; } .form-area { overflow: hidden; width: 488px; margin-bottom:5px; } .form-area label { font-size: 11px; margin-bottom: 2px; font-weight: bold; color: #717171; } .top-area { background: url(images/form-top-border.gif) no-repeat; font-size: 0; height: 13px; } .middle-area { background: url(images/form-middle-border.gif) repeat-y; } .form-heading { cursor: pointer; margin: 0 4px; height: 28px; background-color: #e0e0e0; overflow: hidden; } .form-heading a.form-title { display: inline-block; width:200px; float:left; padding-left: 20px; margin: 3px 0 0 10px; text-transform: lowercase; background: url(images/arrow-down-orange.gif) left 7px no-repeat; font-size: 1.4em; font-weight: bold; color: #717171; text-decoration: none; } .expanded .form-heading a.form-title, .form-heading a.form-title:hover { background: url(images/arrow-right-orange.gif) left 5px no-repeat; } .form-heading .form-heading-text { margin:12px 0 0 10px; float:left;} .form-heading .form-status { font-size: 0.8em; font-weight: bold; float:right; padding-right:10px; width:110px; text-align:right; padding-top: 7px; } .section { margin-top: 2px; } .section-heading { margin: 0 4px; height: 28px; background-color: #e0e0e0; clear: left; } .section-heading a.section-title { display: inline-block; margin-top: 6px; font-size: 11px; font-weight: bold; color: #717171; text-decoration: none; padding-left: 20px; margin-left: 10px; float: left; } a.info { cursor: pointer; background: url(images/info.gif) no-repeat; text-indent: -9999px; display: block; width: 14px; padding-right: 14px; height: 18px; float: right; } a.info-orange { background: url(images/info-orange.gif) no-repeat; } a.info-orange-graybg { background: url(images/info-orange-graybg.gif) no-repeat; } a.info-orange-floating { position:relative; right:20px; } a.section-title:hover { } .section-form-content { margin-left: 25px; overflow: hidden; padding: 14px 0; width:458px; } .section-form-content span { font-weight: bold; } .section-form p.intro-text { font-weight:bold; margin: 0; } .confirm-btn { cursor: pointer; float: left; background: url(images/btn_sectionconfirm.gif) no-repeat; text-indent: -9999em; width: 70px; height: 26px; border: 0; margin-right: 10px; } #secureStepThree .renewal-confirm-btn { cursor: pointer; float: left; background: url(images/btn_renewandpay.gif) no-repeat; text-indent: -9999em; width: 95px; height: 26px; border: 0; margin-right: 10px; } .confirmButtonDisabled { background-image: url(images/btn_sectionconfirm_off.gif); } .make-change-btn { cursor: pointer; float: left; background: url(images/btn_makechanges.gif) no-repeat; text-indent: -9999em; width: 100px; height: 26px; border: 0; margin-right: 10px; } .field-area { float: left; margin: 0 15px 10px 0; } .vehicle-details .section-form-content { padding-bottom: 0; } .vehicle-details label { display: block; margin-bottom: 6px; } .vehicle-details input { border:1px solid #b0b0b0; } .field-area select { width: 130px; height: 22px; font-size: 11px; color: #717171; padding-top: 2px; } .variant select { width: 364px; } *html .variant select { width: 372px; } #quoteStepThree .top-area { background: url(images/i-form-top-border.gif) no-repeat; } #quoteStepThree .form-heading { background: url(images/i-form-heading-bg.gif) no-repeat; } #quoteStepThree .bottom-area-expanded { background:transparent url(images/i-form-bot-border-expanded.gif) no-repeat scroll 0 0;} #quoteStepThree .bottom-area-collapsed { background: url(images/i-form-bot-border-collapsed.gif) no-repeat; } #quoteStepThree .form-title { background: none; color:#fff; } #quoteStepThree .form-title b { color: #ff6712; } #quoteStepThree .form-heading .form-status { color: #fff; } #quoteStepThree .module-complete { background: url(images/btn_i_modulecontinue.gif) no-repeat; width: 70px; height: 22px; margin-top:13px; margin-right:16px; float:right; } /* Start Home My Quote */ .cover-option { float: left; width: 144px; background: url(images/bg_tile_mycoverContainer.gif) top left repeat-x; margin-right: 4px; padding: 6px; } /* End Home My Quote */ /* Start Policy Terms and Condition */ .policy-toc label { line-height: 20px; } .policy-toc input { padding:0; margin:0; line-height:0px; } .policy-toc div { margin-bottom:10px; } /* End Policy Terms and Condition */ .confirmation-box { margin: 0 4px; height: 38px; background-color: #ffb912;} .confirmation-box label {display:block;float:left;font-weight:normal;margin-left:10px;margin-top:5px;padding-right:180px;} .confirmation-box .field-area label { margin: 2px 0 0 0; padding-left: 0; } .confirmation-box .section-form { height: 20px; padding: 0; float: right; margin-top: 12px; } .field-area .titleField { width:50px;} .field-area .addressField { width:250px;} .field-area .dayField { width:100px;} .field-area .monthField { width:100px;} .field-area .yearField { width:100px;} .field-area .yearField { width:100px;} .field-area .excessField { width:200px;} .field-area-question { margin-bottom:5px; border: 4px solid red; } .vehicle-use { height: 30px; } .vehicle-use label { float: left; padding-left: 2px; width: 154px; display: block; } .vehicle-use label.last { width: 40px; } .money-outstanding .radioButtonWrapper { } .form-area .vehicleError { color:#990000;} label.error, label.dateError, span.error, div.error { color:#990000 !important; display: block; clear: both; font-weight: normal !important; } div.error a { cursor:hand; } input.error { display: inline; } input[type=hidden].error { display: none; } .field-validation-error { color: #990000; } .input-validation-error { border: 1px solid #ff0000 !important; background-color: #FFFFD5 !important; } .validation-summary-errors { font-weight: bold; color: #990000; } #sliderPath { position: relative; width: 366px; height: 10px; background-image:url(images/slider-path.gif); background-repeat:repeat-x;} #sliderPath div.ui-slider-handle { background: url(images/slider.gif); height:23px; font-size: 0; left:0; top: -7px; position:absolute; width:58px; z-index:1; } #additionalDriversSection { margin: 15px 0; padding-top:10px;} #additionalDriversSection span { padding-top: 1px; margin-bottom: 14px; display:block; font-size: 12px; } .additional-drivers { clear:both; overflow:hidden; width: 400px;} .additional-drivers .radioButtonWrapper { width: 180px; float: left; margin: 8px 0; } .additional-drivers .radioButtonWrapper label { margin-right: 0; } .additional-drivers input.driverTypeRadioButton { display: block; float: left; } .additional-drivers label { margin: 6px 20px 0 0; *margin-top: 4px; display: block; float: left; } .additional-drivers .validatedDateOfBirth label { margin: 0 5px 0 0; } #ageExcessMessage ul { margin: 4px 0; padding: 0; } #ageExcessMessage ul li { margin: 4px 0; list-style-type: none; } input#AddDriver { float:left; } div#claimsReminderMessage { color:#990000; float:left; padding: 0 0 0 5px; display:none; width:280px; } div#claimsReminderMessage p { padding:0; margin:0; line-height: normal; } div#moreDetailsOnAdditionalDriver { color:#990000; float:left; padding: 0 0 0 5px; display:none; } div#moreDetailsOnAdditionalDriver p { padding:0; margin:0; line-height: normal; } #claimsHistoryExtraQuestionsDiv label { float: left; width: 210px; margin-top: 14px; } #claimsHistoryExtraQuestionsDiv label.error { width: 420px; margin-top: 2px; } #claimsHistoryExtraQuestionsDiv select { margin-top: 14px; } #insuranceDetailsFormContent { background-color: #eee; } #insuranceDetailsHeaderSection { margin: 0 0 14px 0; } #insuranceDetailsHeaderSection .section-heading{ margin: 0; padding-left: 4px; background: url(images/sub-section-header.gif) repeat-y; } #insuranceDetailsHeaderSection .section-form { background: #EFEFEF url(images/form-middle-border.gif) repeat-y; } #insuranceDetailsFormContent .confirmation-box { margin: 0; height:35px; width:488px; background: url(images/insurancedetails-ok-bg-purple.gif) no-repeat;} #insuranceDetailsHeaderSection .section-form-content { padding-bottom: 1px; color:#6F297B; font-weight: bold; font-size: 12px; } .slider-section-form .section-form-content { margin-left: 16px; } .slider-section-form span, .slider-section-form p { margin-left: 19px; } .slider-section-form input { border: 0; color: #ff6712; font-size:11px; padding:5px; margin-left: 20px; } .heading-txt { color: #6f297b; display: block; font-weight: bold; font-size: 13px; margin: 5px 0 8px 0; } .heading-txt b { color: #ff6712; } .sliderContainer { width: 456px; margin: 14px 0 0 0; padding-bottom: 14px; background: url(ExcessSliderBG.png) 0px 0px no-repeat;} .sliderContainer table { margin-top: -5px; } .sliderContainer td { font-size: 8px; padding-top: 34px; background: url(ev-slider-notch.GIF) center 13px no-repeat;} *html .sliderContainer td { padding-top: 31px; } .sliderContainer .ui-slider { height: 8px; position:absolute; margin: 0 auto; } .sliderContainer .ui-slider-handle { margin-top: -6px; outline: none; height: 27px; background: url(ev-slider-handle.GIF) top center no-repeat; } .coverage-title { width: 60px; float: left; margin-right: 9px; } .coverage-title label { display: block; margin-top: 10px; text-align: center; } .coverage-title label.option-value { background-color: #fff; padding: 4px 0; color: #ff6712; font-weight: normal; } .coverage-title label.coverage-desc { font-size: 10px; } .coverage-title input { display: block; float: left; } .checkbox-wrapper { background-color: #c1c2c5; height: 18px; } .checkbox-on { background-color: #6f297b; } .coverage-select { color: #fff; font-size: 10px; margin: 3px 0 0 4px; display: block; float: left; font-family: Arial; } #AdditionalExcesses ul { margin: 0; padding: 10px 0 14px 15px; } #AdditionalExcesses ul li span { font-weight: normal; } #AdditionalExcesses ul li.first { list-style-type: none; padding: 0; font-size: 11px; } #AdditionalExcesses ul li.first span { font-weight: bold; } #coverageDetailsSection { margin-bottom: 0; } #coverageDetailsSection .section-form-content { width: 450px; } /* begin secure module styles */ .secure-vehicle-details { padding-top: 0; } .secure-vehicle-details label { width: 210px; float: left; margin-top: 14px; clear: left; } .secure-vehicle-details label.error { margin-top: 0; width: 420px; } .secure-vehicle-details input, .secure-vehicle-details select, .secure-vehicle-details span { display: block; float: left; margin-top: 14px; } /*.secure-vehicle-details span.required-field { display: inline; }*/ .secure-vehicle-details input { border:1px solid #b0b0b0; } .secure-vehicle-details span { width: 140px; } .secure-address-details { padding-top:0;} .secure-address-details label { width: 210px; float: left; clear: left; margin-top:4px; } .secure-address-details label.error { margin-top: 0; width: 420px;} .secure-address-details input, .secure-address-details select, .secure-address-details span { display: block; float: left; margin-top:4px; } .secure-address-details input#riskUnitNo, .secure-address-details input#riskStreetNo, .secure-address-details input#riskStreetName, .secure-address-details input#mailingPoBox, .secure-address-details input#mailingUnitNo, .secure-address-details input#mailingStreetNo, .secure-address-details input#mailingStreetName, .secure-address-details input#Securelocality { border:1px solid #b0b0b0;} .secure-address-details span { width: 140px; } .secure-address-details span.mta { width: 100%; font-weight:normal; } #optionalMailingAddressQuestions label.field-name { margin-top:10px;} .eligibility-questions p.intro-text { margin-bottom:10px;} .eligibility-questions div.hr { float:left; margin-bottom: 14px; } .secure-address-details label.mailing-address-label { width: 420px; float: none; } #mailingAddress .radioButtonWrapper label { margin-top: 0; *margin-top:4px; padding: 0; width: auto; clear: none; } *html #mailingAddress .radioButtonWrapper label { margin-top: 4px; } #mailingAddress .radioButtonWrapper input { padding: 0; margin-top: 0; } #mailingAddress .radioButtonWrapper .error { clear:both; } .radioButtonBlock { margin-top: 14px; } .radioButtonBlock label { width: auto; float:none; clear:none; margin-top: 0px; } .radioButtonBlock .radioButtonWrapper label { margin-top: 0px; } .ShowQuestionContainer { display: none; border: 1px solid #fff; } .radioButtonWrapper { overflow: hidden; margin-top: 14px; width:438px; } *html .radioButtonWrapper { height: 18px; overflow:visible; } .radioButtonWrapper input { display: block; float: left; margin-top: 1px; } .radioButtonWrapper label { margin: 0 20px 0 0; margin-top: 4px; _padding-top:2px; display: block; float: left; } .radioButtonWrapper label.error { width: 100%; clear: both; display: block; margin: 2px 0 0px; } .radioButtonWrapper span {width:auto; margin-right:20px; } #vehicleDetails { width: 400px; overflow: hidden;} #vehicleDetails label, #vehicleDetails span { margin-top: 4px; } #vehicleDetails .first-elem { margin-top: 0; } .mod-form fieldset { width: 438px; margin-top: 14px; padding: 0; border: 0; float:left; } .mod-form fieldset ul { list-style-type: none; padding: 0px; margin: 0; width: 438px; } .mod-form fieldset li { display: block; overflow: hidden; margin-bottom: 8px; } .mod-form fieldset label { font-weight: normal; display: block; float: left; clear: left; width: 140px; } .mod-form fieldset li.indicate-value { margin-bottom:0; } .mod-form fieldset li.indicate-value label { padding-left: 175px; } .mod-form label.error { display: block; font-weight: bold; width: auto; } .modifications-section { padding-top: 14px; margin-top: 14px; border-top: 1px solid #e1e1e1; width: 438px; float:left; } .modifications label.error { margin-bottom: 0; } .modifications { overflow: hidden; } .modification-value { border:1px solid #b0b0b0;} .modification-value-error { border:1px solid #ff0000;} #AllowWheelsExtraOption { overflow: hidden; background-color: #ffffff; padding: 0px; clear: both; width: 446px; margin: 8px 0; } #AllowWheelsExtraOption label { color: #717171; font-weight: bold; width: 286px; display: block; float: left; margin-right: 10px; } #AllowWheelsExtraOption .radioButtonWrapper { margin-top: 6px; *margin-top: 2px; width: 100px; height: 16px; float: left; } *html #AllowWheelsExtraOption .radioButtonWrapper { margin-top: 2px; } #AllowWheelsExtraOption .radioButtonWrapper label { width: 20px; margin-right: 5px; clear: none; padding-top: 0; line-height: 1.1em; } #AllowWheelsExtraOption .radioButtonWrapper input {float: left; margin-top: 0; line-height: 1.1em; } #AllowWheelsExtraOption div {float: left; clear: none;} #AllowWheelsExtraOption .warning { color:#990000; font-weight:bold; line-height:1.2em; clear: left; width: 425px; } .field-row { overflow: hidden; padding-bottom: 14px; clear: left; } .secure-vehicle-details .field-row { padding-bottom: 0; } .recent-history-form label.display-block { clear: left; margin-top: 14px; } .recent-history-form label#LicenseSuspended { width: 210px; float: left; } .recent-history-form select#LicenseSuspended { margin-top: 14px; } .recent-history-form div.hr { margin-bottom: 14px; } .pd-field-box { float: left; width: 210px; } .pd-field-box input { border:1px solid #b0b0b0; } .pd-field-box .radioButtonWrapper input { border: 0; } .pd-field-box label.error { margin-top: 2px; overflow:visible; } .phoneeg { font-size: 80%; width: 168px; } .f-field-box { overflow: hidden; width: 420px; } .f-field-box label { width: 420px; float: left; } .f-field-box select { float: left; width: auto; } .f-field-box customFinancialInstitutions { } div>.pd-field-row { min-height: 56px; height: auto; } .full-width { width: 400px; padding-bottom: 0; float: none; clear: both; height: 47px; } div#business-name { border-bottom: 1px solid #e1e1e1; width: 438px; margin-bottom: 0; padding-bottom: 14px; } div#business-name label { width: 210px; float: left; margin: 16px 0 0; display: block; } div#business-name label.error { float: left; margin: 0 0 14px; width: 190px; } div#business-name input { float: left; margin: 14px 0; } div#business-name input.error { margin: 14px 0 0; } .jpo-driver { padding: 10px 0; } .policy-start-date { clear:left; padding-bottom: 5px; } .policy-start-date label { width: 260px; float: left; line-height:21px; } .policy-start-date input { float: left; } policy-start-date img.ui-datepicker-trigger { float: left; } img.ui-datepicker-trigger { cursor: pointer; } #policySummary { width:400px; overflow:hidden;} #policySummary h3 { margin:0px; clear:left; text-transform:lowercase; font-size:1.4em; color:#717171;} #policySummary ul { margin: 4px 0; padding: 0;} #policySummary ul li { margin: 4px 0; list-style-type: none; } #summary, #myCar, #myDetails, #myInsurance, #myExcess, #myDriverHistory, #myModifications { margin:10px 0px; overflow:hidden;} #summary label { clear:left; float:left; width:210px; margin-bottom:5px;} #summary label.singleRow { width: 400px; } #summary div.summaryIndent label { width:200px; padding-left: 10px; } #myCar label, #myDetails label, #myInsurance label, #myExcess label, #myDriverHistory label, #myModifications label { clear:left; float:left; width:210px; margin-bottom:5px; font-weight:normal;} #myInsurance p, #myExcess p { font-weight: bold; margin-bottom:5px; } #myInsurance h4, #myExcess h4 { font-weight: bold; margin:8px 0 5px 0; color:#717171; font-size:1em;} #summary span, #myCar span, #myDetails span, #myInsurance span, #myExcess span, #myDriverHistory span, #myModifications span { width:180px; margin-bottom:5px; float:left; margin-left:10px;} #myDetails table tr td { padding:2px 0px; max-width:100px; overflow:hidden; width: 100px; } #myDetails table tr th, #myDetails table tr td { text-align:left;} #myDetails table tr td.ownership { text-transform: capitalize; } #myExcess label#summary_additionalExcesessesNote { font-weight:bold; padding:8px 0px 6px; margin-bottom:0px; } #myCar label#summary_labelBreaker, #myCar span#summary_spanBreaker { border-bottom:solid 1px #E1E1E1; } div.policy-toc { width:400px;} div.policy-toc label { line-height:1.2em; font-weight:bold;} /* end secure module styles */ /* begin pay module styles */ div.hr-white { background-color: #fff; height: 3px; font-size: 0; } #payModuleContent .middle-area { background: none; } #payModuleContent .form-heading { margin: 0; background: url(images/section-border-middle-gray.gif) repeat-y;} #premiumSection { margin: 0 0 14px 0; } #premiumSection .section-heading{ margin: 0; background: url(images/sub-section-header.gif) repeat-y; } #premiumSection .section-form { background: #EFEFEF url(images/form-middle-border.gif) repeat-y; } .section-bottom { background: #EFEFEF url(images/section-border-bottom-white.gif) no-repeat; height: 13px; } #premium .section-form-content { margin-left: 33px; } #payModuleContent table { width: 430px; } .premium label { display: inline; } #paymentTable span { margin-left: 6px; margin-right: 14px; } .gray-gradient-section { margin-bottom: 14px; } .gray-gradient-section .section-heading { height: 13px; background: #EFEFEF url(images/section-top-gray-gradient.gif) no-repeat; margin: 0; } .gray-gradient-section .section-form { background: #EFEFEF url(images/section-mid-gray-gradient.gif) repeat-y; } .gray-gradient-section .section-form-content { padding: 1px 0 0; width: 470px; } .gray-gradient-section .section-bottom { background: #EFEFEF url(images/section-bot-gray-gradient.gif) no-repeat; } #payModuleContent table th { padding-bottom: 4px; text-align: right; } #payModuleContent table th span { font-weight: normal; } #payModuleContent table td { padding-bottom: 1px; width: 110px; text-align: left; } #payModuleContent table td input { margin-left: 60px; } #payModuleContent table td.cost-item { font-weight: bold; padding-left: 0; } #payModuleContent table .first-col { width: 100px; text-align: left; } #payModuleContent #paymentTable td { text-align: right; } #payModuleContent #paymentTable td.first-col { text-align: left; } #payModuleContent #paymentTable div.hr { margin: 6px 0px 4px 0; width: 410px; } #payModuleContent #paymentTable td span { font-weight:normal;} #payModuleContent #paymentTable td#netPremiumRowHeader, #payModuleContent #paymentTable td#totalPremiumRowHeader, #payModuleContent #paymentTable td span#netPremiumAnnual, #payModuleContent #paymentTable td span#netPremiumMonthly, #payModuleContent #paymentTable td span#netPremiumFortnightly, #payModuleContent #paymentTable td span#totalPremiumAnnual, #payModuleContent #paymentTable td span#totalPremiumMonthly, #payModuleContent #paymentTable td span#totalPremiumFortnightly { font-weight:bold;} .installment-amt { background-color: #fff; display: block; width: 75px; text-align: center; margin-left: 30px; padding: 4px 0; } .installment-txt { width: 75px; margin-left: 30px; display: block; text-align: center; font-size: 10px; } .highlight-amt { color: #ff6712; } body .highlight-txt { color: #6f297b; } #installmentDetailsSection p { margin: 0 10px 14px 0; } #installmentDetailsSection .section-heading { height: 13px; background: #EFEFEF url(images/section-border-top-white.gif) no-repeat; margin: 0; } #installmentDetailsSection #showGrayTopBorder { background: #EFEFEF url(images/form-top-border.gif) no-repeat; } #installmentDetailsSection .section-form { background: url(images/form-middle-border.gif) repeat-y; } #installmentDetailsSection .section-form-content { margin: 0 1px 0 1px; padding: 0; width: 486px; } #installmentDetailsSection #updatePaymentDetailsSection { margin-left:35px; } .paymentSummary { background: #efefef; padding: 14px 0; } .paymentSummary div { margin: 6px 0 0 35px; width: 400px; } .paymentSummary label { color: #ff6712; margin-left: 35px; } #installmentPaymentDate { margin: 0 0 10px 35px; } #installmentPaymentDate label { height: 18px; padding-right: 14px; display: block; float: left; width: 190px; } #installmentPaymentDate label.no-bold { font-weight: normal; } .date-picker-box { height: 34px; overflow: hidden; } .date-picker-box label { margin-top: 6px; } #installmentDatePicker { color: #ff6712; border: 1px solid #b0b0b0; padding: 5px; font-size: 11px; } div.section-heading-top { height: 13px; background: #EFEFEF url(images/section-border-top-white.gif) no-repeat; margin: 0; } #paymentMethodSection { margin-bottom: 14px; margin-top: 0; } #paymentMethodSection .section-heading { background: url(images/section-border-middle-gray.gif) repeat-y; margin: 0; } #paymentMethodSection .section-form { background: url(images/form-middle-border.gif) repeat-y; } #paymentMethodSection .section-form-content { padding-bottom: 0; padding-top:5px; } #paymentMethodSection ul { list-style-type: none; margin: 0; padding: 18px 0 0; overflow: hidden; } #paymentMethodSection ul li { float: left; } #paymentMethodSection ul input { float: left; } #paymentMethodSection ul label { float: left; margin-right: 14px; } #PaymentMethodDetails { padding-top: 4px; overflow: hidden; } #PaymentMethodDetails div.hr { margin-bottom: 14px; } #PaymentMethodDetails p { margin: 0 0 4px 0; } #PaymentMethodDetails form { padding: 0; margin: 0; } #PaymentMethodDetails fieldset { border: 0; padding: 0; width: 448px; } #PaymentMethodDetails label.error { width: 240px; text-align: left; padding-top: 2px; padding-right:0; float:none; margin-left: 205px;} #paymentDetails .section-heading { height: 13px; background: #EFEFEF url(images/section-border-top-white.gif) no-repeat; margin: 0; } #paymentDetails .section-form { background: url(images/form-middle-border.gif) repeat-y; } #paymentDetails .section-form-content { padding: 0; } #mtaAcknowledgement .section-heading { height: 13px; background: #EFEFEF url(images/section-border-top-white.gif) no-repeat; margin: 0; } #mtaAcknowledgement .section-form { background: url(images/form-middle-border.gif) repeat-y; } #mtaAcknowledgement .section-form-content { padding: 0; } #premiumAdjustment { margin: 0 0 14px 0; } #premiumAdjustment .section-heading{ margin: 0; background: url(images/sub-section-header.gif) repeat-y; } #premiumAdjustment .section-form { background: #EFEFEF url(images/form-middle-border.gif) repeat-y; } #nextInstalment .section-heading { height: 13px; background: #EFEFEF url(images/section-border-top-white.gif) no-repeat; margin: 0; } #nextInstalment .section-form { background: url(images/form-middle-border.gif) repeat-y; } #nextInstalment .section-form-content { padding: 0; } .bpay-fields p { font-weight: bold; } #BpayMethodDetails label { padding-top: 0; } #BpayMethodDetails span { display: inline-block; padding-left: 4px; color: #ff6712; } #BpayMethodDetails .bpay-confirm-msg p { font-weight: normal; } #bPayBox { overflow: hidden; margin: 5px 0 20px 50px; border:solid 1px #000; padding:10px; width:300px;} img#bpayLogo { float: left; } #bPayDetails { float: left; border: 1px solid #000; padding: 14px 0px; margin: 0 0 0 6px; width:245px;} #bPayDetails p { margin: 0; } #bpayText { margin-top:10px;} #bpayText span { font-weight:bold; padding:0px; color:#717171;} #bpayText p { margin:3px 0px; font-weight:normal; line-height:1.2em; } span.payStyle { font-size:9px; margin-top:1px;} #logos { clear: both; overflow: hidden; margin: 0; width: 400px; } #logos img { float: left; margin-left: 40px; } fieldset#cardPaymentDetails { padding-top: 14px; } #cardPaymentDetails label.error, #cardPaymentDetails span.error { width: 240px; text-align: left; } #cardPaymentDetails select { width: 100px; } #cardPaymentDetails select#creditCardExpiryMonth { margin-right: 9px; } #cardPaymentDetails .credit-card-input-fields { float: left; } #cardPaymentDetails #creditCardNumber { width: 124px; } #cardPaymentDetails #creditCardName { width: 210px; } *:first-child+html #cardPaymentDetails #creditCardName { float: left; width: 233px; } /* IE7 only */ .pay-details-field-box { padding-bottom: 6px; overflow: hidden; } .pay-details-field-box label { float: left; width: 190px; padding-right: 14px; text-align: right; } .pay-details-field-box a.info { margin-right:20px; float: right; } .pay-details-field-box input, .pay-details-field-box select { border: 1px solid #b0b0b0; } p.footnote-description { padding-top: 10px; } .creditCard-payment-date { clear: left; } .details-agreement-field-box { padding-top: 14px; overflow: hidden; } .details-agreement-field-box input, .details-agreement-field-box p { font-weight: bold; float: left; display: block; } .details-agreement-field-box p { width: 420px; } #cardPaymentDetails .payment-date-field-box .field-item { float: left; margin-bottom: 6px; width: 210px; } #cardPaymentDetails .payment-date-field-box .field-item label { width: 170px; padding: 0px; float: left; text-align: left; LINE-HEIGHT: 1.6em;} #cardPaymentDetails .payment-date-field-box .field-item input { float: left; padding: 0; border: 0; } #cardPaymentDetails .payment-date-field-box label.error { float: none; padding: 0 0 0 5px; margin-left: 0px;} #BankAccountMethodDetails label.error { width: 240px; text-align: left; padding-top: 2px; } #AccountHolderFullName { text-align: left; } .pay-confirm-btns { padding-top: 14px; } .payment-acknowledgement p { font-weight:normal;} div.buyNowSection { width:488px; margin-top: 12px;} .buyNowSection .section-heading {background:#EFEFEF url(images/section-border-top-white.gif) no-repeat scroll 0 0; height:13px; margin:0;} .buyNowSection .section-form { background: transparent url(images/form-middle-border.gif) repeat-y scroll 0 0; width:488px; margin:0; padding:0;} div.buy-text { background: transparent url(images/text-getcoverwiththebuzz.gif) no-repeat right 0; float:left; width:316px; padding-left:15px; height:66px;} input.payment-submit { outline: none; background: url(images/btn_paymentconfirm.gif) no-repeat; border: 0; width: 93px; height: 66px; cursor:pointer; float:right; margin-right:20px; text-indent:-9999px; } #paymentMethodSection a.info { margin-top:18px;} a.verisign-logo { float:right; margin-right:10px; background:url(images/verisign-logo.gif) top left no-repeat; display:block; width:93px; height:52px;} div.confirm-text { background: transparent url(images/confirm-my-changes-and-update-my-policy.gif) no-repeat right 0; float:left; width:344px; padding-left:10px; height:66px;} input.mta-submit { outline: none; background: url(images/btn-confirm.gif) no-repeat; border: 0; width: 120px; height: 66px; cursor:pointer; float:right; margin-right:10px; text-indent:-9999px; } /* end pay module styles */ .form-hide { height:0px; padding-top:0px; padding-bottom:0px; overflow:hidden; visibility:hidden; opacity:0; border-top:none; border-bottom:none; display:none; } .form-show { height:auto; visibility:visible; opacity:1; display:block;} label.display-block { display: block; clear: left; } label.display-inline { display: inline; } /* END FULL QUOTE MODULE STYLES */ /* BEGIN LIGHTBOX STYLES */ #simplemodal-overlay { background-color:#fbfbfb; cursor:wait; height:100%;} #simplemodal-container { width:388px; height: auto !important; padding: 30px 20px !important;} a.modalCloseImg { padding:0px !important; margin:0px !important; } .simplemodal-data { text-align:left; position:relative; } #emailQuoteBox { width:388px;} .emailQuoteTextBox { width:300px;} .emailQuoteTop { background: url(images/email-box-top.gif) no-repeat top left; width:388px; height:36px;} .emailQuoteTop div { color:#fff; padding-top:12px; padding-left:23px; font-weight:bold;} .emailQuoteContent { background: url(images/email-box-line.gif) repeat-y top left; padding-left:23px; padding-top:10px;width:365px; min-height:1px;} .emailQuoteContent p { width:340px;} .emailQuoteContent .emailAddressInput { width:250px; height:18px; border:solid 1px #999; float:left;} .emailQuoteContent span { font-size:11px; font-weight:bold;} img.send-quoteemail { float:left; width:55px; padding-left:5px;} .errorMessage span { color:#990000;} .emailQuoteButtons { text-align:right; padding: 15px 12px 2px 0; } .emailQuoteButtons img { cursor:pointer; } .emailQuoteBottom { background: url(images/email-box-bottom.gif) no-repeat top left; width:388px; height:28px;} #emailQuoteFields label { font-size: 11px; margin: 12px 0 2px 0; font-weight: bold; display: block; } #emailQuoteFields input { width: 250px; } .subscribe { padding-top: 10px; } .subscribe label { font-size: 9px; padding:0; margin:0; line-height:15px; position: relative; top:-3px; font-weight:normal; } .subscribe input { margin:0 3px 0 0; padding:0; } #rightWrapperButton img { cursor:pointer; } #cancelChangesMessage { width:388px;} .cancelChangesTop { background: url(images/email-box-top.gif) no-repeat top left; width:388px; height:36px;} .cancelChangesTop div { color:#fff; padding-top:12px; padding-left:23px; font-weight:bold;} .cancelChangesContent { background: url(images/email-box-line.gif) repeat-y top left; padding-left:23px; padding-top:10px;width:365px; min-height:1px;} .cancelChangesContent p { width:340px;} .cancelChangesContent span { font-size:11px; font-weight:bold;} .cancelChangesBottom { background: url(images/email-box-bottom.gif) no-repeat top left; width:388px; height:28px;} .cancelChangesButtons img { cursor:pointer; } #cancelChangesFields label { font-size: 11px; margin: 12px 0 2px 0; font-weight: bold; display: block; } #cancelChangesFields input { width: 250px; } .confirmDialog { width:388px;} .confirmDialog .top { background: url(images/email-box-top.gif) no-repeat top left; width:388px; height:36px;} .confirmDialog .top div { color:#fff; padding-top:12px; padding-left:23px; font-weight:bold;} .confirmDialog .content { background: url(images/email-box-line.gif) repeat-y top left; padding-left:23px; padding-top:10px;width:365px; min-height:1px;} .confirmDialog .content p { width:340px;} .confirmDialog div.content { font-size:11px; font-weight:bold;} .confirmDialog .content span { font-size:11px; font-weight:bold;} .confirmDialog .bottom { background: url(images/email-box-bottom.gif) no-repeat top left; width:388px; height:28px;} .confirmDialog .buttons { padding:15px 12px 2px 0;text-align:right; } .confirmDialog input.yes, .confirmDialog input.no {border:medium none; cursor:pointer; margin:0 0 0 10px; padding:0;} .confirmDialog input.yes { background:url(images/cancel-yes-btn.gif) no-repeat top left; width:55px; height:24px} .confirmDialog input.no { background:url(images/cancel-no-btn.gif) no-repeat top left; width:55px; height:24px} .confirmDialog input.ok, .confirmDialog input.cancel {border:medium none; cursor:pointer; margin:0 0 0 10px; padding:0;} .confirmDialog input.ok { background:url(images/btn_ok.gif) no-repeat top left; width:55px; height:24px} .confirmDialog input.cancel { background:url(images/btn_cancel.gif) no-repeat top left; width:55px; height:24px} /* END LIGHTBOX STYLES */ /* BEGIN TOOLTIP */ .tooltip-template { display:none; } /* END TOOLTIP */ /* BEGIN DISABLE WINDOW */ #disableWindow { background-color:#dfdfdf; position:absolute; top:0px; left:0px; width:100%; z-index:10000; opacity:0.50; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); display :none; } /* END DISABLE WINDOW */ .am_results { padding: 5px; /*background-color: white;*/ overflow: hidden; z-index: 99999; border: 1px solid #D9C4DF; } .am_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; cursor: pointer; } .am_header { font-weight: bold; background-color: #EEEEEE; } .am_odd { background-color: #D9C4DF; } .am_even {} .am_highlight { font-weight: bold; } .am_over { background-color: #0A246A; color: white; } .number_table table { margin-top: 5px; margin-bottom: 5px; margin-left: auto; margin-right: auto; } .number_table thead th { text-align: center; font-weight: bold; } .number_table tbody th { text-align: center; } .number_table td { text-align: right; padding-right: 15px; } #cardetailsmodal-overlay { background-color:#000; } #cardetailsmodal-container { padding: 10px; background-color:#fff; border:3px solid #ccc; margin-left:auto; margin-right:auto; width:35%; } #cardetailsmodal-container a.modalCloseImg { background:url(images/x.png) no-repeat scroll 0 0; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-14px; right:-18px; cursor:pointer; visibility:visible;} /* BEGIN MYPLACE STYLE */ .myplace-module-heading { background:url(images/myplacemodule_bg_off.gif) top left no-repeat; height:51px; width:515px; } .myplace-module-heading-expand { background:url(images/quotemodule_bg_on.gif) repeat scroll left top; height:50px; width:515px;} .myplace-form-area { background-color:#efefef; padding:6px 0 9px 14px; width:488px;} .myplace-form-area .top-area { background:url(images/form-top-border.gif) 0 0 no-repeat; height:13px;} .myplace-form-area .bottom-area { background:url(images/form-bottom-border-collapse.gif) 0 0 no-repeat; height:13px;} .myplace-form-area .middle-area { background:url(images/form-middle-border.gif) 0 0 repeat-y;} .myplace-form-area .bottom-area-white { background:url(images/form-bottom-white.gif) 0 0 no-repeat; height:13px;} .myplace-form-area .form-heading a.form-title, .myplace-form-area .form-heading a.form-title:hover { color:#717171; padding-left:15px; margin:3px 0 0 16px; width:250px;} .myplace-form-area .form-content { color:#717171; padding:10px 18px;} .myplace-form-area .form-buttons { background-color:#e0e0e0; margin:0 4px; height:38px; width:480px;clear:left;} .myplace-form-area .form-content p { line-height:1.4em; margin:8px 0;} .myplace-form-area .form-content h3 { color:#717171; display:inline-block;} .myplace-form-area .form-content span, .myplace-form-area .form-content label { display:inline-block;} .myplace-form-area .form-content .warning-text { float:left; width:100%; } .myplace-form-area .form-content .content-detail label { } .myplace-form-area .form-content-update .content-detail { margin-top:6px; width:450px;} .myplace-form-area .form-content-update .content-detail label { font-weight:normal; width:120px; float:left; padding-top:3px;} .myplace-form-area .form-content-update .content-detail input { border:1px solid #b0b0b0; float:left; color:#717171;} .myplace-form-area .form-content-update .content-detail label.error { width:400px; } .myplace-form-area .form-content .form-wrapper { clear:left; } .myplace-form-area .form-content .form-wrapper p { width: 50%; float:left; padding: 4px 0; margin:0; } .myplace-form-area .form-content .form-wrapper p.fullwidth { width: 100%; } .myplace-form-area.expanded .info-boxes { display:none; } .myplace-form-area .info-boxes { display:none; float:right;} .myplace-form-area a.view { background:url(images/view.gif) top left no-repeat; width:25px; height:18px; float:left; text-align:-9999px; padding-right:20px; text-indent:-9999px;} .myplace-form-area a.my-place-form-title { display: inline-block; width:200px; float:left; padding-left: 5px; margin: 3px 0 0 10px; text-transform: lowercase; font-size: 1.4em; font-weight: bold; color: #717171; text-decoration: none; } .myplace-form-area a.info, .myplace-module-heading a.info, .myplace-module-heading-expand a.info { background:url(images/info-orange-lightgreybg.gif) top left no-repeat; width:14px; height:17px; float:right; text-align:-9999px; padding-right:15px; text-indent:-9999px;} .myplace-form-area a.view-grey { background:url(images/view-gray.gif) top left no-repeat; width:25px; height:18px; float:left; text-align:-9999px; padding-right:20px; text-indent:-9999px;} .myplace-form-area a.info-orange, .myplace-module-heading a.info-orange, .myplace-module-heading-expand a.info-orange { background:url(images/info-darkorange.gif) top left no-repeat; margin-top:10px;} .personalDetailsUpdatePanel { background: #efefef url(images/quotemodule_bottom_bg.gif) bottom left no-repeat; } #MyPolicies, #MySecurityDetails, #SecurityDetails, #SecretQuestion, #PersonalDetails { margin-bottom:10px; width:515px; padding-bottom:12px; background: #efefef url(images/quotemodule_bottom_bg.gif) bottom left no-repeat;} #PersonalDetails { margin-bottom:10px; width:515px; padding-bottom:12px; background-color:#efefef; } #updatePolicy { background:url(images/btn_editpolicy_on.gif) top left no-repeat; width:80px; height:22px;} #makeAClaim { background:url(images/btn_claim_on.gif) top left no-repeat; width:59px; height:22px; } #payments { background:url(images/btn_makepayment_on.gif) top left no-repeat; width:100px; height:22px; } #renew { background:url(images/btn_policyrenew_on.gif) top left no-repeat; width:59px; height:22px; } #cancelPolicy { background:url(images/btn_cancelpolicy.gif) top left no-repeat; width:89px; height:22px;} #cancel, #cancelButton { background:url(images/btn_policycancel_on.gif) top left no-repeat; width:58px; height:22px;} #editSaveButton { background:url(images/btn_updatedetails_on.gif) top left no-repeat; width:89px; height:22px;} #changeContact { background:url(images/btn_editcontactdetails.gif) top left no-repeat; width:116px; height:22px;} #changeEmail { background:url(images/btn_editemail.gif) top left no-repeat; width:72px; height:22px;} #changePassword { background:url(images/btn_editpwd.gif) top left no-repeat; width:95px; height:22px;} #changeQuestion { background:url(images/btn_editsecretquestion.gif) top left no-repeat; width:122px; height:22px;} #confirmCancelPolicy { background:url(images/btn_popup_cancelmypolicy.gif) top left no-repeat; width:102px; height:24px;} #confirmLapsePolicy { background:url(images/btn_popup_lapsemypolicy.gif) top left no-repeat; width:102px; height:24px;} #keepPolicy, #doNotLapsePolicy { background:url(images/btn_popup_keepmypolicy.gif) top left no-repeat; width:95px; height:24px;} span.highlighted {color: #717171; font-weight:bold; } div.dialogRadioButtonContainer { margin-bottom: 1em } div.dialogRadioButtonContainer * { vertical-align: middle } div.dialogRadioButtonContainer input { padding-top: 1em } #usersuspendedmodal-overlay { background-color:#000; height:100%;} #usersuspendedmodal-container { width:388px; height: auto !important; padding: 30px 20px !important; background-color:#fff; border:3px solid #ccc; } #usersuspendedmodal-container a.modalCloseImg { background:url(images/x.png) no-repeat scroll 0 0; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-14px; right:-18px; cursor:pointer; visibility:visible;} #usersuspendedmodal-container p {width: auto !important; } .current-policy-detail { margin-bottom:10px;} .current-policy-detail input { margin:0; padding:0; border:none; float:left; } .current-policy-detail a, .current-policy-detail a:active, .current-policy-detail a:visited, .current-policy-detail a:link { color:#09ace3; overflow:hidden; text-decoration:none;} .current-policy-detail a:hover { color:#09ace3; overflow:hidden; text-decoration:underline; } .single-form-button, .mybuzz-button {border:none; padding:0; cursor:pointer; height:22px; margin: 12px 0 0 10px; float:left;} a.module-title { display:block; float:left; height:40px; text-indent:-9999px; text-transform:uppercase; width:160px; } a.module-title span { display:block; height:40px; margin-left:35px;} a.form-title span { display:block; height:20px;} .mypolicy_title { background:url(images/mybuzzheading-mypolicies.gif) left center no-repeat; } .mydetails_title { background:url(images/mybuzzheading-mydetails.gif) left center no-repeat;} .current-policy-box { float:left; margin-left:5px; _margin-top:3px;} .policy-number { font-weight:bold;} .myplace-form-area .form-content .policy-type, .myplace-form-area .form-content .policy-details, .myplace-form-area .form-content .policy-termdate, .myplace-form-area .form-content .policy-span { display:block; padding:5px 0 0 0;} .newEmailMessagePopup { float:right; margin-left:2px; } #MyClaims { margin-bottom:10px; width:515px; padding-bottom:12px; background: #efefef url(images/quotemodule_bottom_bg.gif) bottom left no-repeat;} #MyClaims .myclaims_title {background:url(images/mybuzzheading-myclaims.gif) left center no-repeat; } #ViewMyCurrentClaims .myplace-form-area .bottom-area { background:url(images/form-bottom-white.gif) 0 0 no-repeat; height:13px;} #ViewMyCurrentClaims .myplace-form-area .form-content { padding:10px 18px 0; } .current-claims-box { margin-left:5px; _margin-top:3px; padding-bottom:20px;} .current-claims-box .claim-number { margin-left:8px; font-weight:bold;} .current-claims-box .claimStatus { font-weight:bold; color:#ff6711;} .current-claims-box .content-detail { margin:8px 0 0;} .myplace-form-area .form-content .current-claims-box .content-detail label { font-weight:bold;} .current-claims-box .content-detail .incident-date { padding:0 15px 0 5px;} .current-claims-box .content-detail .reported-date, .current-claims-box .content-detail .repairer-name, .current-claims-box .content-detail .repairer-address, .current-claims-box .content-detail .repairer-contact-number, .current-claims-box .content-detail .loss-category { padding:0 0 0 5px;} .current-claims-box .content-detail .content-label { padding-left:5px;} .current-claims-box .current-claims-info { } #ViewMyPersonalDetails .locality { border:1px solid #b0b0b0; margin-top:6px; text-transform:uppercase;} /* END MYPLACE STYLE */ /* BEGIN REGISTRATION STYLE */ .myregistration-content { width:515px;} .myregistration-content .content-header { background: transparent url(images/quotemodule_bg_on.gif) no-repeat left top; width:515px; height:50px; overflow:hidden; } .myregistration-content .content-body { background-color:#efefef; padding:6px 0 9px 14px;} .myregistration-content .content-bottom { background: transparent url(images/quotemodule_bottom_bg.gif) no-repeat left top; width:515px; height:12px;} .myregistration-content .content-header .content-header-text { background: transparent url(images/title-registrationdetails.gif) no-repeat scroll 18px 12px; text-indent:-9999px; width:210px; height:35px;} .myregistration-content .content-body .single-form-button { background:transparent url(images/btn_gotomybuzz.gif) no-repeat scroll left top; width:102px; height:42px; text-indent:-9999px; float:right; margin-right:20px;} .myregistration-content .form-heading { padding:0px 16px; color:#666; font-weight:bold; font-size:1.4em; cursor:default;} .myregistration-content .section-heading { font-weight:bold; color:#666; margin-top:3px; padding:8px 16px 0px; height:22px; clear:none; margin-bottom:10px;} .myregistration-content .section-content { margin:0px 4px; padding:0px 16px 10px 30px; } .myregistration-content .section-content input { border:1px solid #CECECE; height:22px; display:block; float:left; width:260px; margin-bottom:10px;} .myregistration-content .middle-area .errorMessage { margin:0; padding:6px 0; float:left; display:inline; width:100%;} .myregistration-content .section-content .message { color:#ff6712; font-weight:bold; margin:10px 0px; width:400px; overflow:hidden;} .myregistration-content .section-content label.error { color:#990000; float:none; width:420px; padding:0; margin-bottom:10px; height:auto;} .myregistration-content .section-content label { float:left; width:150px; height:18px; display:block; padding-top:6px; margin:0 10px 0 0;} .myregistration-content .secretquestions label { width:auto; height:20px; display:block; margin:0 10px 0 0; padding:0; float:none;} .myregistration-content .secretquestions p { margin:0 0 10px;} .myregistration-content #secretQuestionAnswer { width:420px; float:none; border:1px solid #CECECE; height:22px; display:block; margin-bottom:10px;} .myregistration-content .termsofuse { padding-bottom:5px;} .myregistration-content .termsofuse input { width:auto; height:auto; float:none; display:inline; margin:2px 0 2px 3px; padding:0; border:none; vertical-align:middle;} .myregistration-content .termsofuse p { margin:0 7px 5px 0; float:left;} .myregistration-content .bottom-area { background:transparent url(images/form-bottom-border.gif) no-repeat scroll 0 0; height:13px; width:488px; } .myregistration-content .section-content span { float:left; width:100%; display:block; } .myregistration-content .section-content span.username { width:260px; padding-top:6px; height:18px;} /* END REGISTRATION STYLE */ /* BEGIN customer selector */ #quickQuoteWrapper label.title { margin-bottom: 5px } #quickQuoteWrapper .quickquote-questions-customerselector { background:#dcdcdc url(images/QuickQuote_Onsite/qq-bg-line.gif) repeat-y scroll left top; height:auto; overflow:hidden; width:326px; padding-top:8px;} #quickQuoteWrapper .quickquote-questions-customerselector .question-content { padding-left:32px; font-size:11px; font-weight:bold;} .quickquote-questions-customerselector .radioButtonWrapper label { margin:4px 10px 0 0; } .quickquote-questions-customerselector .radioButtonWrapper input { display:block; float:left; margin-top:4px; } .quickquote-questions-customerselector .question-content .field-name { float:none; padding-top:0; padding-right:0; } .quickquote-questions-customerselector .radioButtonWrapper { margin-top:5px; width:294px;} #quickQuoteWrapper .quickquote-questions.noBottomMargin { margin-bottom:0px; } /* END customer selector */ #ChequeMethodDetails label { padding-top:0px; } /* refund */ #refundSection .section-form { background: #EFEFEF url(images/form-middle-border.gif) repeat-y; } #refundSection .section-heading-border { background: url(images/section-border-middle-gray.gif) repeat-y; margin: 0; } #refundSection .refundAccount input { float: left; margin-top: 20px; } #refundSection .refundAccount label { float: left; margin-top: 20px; padding-right: 70px;} #refundMessageByCheque { font-weight: bold; } #responseMessage.refundResponseMessage {margin-top:10px; margin-bottom:20px;} label.invisibleUIError { height:1px !important; padding:0px !important; margin:0px !important; line-height:0px !important; font-size:0px !important; width:0px !important;} input.form-submit-yes { background:url(images/btn_confirm.gif) top left no-repeat; width:107px; height:24px; float:right; margin-right:15px;} input.form-cancel { background:url(images/btn_policycancel_on.gif) top left no-repeat; width:58px; height:22px; float:right;} #payModuleContent .section-form { width:100%; } #PolicyPayment .section-form { background: #EFEFEF url(images/form-middle-border.gif) repeat-y; } #PolicyPayment label { font-size: 11px; margin-bottom: 2px; font-weight: bold; color: #717171; } #oneOffPaymentDetails { margin: 0 0 14px 0; } #oneOffPaymentDetails .section-form { background: #EFEFEF url(images/form-middle-border.gif) repeat-y; } #cancelPolicyDetails { margin: 0 0 14px 0; } #cancelPolicyDetails .section-form { background: #EFEFEF url(images/form-middle-border.gif) repeat-y; } #cancelPolicyDetails label { font-size:11px; margin-bottom:2px; } #cancelPolicyDetails label.fieldLabel { color: #FF670D; font-size:12px; font-weight:bold; } #cancelPolicyPaymentDetails { margin: 0 0 14px 0; } #keepMyPolicy { background:url(images/btn_keepmypolicy.gif) top left no-repeat; width:207px; height:22px; float:right; margin-right:15px; } #cancelMyPolicy { background:url(images/btn_cancelmypolicy.gif) top left no-repeat; width:100px; height:22px; float:right; margin-right:10px; } .provideContent { font-weight: bold; color: #ff0000; } #couponSection { margin: 0; } #couponSection .section-heading{ margin: 0; background: url(images/sub-section-header.gif) repeat-y; } #couponSection .section-form { background: url(images/form-middle-border.gif) repeat-y; } #couponSection .section-form-content { margin-left: 33px; } #couponSection .section-bottom { margin: 0; background: url(images/sub-section-header.gif) repeat-y; } .couponcode-field-item p { margin: 0; width:200px; float:left; font-weight:normal; }