@charset "utf-8";
/* CSS Document */
@charset "utf-8";
/* DUI Mondial Quote Engine Stylesheet (c) 2008 Taupo Solutions Ltd. http://www.taupo.co.uk*/
/* Defaults */
body {
	font: normal normal 76% Arial,Verdana,Sans-serif; 
	margin: 0;
	padding: 0;
	border: 0;
	color: #585858
}
#header, #footer {margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0}
textarea, input {font-family: Verdana, Arial, Helvetica, sans-serif;}
textarea {font-size: 1em}
h1,h2,h3,h4 {font-size: 1em; font-weight: normal;  margin: 0; padding: 0; line-height: 1.4; background-color: transparent}
a, a:visited, a:link, a:hover {text-decoration: none}

h1 {font-size: 1.5em; letter-spacing: 1px; color: #585858; margin-bottom: 0.5em}
h2 {font-size: 1.3em; letter-spacing: 1px; color: #585858; margin-bottom: 0.5em}
h3 {font-size: 1.2em;  color: #585858}

a:link, a:visited {color: #769800}
a:hover {color: #650098; text-decoration: underline;}



/* DISABLE PE */
#ext-PE, #ext-PE-2 {display: none!important}

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

/* Quote Engine Layout Structure */

#quoteEngine {padding: 15px; max-width: 1210px; min-width: 800px;}
/* CLEAR FIX */
#quoteEngine #screen1 div {clear: both}
/* CLEAR FIX  */
#quoteEngine h1 {}
#quoteEngine .sectionHeader {background: #FF8328; height: 24px; width: 100% }
#quoteEngine h2 {padding-left: 15px; line-height: 24px; font-size: 14px; letter-spacing: 1px; color: white;  vertical-align: middle; text-transform: uppercase; float: left}

.screenTopBlurb {margin-bottom: 1em;}

#topHelp {position: absolute; top: 48px; height: 37px; left: 220px; background: #FF8328 url(telephone.gif) no-repeat left center;padding-left: 40px; line-height: 37px; color: #fff; display: none; font-size: 1em}
#topHelp em {font-style: normal; font-size: 1.4em; letter-spacing: 1px}
.section {clear: both; margin-top: 15px; margin-bottom: 15px}
.sectionHeaderQuery {float: left; display: block; width: 15px; height: 24px; margin-left: 15px; background: #FF8328 url(sectionHeaderQuery.gif) no-repeat left center}
.sectionHeaderQuery:hover {cursor: help; background-position: -15px center}

.sectionHeaderQueryHelp {font-size: 0.9em; color: #666; clear: both; margin: 10px 0 10px 15px}

#dutyOfDisclosure {border-bottom: 1px solid #ccc; background: #efefef; color: black}
#dutyOfDisclosure h3 {font-weight: bold; color: black}
#dutyOfDisclosure #dodText {display: none; line-height: 1; padding: 5px}
#dutyOfDisclosure.showDuty #dodText {display: block}

#dutyOfDisclosure #dodExpanded {display: none}
#dodStrap, #dodExpanded {padding-left: 5px; height: 24px; cursor: help; line-height: 24px; border-bottom: 1px solid #ccc}
#dodStrap span, #dodExpanded span {display: block; float: left; width: 18px; height: 24px; background: transparent url(tableRightCellQuery.gif) no-repeat left center}
#dodExpanded span {background: transparent url(hideIconStack.gif) no-repeat 0 0; height: 15px; margin-top: 5px}
#dodStrap:hover, #dodExpanded:hover {cursor: help; color: #769800}
#dodStrap:hover span {cursor: help;  background: transparent url(tableRightCellQueryHover.gif) no-repeat left center}
#dodExpanded:hover span {cursor: help;  background-position: 0 -15px}
#dutyOfDisclosure.showDuty #dodStrap {display: none}
#dutyOfDisclosure.showDuty #dodExpanded {display: block}




.smallText {font-size: 0.9em}
.indented {margin-left: 100px}
.padded { padding: 5px 15px}
#quoteEngine .section table {clear: both; }
#quoteEngine .section table td {padding: 5px 4px}
#quoteEngine .larger {font-size: 1.2em}

.highlightOnHover td {border: 1px solid #fff; -moz-border-radius: 5px; -webkit-border-radius: 5px}

.highlightOnHover td:hover {background: #eee url(gradientHighlight.png) repeat-x; border: 1px solid #ccc; cursor: default; color: black}

.small {width: 110px}

.invalidAlert {clear: both; border: 1px solid #FF9A00; color: #A24B54; padding: 8px; margin: 5px 0; min-height: 22px; height: 1%; background: #FFF3BD;-moz-border-radius: 3px; -webkit-border-radius: 3px;}
html>body .invalidAlert {height: auto; background: #FFF3BD url(gradientWtoT100.png) repeat-x scroll left center}
div.alert, span.alert {float: left; width: 32px; height: 32px; background: transparent url(statusAlert.gif) no-repeat center center; margin: -5px 10px 15px 0; zoom: 1}
div.animStart {background-color: #FFF3BD}
html>body div.animStart {background-color: transparent}

.ajaxIndicator {border: 1px solid #2169C0; color: #585858; padding: 8px; margin: 5px 8px 5px 5px; zoom: 1; min-height: 52px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  font-size: 1.1em; letter-spacing: 1px; text-align: center}
.ajaxIndicator p {padding-top: 22px; background: url(activitySquare.gif) no-repeat top center}

.naviBase {background:#333333; padding:8px; text-align:center;}
.naviBase a:link, .naviBase a:visited {background:#FF8328; border:1px solid #FFFFFF;color:#FFFFFF;font-size:0.9em;letter-spacing:1px;margin:3px;padding:4px 16px;text-decoration:none;text-transform:uppercase;-moz-border-radius: 3px}
.naviBase a.previous:link, .naviBase a.previous:visited {background-color: #2169C0}

html >body .naviBase {background: #333333 url(gradientHighlightReverse.png) repeat-x}

a.effectRemove:link, a.effectRemove:visited {background:#2169C0; border:1px solid #FF8328; color:#FFFFFF;font-size:0.8em;padding:2px 5px;text-decoration:none;text-transform:uppercase;-moz-border-radius: 3px}
a.effectRemove:hover {border-color: black; color: black; background-color: red }

a.navButton:link, a.navButton:visited {background:#2169C0; border:1px solid #FF8328; color:#FFFFFF;font-size:0.9em;letter-spacing:1px;margin:3px;padding:4px 16px;text-decoration:none;text-transform:uppercase;-moz-border-radius: 3px}
a.navButton:hover {border-color: black; color: black; }

.quoteMe {padding:8px 1px; text-align:center;}
.quoteMe a:link, .quoteMe a:visited {white-space: nowrap; background:#FF8328; border:3px double #FFFFFF;color:#FFFFFF;font-size:0.9em;letter-spacing:1px;margin:3px;padding:4px 16px;text-decoration:none;text-transform:uppercase;-moz-border-radius: 5px; min-width: 100px}
.quoteMe a:hover, .naviBase a:hover{border-color: black; color: black}
html>body .naviBase a:hover, html>body .quoteMe a:hover, html>body a.navButton:hover{background-image: url(gradientHighlight.png); background-repeat: repeat-x;}
.unavailable .quoteMe {background-color: #eee}
.unavailable .quoteMe a:link,.unavailable .quoteMe a:visited,.unavailable .quoteMe a:hover {background: #eee; color: #fff; border-color: #fff; cursor: no-drop}

#screen1, #screen2, #screen3, #screen4 {}
#screen2, #screen3, #screen4 {display: none}
#screen2Policies {min-height: 400px}
.displaySingle .hideWhenSingle {display: none}

.displayFrequent .hideWhenMultiple {display: none}
/* table markup */

td.collapsed { cursor: help; background: green }
td.expanded {cursor: default;}
#dropRow td {border-bottom: 2px solid green; margin-bottom: 10px; font-size: 0.8em;}

#screen2 #frequent-screen2, #screen2 #single-screen2 {display: none}
#screen2.single #single-screen2 {display: block}
#screen2.frequent #frequent-screen2 {display: block}
#screen2.single #availableExtensions  .Frequent {display: none}
#screen2.frequent #availableExtensions .Single {display: none}

.sidebarL {float: left; width: 205px; background:transparent url(sidebarLbg.gif) repeat-y scroll 0 0;}
#screen2Content, #screen3Content {margin-left: 220px; position: relative; zoom: 1}

#headerBlock {margin-bottom: 10px; height: 33px;}
#headerBlock h1 {font-size: 1.3em; font-weight: normal}
.quoteProgressIndicator {float: right; width: 256px; height: 33px;  padding-left: 8px; background: #fff url(quoteProgressIndicatorStack.gif) no-repeat 0 0; font-size: 0.9em; line-height: 33px}
.quoteProgressIndicator.stage2 {background-position: 0 -33px}
.quoteProgressIndicator.stage3 {background-position: 0 -66px}
.quoteProgressIndicator.stage4 {background-position: 0 -99px}



.summaryRow {font-size: 0.9em; clear: both;}
.summaryRow strong {float: left; width: 47%; clear: both; text-align: right; margin-right: 1%; padding-bottom: 3px}
.summaryRow span {display: block; width: 47%; float: left; padding-bottom: 3px}
.summaryPrice {font-size: 1.2em; font-weight: bold; background:#FF8328; clear:both;color:white;
letter-spacing:1px;line-height:28px;text-align:center;}
#policySummary, #screen3PolicySummary {background-image:url(summaryTopBg.gif) !important; background-repeat: no-repeat; zoom: 1}
#policySummary h3, #availableExtensions h3, #screen3PolicySummary h3 {color:#FFFFFF;line-height:24px;margin-left:7px; font-size: 1.15em}
#policySummaryInner, #screen3PolicySummaryInner {padding: 5px 3px 5px 5px; }
#policySummary > #policySummaryInner {padding-bottom: 25px}
#screen3PolicySummaryInner h3 {color: #585858; font-weight: bold; font-size: 1em}
#screen3PolicySummaryInner ul {margin: 0; padding-left: 10px; }
#screen3PolicySummaryInner li {
	list-style: none; background:transparent url(tick16.png) no-repeat left center; padding: 3px 0 3px 20px; font-size: 1.1em
}

#availableExtensions {padding: 5px; clear: both; background:transparent url(extensionsTopBg.gif) no-repeat left top }
#availableExtensions h3 {line-height: normal }
#availableExtensions.Single #ext-PE-2, #availableExtensions.Single #help-PE-2, #availableExtensions.Domestic #ext-Excess,#availableExtensions.Domestic #help-Excess  {display: none}

.sidebarLBase {background: #fff url(extensionsBaseBg.gif) no-repeat left top; height: 8px;}

#policyTable {font-size: 1em; }
.policyColumn {padding: 5px 0 5px 0;  border: 1px solid #FF8328; text-align: center; margin: 10px; background: #ffffff; -moz-border-radius: 7px; -webkit-border-radius: 7px; }
.policyColumnPrice {height: 24px; background: #ff8328; color: #ffffff; font-size: 1.4em; line-height: 24px; border-color: #ff8328; border-top: 3px double; border-bottom: 3px double; margin: 5px 0}
.policyColumn strong {font-size: 1.2em;}

.unavailable .policyColumnPrice {background: #ccc; border-color: #ccc; color: #ccc}

#benefitTableHolder, #extensionBenefitTableHolder {padding-left: 10px; margin-top: 15px; background: #fff url(benefitsTableTitle.gif) no-repeat top left; zoom: 1}
#benefitTableHolder h3, #extensionBenefitTableHolder h3 {color: #fff; font-size: 1.1em; letter-spacing: 1px; margin: 0; padding: 0; line-height: 21px}
#benefitTableHolder.smallTitle , #extensionBenefitTableHolder.smallTitle {background-position: 0 -21px}
#benefitTable, #extensionBenefitTable {font-size: 1em; border-top: 1px solid #FF8328; border-left: 1px solid #FF8328; border-bottom: 1px solid #FF8328;}
#benefitTable td, #extensionBenefitTable td {padding: 3px 4px; text-align: center; background: #eaeaea; border-right: 1px solid #FF8328}
#benefitTable td.extensionName, #extensionBenefitTable td.extensionName {background-image: url(tableRightCellQuery.gif); background-repeat: no-repeat; background-position: right center; text-align: left; padding-right: 26px; font-size: 1em; cursor: help}
#benefitTable td.extensionName {font-weight: bold}
#benefitTable td.extensionName:hover, #extensionBenefitTable td.extensionName:hover{background-image: url(tableRightCellQueryHover.gif); color: #2169C0}
#extensionBenefitTable td.extensionName {padding-left: 28px}
#benefitTable td.benefitTableHeaderCell, #extensionBenefitTable td.benefitTableHeaderCell {color: white; font-size: 1.1em; letter-spacing: 1px; padding: 2px; text-align: center; background: #FF8328; border-bottom: 1px solid #ff8328}
#benefitTable td.benefitTableHeaderEmpty, #extensionBenefitTable td.benefitTableHeaderEmpty {background: #eee; border-bottom: 1px solid #ff8328}


#benefitTable tr.even td,  #extensionBenefitTable tr.even td{background-color: #eeeeee}

#benefitTable tr.even td.peven, #extensionBenefitTable tr.even td.peven {background-color: #e7e7e7}
#benefitTable tr.odd td.peven, #extensionBenefitTable tr.odd td.peven {background-color: #e0e0e0}

#benefitTable  td.tableHelperRow, #extensionBenefitTable td.tableHelperRow {font-size: 0.9em; text-align: left; color:#2169C0; border-bottom: 1px solid #ccc; padding:3px 3px 5px 27px;}


#extensionBenefitTable img {margin-bottom: -3px; padding-right: 5px}
#extensionBenefitTable td.benefitTableHeaderEmpty {border-bottom: none}
.extensionBenefitGroup tr:first-child td{border-top: 1px solid #FF8328}
#extensionBenefitTable td.extensionSingle {font-weight: bold; padding-left: 4px}
#extensionBenefitTable td.extraBenefitHeader {font-weight: bold; text-align: left; font-size: 1.2em; letter-spacing: 1px; padding-right: 20px}
#XXXextensionBenefitTable {border-top: none}
#extensionList {font-size: 0.9em; margin-top: 15px}
#extensionList td {padding: 2px 3px}
#extensionList td.extensionDetail {background-image: url(tableRightCellQuery.gif); background-repeat: no-repeat; background-position: right center; padding-right: 26px}
.extensionHelperText {font-size: 0.8em; padding: 5px}
#extensionList .odd td {background-color: #fff}
#extensionList .even td {background-color: #eee}
#extensionList tr:hover td.extensionDetail {background-image: url(tableRightCellQueryHover.gif); color: #2169C0;cursor: help}
#extensionList tr:hover td {}
#extensionList td.extensionHelptext {font-size: 0.8em; color:#2169C0; border-bottom: 2px solid #2169C0; padding:0px 3px 5px 3px;}
#extensionList tr.hideTR  {display: none}
.unavailable {border-color: #ccc; background: #eee; color: #aaa}
html>body .unavailable {background: #eee url(gradientWtoT100.png) repeat-x left top !important}
/* Details form */


#screen3 .showFrequent {display: none}
.details-Duo #dependents, .details-Single #secondApplicant, .details-Single .hideSecond {display: none}
#screen3.frequent #secondApplicant {display: block}
#screen3.frequent .hideSecond {display: inline}
#screen3.frequent .showFrequent {display: block}

.inputRow em {font-style: normal}
fieldset {border: none; border-bottom: 1px solid #ccc; margin:0; padding: 10px}
.inputRow span {float: left;margin:0 10px 0 0;padding:0 0 8px;}
input.text {padding: 2px 0; margin: 0; float: left}
.inputRow label {clear:both;color:#444444;display:block;font-size:9px;line-height:9px;margin:0;padding-top:2px; }
.Xfield + label,.Xfield + label, .req {background:#FFFFFF url(required.gif) no-repeat scroll left 1px; line-height: 10px;padding-left: 13px;}
.inputRow label.desc {color:#222222;display:block;font-size:1em;font-weight:bold;line-height:150%;padding:0 5px 5px 0; float: left; width: 200px; text-align: right}
.inputRow .calendarPicker {float: left}
.inputRow span.left, .inputRow span.right {width: 47%; margin: 0;}
.inputRow span.left { margin: 0}
.inputRow span.right {float: right}
.inputRow span.full {width: 100%}
.inputRow .addr {width: 80%}

.column {width: 500px; float: left}

.invalidField {background-color: #FFF3BD; border: 1px solid #FF9A00;}

.detailsSummary {font-size: 1em; margin-top: 5px}
.detailsSummary .summaryRow {font-size: 1.1em; padding-top: 3px; }
.detailsSummary .summaryRow strong {width: 21%; margin-right: 2%; float: left}
.detailsSummary .summaryRow span {width: 75%}
.detailsSummary .finalCost {background: #FF8328; font-size: 1.3em; letter-spacing: 1px; line-height: 28px; width: 100%; color: white; font-weight: bold; text-align: center; padding-top: 0}
.detailsSummary ul {margin: 0; padding-left: 10px; }
.detailsSummary li {
	list-style: none; background:transparent url(tick16.png) no-repeat left center; padding: 3px 0 3px 20px; font-size: 1.1em
}
#TandC input {margin-left: 30px}
#quoteEngine, #screen1, #screen2, #screen3, #screen4, .sidebarL,  h3 {position: relative; zoom: 1}

#effectsHolder {z-index: 1100; position: absolute; top: 100px; width: 640px; margin: auto auto; height: 480px; background: #eee; border: 1px solid #FF8328;}
#effectsTitle {position: absolute; top: 0; width: 100%; height: 30px; background: #ff8328}
#effectsTitle h1 {margin-left: 10px; line-height: 30px; font-weight: normal; color: white;}
#effectsAdd	{position: absolute; top: 30px; border-bottom: 1px solid #ccc; width: 100%;}
#effectsAdd input {width: 100%}
#effectsAdd div {margin-left: 10px; margin-top: 10px; margin-right: 10px;}
#effectsAdd td {padding: 3px}

#effectsList {overflow: auto; position: absolute; top: 250px; height: 155px; background: #eee; width: 100%;}
#effectsList div {margin-left: 10px; margin-top: 10px; margin-right: 10px;}
#effectsList {text-align: left}
#effectsTotal {text-align: right; font-size: 1.2em; position: absolute; bottom: 40px; height: 26px; line-height: 26px; width: 100%; border-top: 1px solid #585858}
#effectsTotal p {padding: 0 10px 0 0; margin: 0}

#effectsAdd div#peInstructions {height: 50px; overflow: auto; font-size: 0.9em; line-height: 1; border-bottom: 1px solid #ccc; margin: 0; padding: 0 0 5px 0;}
#peInstructions p {margin: 0; padding: 0px 0 3px 0}
#peInstructions ul {margin-top: 0; margin-bottom: 0; padding-top: 0; padding-bottom: 3px}

#effectsButtons	{position: absolute; bottom: 0px; height: 36px; background: #fff; border-top: 1px solid #ccc; width: 100%;}
#effectsCancelButton {position: absolute; right: 10px;}
#effectsOkayButton {background-color: #FF8328; border-color: #2169C0;position: absolute; left: 10px;}
#effectsButton {background-color: #FF8328; border-color: #2169C0; padding: 2px 18px; font-weight: bold}

#editEffects {display: block;  padding: 1px 3px; border: 1px solid #2169C0; background: #ff8328; color: #fff; text-align: center; -moz-border-radius: 3px;}
#editEffects:hover {background-color: #2169C0; border-color: #ff8328; color: #000}
#screen3PolicySummaryInner #editEffects, #policyDetailsSummary #editEffects {display: none}
#modal {width: 100%; height: 100%; background: #000 url(modal.png) repeat-x top left; opacity: 0.45; position: absolute; top: 0; left: 0; z-index: 1010; visibility: visible; cursor: not-allowed; filter: alpha(opacity=45)}
html>body #modal {position: fixed}