/* CSS Document for Nationwide Insurance Teen Driver site --------------------------------------------------------- Colors ====== nav green: #86b922; nav blue: #4ca9ca; nav orange: #f28020; nav2 article title: #49a5c4; body text: #a0a0a0; body text alt: #666 or #545454; content links: #106eb7; ----------------------------------------------------------*/ /* =global/all ----------------*/ body, div, p, form, table, td, th, li, form, input {font:11px Arial, Helvetica, sans-serif;} body {margin:0; padding:0; text-align:center; background-color:#9b9b9b;} p {margin:0 0 14px 0;} .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* Hides from IE-mac \*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* End hide from IE-mac */ .nav { margin:0; padding:0; list-style-type:none; clear:both; overflow:hidden; } .nav li { float:left; margin:0; padding:0; } span.sm{position:relative;top:-5px;font-size:70%;} a.pdf {position:relative;padding:3px 0 3px 20px;height:30px;background:url(/assets/images/icon_pdf.gif) 0 0 no-repeat;} .hidden {visibility:hidden;} .displayNone {display:none;} .wayOut{margin-left:-3000px;} /* =searchnav ---------------*/ .searchnav {width:950px; margin:20px auto 6px auto;} .nav.searchnav li {float:right; color:#fff;} .searchnav a, .footernav a {color:#fff;} .searchnav label {float:left; padding:4px 5px 0 0; font-size:10px;} .searchnav input {font-size:10px; border:none;} .searchnav .searchWrapper {float:left; border-top:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3; border-left:1px solid #c3c3c3;} .searchWrapper input {height:17px; width:154px; background:url(../images/search_bg.gif) top left no-repeat;} .searchnav .txtBoxBtn {position:relative; height:19px; background-color:#fff; border-top:1px solid #c3c3c3; border-right:1px solid #c3c3c3; border-bottom:1px solid #c3c3c3;} * html .searchWrapper {background-color:#fff;} *+html .searchWrapper {background-color:#fff;} * html .searchWrapper input {height:18px;} *+html .searchWrapper input {height:15px;} /* =tooltips ---------------*/ div.tooltip {display:none;background:white;position:absolute;padding:2px;border:1px solid #86b922;} /* =container ---------------*/ #container {width:950px; position:relative; margin:0 auto;text-align:left; background-color:#fff; overflow:hidden;} /* =header ============*/ #header {height:230px; background:left bottom no-repeat;} .parent #header {background-image:url(../images/h_parent-navalt.jpg);} .p-think #header {background-image:url(../images/h_parent-teenthink.jpg);} .p-talk #header {background-image:url(../images/h_parent-talk.jpg);} .p-smart #header {background-image:url(../images/h_parent-drivesmart.jpg);} .p-carlicense #header, .p-nationwide #header {background-image:url(../images/h_parent-navalt.jpg);} html > .parent-es #header {background-image:url(../images/h_parent-navalt.jpg);} html > .parent-es.p-think #header {background-image:url(../images/h_parent-teenthink_es.jpg);} html > .parent-es.p-talk #header {background-image:url(../images/h_parent-talk_es.jpg);} html > .parent-es.p-smart #header {background-image:url(../images/h_parent-drivesmart_es.jpg);} html > .parent-es.p-carlicense #header, .p-nationwide #header {background-image:url(../images/h_parent-navalt.jpg);} /* <=IE6: can't distinguish combined classes above */ * html .es_p-think #header {background-image:url(../images/h_parent-teenthink_es.jpg);} * html .es_p-talk #header {background-image:url(../images/h_parent-talk_es.jpg);} * html .es_p-smart #header {background-image:url(../images/h_parent-drivesmart_es.jpg);} .teen #header {background-image:url(../images/h_teen-navalt.jpg);} .t-smart #header {background-image:url(../images/h_teen-drivesmart.jpg);} .t-parents #header {background-image:url(../images/h_teen-parentfriends.jpg);} .t-quiz #header {background-image:url(../images/h_teen-quiz.jpg);} .t-carlicense #header {background-image:url(../images/h_teen-navalt.jpg);} html > .teen-es #header {background-image:url(../images/h_teen-navalt.jpg);} html > .teen-es.t-smart #header {background-image:url(../images/h_teen-drivesmart_es.jpg);} html > .teen-es.t-parents #header {background-image:url(../images/h_teen-parentfriends_es.jpg);} html > .teen-es.t-quiz #header {background-image:url(../images/h_teen-quiz_es.jpg);} html > .teen-es.t-carlicense #header {background-image:url(../images/h_teen-navalt.jpg);} /* <=IE6: can't distinguish combined classes above */ * html .es_t-smart #header {background-image:url(../images/h_teen-drivesmart_es.jpg);} * html .es_t-parents #header {background-image:url(../images/h_teen-parentfriends_es.jpg);} * html .es_t-quiz #header {background-image:url(../images/h_teen-quiz_es.jpg);} #header form, .footernav {background-color:#9b9b9b; font-size:11px;} #header form {padding:7px 0; overflow:hidden; color:#fff;} #header a, #footer a {text-decoration:none;} #header a:hover, #footer a:hover {text-decoration:underline;} #header a.sr_logo { display:block; width:216px; clear:left;} * html #header {height:230px;} * html #header form {height:0; margin:0; padding:0;} *+html #header {height:230px;} *+html #header form {height:0; margin:0; padding:0;} /* =mainnav +++++++++++++*/ .mainnav {position:relative; margin-bottom:15px; padding-left:15px;} .mainnav li.logo {float:right;text-align:right;} .mainnav li a, #content .mainnav li a {display:block; margin:0 10px 0 10px; padding: 10px 10px 5px 10px; font-weight:bold; font-size:11px; color:#000; border-top-width:5px; border-top-style:solid;} .parent-es .mainnav li a, .teen-es .mainnav li a, .parent-es #content .mainnav li a, .teen-es #content .mainnav li a {display:block; margin:0 5px 0 5px; padding: 7px 5px 5px 5px; font-weight:bold; font-size:10px; color:#000; border-top-width:5px; border-top-style:solid;} #header .mainnav li a:hover, #content .mainnav li a:hover, #content .mainnav li a {text-decoration:none;} .mainnav li.nav1 a, #content .mainnav li.nav1 a {border-top-color:#86b922; color:#86b922;} .mainnav li.nav2 a, #content .mainnav li.nav2 a {border-top-color:#4ca9ca; color:#4ca9ca;} .mainnav li.nav3 a, #content .mainnav li.nav3 a {border-top-color:#f28020; color:#f28020;} /* inclusion with body class graphic changes */ .p-think .mainnav li.nav1 a, .t-smart .mainnav li.nav1 a {background-color:#86b922; color:#fff;} .p-talk .mainnav li.nav2 a, .t-parents .mainnav li.nav2 a {background-color:#4ca9ca; color:#fff;} .p-smart .mainnav li.nav3 a, .t-quiz .mainnav li.nav3 a {background-color:#f28020; color:#fff;} .p-carlicense .mainnav li.nav4 a, .p-nationwide .mainnav li.nav5 a, .p-learn .mainnav li.nav6 a, .t-carlicense .mainnav li.nav4 a {margin-top:0; border-top:5px solid #848484; background-color:#848484; color:#fff;} .mainnav li.nav4 a, .mainnav li.nav5 a, .mainnav li.nav6 a, .mainnav li.logo a, #content .mainnav li.nav4 a, #content .mainnav li.nav5 a, #content .mainnav li.nav6 a, #content .mainnav li.logo a {margin-top:5px; border-top-width:0;} .mainnav li.logo a {_width:auto; margin-top:0; padding-top:7px; padding-right:5px;} /* =logo ++++++++++*/ .logo_sr {position:relative; display:block; margin:0 0 0 25px; clear:both;} * html .logo_sr {margin:20px 0 0 25px;} /* =content =============*/ #content {position:relative; min-height:400px; margin:-100px 0 0 0;border-bottom:4px solid; background:left bottom no-repeat; } .parent #content, .parent-es #content {padding-bottom: 150px;} .teen #content, .teen-es #content {padding-bottom:200px;} div[id] #content{overflow:hidden;} * html #content {height:400px;} .parent #content, .parent-es #content {background-image:url(../images/c-bg_parent-l.jpg);} .teen #content, .teen-es #content {background-image:url(../images/c-bg_teen-l.jpg);} /* border bottom color pulled out for sectional color change */ .parent.p-think #content, .teen.t-smart #content, .parent-es.p-think #content, .teen-es.t-smart #content {border-bottom-color:#86b922;} .parent.p-talk #content, .teen.t-parents #content, .parent-es.p-talk #content, .teen-es.t-parents #content {border-bottom-color:#49a5c4;} .parent.p-smart #content, .teen.t-quiz #content, .parent-es.p-smart #content, .teen-es.t-quiz #content {border-bottom-color:#f28020;} .parent #content, .parent.p-carlicense #content, .parent.p-nationwide #content, .parent-es #content, .parent-es.p-carlicense #content, .parent-es.p-nationwide #content, .teen-es #content, .teen-es.t-carlicense #content {border-bottom-color:#848484;} #content a {color:#106eb7;} #content a.diff {text-decoration:none; font-weight:bold;} #content .assessment li { float: left; width: 200px; text-align:left;list-style-type: none;padding-bottom:15px;font-weight:bold; } /* =side_nav ++++++++++++++*/ .side_nav, .main_content, .side_feature {float:left;} * html .side_nav, * html .main_content, * html .side_feature {display:inline;} .side_nav {width:155px; margin:68px 25px 0 10px;} .side_nav ul {margin:0; padding:0; list-style-type:none;} .side_nav li {font-size:12px; font-weight:bold;} /* redo this for inclusion with body class graphic changes - pull out colors */ #content .side_nav li a {display:block; padding:0 0 4px 20px; text-decoration:none; border-bottom:1px solid; background:url(../images/arrow_side-nav.gif) 10px center no-repeat;} .p-think #content .side_nav li a, .t-smart #content .side_nav li a {color:#86b922; border-bottom-color:#86b922; background-image:url(../images/arrow_side-nav_green.gif);} .p-talk #content .side_nav li a, .t-parents #content .side_nav li a {color:#49a5c4; border-bottom-color:#49a5c4; background-image:url(../images/arrow_side-nav.gif);} .p-smart #content .side_nav ul li a, .t-quiz #content .side_nav li a {color:#f28020; border-bottom-color:#f28020; background-image:url(../images/arrow_side-nav_orange.gif);} .parent .p-carlicense #content .side_nav li a, .parent .p-nationwide #content .side_nav li a, .teen .t-carlicense #content .side_nav li a,#content .side_nav li a {color:#848484; border-bottom-color:#848484; background-image:url(../images/arrow_side-nav_gray.gif);} /* =side_nav accordianMenu ++++++++++++++++++++++++++++*/ .side_nav div.accordianMenu ul {margin:5px 0 0 0;padding:0;background:none;} .side_nav div.accordianMenu ul li{margin:0;list-style-type:none;padding:1px;} .side_nav div.accordianMenu div.accordian ul li{margin:0;list-style-type:none;padding:1px 1px 1px 12px;} .side_nav div.accordianMenu div.accordian div.content{display:none;} .side_nav div.accordianMenu div.accordian {border-bottom:1px solid;padding:10px 0 10px 0px;} .side_nav div.accordianMenu div.accordian span{display:block;cursor:pointer;font-size:12px;padding-left:12px;font-weight:bold;} .side_nav div.accordianMenu div.accordian div.expanded{display:block;} .side_nav div.accordianMenu h2{font-size:18px;border-bottom:1px solid;padding:0 0 5px 0;margin:10px 0 0 0;} .p-smart #content .side_nav div.accordianMenu h2, .t-quiz #content .side_nav div.accordianMenu h2 {color:#EB7E20;border-bottom-color:#EB7E20;} .p-talk #content .side_nav div.accordianMenu h2, .t-parents #content .side_nav div.accordianMenu h2{color:#49a5c4;border-bottom-color:#49a5c4;} .p-think #content .side_nav div.accordianMenu h2, .t-smart #content .side_nav div.accordianMenu h2{color:#86b922;border-bottom-color:#86b922;} .p-carlicense #content .side_nav div.accordianMenu h2, .p-nationwide #content .side_nav div.accordianMenu h2, .t-carlicense #content .side_nav div.accordianMenu h2{color:#848484;border-bottom-color:#848484;} .error #content .side_nav div.accordianMenu {display:none;} .p-smart #content .side_nav div.accordianMenu ul li a, .t-quiz #content .side_nav div.accordianMenu ul li a{background-image:none;border:0;color:#106EB7;text-decoration:none;font-weight:bold;font-size:10px;padding:0;} .p-smart #content .side_nav div.accordianMenu ul li a:hover, .t-quiz #content .side_nav div.accordianMenu ul li a:hover{color:#333;} .p-smart #content .side_nav div.accordianMenu div.accordian, .t-quiz #content .side_nav div.accordianMenu div.accordian {background:url('/assets/images/arrow_side-nav_orange.gif') no-repeat 0px 14px;border-bottom-color:#EB7E20;} .t-quiz #content .side_nav div.accordianMenu div.accordian span, .p-smart #content .side_nav div.accordianMenu div.accordian span{color:#EB7E20;} .p-smart #content .side_nav div.accordianMenu div.down, .t-quiz #content .side_nav div.accordianMenu div.down{background:url('/assets/images/arrow_side-nav_orange_down.gif') no-repeat 0px 14px;} .p-talk #content .side_nav div.accordianMenu ul li a, .t-parents #content .side_nav div.accordianMenu ul li a{background-image:none;border:0;color:#106EB7;text-decoration:none;font-weight:bold;font-size:10px;padding:0;} .p-talk #content .side_nav div.accordianMenu ul li a:hover, .t-parents #content .side_nav div.accordianMenu ul li a:hover{color:#333;} .p-talk #content .side_nav div.accordianMenu div.accordian, .t-parents #content .side_nav div.accordianMenu div.accordian {background:url('/assets/images/arrow_side-nav.gif') no-repeat 0px 14px;border-bottom-color:#49a5c4;} .t-parents #content .side_nav div.accordianMenu div.accordian span, .p-talk #content .side_nav div.accordianMenu div.accordian span{color:#49a5c4;} .p-talk #content .side_nav div.accordianMenu div.down, .t-parents #content .side_nav div.accordianMenu div.down{background:url('/assets/images/arrow_side-nav_down.gif') no-repeat 0px 14px;} .p-think #content .side_nav div.accordianMenu ul li a, .t-smart #content .side_nav div.accordianMenu ul li a{background-image:none;border:0;color:#106EB7;text-decoration:none;font-weight:bold;font-size:10px;padding:0;} .p-think #content .side_nav div.accordianMenu ul li a:hover, .t-smart #content .side_nav div.accordianMenu ul li a:hover{color:#333;} .p-think #content .side_nav div.accordianMenu div.accordian, .t-smart #content .side_nav div.accordianMenu div.accordian {background:url('/assets/images/arrow_side-nav_green.gif') no-repeat 0px 14px;border-bottom-color:#86b922;} .t-smart #content .side_nav div.accordianMenu div.accordian span, .p-think #content .side_nav div.accordianMenu div.accordian span{color:#86b922;} .p-think #content .side_nav div.accordianMenu div.down, .t-smart #content .side_nav div.accordianMenu div.down{background:url('/assets/images/arrow_side-nav_green_down.gif') no-repeat 0px 14px;} .p-carlicense #content .side_nav div.accordianMenu ul li a, .p-nationwide #content .side_nav div.accordianMenu ul li a, .t-carlicense #content .side_nav div.accordianMenu ul li a{background-image:none;border:0;color:#106EB7;text-decoration:none;font-weight:bold;font-size:10px;padding:0;} .p-carlicense #content .side_nav div.accordianMenu ul li a:hover, .p-nationwide #content .side_nav div.accordianMenu ul li a:hover, .t-carlicense #content .side_nav div.accordianMenu ul li a:hover{color:#333;} .p-carlicense #content .side_nav div.accordianMenu div.accordian, .p-nationwide #content .side_nav div.accordianMenu div.accordian, .t-carlicense #content .side_nav div.accordianMenu div.accordian {background:url('/assets/images/arrow_side-nav_gray.gif') no-repeat 0px 14px;border-bottom-color:#848484;} .t-carlicense #content .side_nav div.accordianMenu div.accordian span, .p-nationwide #content .side_nav div.accordianMenu div.accordian span, .p-carlicense #content .side_nav div.accordianMenu div.accordian span{color:#848484;} .p-carlicense #content .side_nav div.accordianMenu div.down, .p-nationwide #content .side_nav div.accordianMenu div.down, .t-carlicense #content .side_nav div.accordianMenu div.down{background:url('/assets/images/arrow_side-nav_gray_down.gif') no-repeat 0px 14px;} /* =main_content ++++++++++++++++++*/ .main_content {width:460px; margin-right:40px; color:#666; font-size:11px; line-height:14px;} h2.article_title {position:relative;margin: 10px 0 20px 107px; height:40px;font-size:16px;overflow:hidden;line-height:19px;color:#848484;} h2.article_title span.bl {position:absolute;bottom:0;display:block;} .p-think h2.article_title, .t-smart h2.article_title {color:#86b922;} .p-talk h2.article_title, .t-parents h2.article_title {color:#49a5c4;} .p-smart h2.article_title, .t-quiz h2.article_title {color:#f28020;} .p-carlicense h2.article_title, .p-nationwide h2.article_title, .t-carlicense h2.article_title {color:#848484;} h2.article_title.leftAlign{margin:10px 0 20px 0px; } .copy_actions {margin:10px 0 40px 0; line-height:14px; text-align:right;} .copy_actions a {margin:0 5px; padding:2px 0 0 16px; text-decoration:none; color:#106eb7; font-weight:bold;} .print, .send {background:0 0 no-repeat;} .print {background-image:url(../images/icon_print.gif);} .send {background-image:url(../images/icon_send.gif);} .main_content h3 { margin-bottom: 7px; line-height: 18px; font-size: 15px; } /* =section-circle ____________________*/ a.section-circle {position:absolute;display:block; top:-1px; left:189px; height:100px; width:101px; border-width:0; text-decoration:none;} a.section-circle span {display:block; text-indent:-9999px; overflow:hidden;} /* =learn_more ________________*/ .learn_more {position:relative;height:95px; padding:5px 10px 10px 100px; font-size:10px; color:#106eb7; } .learn_more .bg {position:absolute;z-index:0;top:0;background:url(../images/learn-more.png) top left no-repeat;width:448px;height:110px;left:0;} .parent-es .learn_more .bg, .teen-es .learn_more .bg {background-image:url(../images/learn-more_es.png);} .learn_more ul{position:relative;margin:0;padding:0;left:20px;top:10px;} * html .learn_more .bg {height:110px;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/learn-more.png', sizingMethod='scale');} * html .parent-es .learn_more .bg, * html .teen-es .learn_more .bg {height:110px;background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/learn-more_es.png', sizingMethod='scale');} *+html .learn_more .bg {height:110px;} .learn_more li {font-size:10px;} .learn_more a {font-size:10px; text-decoration:none;} /* =acronym _____________*/ .acronym {height:285px; margin:0 0 0 0; padding:20px 25px 10px 25px; background:url(../images/acronym_bg.png) no-repeat top left;} * html .acronym {margin:0 -150px 0 0; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../assets/images/acronym_bg.png', sizingMethod='scale');} .acronym strong {font-size:14px;} /* =side_feature ++++++++++++++++++*/ .side_feature {width:230px; margin-top:70px;} .nsc {position:relative; margin-top:30px; padding:10px 0 0 0; color:#666; line-height:15px; font-size:9px;} .nsc_logo {float:left; padding-right:5px;} /* =footer ------------*/ #footer { width: 950px; background-color: #9b9b9b; overflow: hidden; } .footernav {float:left; /*width:460px;*/} #footer .nsc {float:right; /*width:460px;*/ padding:10px 3px 0 0; color:#fff; text-align:right;} #footer .nsc_logo {float:right; padding-left:5px;} /* =inviteFooter ==================*/ .teenSplash .inviteFooter {position:relative;height:85px;background:url(../images/inviteTeenFooter_bg.jpg) no-repeat;} .teenSplash .inviteFooter .invitenav { padding-top: 55px; } .teenSplash .inviteTabs{position:absolute;top:400px;z-index:100; width: 543px; height: 112px;} .teenSplash .inviteTabs .tabImg{position:absolute;/*top:-66px;*/background:url(/assets/images/inviteFooterTeen_tabs.png) no-repeat; width: 543px; height: 112px;} * html .teenSplash .inviteTabs .tabImg{display:inline-block; background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/inviteFooterTeen_tabs.png', sizingMethod='scale');} .teenSplash .inviteTabs .tabContent{position:absolute;/*top:-60px;*/height:55px;} .teenSplash .inviteTabs .tabContent .carsLicensing{position:relative;display:inline;float:left;width:127px;padding:12px 0 0 18px;margin-top:30px;left:20px;} .teenSplash .inviteTabs .tabContent .carsLicensing .title{font-size:13px;color:#787A79} .teenSplash .inviteTabs .tabContent .carsLicensing a {display:block;color:#EB7E20;text-decoration:none;font-size:10px;} .teenSplash .inviteTabs .tabContent .carsLicensing a:visited {color:#EB7E20;} .teenSplash .inviteTabs .tabContent .smartPoll{position:relative;float:left;width:325px;left:30px;padding:15px 10px 0 10px;} .teenSplash .inviteTabs .tabContent .smartPoll .title{color:#106EB7;margin-bottom:5px;font-size:13px;} .teenSplash .inviteTabs .smartPoll ul {margin:5px 0 0 0;padding:0;list-style-type:none;} .teenSplash .inviteTabs .smartPoll ul li{margin:0;padding:0 5px 0 0;float:left;color:#4D4D4F;} .teenSplash .inviteTabs .smartPoll .voteButton {display:none;float:left;margin:5px 0 0 15px;} .teenSplash .inviteTabs .smartPoll .question {position:relative;color:#106EB7;font-size:12px;_margin-top:0px;} .parentSplash .inviteTabs {display:none; position:absolute; top:399px; right:0; z-index:100; width:330px; height:106px; } .parentSplash .inviteTabs .tabImg {position:absolute;left:0; width:330px; height: 106px; background:url(../images/parent_lp_poll_bg.png) no-repeat 0 0; } * html .parentSplash .inviteTabs .tabImg {display: inline-block; background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/parent_lp_poll_bg.png', sizingMethod='scale');} .parentSplash .inviteTabs .tabContent {position:absolute;} .parentSplash .inviteTabs .tabContent .smartPoll {position:relative;display:inline;float:left;width:302px;padding:10px 10px 0 10px;} .parentSplash .inviteTabs .tabContent .smartPoll .title {color:#106EB7;margin-bottom:5px;font-size:13px;} .parentSplash .inviteTabs .smartPoll ul {margin:5px 0 0 0;padding:0;list-style-type:none;} .parentSplash .inviteTabs .smartPoll ul li {margin:0;padding:0 5px 0 0;float:left;color:#4D4D4F;} .parentSplash .inviteTabs .smartPoll .voteButton {display:none;float:left;margin:5px 0 0 15px;} .parentSplash .inviteTabs .smartPoll .question {position:relative;color:#106EB7;font-size:12px;margin-top:5px;_margin-top:0px;} .parentSplash .inviteFooter { position:relative; height:89px; overflow: visible; } .parentSplash .inviteFooter .footerTabs { float:left; width:387px; height:78px; margin-left: 11px; background:url(../images/parent_lp_footer_tabs.png) no-repeat 0 0; } * html .parentSplash .inviteFooter .footerTabs { display:inline; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/parent_lp_footer_tabs.png', sizingMethod='scale'); } .parentSplash .inviteFooter .nwInsurance { position:relative; float:left; width:204px; height:50px; margin: 0 7px; padding:15px 0 0 14px; _display: inline; } .parentSplash .inviteFooter .nwInsurance .title { font-size:13px; color:#787A79; letter-spacing:-.05em; } .parentSplash .inviteFooter .nwInsurance a { display:block; color:#EB7E20; text-decoration:none; font-size:10px; } .parentSplash .inviteFooter .nwInsurance a:visited { color:#EB7E20; } .parentSplash .inviteFooter .carsLicensing { position:relative; float:left; width:132px; height:50px; padding:15px 0 0 14px; } .parentSplash .inviteFooter .carsLicensing .title { font-size:13px; color:#787A79; } .parentSplash .inviteFooter .carsLicensing a { display:block; color:#EB7E20; text-decoration:none; font-size:10px; } .parentSplash .inviteFooter .carsLicensing a:visited { color:#EB7E20; } .parentSplash .inviteFooter .nav { clear:none; } .parentSplash-es .inviteFooter { position:relative; height:40px; margin:0; overflow:hidden; } .parentSplash-es .inviteTabs { position:absolute; top:399px; z-index:100; width: 951px; height: 106px; } .parentSplash-es .inviteTabs .tabImg { position:absolute; left:0; width: 951px; height: 106px; background:url(/assets/images/inviteFooterParent_tabs.png) no-repeat;} * html .parentSplash-es .inviteTabs .tabImg { display:inline-block; background:none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/inviteFooterParent_tabs.png', sizingMethod='scale'); } .parentSplash-es .inviteTabs .tabContent { position:absolute; } .parentSplash-es .inviteTabs .tabContent .nwInsurance {position:relative;display:inline;float:left;width:200px;padding:12px 0 0 18px;margin-top:45px;left:15px;} .parentSplash-es .inviteTabs .tabContent .nwInsurance .title {font-size:13px;color:#787A79;letter-spacing:-.05em;} .parentSplash-es .inviteTabs .tabContent .nwInsurance a {display:block;color:#EB7E20;text-decoration:none;font-size:10px;} .parentSplash-es .inviteTabs .tabContent .nwInsurance a:visited {color:#EB7E20;} .parentSplash-es .inviteTabs .tabContent .carsLicensing {position:relative;display:inline;float:left;width:127px;padding:12px 0 0 18px;margin-top:45px;margin-left:15px;} .parentSplash-es .inviteTabs .tabContent .carsLicensing .title {font-size:13px;color:#787A79} .parentSplash-es .inviteTabs .tabContent .carsLicensing a {display:block;color:#EB7E20;text-decoration:none;font-size:10px;} .parentSplash-es .inviteTabs .tabContent .carsLicensing a:visited {color:#EB7E20;} .parentSplash-es .inviteTabs .tabContent .smartPoll {position:relative;display:inline;float:left;width:295px;padding:10px 10px 0 10px;margin-left:245px;} .parentSplash-es .inviteTabs .tabContent .smartPoll .title {color:#106EB7;margin-bottom:5px;font-size:13px;} .parentSplash-es .inviteTabs .smartPoll ul {margin:5px 0 0 0;padding:0;list-style-type:none;} .parentSplash-es .inviteTabs .smartPoll ul li {margin:0;padding:0 5px 0 0;float:left;color:#4D4D4F;} .parentSplash-es .inviteTabs .smartPoll .voteButton {display:none;float:left;margin:5px 0 0 15px;} .parentSplash-es .inviteTabs .smartPoll .question {position:relative;color:#106EB7;font-size:12px;margin-top:5px;_margin-top:0px;} .inviteFooter .smartPoll .question div{text-align:center;} /* =Quiz Module -----------------*/ div.quizModule{height:400px;} div.quizModule ul{margin:10px 0 0 0;padding:0;list-style:none;} div.quizModule ul li{margin:0;padding:0 0 15px 0;} div.quizModule ul li div{color:#EB7E20;font-weight:bold;} /* =Driving Tutorials Widget, Auto Widget, Invite a friend Widget ----------------------------------------*/ .parentSplash #drivingTutorials { position:absolute; display:none; z-index:100; top:191px; left:18px; width:222px; height:178px; } .parentSplash #drivingTutorials #drivingTutorialsBG { width:195px; height:166px; padding: 12px 12px 0 15px; background:url(../images/parent_learningsessions_bg.png) no-repeat 0 0; } * html .parentSplash #drivingTutorials #drivingTutorialsBG { display:inline-block; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/parent_learningsessions_bg.png', sizingMethod='scale'); } .parentSplash #drivingTutorials h4 { height:9px; margin:0 0 6px 0; padding:0; font-size:12px; color:#106EB7; background:url(../images/txt_online.gif) no-repeat 0 0; text-indent:-3000px; overflow:hidden; } .parentSplash #drivingTutorials h3 { height:16px; margin:0 0 6px 0; padding:0; font-size:17px; color:#106EB7; background:url(../images/txt_learningsessions.gif) no-repeat 0 0; text-indent:-3000px; overflow:hidden; } .parentSplash #drivingTutorials p { margin:0; padding:0; } .parentSplash #drivingTutorials p.offer { height:36px; margin-bottom:15px; background:url(../images/txt_learningsessions_copy.gif) no-repeat 0 0; text-indent:-3000px; overflow:hidden; } .parentSplash #drivingTutorials p.demoLink { height:34px; margin-bottom:5px; background:url(../images/btn_seedemonow.gif) no-repeat 0 0; } .parentSplash #drivingTutorials p.demoLink a { position:relative; display:block; width:156px; height:34px; text-indent:-3000px; overflow:hidden; } .parentSplash #drivingTutorials p.returningUser span { display:block; height:11px; background:url(../images/txt_returninglearninguser.gif) no-repeat 0 0; text-indent:-3000px; overflow:hidden; } .parentSplash #drivingTutorials p.returningUser a { position:relative; text-decoration:none; color:#363636; } .parentSplash #drivingTutorials p.returningUser a img { vertical-align:middle; } .parentSplash #drivingTutorials .highlight { color: #EB7E20; } #getAQuote { display:none; position:absolute; z-index:100; width:222px; height:107px; } #getAQuote .bg { position:absolute; background:url(../images/widget_autoIns_bg.png) no-repeat 0 0; width: 222px; height: 107px; } * html #getAQuote .bg { display:inline-block; width: 222px; height: 107px; background:none; } #getAQuote .content { position:relative; padding:10px; } #getAQuote select { font-size:10px; } #getAQuote .content .title { font-size:11px; padding-bottom:5px; } #getAQuote .content .onYourSide { font-size:16px; margin-top:5px; } #getAQuote .content a { display:block; margin-top:5px; margin-bottom:5px; } #getAQuote .content form { display:inline; } .parentSplash #getAQuote { top:369px; left:18px; } * html .parentSplash #getAQuote .bg { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/widget_autoIns_bg.png', sizingMethod='scale'); } .parentSplash-es #getAQuote { top:250px; left:28px; } * html .parentSplash-es #getAQuote .bg { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/widget_autoIns_bg.png', sizingMethod='scale'); } .flashcardSplash #getAQuote { top:401px; left:760px; width:187px; height:106px; } .flashcardSplash #getAQuote .bg { width: 187px; height: 106px; background-image:url(../images/widget_autoIns_flashcard_bg.png); } * html .flashcardSplash #getAQuote .bg { width: 187px; height: 106px; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/widget_autoIns_flashcard_bg.png', sizingMethod='scale'); } .parent .side_feature #getAQuote, .parent-es .side_feature #getAQuote { position:relative; display:block; margin-bottom:30px; } .parent .side_feature #getAQuote .bg, .parent-es .side_feature #getAQuote .bg { position:absolute; width: 222px; height: 128px; background:url(/assets/images/widget_autoIns_sp_bg.jpg) no-repeat; } .parent .side_feature #getAQuote .content, .parent-es .side_feature #getAQuote .content { position:relative; padding:10px;} .parent .side_feature #getAQuote select, .parent-es .side_feature #getAQuote .content { font-size:10px; } .parent .side_feature #getAQuote .content .title, .parent-es .side_feature #getAQuote .content .title {font-size:8px;padding-bottom:5px;} .parent .side_feature #getAQuote .content .onYourSide, .parent-es .side_feature #getAQuote .content .onYourSide {font-size:16px;margin-top:5px;} .parent .side_feature #getAQuote .content a, .parent-es .side_feature #getAQuote .content a {display:block;margin-top:5px;margin-bottom:5px;} .parent .side_feature #getAQuote .content form, .parent-es .side_feature #getAQuote .content form { display:inline;} #IFWidget{position:relative;margin-top:10px;} #IFWidget .bg.splash{position:absolute;background:url(/assets/images/widget_IF_sp_bg.png) no-repeat; width: 222px; height: 140px;} * html #IFWidget .bg.splash{DISPLAY: inline-block; background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/widget_IF_sp_bg.png', sizingMethod='scale'); width: 222px; height: 140px;} #IFWidget .content{position:relative;padding:15px 10px 10px 10px;} #IFWidget .content a{display:block;margin-bottom:20px;} /* =invitenav ===============*/ .invitenav {padding-bottom:5px; padding-left:10px;} .invitenav.parent {padding:0;margin-top:10px;} .invitenav li {margin:0 10px;} .invitenav li.audience {margin-top:10px; float:none; font-style:italic; text-align:right;} .invitenav li img{border:0;} .parentSplash .invitenav { float: right; } .parentSplash .invitenav li { _display: inline; } .parentSplash .invitenav li.audience { display: block; clear:both; margin-top:0; padding-top:40px; text-align:right; font-style:italic; } /* =footernav ===============*/ .footernav {padding: 10px 10px 15px 0; color:#fff;margin-top:0; clear:both;} .footernav li {padding:0 2px; /*line-height:10px; border-right:1px solid #fff;*/ font-size:10px;} .footernav li.first {padding-left:0;} .footernav li.last {border-width:0;} .footernav a {font-size:10px;} .footernav .reg {font-size:8px;} .footernav .tollfree {position:relative; margin-top:-3px;} * html .footernav .tollfree {margin-top:0;} *+html .footernav .tollfree {margin-top:0;} /* =Page variations ---------------------*/ /* =Homepage ==============*/ #splash #container {margin-top:30px;} #splash #header {height:130px;} #splash #content {height:550px; padding:10px 15px; text-align:center; border-width:0;} #splash .logo_nw {float:right;} #splash .logo_sr {float:left; margin:12px 0 0 10px;} #splash .splash {position:relative; width:836px; margin:0 auto; padding:80px 0 0 0; clear:both; text-align:center;} #splash .splash img {float:left;} #splash .splashText {position:absolute; top:35px; left:0; width:836px; color:#a0a0a0; text-align:center;} #splash .splashText h1, #splash .splashText p {margin:0;} #splash .splashText h1 {font-size:30px;} #splash .splashText h1 em {font-style:italic;} #splash .splashText p {font-size:12px;} #splash #flashReplace {visibility:hidden;} /* =Parent splash ===================*/ .parentSplash #header, .parentSplash-es #header, .teenSplash #header {height:100px;} .parentSplash #container, .parentSplash-es #container, .teenSplash #container {margin-top:0;} .parentSplash .footernav, .parentSplash-es .footernav, .teenSplash .footernav {margin-top:0px;} .parentSplash #content, .parentSplash-es #content, .teenSplash #content {border-bottom:0 solid;} .parentSplash #flashReplace, .parentSplash-es #flashReplace {position:relative; visibility:hidden;height:505px; } /*background:url(../.images/splash-parent_flash-bg.jpg) top left no-repeat;*/ .teenSplash #flashReplace {position:relative;visibility:hidden; height:467px; } /*background:url(../.images/splash-teen_flash-bg.jpg) top left no-repeat;*/ #flashReplace a.p-circle {position:absolute;display:block; left:697px; height:102px; width:240px; border-width:0; text-decoration:none;} a.p-circle.circle1 {position:absolute; top:54px;} a.p-circle.circle2 {position:absolute; top:170px;} a.p-circle.circle3 {position:absolute; top:288px;} #flashReplace a.t-circle {position:absolute;display:block; top:65px; height:172px; width:123px; border-width:0; text-decoration:none;} a.t-circle.circle1 {position:absolute; left:270px;border:1px solid blue;} a.t-circle.circle2 {position:absolute; left:400px;border:1px solid blue;} a.t-circle.circle3 {position:absolute; left:527px;border:1px solid blue;} a.t-circle span, a.p-circle span {display:block; text-indent:-9999px; overflow:hidden;} .parentSplash-es .invitenav li.audience, .teenSplash .invitenav li.audience {padding-top:0;} /* =assessmentModule +++++++++++++++++++++*/ div.assessmentModule div.percent{font-size:20px;padding-bottom:20px;} /* =Auto Insurance Pages ------------------------*/ .main_content.auto-main ol.subcategory, .main_content.brcs.subcategory ul, .main_content.save-nw ul.subcategory {margin:0 0 0 20px; padding:0;} .main_content.auto-main ol.subcategory li, .main_content.brcs ul.subcategory li, .main_content.save-nw ul.subcategory li {margin:0; padding:15px 0;} .main_content.auto-main ol.subcategory li a {font-weight:bold; text-decoration:none;} .main_content .subcategory li p {margin-bottom:0;} .main_content .subcategory h3{margin:0; font-size:13px; } /* =Parent Login Page -----------------------*/ .p-nationwide h2.article_title .sm {font-size:50%;} /* =Search Results Page -------------------------*/ .main_content .searchnav {position:relative; width:180px; margin:0 0 16px -10px;} .searchResults {margin:0; padding:0;} .searchResults li {margin-bottom:32px; padding:0; line-height:16px; list-style-type:none;} .contentSearch {margin-bottom:32px;} #ctl00_cphMainContent_lblCurrentPage {display:block; margin-bottom:16px;} #ctl00_cphMainContent_lnkPrev {margin-right:10px;} /* = Parent Demo ------------------*/ .parent .mainnav li a, .parent #content .mainnav li a {margin-right:7px; margin-left:7px; padding:10px 8px 5px 8px;} .p-learn .side_nav {display:none;} .p-learn .demo_side {float:left; width:310px; margin:90px 0 0 35px; color:#666; _display:inline; } .demo_side .dsPoints {width:260px; margin:10px 0; padding:15px 0 25px 0; border:1px solid #c2c2c2; border-width:1px 0;} .demo_side .dsPoints li {margin:0 0 0 14px; padding:1px 0;} .demo_cust {display:block; margin-bottom:5px;} .demo_custNot {display:block; /*margin-bottom:120px;*/} .demo_button {position:relative; display:block; margin-bottom:15px; margin-left:-5px;} .demo_return {display:block; margin:10px 0 35px 0;} .p-learn #getAQuote {position:relative; display:block; /*left:30px;*/ margin-top:5px;} * html .p-learn #getAQuote .bg { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/widget_autoIns_bg.png', sizingMethod='scale'); } .p-learn #getAQuote .title {height:12px; background:url(/assets/images/demo_getQuoteNow.gif) no-repeat top left} .p-learn #getAQuote .title img {display:none;} .p-learn .main_content {position:relative; width:580px !important; margin-right:-20px !important;} .p-learn .main_content h2 {position:relative; margin-bottom:25px; margin-left:-140px;} .p-learn .main_content h2 em {font-style:normal; font-weight:normal;} .p-learn .main_content h2 sup {font-size:9px;} .p-learn .main_content .flashWrap {margin-right:15px;} .demo_nwLogo {position:relative; /*left:120px;*/ text-align:right;} .p-learn #content {padding-bottom:15px !important;} .p-learn .copy_actions {position:relative; /*left:120px;*/ margin:0 0 1px 0; text-align:right;} .p-learn .copy_actions a {margin:0 5px; padding:2px 0 0 18px;} /* =sIFR styles -----------------*/ /* These are standard sIFR styles... do not modify */ .sIFR-flash { visibility: visible !important; margin: 0; } .sIFR-replaced { visibility: visible !important; } span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; } /* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */ .sIFR-flash + div[adblocktab=true] { display: none !important; } /* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */ .sIFR-hasFlash h1 { visibility: hidden; } .sIFR-hasFlash .invitenav li span {visibility: hidden;} /* =Modal styles -----------------*/ /* The Window's CSS z-index value is respected (takes priority). If none is supplied, the Window's z-index value will be set to 3000 by default (in jqModal.js). You can change this value by either; a) supplying one via CSS b) passing the "zIndex" parameter. E.g. (window).jqm({zIndex: 500}); */ .jqmWindow { display: none; text-align:left;position: fixed; top: 17%; left: 50%; margin-left: -272px; width: 545px; color: #333;} .p-learn .jqmWindow {top:9%;} .jqmWindow div.modalBg{position:absolute;background:url(/assets/images/modal_bg.png) no-repeat; WIDTH: 545px; HEIGHT: 247px;} * html .jqmWindow div.modalBg{display: inline-block; background:none; FILTER: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/assets/images/modal_bg.png', sizingMethod='scale');} .jqmWindow div.content{position:absolute;padding:12px;} .jqmWindow div.target{margin-top:25px;} .jqmWindow div.target div.iconLoad{margin-top:100px;text-align:center;} .jqmOverlay { background-color: #fff; } .jqmCloseIt{float:right;display:block;width:11px;height:11px;background:url(../images/icon_close.gif) no-repeat;} /* Background iframe styling for IE6. Prevents ActiveX bleed-through (