@charset "utf-8";
/* Florida4Less Insurance CSS Document */

div#background {background:url(../images/search-results/main-back.jpg) center top no-repeat scroll;}
#content #pageBody {background: url(../images/search-results/page-background-bottom.gif) left bottom no-repeat scroll; width: 961px; float: left; padding-bottom: 20px;}


#content #tabs {background: url(../images/search-results/page-background.gif) left bottom no-repeat scroll; overflow: hidden; height: 37px; margin-top: 5px; float: left; width: 961px;}
#content #tabs.headerBar {height: 44px;}
#content #tabs #resultsHeader {width: 961px;}
#content #tabs #resultsHeader h2 {float: left; clear:both; background: url(../images/global/red-header.gif) left top no-repeat scroll; width:552px; height:35px; color:#FFF; font-size:0.9em; padding-left:14px; line-height:33px;}
#content #tabs #resultsHeader input {float: right; margin-top: 7px;}
#content #tabs #resultsHeader p {margin-top: 10px; text-align: right;}

#bannerContainer {z-index: 10; float: left; clear: both; background: url(../images/search-results/banner-bg.gif) left top no-repeat scroll; width: 961px; height: 146px; margin-top: -10px;}
#bannerContainer h1 {display: inline; float: left; color: #df2026; font-size: 1.85em; width: 796px; text-align: left; margin: 54px 0 0 0; border-bottom: 1px dashed #e5e5e5; padding-bottom: 7px;}
#bannerContainer #abtaContainer {float: right; margin: 50px 11px 0 0; width: 123px; height: 77px;}
#bannerContainer #process {float: left; display: inline; margin: 7px 0 0 11px;}
#bannerContainer #process ul {float: left; width: 796px; margin: 0; padding: 0;}
#bannerContainer #process ul li {display: inline-block; float: left; background: url(../images/search-results/process-off.gif) left top no-repeat scroll; width: 133px; height: 27px; font-size: 12px; font-weight: bold; color: #fff; text-align: center; line-height: 24px;}
#bannerContainer #process ul li.processFirst {background: url(../images/search-results/process-first-off.gif) left top no-repeat scroll; width: 130px;}
#bannerContainer #process ul li.processLast {background: url(../images/search-results/process-last-off.gif) left top no-repeat scroll; width: 134px;}
#bannerContainer #process ul li strong.selected {background: url(../images/search-results/process-selected.gif) left top no-repeat scroll; display: block; width: 133px; height: 27px;}
#bannerContainer #process ul li.processFirst strong.selected {background: url(../images/search-results/process-first-selected.gif) left top no-repeat scroll; width: 130px;}
#bannerContainer #process ul li.processLast strong.selected {background: url(../images/search-results/process-last-selected.gif) left top no-repeat scroll; width: 134px;}

/* header */
#content #tabs #resultsHeader h2 {width:370px;}
#content #tabs #resultsHeader p {color: #fff; font-size: 0.7em; float: right; float: right; width: 555px; padding: 1px 15px 0 1px;}
#content #tabs #resultsHeader p a {text-decoration: underline; font-weight: bold; color: #fff; padding-left: 10px; background: url(../images/global/white-arrow.gif) left center no-repeat scroll;}

/* Content */

/* Redirected from a package */
#content #pageBody.genericForm #redirected,
#content #pageBody.genericForm #direct {width: 100%; float: left; display: inline;}


/* generic form data */
#content #pageBody.genericForm .fullWidth fieldset.insuranceDetails {background: url(/includes/images/global/grey-dotted-border.gif) left bottom repeat-x scroll;}
#content #pageBody.genericForm .fullWidth fieldset .yesNo {width: 100px; overflow: hidden; float: left;}
#content #pageBody.genericForm .fullWidth fieldset .yesNo label {float: none; clear: none; color: #000; font-weight: bold; font-size: 1.2em; width: auto;}
#content #pageBody.genericForm .fullWidth fieldset .yesNo input.radio {margin: 0 2px 0 0; float: none; width: auto; border: none;}
#content #pageBody.genericForm #redirected .fullWidth .insuranceFields {float: left; clear: none!important; margin: 3px 0 0 102px;}
#content #pageBody.genericForm #direct .fullWidth .insuranceFields {float: left; clear: none!important; margin: 3px 0 0 50px; display: inline;}
#content #pageBody.genericForm .fullWidth .insuranceFields label {width: 110px; float: left; clear: left;}
#content #pageBody.genericForm span#policyTitle {line-height: 22px; font-size: 0.9em; margin-bottom: 10px; display: inline-block;}
#content #pageBody.genericForm .fullWidth .insuranceFields select {margin-top: 1px;}
#content #pageBody.genericForm .fullWidth .insuranceFields #divSingleTrip {float: left; clear: both; overflow: hidden;}
#content #pageBody.genericForm .fullWidth .insuranceFields #divSingleTrip select {width: 60px;}
#content #pageBody.genericForm .fullWidth .insuranceFields #divSingleTrip a {float: left; margin-top: 4px;}

#content #pageBody.genericForm .fullWidth .insuranceFields #insuredPeople,
#content #pageBody.genericForm .fullWidth .insuranceFields #divAnnualTrip {float: left; clear: both; padding-top: 20px; width: 818px; position: relative;}
#content #pageBody.genericForm .fullWidth .insuranceFields #insuredPeople h3,
#content #pageBody.genericForm .fullWidth .insuranceFields #divAnnualTrip h3 {float: left; width: 110px; color: #5d5d5d; font-size: 0.9em; margin: 0; padding: 0;}
#content #pageBody.genericForm .fullWidth .insuranceFields #insuredPeople .person,
#content #pageBody.genericForm .fullWidth .insuranceFields #divAnnualTrip .person {float: left; clear: none; margin: 0 20px 0 0; padding: 0;}
#content #pageBody.genericForm .fullWidth .insuranceFields #insuredPeople .person label{float: left; clear: none; font-weight: normal; margin: 0 0 3px; padding: 0; line-height: normal; width: auto;}
#content #pageBody.genericForm .fullWidth .insuranceFields #divAnnualTrip .person label {float: left; clear: none; font-weight: normal; margin: 2px 0 3px; padding: 0; line-height: normal; width: auto;}
#content #pageBody.genericForm .fullWidth .insuranceFields #insuredPeople .person select,
#content #pageBody.genericForm .fullWidth .insuranceFields #divAnnualTrip .person select {float: left; clear: both; width: 60px;}
#content #pageBody.genericForm .fullWidth .insuranceFields #insuredPeople input {float: right; width: auto; border: none; margin: 14px 0 0;}
#content #pageBody.genericForm .fullWidth .insuranceFields #divAnnualTrip .buttonContainer {float: right; width: 100%; margin-top: -26px;}
#content #pageBody.genericForm .fullWidth .insuranceFields #divAnnualTrip .buttonContainer input {float: right; margin: 0; border: none; background: url(/includes/images/insurance/continue-with-this-insurance.gif) left top no-repeat scroll; cursor: pointer; width: 201px; height: 24px;}
#content #pageBody.genericForm .fullWidth .insuranceFields #insuredPeople input {float: right; margin-right: -50px; border: none; background: url(/includes/images/insurance/get-insurance-quote.gif) left top no-repeat scroll; cursor: pointer; width: 201px; height: 24px;}
#content #pageBody.genericForm .fullWidth .insuranceFields #insuredPeople.direct input {background: none; cursor: pointer; width: 152px; height: 24px;}

#content #pageBody.genericForm .fullWidth .insuranceFields #insuredPeople input.radio,
#content #pageBody.genericForm .fullWidth .insuranceFields #divAnnualTrip input.radio {position: relative; right: auto; bottom: auto; width: auto; float: left; margin: 0 5px 0 0; vertical-align: middle; border: none;}
#content #pageBody.genericForm .fullWidth .insuranceFields #divAnnualTrip #divFamilyChildren {float: left; clear: both; width: 500px; margin-top: 10px; overflow: hidden;}
#content #pageBody.genericForm .fullWidth .insuranceFields #divAnnualTrip #divFamilyChildren p {float: left; width: auto; margin: 2px 20px 0 0!important; color: #5d5d5d; padding: 0;}

#content #pageBody.genericForm .fullWidth .noInsurance {float: left; clear: none!important; width: 818px;}
#content #pageBody.genericForm .fullWidth .noInsurance p {float: left; width: 600px; margin: 6px 0 0;}
#content #pageBody.genericForm .fullWidth .noInsurance input {float: right; border: none; margin: 6px 0 0; background: url(/includes/images/insurance/continue-without-insurance.gif) left top no-repeat scroll; cursor: pointer; width: 193px; height: 24px;}

/* insurance results page */
#content #pageBody.genericForm .fullWidth #searchFields {border: none!important; margin: 0!important; padding: 0!important;}
#content #pageBody.genericForm .fullWidth #searchFields {/*clear: both;*/ width: 930px;}
#content #pageBody.genericForm .fullWidth #searchFields strong {color: #188bc6; font-size: 1.1em;}
#content #pageBody.genericForm .fullWidth #searchFields table#travelInsuranceDetails {width: 930px; margin: 0;}
#content #pageBody.genericForm .fullWidth #searchFields table#travelInsuranceDetails th {color: #188bc6; font-weight: bold;}
#content #pageBody.genericForm .fullWidth #searchFields table#travelInsuranceDetails td {font-size: 0.95em; font-weight: bold;}
#content #pageBody.genericForm .fullWidth #searchFields table#travelInsuranceDetails #travelInsuranceSummary {border-bottom: 1px dotted #666666; padding-bottom: 10px; margin: 0; width: 930px; color: #5d5d5d;}

#content #pageBody.genericForm .fullWidth #searchFields .insuranceUpgrades {clear: left; color:#5d5d5d; line-height: 20px; width: 930px; position: relative; border-top: 1px dotted #666666;}
#content #pageBody.genericForm .fullWidth #searchFields .insuranceUpgrades .insuranceOptions {float: left; width: 930px; position: relative; margin-top: 10px;}
#content #pageBody.genericForm .fullWidth #searchFields .insuranceUpgrades h3 {font-size: 1.2em; float: left; padding: 2px 5px 0 0x; margin: 0 0 5px;}
#content #pageBody.genericForm .fullWidth #searchFields .insuranceUpgrades h3 span {font-size: 0.9em; font-weight: normal; color: #5d5d5d;}
#content #pageBody.genericForm .fullWidth #searchFields .insuranceUpgrades .optionRows {float: left; overflow: hidden; margin-bottom: 3px; width: 930px; color: #5d5d5d;}
#content #pageBody.genericForm .fullWidth #searchFields .insuranceUpgrades .optionRows strong {color: #445965;}
#content #pageBody.genericForm .fullWidth #searchFields .insuranceUpgrades .optionRows.highlight {background: #d1e8f4;}
#content #pageBody.genericForm .fullWidth #searchFields .insuranceUpgrades .optionDetails {float: left; margin: 0; display: inline; width: 780px; position: relative;}
#content #pageBody.genericForm .fullWidth #searchFields .insuranceUpgrades .optionDetails input {margin: 0 5px 0 2px; border: none; width: auto; height: 22px;}
#content #pageBody.genericForm .fullWidth #searchFields .insuranceUpgrades .optionDetails label {float: left; clear: none; cursor: pointer; width: auto; font-size: 1.1em; font-weight: normal;}
#content #pageBody.genericForm .fullWidth #searchFields .insuranceUpgrades .priceAdjustment {float: right; margin-left: 10px; width: 135px; text-align: right; padding-right: 5px; color: #445965;}

#content #pageBody.genericForm .fullWidth #searchFields table#confirmedTotal {width: 930px; border-bottom: 1px dotted #666666; padding: 10px 0; margin: 0;}
#content #pageBody.genericForm .fullWidth #searchFields table#confirmedTotal td strong {font-size: 1em;}
#content #pageBody.genericForm .fullWidth #searchFields table#confirmedTotal .priceText {padding-right: 10px; float: right;}

#content #pageBody.genericForm .fullWidth #searchFields table#passengerInformation {width: 930px;}
#content #pageBody.genericForm .fullWidth #searchFields table#passengerInformation th {color: #188bc6; font-weight: bold; padding: 0 0 10px;}
#content #pageBody.genericForm .fullWidth #searchFields table#passengerInformation td {font-size: 0.9em; padding-bottom: 5px;}
#content #pageBody.genericForm .fullWidth #searchFields table#passengerInformation td input {width: auto; margin-right: 5px; font-size: 1em;}
#content #pageBody.genericForm .fullWidth #searchFields table#passengerInformation td input.textField {width: 125px;}
#content #pageBody.genericForm .fullWidth #searchFields table#passengerInformation td select {font-size: 1em;}
#content #pageBody.genericForm .fullWidth #searchFields table#passengerInformation td .nameDetails {width: 120px; margin-right: 5px;}
#content #pageBody.genericForm .fullWidth #searchFields table#passengerInformation p.note {color: #ed2228; font-size: 1em; margin-top: 20px;}
#content #pageBody.genericForm .fullWidth #searchFields table#passengerInformation p.note strong {color: #ed2228; font-size: 1em;}
#content #pageBody.genericForm .fullWidth #searchFields table#passengerInformation .terms {font-size: 1.1em;}
#content #pageBody.genericForm .fullWidth #searchFields table#passengerInformation .terms input.checkbox {width: auto; height: auto; margin: 0 10px 0 0; vertical-align:sub; padding: 0; border: none;}
#content #pageBody.genericForm .fullWidth #searchFields table#passengerInformation .terms a {color: #545454; text-decoration: underline;}
#content #pageBody.genericForm .fullWidth #searchFields table#passengerInformation .type {text-align: right!important; padding-right: 10px;}

#content #pageBody.genericForm .fullWidth #searchFields table#proceedButtons {width: 930px; border-top: 1px solid #666666; padding-top: 20px;}
#content #pageBody.genericForm .fullWidth #searchFields table#proceedButtons input {width: auto; height: auto; border: none;}
#content #pageBody.genericForm .fullWidth #searchFields table#proceedButtons input.continue {float: right;}

input.getQuote { background: url(/includes/images/insurance/get-insurance-quote.gif) top left no-repeat scroll; width: 152px; height: 24px; cursor:pointer;}


/* calendar amends */
.cpMonthNavigation,
.cpYearNavigation {margin: 0!important; padding: 2px 0!important;}
table.cpBorder {padding: 0!important; margin: 0!important;}
table.cpBorder table {float: none!important; margin-top: 0!important;}
.cpYearNavigation select,.cpMonthNavigation select{margin: 0!important;}