/* #fcfcff; #905090 #fefef4; #049; is close to default link color. for ie 7.0: height:1%; } IE does not interpret html>/ ** /body {stuff} */ /* style on page - overrides css when class will not: either use id instead of class in css or use style on page #address p {margin-top:10px;} border: 4px #eae outset; h1, h2, h3, h4, h5, h6 {margin:0px 10px 10px 10px; padding-top:10px;} */ /* DIVS - IDS & CLASSES margin-right:auto and margin-left:auto for center position on screen. perimeter had border-left: #dad 3px solid; border-right:#dad 3px solid; border-bottom:3px #dad solid; border-top:3px #dad solid; BODY TEXT-ALIGN IS FOR IE 5.0 and 6.0 */ body {background:#fff; color:#000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; text-align:center; margin-top:0px; } /* TOP */ .zauto {z-index:auto; } .z1 {z-index:1; } .z2 {z-index:2; } .z3 {z-index:3; } .abs {position:absolute; } .rel {position:relative; } .ibheader730 {display: block; position: relative; text-align: left; height:110px; width:730px; } #container730 {background: #fff; margin-right:auto; margin-left:auto; margin-top:0px; width:730px; text-align:left; /* for non-ie browsers to return to align text on the left */ } .logobox {float:right; position:relative; width:145px; margin-top:25px; } .perimeterb {border:solid 1px #ccc; font-size:13px; width:728px; } .imagebottom {border: 7px #eee solid; width:714px; overflow:auto; background-image: url(health_insurance_top_quotes.jpg); background-repeat: no-repeat; background-position: 0% 0%; } .pricesleft {position:absolute; width:413px; margin-top:5px; font-size: 13px; border } .priceshead {color:#906; font-size: 17px; padding-left:115px; } .pricesright {float:right; width:288px; margin-top:15px; padding-left:5px; font-size: 13px; font-family: Verdana, Arial, Helvetica, sans-serif; } .leftdiv {position:relative; text-align:left; } .popup {margin:0px auto 0px auto; width:550px; padding:0.81em; font-size:0.81em; text-align:left; } /* keep width in pixels for popups so text always fits - window size in pixels may keep its size better */ .popupfooter {margin:0px auto 10px auto; text-align:center; font-size:0.81em; } .worldpopup {margin:0px 0px 0px 40px; width:550px; padding:0.81em; font-size:1em; text-align:left; } .worldfooter {margin:20px 0px 10px 20px; text-align:left; font-size:0.81em; } /*.popup {background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; margin:0px auto 20px auto; text-align:left; width:572px; }*/ /*.popupborder {border:solid 1px #dad; width:570px; padding:10px; margin-right:auto; margin-left:auto; */ /*width needed for haslayout IE. overflow needed for gecko? */ } div.fll380_health {text-align:left; width:380px; margin:45px 0px 0px -190px; border:2px solid #aac; position:absolute; left:50%; padding-top:15px; } #container {background: #fff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; margin-right:auto; margin-left:auto; margin-top:0px; text-align:left; width:710px; } .ibheader {background-image: url(health_insurance_iblogo.gif); background-repeat: no-repeat; background-position: 97% 35%; display: block; position: relative; height:110px; width: 700px; } .ibnav {position:absolute; width:680px; bottom:0px; left:0px; text-align: right; } .ibnav a {font-size:13px; font-weight:bold; text-align: right; } .ibheader704_image {display: block; background-image: url(ibheader704_image.jpg); background-repeat: no-repeat; background-position: 0% 0%; height:110px; margin-top:0px; position:relative; width:704px; } .ibheader704 {display: block; background-image: url(ibheader704.png); background-repeat: no-repeat; background-position: 0% 0%; height:110px; width:704px; } .perimeter {border:solid 1px #dad; width:702px; /*width needed for haslayout IE. overflow needed for gecko? */ } /* MAIN */ .sitemap {width:300px; margin:10px 0px 10px 15px; } .adlist {background-color:#fefef2; border:7px #eee solid; font-size: 14px; font-family: "Times New Roman", Times, serif; padding:15px; width:658px; } .article {border: 7px #eee solid; width:658px; overflow:auto; padding:15px; } .articleimage {border: 7px #eee solid; width:688px; overflow:auto; background-image: url(health_insurance_top_quotes.jpg); background-repeat: no-repeat; background-position: 0% 0%; } .articletop {border-top: 7px #eee solid; width:674px; overflow:auto; padding:15px; } .bottomborder {border-bottom:10px #eee solid; } .examples {font-size:16px; width:704px; clear:both; padding:15px 0px 7px 0px; text-align:left; } .examplesbox {border: 1px #000 solid; font-size:13px; background:#fff; padding-top:10px; padding-bottom:7px; position:relative; width:226px; float:left; margin-top:0px; margin-bottom:7px; } .examplesbox a {font-size:14px; } /* SIDE BY SIDE FOR FORMS - WIDTH IS OF NO EFFECT FOR display:inline; */ div.flla {display:inline; position:relative; padding:7px; border:1px #009 solid; background-color:#ffef7f; } div.fllnb {display:inline; position:relative; padding:7px; } .fll {float:left; position:relative; } .flr {float:right; position:relative; } .indexbox {border: 1px #000 solid; font-size:13px; background:#fdf8ef; padding-top:10px; padding-bottom:7px; position:relative; width:228px; float:left; margin-top:0px; margin-bottom:7px; } .indexbox a {font-size:17px; } .indexboxhead {font-size:17px; margin-bottom:2px; } .indexboxwide {border: 1px #000 solid; font-size:13px; background:#fff; padding-top:10px; padding-bottom:7px; position:relative; text-align:left; width:464px; float:left; margin:0px 0px 7px 7px; } .individual {border:1px #009 solid; line-height:150%; padding:15px 0px 5px 6px; margin:7px 10px 0px 0px; text-align:left; float:right; position:relative; width:145px; font-size:16px; } .inner {padding:15px 15px 15px 10px; border:4px double #969a8f; } .doubleinner a {font-size: 16px; } .doubleinner {border:4px double #969a8f; color:#237; float:left; margin-left:20px; padding:25px 10px 25px 10px; position:relative; width:270px; } .innertopic {font-size:15px; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; color: #02a; margin-bottom:10px; padding-left:10px; } .indexlinks {font-size: 15px; margin-top:25px; text-align:center; } .insurerlist {width:730px; font-size:15px; margin-top:10px; background: #fff; overflow:auto; padding-left:5px; } .insurer {background:#fafafa; float:right; margin:50px 30px 15px 20px; font-size:13px; padding:10px 3px 0px 3px; position:relative; width:175px; } .insurerp {line-height:150%; margin-bottom:5px; } .intro {margin: 15px 15px 0px 15px; padding: 0px 10px 10px 10px; } .intro p {margin-top:0px; } .leftcol {float:left; position:relative; padding:10px; width:215px; margin:10px 0px 0px 0px; font-size: 13px; } .maternity {padding:15px 0px 0px 0px; float:left; position:relative; width:150px; text-align:center; } .mostbox {background: #fdf8ef; padding:10px 5px 0px 8px; border:1px #009 solid; margin:7px 0px 0px 3px; text-align:left; float:left; width:521px; } /* ADJUST HEIGHT OF ADJACENT FLOATING DIVS USING PADDING TOP OR BOTTOM */ .selectfloat {background-color:#fdf8ef; border: 1px #000 solid; float:left; margin:5px 7px 0px 0px; padding:25px 0px 16px 0px; position:relative; width:425px; } .enginefloat {border: 1px #000 solid; background-color:#fff; padding-top:15px; padding-bottom:5px; position:relative; text-align:center; width:268px; float:left; margin:5px 0px 0px 0px; } .enginefloat a {font-size: 18px; } .selectengine {width:704px; overflow:auto; margin-bottom:5px; /*width needed for haslayout IE. overflow needed for gecko */ } .select {font-size:22px; color: #f07; } /* FOOTER */ .footer {font-size: 11px; margin:20px 0px 25px 10px; } .footer p {margin-bottom:4px; } .address {font-size:13px; } /* DIV BACKGROUND */ .dlgrey {background-color: #f4f4f4; } .dwhite {background-color: #fff; } .dyellow {background-color: #fefef4; } .dbluegrey {background-color: #faf9ff; } .dblue {background-color: #fcfeff; } .dpink {background-color: #fff9f9; } .dgreen {background: #f6fff6; } .dsgreen {background-color: #efffef; } .dmgreen {background-color: #f1fff1; } .dpinkgrey {background-color: #feefef; } .dpinkpurple {background-color: #ffeeff; } .dpurple {background-color: #fdfbff; } .dlightgold {background-color:#ffe750; } .dgold {background-color:#ffda3a; } .dbeige {background-color:#fdf8ef; } /* BORDER AND PADDING ARE ADDED TO THE OUTSIDE OF SPECIFIED DIV DIMENSIONS FOR THE TOTAL DIV HEIGHT AND WIDTH */ /* MARGIN adding top margin for the first paragraph works, but not between paragraphs */ .m-5t {margin-top:-5px; } .m-100t {margin-top:-100px; } .m-200t {margin-top:-165px; } .m5t {margin-top:5px; } .m10t {margin-top:10px; } .m15t {margin-top:15px; } .m20t {margin-top:20px; } .m25t {margin-top:25px; } .m30t {margin-top:30px; } .m35t {margin-top:35px; } .m40t {margin-top:40px; } .m60t {margin-top:60px; } .m70t {margin-top:70px; } .m25r {margin-right:25px; } .m60r {margin-right:60px; } .m90r {margin-right:90px; } .m-5b {margin-bottom:-5px; } .m-10b {margin-bottom:-10px; } .m-20b {margin-bottom:-20px; } .m5b {margin-bottom:5px; } .m10b {margin-bottom:10px; } .m15b {margin-bottom:15px; } .m20b {margin-bottom:20px; } .m30b {margin-bottom:30px; } .m40b {margin-bottom:40px; } .m70b {margin-bottom:70px; } .m3l {margin-left:3px; } .m7l {margin-left:7px; } .m10l {margin-left:10px; } .m15l {margin-left:15px; } .m30l {margin-left:30px; } .m60l {margin-left:60px; } .m160t {margin-top:160px; } /* PADDING. SPECIFY PADDING FOR A CONTAINER DIV INSTEAD OF MARGIN FOR P TO GET IE AND GECKO TO HAVE THE SAME HEIGHT DIV */ .insurerul {padding-left:80px; } .p15 {padding:15px; } .p5t {padding-top:5px; } .p10t {padding-top:10px; } .p15t {padding-top:15px; } .p20t {padding-top:20px; } .p30t {padding-top:30px; } .p40t {padding-top:40px; } .p60t {padding-top:60px; } .p85t {padding-top:85px; } .p140t {padding-top:140px; } .p10b {padding-bottom:10px; } .p15b {padding-bottom:15px; } .p220r {padding-right:220px; } .p5l {padding-left:5px; } .p10l {padding-left:10px; } .p15l {padding-left:15px; } .p20l {padding-left:20px; } .p30l {padding-left:30px; } .p45l {padding-left:45px; } .p65l {padding-left:65px; } .p90l {padding-left:90px; } .p115l {padding-left:115px; } .p130l {padding-left:130px; } .p145l {padding-left:145px; } .p175l {padding-left:175px; } .p200l {padding-left:200px; } .p265l {padding-left:265px; } /* IMAGE */ img {border:0; } /* IMAGE FLOAT IN USE FOR LAST.CSS */ .fll {float:left; } img.fl {float:left; margin: 10px 25px 15px 10px; } .flcorner {float:left; margin:0px; } img.fla25t25r15b5l {float: left; margin: 25px 25px 15px 5px; } img.line {float:left; margin-top:2px; padding-left:10px; padding-bottom:15px; } img.lineie {float:left; margin-top:5px; } img.flc15t25r5b20l {float: left; margin: 15px 25px 5px 20px; } img.flf0t25r5b20l {float: left; margin: 0px 25px 5px 20px; } img.fr {float: right; margin: 5px 10px 10px 25px; } /* world widget has 400 px or so of white space below -> -380 needed for opera. float:right needed for ie. position:relative needed for all */ .fri-240t25r-380b20l {float:right; position:relative; margin:-240px 25px -380px 20px; } .widget {float:right; position:relative; height:375px; margin:-193px 20px -300px 0px; } .widgetie {float:right; position:relative; height:375px; margin:-195px 20px -300px 0px; } /* TEXT COLOR. 6 DEGREES MAX - generic name, bright, strong, dark, darker, darkest. */ .brightblue {color: #00e; } .strongblue {color: #03b; } .darkblue {color: #4B0082; } .darkerblue {color: #007; } .paleblue {color:#efefff; } .bronze {color:#b79302; } .darkbronze {color:#7e6500; } .lightbronze {color:#b79302; } .brown {color: #530; } .crimson {color: #906; } .red {color:#a03; } .green {color: #090; } .brightgreen {color:#0b2; } .darkgreen {color: #117521; } .darkergreen {color: #151; } .stronggreen {color: #2a2; } .palegreen {color:#43ff93; } .orange {color: #f30; } .strongpink {color: #f07; } .brightpink {color: #fa119f; } .purple {color:#92a;} .brightpurple {color:#93e;} .darkpurple {color: #70a;} .violet {color: #707; } .lyellow {color: #ffff80; } /* COLORS IN USE FOR BASIC.CSS */ .black {color:#000; } .blue {color: #00b; } .white {color:#fffeff; } /* SPECIAL TEXT. TEXT POSITION WORKS FOR P, NOT FOR SPAN - use Pad. Float needed for Netscape */ .center {text-align: center; } .right {text-align: right; } .left {text-align: left; } .adline {font-size: 18px; font-family: "Times New Roman", Times, serif; } .adlink {font-size: 18px; font-family: "Times New Roman", Times, serif; margin:20px 0px 20px 0px; } .focusfont {color:#f07; font-size: 18px; } .navtext {font-size: 13px; font-weight:bold; } .navtop {font-weight:bold; padding:18px 0px 0px 115px; } .navimage {font-weight:bold; padding:18px 0px 0px 265px; } .reputable {font-size:17px; color: #000; padding:15px 0px 0px 65px; } .reputation {margin-top:20px; margin-bottom:5px; padding-left:65px; padding-right:220px; /* m20t m20b p65l p220r sans13 */ font-size: 13px; } .telfont {color:#530; font-size: 16px; } .toplefttwo {color: #0202b0; font-size:19px; padding: 15px 0px 0px 5px; /* padding must be used for gecko. margin-top caused gecko to move ibheader div down by margin amount but not for IE */ } .topleft {color: #0202b0; font-size:19px; padding: 30px 0px 0px 5px; /* padding must be used for gecko. margin-top caused gecko to move ibheader div down by margin amount but not for IE */ } .topmiddle {font-size:20px; color: #0202e0; padding:10px 0px 0px 170px; position:relative; } /* CLEAR */ .cll {clear:left; } .clr {clear:right; } .clb {clear:both; } /* TEXT ATTRIBUTES */ .bold {font-weight: bold; } .italic {font-style: italic; } .normal {font-weight: normal; text-align: left; } .u {text-decoration:underline; } /* TEXT SIZE & TYPE sans17 and serif18 are smallest to appear bold */ .sans10 {font-size: 10px; } .sans11 {font-size:11px; } .sans12 {font-size: 12px; } .sans13 {font-size: 13px; } #carriers {font-size: 13px; } .sans14 {font-size: 14px; } .sans15 {font-size: 15px; } .sans16 {font-size: 16px; } .sans17 {font-size: 17px; } .sans18 {font-size: 18px; } .sans19 {font-size: 19px; } .sans20 {font-size: 20px; } .sans22 {font-size: 22px; } .sans24 {font-size: 24px; } .serif12 {font-size: 12px; font-family: "Times New Roman", Times, serif; } .serif13 {font-size: 13px; font-family: "Times New Roman", Times, serif; } .serif14 {font-size: 14px; font-family: "Times New Roman", Times, serif; } .serif16 {font-size: 16px; font-family: "Times New Roman", Times, serif; } .serif17 {font-size: 17px; font-family: "Times New Roman", Times, serif; } .serif18 {font-size: 18px; font-family: "Times New Roman", Times, serif; } .serif19 {font-size: 19px; font-family: "Times New Roman", Times, serif; } .serif20 {font-size: 20px; font-family: "Times New Roman", Times, serif; } .serif21 {font-size: 21px; font-family: "Times New Roman", Times, serif; } .serif22 {font-size: 22px; font-family: "Times New Roman", Times, serif; } .serif24 {font-size: 24px; font-family: "Times New Roman", Times, serif; } .serif28 {font-size: 28px; font-family: "Times New Roman", Times, serif; } /* HEADINGS UP TO H6 RECOGNIZED. SERIF IS SUITABLE FOR CAPS ONLY p margin:0px at top otherwise gap at top is too big for first heading. h is auto bold */ p {margin:0px 10px 10px 10px; } .h1 {font-size:20px; color: #60c; margin:15px 15px 20px 10px; padding-top:5px; } .hh1 {font-size:24px; font-weight: bold; color: #709; margin:15px 15px 20px 10px; } .h2 {font-size: 16px; font-weight: bold; color: #906; margin:10px 10px 10px 10px; padding-top:5px; } .h3 {font-size:15px; font-weight: bold; color: #02a; margin:10px 10px 10px 10px; padding-top:5px; } .h4 {font-size:13px; font-weight: bold; color: #03b; margin:10px 10px 10px 10px; padding-top:5px; } .h5 {font-size: 17px; color: #0a3; margin:10px 10px 10px 10px; padding-top:5px; } .h6 {font-size: 18px; font-family: "Times New Roman", Times, serif; font-weight: bold; color: #93e; margin:10px 10px 10px 10px; padding-top:5px; } .h7 {font-size:16px; font-weight: bold; color: #0a3; margin:10px 10px 10px 10px; padding-top:5px; } /* line height class must start with a letter. Starting with a digit is meaningless */ /* LINE HEIGHT SPEC FOR UL changes all lines between and within each li. Use class for p on page or descendent selector for LINE-HEIGHT FOR P IN LI TO OVERRIDE */ .insurerli {line-height:145%; } ul.index li {margin-bottom:20px; margin-left:-10px; } ul.index li p {line-height:120%; } ul.arrow {list-style: url(bullet_arrow.png) disc; } .l100 {line-height:100% } .l125 {line-height:125%; } .l150 {line-height:150%; } .l160 {line-height:160%; } .l175 {line-height:175%; } .l200 {line-height:200%; } .l250 {line-height:250%; } .l300 {line-height:300%; } /* If bullet list-style-type is NOT specified in css for li, a type or nobullet can be specified for li or ul on the page. The default appears as disc. If list-style-type is specified as "none" for li in css, it works to specify a bullet on the page for li but not for ul. If list-style-type is specified as "disc" etc. for li in css, then "nobullet" will not work on the page for ul but will work for li. If "none" is specified for ul in css, it is of no effect */ /* BULLET */ .nobullet {list-style-type:none; } .circle {list-style-type:circle; } .square {list-style-type:square; } .disc {list-style-type:disc; } /* LINKS WITHOUT CLASS */ a:link {color:#23a; } a:visited {color: #953; } a:hover {color: #f0f; } a:active {color: #c09; } /* WORKS IN P and SPAN */ .pale a:link {color: #abffba; text-decoration:none; } .pale a:visited {color: #ffff80; text-decoration:none; } .pale a:hover {color: #fd3; text-decoration:underline; } .pale a:active {color: #03ff93; text-decoration:none; } /* WORKS IN A HREF */ a.plain {color:#60c; text-decoration:none; } a.plain:visited {color: #f0a; text-decoration:none; } a.plain:hover {color: #2c3; text-decoration:none; } a.plain:active {color: #f0f; text-decoration:none; } /* ALL ATTRIBUTES NEEDED FOR ALL BROWSERS TO SHOW HR */ hr {margin-bottom:10px; width:93%; text-align: center; } hr.st {border:0px; width: 95%; text-align: center; color: #b5b; background-color: #b6b; height:3px; margin-top:15px; margin-bottom:20px; } hr.reg {border:0px; width: 95%; text-align: left; color: #b5b; background-color: #b6b; height:3px; margin:12px 0px 12px 20px; } hr.regindex {border:0px; width: 95%; text-align: left; clear:both; color: #b5b; background-color: #b6b; height:3px; margin:10px 0px -5px 20px; } hr.regindexie {border:0px; width: 95%; text-align: left; clear:both; color: #b5b; background-color: #b6b; height:3px; margin:0px 0px 0px 20px; } hr.regshort {border:0px; width: 600px; text-align: left; color: #b5b; background-color: #b6b; height:3px; margin:10px 0px 10px 20px; } hr.iegrey {border:0px; width: 100%; text-align: right; margin-top:-7px; color:#ccc; background:#ccc; height:4px; } .widegrey {background:#ccc; width:730px; height:4px; } /* NOT YET IN USE FOR LAST .fla {position:relative; margin:0px 0px -4px 0px; } .rel20t0r-380b490l {position:relative; margin:-220px 0px -380px 490px;} img.flb10t45r10b20l {float: left; margin: 10px 45px 10px 20px; } img.fld-10t25r5b10l {float: left; margin: -10px 25px 5px 10px; } img.fle-10t25r5b35l {float: left; margin: -10px 25px 5px 35px; } img.flg0t5r5b5l {float: left; margin: 0px 5px 5px 5px; } img.flh0t75r15b45l {float: left; margin: 0px 75px 15px 45px; } img.fra20t15r20b25 {float: right; margin: 20px 15px 20px 25px; } img.frb5t5r20b25l {float: right; margin: 5px 5px 20px 25px; } img.frc35t25r10b15l {float: right; margin: 35px 25px 10px 15px; } img.frd10t30r0b15l {float: right; margin: 10px 30px 0px 15px; } img.fre-25t35r0b0l {float: right; margin: -25px 35px 0px 0px; } img.fre-50t35r0b0l {float: right; margin: -50px 35px 0px 0px; } img.fre-80t35r0b0l {float: right; margin: -80px 35px 0px 0px; } img.fre25t25r0b0l {float: right; margin: 25px 25px 0px 0px; } img.fre-120t35r0b0l {float: right; margin: -120px 35px 0px 0px; } img.fre-220t35r0b0l {float: right; margin:-220px 35px 0px 0px; } img.frf10t35r0b0l {float: right; margin: 10px 35px 0px 0px; } img.frf10t75r0b0l {float: right; margin: 10px 75px 0px 0px; } img.frg25t45r15b0l {float: right; margin: 25px 45px 15px 0px; } img.frh0t15r20b20l {float:right; margin:0px 15px 20px 20px; } img.frh0t0r0b25l {float: right; margin: 0px 0px 0px 25px; } img.flclear {float: left; clear: left; margin: 25px; } img.frclear {float: right; clear: right; margin: 25px; } img.flcleara {float: left; clear: left; margin: 5px 25px 10px 25px; } */