/*********************************************************** global.css - Version 0.1 Author: John G. Durden IV ***********************************************************/ *, body {font-family:Arial, Helvetica, Verdana, sans-serif;} body {font-size:x-small; voice-family:"\"}\""; voice-family:inherit; font-size:small; margin:0; padding:0; background:#eef2fb url(../../img/bg_page.gif) top center repeat; text-align:center;} html>body {font-size:small;} strong {font-weight:bold;} a {color:#244999} #container {margin:0 auto; text-align:left; background:url(../../img/bg_content.gif) top left repeat-y; width:946px;} #main {padding:0 3px;} /***********************************************************/ /****************** header area **********************/ /***********************************************************/ #header {background:#e0e8f2 url(../../img/bg_header.gif) top left repeat-x; float:left; width:940px;} #nav {width:900px; height:40px; clear:both; background:url(../../img/nav_bg.gif) bottom left repeat-x; padding:0 20px; margin:0; float:left;} #nav li {float:left; height:39px; background:url(../../img/nav_off.gif) top left no-repeat; padding-left:20px; display:block; } #nav li span {background:url(../../img/nav_off.gif) top right no-repeat; padding:8px 20px 10px 0; display:block; height:21px; float:left;} #nav li span a {text-decoration:none; height:21px; float:left; font-size:125%; font-weight:bold; color:#000; display:block;} #nav li span a:link {color:#000;} #nav li span a:visited {color:#000;} #nav li span a:hover {color:#c00;} #nav li span a:active {color:#000;} #nav li.on {text-decoration:none; background:url(../../img/nav_on.gif) top left no-repeat; padding-left:20px; display:block; height:39px; float:left; color:#fff;} #nav li.on span {background:url(../../img/nav_on.gif) top right no-repeat; padding:8px 20px 10px 0; display:block; height:21px; float:left; color:#fff;} #nav li.on span a {font-weight:bold; display:block; height:21px; float:left; color:#fff;} #nav li.on span a:link {color:#fff;} #nav li.on span a:visited {color:#fff;} #nav li.on span a:hover {color:#fff;} #nav li.on span a:active {color:#fff;} #logo {float:left;} #unav {float:right; width:440px; text-align:right; margin:16px 5px 25px 0;} #unav ul {list-style:none; float:right;} #unav ul li {list-style:none; float:left; padding-left:14px;} #unav a {color:#244999; font-size:75%;} #unav a:link {color:#244999;} #unav a:visited {color:#244999;} #unav a:hover {color:#f59b1a;} #unav a:active {color:#244999;} #unav p {clear: right;padding-top:3px} #unav #hdr_phone {color:#0c335e; font-size:200%; font-weight:bold; padding:18px 25px 0 0; font-family:"Arial Black", Arial, Helvetica, sans-serif; display:inline;} #header {padding:0; clear:both;} /***********************************************************/ /***************** general content area **********************/ /***********************************************************/ #content {position:relative; width:940px; clear:both;} #hero {border-bottom:10px solid #b7b5b1; line-height:0;} #hero img {display:inline;} #hero.tall {height:328px;} #footer {background:url(../../img/footer.jpg) bottom left no-repeat; padding:30px 20px 40px 20px; text-align:center; color:#666; font-size:75%; line-height:1.8em; clear:both;} #footer a {text-transform:uppercase;} #footer a:link {color:#666;} #footer a:visited {color:#666;} #footer a:hover {color:#f59b1a;} #footer a:active {color:#666;} /***********************************************************/ /***************** homepage-specific styles **********************/ /***********************************************************/ #five_blocks {width:940px; height:190px; background-color:#b7b5b1; border-bottom:10px solid #b7b5b1;} #five_blocks .block {height:167px; float:left; margin-right:1px; font-size:75%; color:#666666; overflow:hidden;} #five_blocks #block1 {width:167px; background-color:#fff; padding:14px 18px 9px 18px;} #five_blocks #block2 {width:131px; background:#fff url(../../img/bg_5block.gif) top left repeat-x; padding:14px 21px 9px 20px;} #five_blocks #block3 {width:131px; background:#fff url(../../img/bg_5block.gif) top left repeat-x; padding:14px 21px 9px 20px;} #five_blocks #block4 {width:131px; background:#fff url(../../img/bg_5block.gif) top left repeat-x; padding:14px 21px 9px 20px;} #five_blocks .block p {padding-top:3px} /*#five_blocks #block5 {width:180px; background-color:#fff; margin:0; padding:14px 18px 9px 19px;}*/ #five_blocks #block5 {width:217px; height:190px; background-color:#fff; margin:0; padding:0;} #five_blocks .block a:link {color:#244999;} #five_blocks .block a:visited {color:#244999;} #five_blocks .block a:hover {color:#f59b1a;} #five_blocks .block a:active {color:#244999;} #five_blocks .block a.more {float:right; font-size:120%; font-weight:bold; display:block; margin:12px 0 0 0; background:url(../../img/btn_learnmore_e3.gif) top left no-repeat; padding-left:22px; height:18px;} #five_blocks #block1 a.more {background:url(../../img/btn_learnmore_ff.gif) top left no-repeat;} #five_blocks .block a.more:hover {/*background:url(../../img/arrow_more_ovr.png) top left no-repeat;*/ color:#f59b1a;} #five_blocks h2 {margin:0 0 16px 0;} #five_blocks h3 {color:#f59b1a; font-weight:bold; font-size:110%; margin-top:14px;} #five_blocks #block1 h2 {margin:0 0 -7px 0;} #questions {color:#666; font-size:85%; font-weight:bold; vertical-align:middle; height:51px; position:relative;} #questions a {color:#666;} #questions a:link {color:#666;} #questions a:visited {color:#666;} #questions a:hover {color:#f59b1a;} #questions a:active {color:#666;} #questions ul {float:right; height:51px; width:340px; margin-right:30px;} #questions ul li {float:left; padding:18px 0 18px 17px; font-size:130%;} #operatorImg {position:absolute; bottom:0; left:0; z-index:500;} /***********************************************************/ /****** floating my policy / get a quote boxes *******/ /***********************************************************/ /*#box_mypolicy {position:absolute; top:0; left:0; width:218px; height:227px; background:url(../../img/box_MyPolicy.png) top left no-repeat; padding:9px 20px 15px 13px; color:#666; font-size:75%;}*/ #box_mypolicy {position:absolute; top:0; left:0; width:218px; height:227px; padding:9px 20px 15px 13px; color:#666; font-size:75%; z-index:100;} #box_mypolicy div {margin:5px 0 0 0; padding-top:3px} #box_mypolicy a {color:#244999;} #box_mypolicy a:link {color:#244999;} #box_mypolicy a:visited {color:#244999;} #box_mypolicy a:hover {color:#f59b1a;} #box_mypolicy a:active {color:#244999;} #box_mypolicy div div {text-align:right; padding:0 44px 0 0;} #box_mypolicy div div.links {font-size:120%; padding:3px 47px 0 0; clear:both;} #box_mypolicy div div.links a {font-weight:bold;} #box_mypolicy form {margin-top:2px;} #box_mypolicy form #policynumber, #box_mypolicy form #lastname {width:171px;} #box_mypolicy form #needhelp {display:block; padding:5px; float:right;} #bg_mypolicy {position:absolute; top:0; left:0; width:218px; height:227px; z-index:1;} #box_getaquote form select {color:#666;} /***********************************************************/ /***************** sub page structure **********************/ /***********************************************************/ #left_container {float:left; width:695px;} #main_content {float:right; width:452px; padding:20px 0 20px 22px; color:#666;} #left_rail {float:left; width:221px; color:#666;} #right_rail {float:right; width:245px; color:#666;} #left_rail .railimg, #right_rail .railimg {margin:13px 0 10px 0;} #left_rail a.more, #right_rail a.more {float:right; font-size:110%; font-weight:bold; display:block; margin-top:0; background:url(../../img/btn_learnmore_f6.gif) top left no-repeat; padding-left:22px; height:18px; color:#666; clear:both;} #left_rail a.more:hover, #right_rail a.more:hover {/*background:url(../../img/arrow_more_ovr.png) top left no-repeat;*/ color:#c00;} #left_rail .lr_block.first a.more {margin-top:10px} #left_rail #subnav {background:url(../../img/bg_subnav.gif) top left repeat-y;} #left_rail #subnav img {margin:0; padding:0;} #left_rail #subnav a {color:#999; font-size:82%; font-weight:bold; text-decoration:none; padding-bottom:5px; display:block; padding-top:2px;} #left_rail #subnav ul {margin:0 30px 0 18px;padding:9px 0 8px 0; list-style:none;} #left_rail #subnav ul ul {padding:0; margin:0;} #left_rail #subnav li {padding-left:11px; padding-bottom:0; background:url(../../img/nav_arrow.gif) top left no-repeat; list-style:none; line-height:1em;} #left_rail #subnav li.open {background-image:url(../../img/nav_arrow_open.gif);} #left_rail #subnav li.active {background-image:url(../../img/nav_arrow_active.gif);} #left_rail #subnav li.open a {color:#666;} #left_rail #subnav li.open li a {color:#999;} #left_rail #subnav li.open li.active a, #left_rail #subnav li.active a {color:#666;} #left_rail #subnav a:hover {color:#c00;} #left_rail #subnav li.open a:hover {color:#c00;} #left_rail #subnav li.active a:hover {color:#666;} #left_rail .lr_block {border-top:10px solid #b7b5b1; width:156px; margin:0 17px 0 0; padding:24px; font-size:85%;} #left_rail .lr_block.first {border-top:none;} #left_rail .lr_block p {padding-bottom:15px} #left_rail h4 {margin-bottom:17px;} #left_rail #block5.lr_block {padding:0; width:204px; height:214px; overflow:hidden;} #right_rail .rr_block {float:right; border-top:10px solid #b7b5b1; width:215px; margin:0 0 0 17px; padding:0;} /* padding:27px 30px 27px 32px; width:154px; font-size:85%; */ #right_rail .rr_block.tophat {border-top:75px solid #b7b5b1;} /* formerly 125px (then 205 before 5-1-11) when GAQ01 did NOT call GAQ07 */ #right_rail .rr_block.tophatMinor {border-top:41px solid #b7b5b1;} #right_rail .rr_block.tophatNoHero_01 {border-top:280px solid #b7b5b1;} #right_rail .rr_block.tophatGAQ_07 {border-top:75px solid #b7b5b1;} /*#right_rail .rr_block.tophatGAQ_07 {border-top:205px solid #b7b5b1;}*/ #right_rail .rr_block p {padding-top:3px} #right_rail div.rr_block.first {border:0;} #main_content {padding-bottom:30px;} #main_content h1 {font-weight:bold; font-size:155%; margin-bottom:18px; clear:both;} #main_content h2 {font-weight:bold; font-size:115%; clear:both;} #main_content h3 {font-weight:bold; font-size:115%; clear:both;} #main_content .breadcrumb {font-size:85%; margin-bottom:20px; color:#666;} #main_content .breadcrumb a {color:#898989;} #main_content .breadcrumb a:link {color:#898989;} #main_content .breadcrumb a:visited {color:#898989;} #main_content .breadcrumb a:hover {color:#c00;} #main_content .breadcrumb a:active {color:#898989;} #main_content .breadcrumb {float:left; width:330px; padding-top:4px;} #main_content .textSizer {float:right; width:100px; text-align:right; color:#666; text-transform:uppercase; font-size:85%;} #main_content .textSizer a {text-decoration:none; color:#699;} /***********************************************************/ /******************* content formatting - sub templates ************************/ /***********************************************************/ #content.three_part {background:#fff url(../../img/bg_content_threepart.gif) top left repeat-y;} /* IE6 Was not honoring dot syntax on left rail only templates for some reason, so seletor * had to be changed to "div.two_part_lr" to compensate. Strangely, three part layout worked fine. */ div.two_part_lr {background:#fff url(../../img/bg_content_twopart_lr.gif) top left repeat-y;} #content.two_part_lr #left_container {width:940px;} #content.two_part_lr #main_content {width:677px; padding-right:20px;} #content.two_part_rr {background:#fff url(../../img/bg_content_twopart_rr.gif) top left repeat-y;} #content.two_part_rr #main_content {width:673px;} #aText p {padding:1px 0 16px 0} #aText h2 img {padding-bottom:1px } #aText .footnotes {font-size: 10px; margin-top: 24px; border-top: 1px solid #d6d6d6; padding-top: 5px; } table th, table td {color:#666;} /***********************************************************/ /******************* global classes ************************/ /***********************************************************/ div.clear {clear:both; visibility:hidden; height:0; line-height:0; overflow:hidden;} .small {/*font-size:100%;*/font-size:95%} .medium {font-size:125%;} .large {font-size:150%;} /***********************************************************/ /***************** MQ STYLES *******************************/ /***********************************************************/ .smaller {font-size: 85%} #main_content .breadcrumb {width:340px} /*definition lists with images - for landing pages*/ #aText dl { } #aText dt {clear:both; float:left; padding-right: 15px} #aText dd {width:340px; margin-bottom: 20px; float: right} /*top navigation*/ #nav li.active a#nav_autoinsurance {background:url(../../img/nav_autoinsurance_ovr.gif) top left no-repeat;} #nav li.active a#nav_homeinsurance {background:url(../../img/nav_homeinsurance_ovr.gif) top left no-repeat;} #nav li.active a#nav_claimscenter {background:url(../../img/nav_claimscenter_ovr.gif) top left no-repeat;} #nav li.active a#nav_otherproducts {background:url(../../img/nav_otherproducts_ovr.gif) top left no-repeat;} #nav li.active a#nav_rvinsurance {background:url(../../img/nav_rvinsurance_ovr.gif) top left no-repeat;} /*left navigation*/ #left_rail #subnav li {width:170px} #left_rail #subnav ul.short-nav {padding-bottom:80px } /*general links - good to have*/ a { outline: none } a sup {text-decoration:none } /*list styles*/ #aText ul {list-style-type: disc; margin-left:20px; padding-bottom: 16px} #aText ul.no-bullet {list-style-type:none; margin-left:0} #aText ol {list-style-type: decimal; margin-left:25px; padding-bottom:16px} #aText ol li, #aText ul li {padding:2px 0} #aText ol.faq {padding-bottom:25px} #aText ul.checkmark li {background: url(../../img/check.gif) top left no-repeat; list-style-type:none; padding: 2px 0 2px 20px} #aText ul li ul {margin-top:4px; padding-bottom: 0} #checkmarklist ul {LIST-STYLE: none url(../../../images/chk_mrk.gif) outside} #checkmarklist ul li {padding: 0 0 5px 10px;} /*headings*/ #aText h2 {margin:3px 0 10px 0} /*faq-specific*/ #aText .faq_item h2 {font-size:110%; margin-bottom: 10px} #aText .faq_item h3 {font-size:110%;padding-left:15px} #aText .faq_item p, #aText .faq_item ul, #aText .faq_item ol {padding-left:15px} #aText .faq_item table {width:400px; margin-left:15px} #aText .faq_item li #check:before{content:'√';} /*left and right blocks*/ #right_rail .rr_block.single_block, #left_rail .lr_block.single_block {border-bottom:10px solid #B7B5B1; border-top:none } /*tables*/ #aText table {width:430px; margin-bottom: 16px} #aText table.no_border td, #aText table.no_border th {border:none; padding:2px} #aText table td, #aText table th {border:solid 1px #666; padding:2px} #aText table th {font-weight:bold} #aText table.two-col td {width:50%; padding: 5px 10px} #aText table.three-col td {width:33%; padding:2px} #aText table.comparison td {padding: 8px 5px; border-bottom: none; border-top: none; vertical-align:top; width:50%} #aText table tr.last td {border-bottom: solid 1px #666} #aText table.short {width:300px;} /*********************rotating content styles***************/ /*pagination list*/ .pagination {position:absolute; bottom:15px; left:10px;} /*.pagination li {display:inline;}*/ .pagination a {padding:0px 2px;} .pagination a.activeSlide {color: #666; text-decoration:none;} /*containing blocks need declared height*/ #block5.lr_block {height:140px;} #block5 {position:relative;} /***********************************************************/ a.faq-top-link {display:block;text-align:right;margin: 0px 24px 18px;background:url(../../img/nav_arrow_up.gif) right 6px no-repeat;padding-right: 12px; } /* GLOSSARY */ #aText p.quickref {font-size:88%;} #aText table.definition_list {} #aText table.definition_list th {color:#fff; background-color:#8c8c8c; padding:0; margin:0;} #aText table.definition_list th h2 {padding:14px 14px 8px 14px; margin:0;} #aText table.definition_list td {padding:14px;} #aText table.definition_list td.hdr {font-weight:bold;} #left_rail #subnav li {width:140px;} #left_rail #lr_static {margin-left:25px;}