﻿/*************************/
/** Landing Page Styles **/
/*************************/
body { margin: 0; padding: 0; font: normal 12px/16px Arial, Helvetica, sans-serif; color: #333; background: url(../../Images/Hybe/body-bkgTile.gif) repeat-y top center; }
	
	
/** Header Images **/
#insuranceHeader { width: 357px; height: 248px; }
.landingheaderauto { width: 357px; height: 248px; background: url(../../Images/Hybe/landing-headerHonda.jpg) no-repeat top left; position: absolute; top: 97px; left: 400px; }
.landingheaderautohome { width: 357px; height: 248px; background: url(../../Images/Hybe/landing-headerAutoHome.jpg) no-repeat top left; position: absolute; top: 87px; left: 400px; }
.landingheaderhome { width: 357px; height: 248px; background: url(../../Images/Hybe/landing-headerHouse.jpg) no-repeat top left; position: absolute; top: 97px; left: 400px; }
.landingheaderhealth { width: 357px; height: 248px; background: url(../../Images/Hybe/landing-headerAppleMeds.jpg) no-repeat top left; position: absolute; top: 97px; left: 400px; }
.landingheaderlife { width: 357px; height: 248px; background: url(../../Images/Hybe/landing-headerCouple.jpg) no-repeat top left; position: absolute; top: 114px; left: 400px; }
.landingheaderltc { width: 357px; height: 248px; background: url(../../Images/Hybe/landing-headerCouple.jpg) no-repeat top left; position: absolute; top: 114px; left: 400px; }



/** Content Areas **/
#contentContainer, #container, #divLeadSiteContent { position: relative; }
#defaultContentContainer { margin: 0 auto; padding: 0; width: 100%; height: 800px; text-align: left; position: relative;  }
#defaultContent { margin: 0 auto; padding: 0; width: 100%; height: 350px; background: url(../../Images/Hybe/defaultContentContainer-bkg.jpg) no-repeat top center; text-align: left; position: absolute; top: 270px; left: 7px; }
 
#defaultContentContainer { height: 820px; position: relative; }
#defaultContent { top: 300px; left: 0; }

/* Left Container */
  #default-leftContainer { margin: 0 0 0 0; padding: 15px 0 0 0; width: 390px; height: auto; float: left }
  #default-leftContainer h1 { margin: 0; padding: 0; font: normal 16px/18px 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;  }
  #default-leftContainer p { margin: 0 0 15px 0; }
  #default-leftContainer p strong { font-weight: bold; font-size: 14px; }
  #default-leftContainer ul{ margin: 0 0 15px 0; padding: 0; list-style-type: circle; }
  #default-leftContainer ol { margin: 0 0 15px 0; padding: 0; }
  #default-leftContainer ul li, #default-leftContainer ol li { margin: 0 0 8px 30px; padding: 0; }
  /* Right Container */
  #default-rightContainer { margin: 0 15px 0 0; padding: 18px 0 0 0; width: 295px; height: auto; float: right;  }
  .sideboxContainer { margin: 0 0 35px 0; width: 295px; height: 150px; background: url(../../Images/Hybe/defaultContent-sideBox-Bkg.jpg) no-repeat top left; text-align: center; }
  .sideboxContainer h2.carrierTitle { margin: 0 0 0 8px; padding-top: 5px; font: bold 14px/15px 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; color: #676767; text-align: left; }
  .sideboxContainer p { margin: 0; padding-left: 8px; font: normal 11px/15px Arial, Helvetica, sans-serif; color: #676767; text-align: left; }
  .sideboxContainer img { margin: 0 10px 0 7px; vertical-align: middle; }
  .sideboxContainer img.lineDivide { margin: 7px auto; margin-bottom: 21px; }
  .homeCarrierLogosTable { margin: 0 auto; width: 100%; }
  .homeCarrierLogosTable td { padding: 10px;}


/** Text Box **/
.landingPageText { margin: 0; padding: 0 0 20px 17px; width: 95%; height: auto; min-height: 330px; font: normal 12px/15px Arial, Helvetica, sans-serif; color: #444; text-align: left; }
.landingPageText #autoText { margin: 0; padding: 0; }
.landingPageText #autoText ul { margin: 8px 0 10px 0; list-style-type: circle; }
.landingPageText #autoText ul li { margin: 3px 0 3px 40px; }
.landingPageText #homeText { margin: 0; padding: 0; }
.landinvgPageText #healthText { margin: 0 0 20px 0; padding: 0; }
.landingPageText #lifeText  { margin: 0; padding: 0; }

/** QuoteBox **/
#quotebox { margin: 0 20px; padding: 10px 0 0 0; width: 96%; _width: 90%; height: 260px; }
#quote_form { margin: 10px 0 0 10px; width: 400px; text-align: left;  }
#quotebox .quoteBoxLabel { vertical-align: top; margin: 0 5px 0 0; padding: 0 0 5px 25px; font: bold 15px/25px 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; color: #1f2123; background: url(../../Images/Hybe/greyBullet.gif) no-repeat left 3px;  }
#quotebox .zipContainer, #quotebox .insuredContainer { margin: 15px 0 10px 0;}
#quotebox .zipField { margin-top: -3px; padding-left: 5px; width: 140px; height: 23px; border: solid 1px #bcbcbd; border-top: solid 1px #8b8b8b; background: #ccc url(../../Images/Hybe/textField-bkg.gif) repeat-x top left; font: normal 18px 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; color: #1f2123; }
#quotebox .insuredContainer table { width: 100px; display: inline;}
#quotebox .submit_btn { margin: 5px 0 0 0; padding: 1px 0 2px 44px; width: 192px; height: 53px; background: transparent url(../../Images/Hybe/landing-submitButtonBkg.gif) no-repeat; font: bold 17px/1em 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; color: #fff; border: none; cursor: pointer; }
#quotebox .qbLock { margin: 15px 10px 0 100px; vertical-align: top; }
.errorMessage { margin: 10px 0 0 0; display: block; }
.altInsurance { margin: 5px 0 0 4px; padding: 0; font-size: 11px; color: #333;  }
/* Title Images */
#quoteHeader  { width: 465px; height: 73px; }
.autoTitle { background: transparent url(../../Images/Hybe/landing-titleHeadingAuto.gif) no-repeat; }
.autohomeTitle { background: transparent url(../../Images/Hybe/landing-titleHeadingAutoHome.gif) no-repeat; }
.homeTitle { background: transparent url(../../Images/Hybe/landing-titleHeadingHome.gif) no-repeat; }
.healthTitle { background: transparent url(../../Images/Hybe/landing-titleHeadingHealth.gif) no-repeat; }
.lifeTitle { background: transparent url(../../Images/Hybe/landing-titleHeadingLife.gif) no-repeat; }
.ltcTitle { background: transparent url(../../Images/Hybe/landing-titleHeadingLTC.gif) no-repeat; }
.renterTitle { background: transparent url(../../Images/Hybe/landing-titleHeadingRenter.gif) no-repeat; }


/******************************/
/** Commercial Auto Specific **/
/******************************/
#defaultContentComAuto { margin: 0 auto; padding: 0; width: 100%; height: 350px; background: url(../../Images/Hybe/defaultContentContainer-bkg.jpg) no-repeat top center; text-align: left; position: absolute; top: 270px; left: 0; }

/** QuoteBox (Commercial Auto) **/ 
#quoteboxComAuto { margin: 0 0 0 15px; padding: 10px 0 0 0; width: 100%; height: 270px; background: transparent url(../../Images/landing-quoteBox-splitBkg.jpg) no-repeat center 170px;}	
#quoteboxComAuto .introText { margin: 5px 0 30px 0; width: 465px; color: #5f5f5f; }
#quoteboxComAuto .callRep { margin-left: 25px; padding: 0 0 5px 25px; font: bold 16px 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; color: #2c2c2c; background: url(../../Images/Hybe/greyBullet.gif) no-repeat left 17px; }
#quoteboxComAuto .callRep span { font-size: 30px;}
.comAutoTitle { background: transparent url(../../Images/landing-title-comauto.jpg) no-repeat; }
#quoteboxComAuto .altInsurance { margin:0 ; padding: 0; font: normal 11px/13px Arial, Helvetica, sans-serif; position: absolute; top: 252px; left: 18px;  }
#quoteboxComAuto .progressiveLogo { margin:0 ; padding: 0; font: normal 11px/13px Arial, Helvetica, sans-serif; position: absolute; top: 248px; left: 460px;  }
/** Header Images **/
.landingheaderCommercialAuto { width: 186px; height: 167px; background: url(../../Images/landing-quoteBox-fordVan.jpg) no-repeat top right; position: absolute; top: 60px; left: 375px; }

/******************************/
/** Business Specific **/
/******************************/
#defaultContentBiz { margin: 0 auto; padding: 0; width: 100%; height: 350px; background: url(../../Images/Hybe/defaultContentContainer-bkg.jpg) no-repeat top center; text-align: left; position: absolute; top: 270px; left: 0; }

/** QuoteBox (Business) **/ 
#quoteboxComBiz { margin: 0 0 0 15px; padding: 10px 0 0 0; width: 100%; height: 270px; }	
#quoteboxComBiz .introText { margin: 5px 0 30px 20px; width: 465px; color: #5f5f5f; }
#quoteboxComBiz .callRep { margin-left: 25px; padding: 0 0 5px 25px; font: bold 16px 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif; color: #2c2c2c; background: url(../../Images/Hybe/greyBullet.gif) no-repeat left 17px; }
#quoteboxComBiz .callRep span { font-size: 30px;}
.comBizTitle { background: transparent url(../../Images/landing-title-comauto.jpg) no-repeat; }
#quoteboxComBiz .altInsurance { margin:0 ; padding: 0; font: normal 11px/13px Arial, Helvetica, sans-serif; position: absolute; top: 252px; left: 18px;  }
#quoteboxComBiz .progressiveLogo { margin:0 ; padding: 0; font: normal 11px/13px Arial, Helvetica, sans-serif; position: absolute; top: 248px; left: 460px;  }
/** Header Images **/
.landingheaderBiz { width: 186px; height: 167px; background: url(../../Images/landing-quoteBox-fordVan.jpg) no-repeat top right; position: absolute; top: 60px; left: 375px; }
