body{padding:0; margin:0; background:url(../img/bg_page.gif); font:12px/18px Verdana, sans-serif;} /* start standard classes */ img{border:0;} form{padding:0; margin:0;} .clear{clear:both; line-height:0;} .hide{display:none;} /* end standard classes */ h1{font:bold 20px Verdana, sans-serif;color:#FF6600;margin:0 0 10px 0;} p{margin:8px 0 12px 0;} .linkBox {float:left; padding:2px; background-color:#4CA4E5;margin-bottom:18px;} .linkBox a{color:white;font-weight:bold;font-size:90%;} .loginBox{float:right;padding-top:20px;margin-right:20px;} .memLogTxt{color:#FFE42D;font-size:10px;font-weight:bold;} .loginAreaLabel{font-size:11px;color:#DDD;margin-bottom:2px;} .loginButton{text-align:center; color:#FFE42D;border:1px solid #aaa;background-color:#888;font-size:10px;font-weight:bold;width:60px;padding:1px;} .requiredAst{color:red;} #leftColumn a{} #leftColumn a:link, #leftColumn a:visited{color:#FF6600;} #leftColumn a:hover, #leftColumn a:active{color:#3366FF;background-color:#E1FCFF;} a.whiteLink{color:white; font:bold 11px Verdana, sans-serif;} .highlight{background:#ffff99;} a.signUpBtn{padding:5px 10px 6px 28px;font:bold 11px Verdana, sans-serif;color:#fff;background:url(../img/icon_sign_up.gif) 5px 50% no-repeat;margin-right:10px} a.readMoreBtn{padding:5px 10px 6px 28px;font:bold 11px Verdana, sans-serif;color:#fff;background:url(../img/icon_mag.gif) 5px 50% no-repeat;} a.viewDemoBtn{padding:5px 10px 6px 28px;font:bold 11px Verdana, sans-serif;color:#fff;background:url(../img/icon_movie_clip.gif) 7px 50% no-repeat;margin-left:10px} #rightBox1 a.signUpBtn:link, #rightBox1 a.signUpBtn:visited, #rightBox1 a.readMoreBtn:link, #rightBox1 a.readMoreBtn:visited{background-color:#4CA4E5;} #rightBox1 a.signUpBtn:hover, #rightBox1 a.signUpBtn:active, #rightBox1 a.readMoreBtn:hover, #rightBox1 a.readMoreBtn:active{background-color:#4492CC;} #rightBox2 a.signUpBtn:link, #rightBox2 a.signUpBtn:visited, #rightBox2 a.readMoreBtn:link, #rightBox2 a.readMoreBtn:visited{background-color:#5193D5;} #rightBox2 a.signUpBtn:hover, #rightBox2 a.signUpBtn:active, #rightBox2 a.readMoreBtn:hover, #rightBox2 a.readMoreBtn:active{background-color:#4883BE;} #rightBox3 a.readMoreBtn:link, #rightBox3 a.readMoreBtn:visited, #rightBox3 a.viewDemoBtn:link, #rightBox3 a.viewDemoBtn:visited, #rightBox3 a.signUpBtn:link, #rightBox3 a.signUpBtn:visited{background-color:#4375C6;} #rightBox3 a.readMoreBtn:hover, #rightBox3 a.readMoreBtn:active, #rightBox3 a.viewDemoBtn:hover, #rightBox3 a.viewDemoBtn:active, #rightBox3 a.signUpBtn:hover, #rightBox3 a.signUpBtn:active{background-color:#3C68B0;} #rightColumn{float:right;width:350px;color:white;clear:right;} .sideBoxLink {font-size:12px;font-weight:bold;} .signUpStep{border-top:1px solid #CCC;width:300px;padding-top:5px;background-repeat:no-repeat;background-position: 0 10px;} .signUpStep p{margin:0px 0px 20px 50px;padding:0;border:0;width:250px;} #blackFrame{background-image:url(../img/headerBar_bg.png);background-repeat: no-repeat;background-color:#000;padding-left:10px;} #bodyContent{background:#fff;clear:right;border-top:1px solid black;height:1%;} #contentBG{padding-top:8px;} #contentFrame{background:#fff;padding:0 0 10px 0;margin:0 auto;width:722px;} #leftColumn{padding:15px 15px 15px 20px;width:316px;float:left;} #dropShadowBottom{background:url(../img/bg_bottom_shadow.gif);background-repeat:no-repeat;background-position:50% 0;border:0px;height:20px;} html>body #contentBG{width:722px;} #footer{padding:15px 25px 15px 10px;font-size:11px;color:#666;} #footer .copyright{color:#ccc;} #footer #footerLinks{float:right;} #footer a{color:#ccc;} #footer a:hover{color:#fff;} #loginArea{} .loginAreaLabel{border:0;padding:2px;} #mainContent{width:702px;} #navBar{line-height:normal;left:200px;float:right;} #navBarContainer{width:100%;padding-top:10px;} #navBar ul{margin:0;padding:0;list-style:none;} #navBar li{float:left;margin:0 0 0 1px;padding:0;} #navBar a{font:12px Verdana, sans-serif;display:block;color:#fff;text-decoration:none;} #navBar a:link, #navBar a:visited{background:url("../img/tab_right.gif") no-repeat right top;} #navBar a:hover, #navBar a:active{background:url("../img/tab_right.gif") no-repeat right -34px;} #navBar a span{padding:8px 15px 8px 15px;display:block;} #navBar a:link span, #navBar a:visited span{background:url("../img/tab_left.gif") no-repeat left top;} #navBar a:hover span, #navBar a:active span{background:url("../img/tab_left.gif") no-repeat left -34px;} #navBar #current a{background-image:url("../img/tab_right_on.gif");} #navBar #current a:hover{background-position:top right;} #navBar #current a span{background-image:url("../img/tab_left_on.gif");padding-bottom:7px;border-bottom:1px solid #CBDBEC;} #navBar #current a:hover span{background-position:top left;} #windowContainer{background: url(../img/bg_overlay.gif);background-position:50% 0;} #rightBox1{padding:20px 30px 30px 30px;background:url(../img/rightBox1_BG.gif) #55B7FF repeat-y;border-bottom:1px solid black;} #rightBox2{background:url(../img/rightBox2_BG.gif) #5AA4ED repeat-y;border-bottom:1px solid black;overflow:hidden;} #rightBox2 .splash{background:url(../img/pricing_splash_home.png) no-repeat 140px 80px;padding:20px 30px 30px 30px;} #rightBox3{padding:20px 30px 30px 30px;background:url(../img/rightBox3_BG.gif) #4B82DC repeat-y;} #rightBox1 p, #rightBox2 p, #rightBox3 p{font:11px/17px Verdana, sans-serif;margin:0 20px 20px 0;} #rightBox2 p{margin-bottom:40px;} #rightBox1 h3, #rightBox2 h3, #rightBox3 h3{color:#fff;font:bold 18px Verdana, sans-serif;margin:0 0 10px 0;} #homePage #leftColumn{width:328px; padding:0;} /* background:url(../img/img_sub.jpg) no-repeat 195px 50px; */ #homePage #rightColumn{} #homePage #bodyContent{overflow:hidden; padding:4px 1px 10px 10px;} #homePage #nowAvailTxt{font:bold 14px Arial, sans-serif;} #noticeBanner{padding:1px 0 0 0; clear:both;} #noticeBanner p{margin:0;padding:0;background:url(../img/bg_orange_bar.gif); padding:10px 10px 10px 20px; color:white; font:bold 11px Verdana, sans-serif;border:1px solid #efefef; border-bottom:0;border-right:1px solid #FE8049;} #homeLeft{width:328px; padding:10px 0 0 10px;} a#viewDemoLink{display:block; float:left; padding:5px 10px 6px 28px;font:bold 11px Verdana, sans-serif;color:#fff;background:url(../img/icon_movie_clip_blk_outline.gif) 7px 50% no-repeat;margin-top:2px;} a#viewDemoLink:hover{color:yellow;} a#faxLink{display:block; float:left; padding:5px 10px 6px 10px;font:bold 11px Verdana, sans-serif;color:#fff;margin:2px 10px 0 0;} a#faxLink:hover{color:yellow;} a#homeSubVid{width:169px; height:429px; display:block; float:right;} a#homeSubVid img{display:none;} a#homeSubVid:link, a#homeSubVid:visited{background:url(../img/bhead_sub.gif) no-repeat;} a#homeSubVid:hover, a#homeSubVid:active{background:url(../img/bhead_sub_over.gif) no-repeat;} #subContSection, #genContSection, #pubAgenSection{color:#333; border-right:4px solid #fff; border-bottom:3px solid #fff; margin-top:2px; border-left:1px solid #276BBA; border-top:1px solid #276BBA;} #subContSection h2, #genContSection h2, #pubAgenSection h2{color:#276BBA; margin:0; padding:0; font:20px/22px Arial, Helvetica, sans-serif;} .homePadSection{padding:15px 140px 10px 20px;} #subContSection{background:url(../img/img_sub_cont_sec.jpg) no-repeat top right #fff; border-top:0;} #genContSection{background:url(../img/img_gen_cont_sec.jpg) no-repeat top right #fff;} #pubAgenSection{background:url(../img/img_pub_agen_sec.jpg) no-repeat top right #fff; border-bottom:0;} .homePadSection a.readMoreBtn:link, .homePadSection a.readMoreBtn:visited{background-color:#4CA4E5;} .homePadSection a.readMoreBtn:hover, .homePadSection a.readMoreBtn:active{background-color:#4492CC;} #tabsubnav{background:url(../img/subtab_bg.gif) bottom left repeat-x; float:left; width:100%; margin-bottom:25px;} #tabsubnav p{float:left; font:bold 14px Verdana, Arial, Helvetica, sans-serif; padding:6px 8px 0 4px; margin:0;} #tabsubnav a{float:left; display:block; background-image:url(../img/subtab_left.gif); background-repeat:no-repeat; margin-right:1px; border-bottom:1px solid #333;} #tabsubnav a span{display:block; padding:6px 12px 6px 4px; margin-left:8px; background-image:url(../img/subtab_right.gif); background-repeat:no-repeat;} #tabsubnav a:link, #tabsubnav a:visited{background-position:0 0;} #tabsubnav a:hover, #tabsubnav a:active{background-position:0 -192px;} #tabsubnav a:link span, #tabsubnav a:visited span{background-position:right 0;} #tabsubnav a:hover span, #tabsubnav a:active span{background-position:right -192px;} #tabsubnav a.act:link, #tabsubnav a.act:visited, #tabsubnav a.act:hover, #tabsubnav a.act:active{background-position:0 -384px; border-bottom:0 !important; color:#333; text-decoration:none;} #tabsubnav a.act:link span, #tabsubnav a.act:visited span, #tabsubnav a.act:hover span, #tabsubnav a.act:active span{background-position:right -384px; padding-bottom:7px !important;} .new{float:left; margin:2px 10px 0 0;} #aboutPage #bodyContent{background:url(../img/img_sub.jpg) no-repeat 484px 20px #fff; border-bottom:3px solid white; border-right:3px solid white;} #aboutPage #rightColumn{width:3px;padding:100px 0 20px 0;} #aboutPage #leftColumn{width:460px;padding:20px 0 20px 30px;} #aboutGraphic{padding:0 20px 20px 20px;} #aboutPage .indentCol{padding-right:70px;} #genPage #bodyContent{background:url(../img/img_gc.jpg) no-repeat 353px 20px #fff; border-bottom:3px solid white;} #genPage #rightColumn{width:3px;padding:100px 0 20px 0;} #genPage #leftColumn{width:460px;padding:20px 0 20px 30px;} #genPage .indentCol{padding-right:70px;} #insurancePage #bodyContent{background:url(../img/img_woman_with_planner.jpg) no-repeat 380px 20px #fff; border-bottom:3px solid #fff; border-right:3px solid #fff;} #insurancePage #rightColumn{width:3px;padding:100px 0 20px 0;} #insurancePage #leftColumn{width:460px;padding:20px 0 20px 30px;} #insurancePage .indentCol{padding-right:70px;} #insurancePage .screenCap{border:1px solid #dedede;} #insurancePage .footerNotice{margin:0 30px 30px 30px; font-size:11px;} #pubAgenciesPage #bodyContent{background:url(../img/img_woman_in_suit.jpg) no-repeat 424px 20px #fff;} #pubAgenciesPage #rightColumn{width:3px;padding:100px 0 20px 0;} #pubAgenciesPage #leftColumn{width:450px;padding:20px 0 20px 30px;} #pubAgenciesPage #leftColumn .contentPad{width:375px;} #privacyPage #bodyContent{} #privacyPage #rightColumn{width:3px;padding:100px 0 20px 0;} #privacyPage #leftColumn{width:640px;padding:20px 0 20px 30px;} #harleyRulesPage #bodyContent{} #harleyRulesPage #rightColumn{width:3px;padding:100px 0 20px 0;} #harleyRulesPage #leftColumn{width:640px;padding:20px 0 20px 30px;} #promoPage #bodyContent{} #promoPage #rightColumn{width:3px;padding:100px 0 20px 0;} #promoPage #leftColumn{width:640px;padding:20px 0 20px 30px;} #supportPage #bodyContent{background:url(../img/img_two_men_plans.jpg) no-repeat right 0px #fff;} #supportPage #rightColumn{width:3px;padding:100px 0 20px 0;} #supportPage #leftColumn{width:350px;padding:20px 0 20px 30px;} #supportPage #bodyContent{border-bottom:3px solid #fff;} #supportPage h3{font-size:14px; margin:8px 0 8px 0;} #affiliatePricePage #bodyContent{background:url(../img/img_woman_with_planner.jpg) no-repeat right 20px #fff;} #affiliatePricePage #rightColumn{width:3px;padding:100px 0 20px 0;} #affiliatePricePage #leftColumn{width:350px;padding:20px 0 20px 30px;} #affiliatePricePage #bodyContent{border-bottom:3px solid #fff;} #affiliatePricePage h3{font-size:14px; margin:8px 0 8px 0;} #questPage #footer #footerLinks{display:none;} #questPage #navBar a{display:none;} #questPage .loginBox{display:none;} #questPage #navBar{height:80px;} #questPage h2{font:bold 20px/24px Verdana, Arial, Helvetica, sans-serif; margin:0 0 0 0;} #signUpPage #leftColumn, #questPage #leftColumn{padding:0;float:left;width:296px;border-left:2px solid white;border-bottom:2px solid white;} #signUpPage #leftColumn h3, #questPage #leftColumn h3{margin:20px 0 0 0;color:#FF6600;font:bold 18px Arial, sans-serif;} #signUpPage #rightColumn, #questPage #rightColumn{margin:3px;background:url(../img/bg_form_top.png) repeat-x #CDD9F1;float:right;padding:20px;color:#333;border-left:1px solid #dedede;} #bidListIntro{padding:20px 20px 10px 20px;} #signUp{padding:20px;} #signUpSteps p{font:11px/16px Verdana, sans-serif;background-repeat:no-repeat;background-position:0 13px;padding:8px 10px 10px 40px;border-top:1px solid #ccc;} #signUpSteps p.stepOne{background-image:url(../img/txt_1.gif);} #signUpSteps p.stepTwo{background-image:url(../img/txt_2.gif);} #signUpSteps p.stepThree{background-image:url(../img/txt_3.gif);} #signUpSteps p.stepFour{background-image:url(../img/txt_4.gif);} #signUpSteps p.stepFive{background-image:url(../img/txt_5.gif);} a#signInLink{display:block;width:50px;background:url(../img/icon_lock.gif) no-repeat 0 50%;padding-left:20px;font-weight:bold;} a#signInLink:link, a#signInLink:visited{color:yellow;} a#signInLink:hover, a#signInLink:active{color:white;} #footNotices{padding:5px 10px 0 0;font:bold 14px Arial, sans-serif;} #footNotices .left{float:left;width:320px;background:url(../img/icon_large_tilted_signup.gif) no-repeat 280px -25px #4B82DC;color:white;padding:10px;border:4px solid white;} #footNotices .right{float:right;width:320px;background:url(../img/logo_tilted_national_planroom.gif) no-repeat 280px -34px #4B82DC;color:white;padding:10px;border:4px solid white;} #signInPage #bodyContent{background:url(../img/bg_form_top.png) repeat-x #CDD9F1;border:3px solid white;} #signInPage #rightColumn{width:235px;padding:30px 50px 0 0;} #signInPage #leftColumn{width:345px;padding:30px 0 0 30px;} #signInBox{background:white;padding:5px 10px 10px 10px;border:1px solid #ccc;} #notRegYetDiv{padding:10px; color:#333333;font-size:11px;} #notRegYetDiv h2{font:bold 14px Verdana, sans-serif; margin:0;} #notRegYetDiv a.signUpBtn{padding:5px 10px 6px 28px;font:bold 11px Verdana, sans-serif;color:#FF6600;background:url(../img/icon_sign_up.gif) 5px 50% no-repeat;margin-right:10px} .errorDiv{border:1px solid red; padding:0; margin:4px 0 8px 0; background:#f7f7f7;} .errorDiv h2{background:red; padding:5px; margin:0; color:white; font:bold 12px Verdana, sans-serif;} .errorDiv p{padding:10px; margin:0;} .successDiv{border:1px solid #00cc00; padding:0; margin:4px 0 8px 0; background:#f7f7f7;} .successDiv h2{background:#00cc00; padding:5px; margin:0; color:white; font:bold 12px Verdana, sans-serif;} .successDiv p{padding:10px; margin:0;} .standardForm .fieldCont{padding:10px; margin-bottom:1px; background:#f7f7f7;} .standardForm .submitCont{padding:10px 10px 10px 115px; margin-bottom:1px; background:#f7f7f7;} .standardForm .submitContNoBg{padding:10px 10px 10px 115px;} .standardForm .field{float:right;width:180px;padding:3px;border:2px solid #999;} .standardForm .chkBox{float:left;margin-top:4px;} .standardForm label.lbl{float:left;width:100px;} #harleyPromo{background:url(../img/harley_promo_bg.png) repeat-x #434343;margin-top:1px;} #harleyPromo p{background:url(../img/harley_promo.png) no-repeat; margin:0; padding:60px 10px 20px 261px; color:#fff;} #harleyPromo p a{color:#fff;} .btnNext{margin:20px 0 15px 90px;} /* start help tooltip classes */ .helpTt{width:400px; display:none; position:absolute;} .helpTt .tl{background:url(../img/help_tt_tl.png) no-repeat top left !important; background:url(../img/help_tt_tl.gif) no-repeat top left;} .helpTt .tr{background:url(../img/help_tt_tr.png) no-repeat top right !important; background:url(../img/help_tt_tr.gif) no-repeat top right; margin:0 0 0 13px; padding:8px 20px 1px 5px; font-size:13px; color:#000000; font-weight:normal; line-height:18px;} .helpTt .tr p, .helpTt .tr form, .helpTt .tr ul, .helpTt .tr ol, .helpTt .tr li{background-color:transparent !important;} .helpTt .bl{background:url(../img/help_tt_bl.png) no-repeat bottom left !important; background:url(../img/help_tt_bl.gif) no-repeat bottom left;} .helpTt .br{background:url(../img/help_tt_br.png) no-repeat bottom right !important; background:url(../img/help_tt_br.gif) no-repeat bottom right; margin-left:13px; height:19px;} .helpTt .error{font-size:14px; font-weight:bold; color:#cc3300;} .helpTt a:link, .helpTt a:visited{color:#CC3300;} .helpTt a:hover, .helpTt a:active{color:#fff; background-color:purple; text-decoration:none;} .helpTt a.close{float:right; clear:right; display:block; padding:0 2px 0 20px; background:url(../img/icon_close.gif) no-repeat 2px 50%; margin-bottom:4px;} .helpTt a.close:link, .helpTt a.close:visited{color:#CC3300;} .helpTt a.close:hover, .helpTt a.close:active{color:#fff; background-color:#CC3300; background-position:-216px 50%; text-decoration:none;} a.iconHelpTt{font-weight:normal;} a.iconHelpTt{text-decoration:none;} a.iconHelpTt img{background-image:url(../img/icon_help_tt.png) !important; background-image:url(../img/icon_help_tt.gif); background-repeat:no-repeat; height:22px; width:22px; vertical-align:top;} a.iconHelpTt:link img, a.iconHelpTt:visited img{background-position:0 0;} a.iconHelpTt:hover img, a.iconHelpTt:active img{background-position:-22px 0;} a.iconHelpTt span{text-decoration:underline; color:#cc3300;} a.iconHelpTt span:link, a.iconHelpTt span:visited{color:#cc3300 !important;} a.iconHelpTt span:hover, a.iconHelpTt span:active{color:purple !important;} /* end help tooltip classes */ /* start signup headings classes */ h1.blueTitle{background:url(../img/icons_title_nums.gif) no-repeat #596B89; color:#fff; padding:5px 5px 5px 35px; margin:0 0 10px 0; font-size:18px;} #title_1{background-position:5px 4px;} #title_2{background-position:5px -66px;} #title_3{background-position:5px -138px;} #title_4{background-position:5px -208px;} #title_5{background-position:5px -280px;} #title_6{background-position:5px -350px;} /* end signup headings classes */ /* start signup form classes */ .sign_up_form label{display:block; font-weight:bold; font-size:12px;} .sign_up_form label.inline{display:inline; font-weight:400; font-size:12px;} div.label{font-weight:bold; margin-top:12px; font-size:12px;} .sign_up_form .formItem{padding-top:10px; font-size:13px; color:#333;} .sign_up_form #formNote{background:white; padding:8px; border:1px solid #ccc; margin-top:10px; font:11px Verdana, sans-serif;} .field{border:1px solid #999;} .sign_up_form .formItem .field{width:350px; font-size:13px;} .sign_up_form .formItemLeft{float:left; padding-top:10px; font-size:13px; width:160px;} .sign_up_form .formItemLeft .field{width:170px;} .sign_up_form .formItemRight{float:right; padding-top:10px; font-size:13px; width:160px;} .sign_up_form .formItemRight .field{width:160px;} .sign_up_form .submitButton{padding-top:20px; text-align:center;} .sign_up_form label.inline{font-weight:normal;} /* end signup form classes */