/* CSS Document */

/* Note: hover only works on native elements in IE, not on classes */

html { height:100%; }
/* efc => ffc   #210462 cdfffa ddf4f2 cdfffa
*  brown in quote box: #bf5231
*/
body { height:100%; font-size:16px; line-height:18px; background-color:#b1d2a9; }

html, input, textarea {
  font-family: "trebuchet ms", arial, verdana, helvetica, sans-serif, "Georgia", "Lucida Sans", "Myriad Condensed Web", "Times New Roman", Times, serif;
  color:#132021;
}

/* 938px total but indent main subtracts 18px for 920px total */
.main {
  margin:0 auto; padding-bottom:1px;
  text-align:left;
  width:938px;
}


/* really 23 pixels... */
#page-top { background:url(images/header-top.gif) top repeat-x; height:20px;}
#page-bot { background:url(images/footer-bottom.gif) bottom repeat-x; height:23px; }


.img-left { float:left; margin:0 20px 2px 0; }
.img-right { float:right; margin:0 0 2px 10px; }


div.container { overflow:hidden; width:100%; }

.alignMiddle { vertical-align:middle; }
.alignCenter { text-align:center; }
.clear { clear:both; }
.fleft { float:left; }
.fright { float:right; }

.uline { text-decoration:underline; }
.plus18 { font-size:118%; }
.minus8 { font-size:92%; }
.minus18 { font-size:82%; line-height:15px; }
.minus32 { font-size:68%; line-height:13px; }
.lgspc { padding-top:20px; font-size:92%; }

.colorred { color:red; }

/* extra paragraph spacing */
.p0  { margin:0 0  8px 0; }
.p1  { margin:0 0 15px 0; }
.p1b { margin:0 0 15px 0; font-weight:bold; }
.p2  { margin:0 0 27px 0; }
.p2b { margin:0 0 27px 0; font-weight:bold; }
.p3  { margin:0 0 48px 0; }


.col1, .col2, .col3, .col4 { float:left; }
.col61, .col62, .col63, .col64, .col65, .col66, .col21, .col22,
  .col41, .col42, .col43, .col44, .col31, .col32, .col33 { float:left; }


#inside ol { list-style-position:inside; }




.link {
  color:#ffffff;
  float:right;
  margin-right:9px;
} 


/******* These are backward compatible and should GO *********/

h5 { color:#335566; font-size:1.16em; margin-bottom:10px; font-weight:normal;
  background:url(images/marker-k.gif) no-repeat top left; padding-left:20px;
  background-position:0 3px; padding-bottom:1px; }



.link1 {
  color:#5b768f;
  background:url(images/marker1.gif) top left no-repeat;
  background-position:0 2px;
  padding-left:22px;
  float:right;
  margin-right:21px;
} 

.link2 {
  color:#5b768f;
  background:url(images/marker1.gif) top left no-repeat;
  background-position:0 2px;
  padding-left:22px;
  margin-right:21px;
} 

/*********************************************************************/



#top { padding:15px 0 25px 0; }

#top #help { font-size:13px; color:#0c8902; padding-left:20px; margin:0; float:left; }
#top #help a { color:#373d89; text-decoration:underline; }
#top #help a:hover { text-decoration:none; }
#top #path { font-size:13px; color:#0c8902; margin:0; float:right; }
#top #path .next { letter-spacing:-3px; }
#top #path a { color:#0c8902; text-decoration:underline; }
#top #path a:hover { text-decoration:none; }


/* total width is padding plus width = 210 color:#a9b0d2;  */
/*#top .col1 { width:118px; height:80px; color:black; text-decoration:none;
  font-size:23px; line-height:26px;
}
#top .col1a { width:90px; font-size:23px; text-decoration:none; color:black; float:left; font-weight:bold; vertical-align:middle; margin:30px 0 0 10px; }
*/
#top .col1 { width:218px; height:60px; color:black; text-decoration:none;
  font-size:23px; line-height:30px; font-weight:bold; vertical-align:middle;
  margin-top:15px;
}


#top .col2 { width:700px; margin-left:20px; }

/* menu is 53px tall. */
#top #menu { background:url(images/menu-bg.gif) top repeat-x; height:53px; }
#top #menu .left-side { background:url(images/menu-left-g.gif) top left no-repeat; height:53px;}
#top #menu .right-side { background:url(images/menu-right-g.gif) top right no-repeat; height:53px; }
/* define menu item width and text alignment here */
#top #menu ul { margin:0; padding:0; }
#top #menu li { width:140px; margin-top:8px; float:left;
  font-size:16px; text-align:center; display:block;
  background:url(images/menu-dash.gif) top right repeat-y;
}
/* #919191 */
#top #menu li a { color:#bf5231; text-decoration:none; font-weight:normal;
  font-size:16px; display:block; padding:7px 0 5px 0; }
#top #menu li span { display:block; padding:7px 0 5px 0; }
#top #menu li a:hover { color:#000000; text-decoration:underline; }
#top #menu li span { color:#000000; text-decoration:underline; }
#top #menu .last { background:none; }


.whitebox { margin-bottom:25px; background:white; width:938px; }
.whitebox .tlcorner { background:url(images/corner-tl-wg.gif) no-repeat left top; }
.whitebox .trcorner { background:url(images/corner-tr-wg.gif) no-repeat right top; }
.whitebox .blcorner { background:url(images/corner-bl-wg.gif) no-repeat left bottom; }
.whitebox .brcorner { background:url(images/corner-br-wg.gif) no-repeat right bottom;}


/* 938px: 20+200+20+678+20 */
/*#primary .col1 { width:200px; padding:20px; }*/
#primary .col1 { width:220px; padding:10px; }
#primary .col2 { width:678px; padding:20px 20px 20px 0; }

#alarmp .col0 { width:898px; padding:20px; }
#alarmp .col1 { width:440px; padding:20px; }
#alarmp .col2 { width:438px; padding:20px 20px 20px 0; }

/* 938px: 20+898+20 */
#quotep .col0 { width:898px; padding:20px; }
/* 874 (898 - 24 padding of highlightbox) */
#quotep #dwelling .col1  { width:150px; margin-top:12px; }
#quotep #dwelling .col2  { width:287px; margin-top:10px; }
#quotep #dwelling .col2b { width:712px; margin-top:12px; float:left; }
#quotep #dwelling .col3  { width:150px; margin-top:12px; }
#quotep #dwelling .col4  { width:287px; margin-top:10px; }
#quotep #pfeatures .col1 { width:291px; padding-left:22px; }
#quotep #pfeatures .col2 { width:291px; }
#quotep #pfeatures .col3 { width:270px; }
#quotep #coverage .col1  { width:500px; margin-top:12px; }
#quotep #coverage .col2  { width:374px; margin-top:10px; }

#quotep .col61  { width:150px; margin-top:2px; }
#quotep .col62  { width:140px; }
#quotep .col62b { width:125px; float:left; }
#quotep .col62  { width:145px; }
#quotep .col63  { width:145px; margin-top:2px; }
#quotep .col64  { width:145px; }
#quotep .col65  { width:145px; margin-top:2px; }
#quotep .col66  { width:145px; }
#quotep .col41  { width:150px; margin-top:12px; }
#quotep .col41a { width:275px; margin-top:12px; float:left; }
#quotep .col42  { width:287px; margin-top:10px; }
#quotep .col42b { width:162px; margin-top:10px; float:left; }
#quotep .col43  { width:150px; margin-top:12px; }
#quotep .col43a { width:225px; margin-top:12px; float:left; }
#quotep .col44  { width:287px; margin-top:10px; }
#quotep .col44b { width:212px; margin-top:10px; float:left; }
#quotep .col31  { width:291px; margin-top:10px; }
#quotep .col32  { width:291px; margin-top:10px; }
#quotep .col33  { width:270px; margin-top:10px; }
#quotep .col21  { width:500px; margin-top:12px; }
#quotep .col21a { width:150px; margin-top:12px; float:left; }
#quotep .col22  { width:374px; margin-top:10px; }
#quotep .col22b { width:712px; margin-top:10px; float:left; }

/* total width is padding plus width = 210 color:#a9b0d2;  */
#quotep #qtop .col1 { width:118px; height:80px; color:black;   text-decoration:none;
  padding-left:100px; margin:20px 0 0 20px; font-size:23px; line-height:26px;
  background:url(images/ieg80b2.gif) no-repeat left bottom;
}
#quotep #qtop .col2 { width:640px; margin-left:20px; }


/* back:DEECFA, border:99BCDF */
#quotep .highlightbox { background-color:#e6ffcd;
  border:solid 2px #7cd611; margin-bottom:15px; padding:10px; }
#quotep .highlightdiv { background:url(images/bot.gif) repeat-x bottom;
  padding-bottom:12px; }
#quotep .p1b { color:#110999 }


/*box*/
/* #primary .col1 .box { background:#f9f462; } new color scheme: green */
#primary .col1 .box { background:#b1d2a9; }
/*#primary .col1 .box .tlcorner { background:url(images/corner-tl-yw.gif) no-repeat left top; }
#primary .col1 .box .trcorner { background:url(images/corner-tr-yw.gif) no-repeat right top; }
#primary .col1 .box .blcorner { background:url(images/corner-bl-yw.gif) no-repeat left bottom; }
#primary .col1 .box .brcorner { background:url(images/corner-br-yw.gif) no-repeat right bottom;
  width:100%; } new color scheme: green*/
#primary .col1 .box .tlcorner { background:url(images/corner-tl-gw.gif) no-repeat left top; }
#primary .col1 .box .trcorner { background:url(images/corner-tr-gw.gif) no-repeat right top; }
#primary .col1 .box .blcorner { background:url(images/corner-bl-gw.gif) no-repeat left bottom; }
#primary .col1 .box .brcorner { background:url(images/corner-br-gw.gif) no-repeat right bottom;
  width:100%; }
#primary .col1 .titlepad { font-weight:bold; padding:10px 20px 10px 15px; }
#primary .col1 .titleb { font-weight:bold; font-size:118%; text-align:center; }

/*#primary .col1 .box2 { background-color:#fcffa7; padding:10px; text-decoration:none;
 }
#primary .col1 .box2:hover { background-color:#f9f462; } new color scheme: green */
#primary .col1 .box2 { background-color:#e6ffcd; padding:10px; text-decoration:none;
 }
#primary .col1 .box2:hover { background-color:#b1d2a9; }
#primary .col1 .box2 a { padding-left:30px; color:black; float:left; 
  font-size:15px; text-decoration:none; font-weight:normal; font-variant:small-caps;
}
#primary .col1 .box2 a:hover { text-decoration:underline; }
#primary .col1 .expand { background:url(images/contract.gif) no-repeat left;
  float:left; }
#primary .col1 .expand:hover { background:url(images/contract-r.gif) no-repeat left; }
#primary .col1 .contract { background:url(images/expand.gif) no-repeat left;
  float:left; }
#primary .col1 .contract:hover { background:url(images/expand-r.gif) no-repeat left; }

/* #primary .col1 .box2x { background:url(images/disk7x.gif) no-repeat top left;
  padding:0 0 10px 50px; background-color:#fcffa7; } */
#primary .col1 .box2x { background:url(images/disk7x.gif) no-repeat top left;
  padding:0 0 10px 50px; background-color:#e6ffcd; }
#primary .col1 .box2x a { color:black; font-size:14px; line-height:16px;
  text-decoration:none; }
#primary .col1 .box2x a:hover { text-decoration:underline; }

#primary .col1 .dashdiv { font-size:1px; line-height:1px;
  background:url(images/box-dash.gif) bottom left repeat-x; }


#primary .col1 .ads160x600 { padding:50px 20px 0 20px; font-size:118%; text-align:center;}
#primary .col1 .ads200x200 { padding-top:50px; font-size:118%; text-align:center; }

#primary .col1 h2 { font-weight:bold; font-size:118%; text-align:center; padding-top:25px; }

/* 678px for col2, split left and right */
/* #primary .col2 .left { width:478px; float:left; background:#ffc; } new color scheme: white */
#primary .col2 .left { width:678px; float:left; } /* ; background:#ffc */
#primary .col2 .left a:hover { text-decoration:none; }
/* #primary .col2 .right { width:180px; padding-left:20px; font-size:14px; line-height:16px; float:right; } */

#primary .col2 h1 { font-weight:bold; font-size:20px; line-height:22px; padding:10px; }
#primary .col2 h2 { font-weight:bold; font-size:16px; }
#primary a { color:#132021; }
/* for .col0 and .col1 */
#alarmp   h1 { font-weight:bold; font-size:25px; line-height:22px; padding-bottom:10px; }
#quotep   h1 { font-weight:bold; font-size:20px; line-height:21px; padding-bottom:8px;
  color:#110999; }

/* 938px: 20+200+20+239 - 63 (1/2 of 125px image) */
#primary .shareit { padding:5px 0 15px 410px; }
#alarmp   .shareit { padding:5px 0 15px 410px; }
#primary .ads728x90 { padding:10px 0 15px 0; font-size:118%; text-align:center; }


/*== override the pagebody list type ==*/
#primary .col2 #hvalue li { padding-bottom:16px; }

#primary .col2 .quiz ol { margin-left:0; padding-left:35px; list-style-type:decimal;
  font-weight:bold; color:#992222; }
#primary .col2 .quiz ol li { list-style-position:outside; }
#primary .col2 .quiz ol li ol { margin:8px 0 12px 15px; padding:0; list-style-type:none;
  color:#222288; }
#primary .col2 .quiz ol li ol li { padding-bottom:8px;}


#primary .col2 .faq ul { margin-bottom:32px; padding-left:20px; list-style-type:disc;
  font-weight:bold; font-size:125%; color:#992222; }
#primary .col2 .faq ul li { line-height:1.25em; }
#primary .col2 .faq ul li ol { margin-bottom:20px; padding-left:20px; list-style-type:decimal;
  color:#222288; font-size:85%; }
#primary .col2 .faq ul li ol li { line-height:1.3em; padding-left:3px; list-style-position:outside; }
#primary .col2 .faq ul li a { color:#1e2021; text-decoration:none; line-height:1.4em; } /*1.66em*/
#primary .col2 .faq ul li a:hover { text-decoration:underline; }





/* 290 for auto-fade, 340 for AudiR8-banner */
/************ NEW STYLE *********************/
/*** can have box on left or right side depending on mirror of image ***/

/*#index .quoteimg  { background:url(images/pair-left.jpg) top no-repeat;  height:312px; width:678px; }*/
/*#home .quoteimg   { background:url(images/home-logo2.jpg) top no-repeat; height:282px; width:680px; }*/
/*#health .quoteimg { background:url(images/pair-left.jpg) top no-repeat;  height:312px; width:678px; }*/
/*#life .quoteimg   { background:url(images/pair-left.jpg) top no-repeat;  height:312px; width:678px; }*/
/*#faq  .quoteimg   { background:url(images/pair-left.jpg) top no-repeat;  height:312px; width:678px; }*/
#index    .quoteimg { background:url(images/pair-right.jpg) top no-repeat;
  height:312px; width:680px; }
#home     .quoteimg { background:url(images/home-logo2-mirror.jpg) top no-repeat;
  height:282px; width:680px; }
#mobile   .quoteimg { background:url(images/home-logo2-mirror.jpg) top no-repeat;
  height:282px; width:680px; }
#landlord .quoteimg { background:url(images/home-logo2-mirror.jpg) top no-repeat;
  height:282px; width:680px; }
#renters  .quoteimg { background:url(images/home-logo2-mirror.jpg) top no-repeat;
  height:282px; width:680px; }
#condo    .quoteimg { background:url(images/home-logo2-mirror.jpg) top no-repeat;
  height:282px; width:680px; }
#faq      .quoteimg { background:url(images/pair-right.jpg) top no-repeat;
  height:312px; width:680px; }
#life     .quoteimg { background:url(images/pair-right.jpg) top no-repeat;
  height:312px; width:680px; }
#auto     .quoteimg { background:url(images/car-logo.jpg) top no-repeat;
  height:280px; width:680px; }

/*.quote1a { font-size:26px; letter-spacing:-1px; color:brown;
/*		 padding: 50px 0 5px 290px; font-weight:bold; line-height:26px;} */
.quote1a { font-size:26px; letter-spacing:-1px; color:black;
  font-family: "Berlin Sans FB" "trebuchet ms", arial, verdana, helvetica, sans-serif, Georgia, "Lucida Sans", "Myriad Condensed Web", "Times New Roman", Times, serif;
  padding: 50px 280px 5px 0px; font-weight:bold; line-height:26px; }

/*.quote3   { font-size:17px; margin-left:290px;  text-align:center; }*/
.quote3   { font-size:17px; margin-right:280px;  text-align:center; }


/*.quotebox   { margin:138px 0 0 410px; position:absolute; }*/
/*#faq .quotebox    { margin:125px 0 0 350px; position:absolute; }*/

.quotebox   { margin:138px 0 0 60px; position:absolute; }


.quotebox .zipinput { width:55px; padding:2px; margin:10px 0 10px 10px;
		height:20px; font-size:16px; font-weight:bold; color:#000; }

#index .quotebox .zipinput { width:55px; padding:2px; margin:1px 0 1px 10px;
		height:20px; font-size:16px; font-weight:bold; color:#000; }
#faq .quotebox .zipinput { width:55px; padding:2px; margin:1px 0 1px 10px;
		height:20px; font-size:16px; font-weight:bold; color:#000; }


#index .quotebox .droplist  { margin:1px; width:160px; }
#faq .quotebox .droplist    { margin:1px; width:160px; }
/* #health .quotebox .droplist { margin:0 10px 10px 10px; width:160px; }
   #life .quotebox .droplist   { margin:0 10px 10px 10px; width:160px; }
   #home .quotebox .droplist   { margin:0 10px 10px 10xp; width:160px; }
   #auto .quotebox .droplist   { margin:0 10px 10px 10px; width:160px; } */

.getquote { background:url(images/button3.gif) no-repeat; color:white;
  border-style:none; width:200px; height:38px; margin:8px 0 0 35px;
  /*text-transform:uppercase;*/ 
  display:block; font-size:18px; line-height:20px; text-decoration:none; font-weight:bold;
}

.getquote:hover { color:#132021; text-decoration:underline }



/* (478 - 120) / 2 */
#primary .col2 .left .centerquote { padding:0 0 10px 174px; }
#primary .col2 .ratetitle { text-align:center; font-size:30px; font-weight:bold; padding-bottom:20px; color:#210462; }


/* 938 = 500 + 20 + 373 + 20 + 25 */
#footer .col1 { width:450px; margin:10px 0 15px 15px;
  background:url(images/menu-dash.gif) top right repeat-y;
}
#footer .col2 { width:408px; margin:12px 10px 10px 25px; }
#footer .col1 a { color:black; text-decoration:underline; font-size:13px; }
#footer .col1 a:hover { text-decoration:none; }
#footer .col2 a { text-decoration:none; }
#footer .copynote { color:gray; font-size:12px; }
#footer .copynote a { text-decoration:none; color:gray; }
/* 408 = 226 + 10 + 172 */
#footer .secure { width:226px; float:left; padding-right:10px;
  font-size:12px; line-height:14px; }
/* seal is 172 pixels wide */
#footer .seal { width:172px; float:right; }

/* modified note */
.mts { color:#b1d2a9; font-size:12px; line-height:12px; text-align:center; }


/********************************************************************************
 * Imported from old style:
 ********************************************************************************/

#home .title { margin-bottom:24px; background:url(images/tail1.gif) repeat-x bottom;
  padding-bottom:20px; font-size:22px; line-height:24px; color:#222288;} /* 24px */

#auto .title { margin-bottom:24px; background:url(images/tail1.gif) repeat-x bottom;
  padding-bottom:20px; font-size:22px; line-height:24px; color:#222288;} /* 24px */


#primary .box3 .box3a { padding:1px 5px 1px 15px; }
#primary .box3 { width:100%; margin-top:10px; }
#primary .box3 .topline { background:url(images/brown-pix2.gif) top repeat-x; }
#primary .box3 .botline { background:url(images/brown-pix2.gif) bottom repeat-x; }
#primary .box3 .leftline { background:url(images/brown-pix2.gif) left repeat-y; }
#primary .box3 .rightline { background:url(images/brown-pix2.gif) right repeat-y; }
#primary .box3 .gtail      { background:url(images/brown-pix.gif) repeat-x bottom;
  padding-bottom:4px; margin-bottom:17px }
#primary .box3 .corner-top-left { background:url(images/corner-top-left-g.gif) no-repeat left top; }
#primary .box3 .corner-top-right { background:url(images/corner-top-right-g.gif) no-repeat right top; }
#primary .box3 .corner-bottom-left { background:url(images/corner-bottom-left-g.gif) no-repeat left bottom; }
#primary .box3 .corner-bottom-right { background:url(images/corner-bottom-right-g.gif) no-repeat right bottom; }
#primary .box3 .indent-box{ padding:15px 10px 10px 10px; }
#primary .box3 a {
  color:#000000;
  text-decoration:underline;
} 
#primary .box3 a:hover {
  text-decoration:none
}

#primary .box3 h2 { color:#000000; font-size:1.1em;  margin-bottom:5px; font-weight:bold; margin:0; padding:0; }