body{font: 12px Arial, sans-serif;margin: 0;background: url(../images/headerBackground.jpg) no-repeat 50% 0%;} .clear{clear: both;} img{border: 0;} a{outline: 0;}/* Header and Footer template *****************************************************************************************/ #wrapper{width: 960px;margin: 30px auto 0 auto;/*margin: 42px auto 0 auto;*/} #header{border-bottom: 1px solid #c0c2c4;padding: 0 0 1px 0;margin: 0 0 10px 0;} #topNav{padding: 0;margin: 25px 0 0 0;list-style-type: none;width: 245px;float: right;text-align: right;} #topNav li{display: inline;font-size: 11px;} #topNav li a{color: #676b72;padding: 0 7px;border-right: 1px solid #71757b;text-decoration: none;} #topNav li a:hover{color: #fe9b0c;} #topNav li a#topNavLastItem{padding-right: 0;border: 0;} /* http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/ */ .mainNav{width: 468px;float: left;z-index: 20;position: relative;} .mainNav ul{margin: 31px 0 0 0;padding: 0;list-style-type: none;float: left;} .mainNav ul li{position: relative;display: inline;float: left;} .mainNav ul li a{display: block;height: 33px;color: #ffffff;line-height: 33px;margin: 0 3px 0 0;font-weight: bold;text-decoration: none;} * html .mainNav ul li a{display: inline-block;} .mainNav ul li a:hover{color: #676B72;} .mainNav ul li ul{position: absolute;left: 0;display: block;visibility: hidden;margin: 0 0 0 0;} .mainNav ul li ul li{display: list-item;float: none;} .mainNav ul li ul li ul{top: 0;} .mainNav ul li ul li a{background: url(/navBackground_off.png);color: #676b72;font-weight: normal;line-height: 27px;height: 27px;width: 257px;padding: 0 0 0 10px;margin: 0;} * html .mainNav ul li ul li a{background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='navBackground_off.png', sizingMethod='scale');} .mainNav ul li ul li a:hover{background: url(/navBackground_on.png);} * html .mainNav ul li ul li a:hover{background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='navBackground_on.png', sizingMethod='scale');} .mainNav ul li ul li .navTop{background: url(/navBackground_off_top.png);} * html .mainNav ul li ul li .navTop{background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='navBackground_off_top.png', sizingMethod='scale');} .mainNav ul li ul li .navTop:hover{background: url(/navBackground_on_top.png);} * html .mainNav ul li ul li .navTop:hover{background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='navBackground_on_top.png', sizingMethod='scale');} .mainNav ul li ul .navBottomShadow{width: 267px;height: 11px;background: url(/drop-down-shadow_267x11.png);font-size: 0px;padding: 0;margin: 0;float: left;} * html .mainNav ul li ul .navBottomShadow{background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='drop-down-shadow_267x11.png', sizingMethod='scale');} /* old nav before png drop-shadow, delete if drop-shadow operates well in IE6 .mainNav ul li ul li a{background-color: #f2f3f5;color: #676b72;font-weight: normal;line-height: 26px;height: 26px;width: 175px;padding: 0 0 0 10px;margin: 0;border-top-width: 0;border-bottom: 1px solid #c0c2c4;border-left: 1px solid #c0c2c4;border-right: 1px solid #c0c2c4;} .mainNav ul li ul li a:hover{color: #ffffff;} */ .downarrowclass{position: absolute;top: 12px;right: 7px;} .rightarrowclass{position: absolute;top: 6px;right: 5px;} #homeIframeShim{position: absolute;left: 0;top: 0;} .homeIframeShimCover{filter: alpha(opacity=0);} .homeIframeShimReveal{display: none;} /* filter: alpha(opacity=0);filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);opacity: 0; */ .mainNav ul li a.homeNav{padding: 0 0 0 28px;width: 59px;background: url(../images/homeNav.gif);} .mainNav ul li a.homeNav:hover{background: url(../images/homeNav.gif) 0px -33px;} #myslidemenu.mainNav ul li a.homeNavIndicate{padding: 0 0 0 28px;width: 59px;background: url(../images/homeNav.gif) 0px -33px;} .mainNav ul li a.toolsAndInformationNav{padding: 0 0 0 32px;width: 153px;background: url(../images/toolsAndInformationNav.gif);} .mainNav ul li a.toolsAndInformationNav:hover{background: url(../images/toolsAndInformationNav.gif) 0px -33px;} #myslidemenu.mainNav ul li a.toolsAndInformationNavIndicate{padding: 0 0 0 32px;width: 153px;background: url(../images/toolsAndInformationNav.gif) 0px -33px;} .mainNav ul li a.aboutMatrixDirectNav{padding: 0 0 0 32px;width: 153px;background: url(../images/toolsAndInformationNav.gif);} .mainNav ul li a.aboutMatrixDirectNav:hover{background: url(../images/toolsAndInformationNav.gif) 0px -33px;} #myslidemenu.mainNav ul li a.aboutMatrixDirectNavIndicate{padding: 0 0 0 32px;width: 153px;background: url(../images/toolsAndInformationNav.gif) 0px -33px;} #trackYourApplicationNav{padding: 0 0 0 39px;width: 146px;background: url(../images/toolsAndInformationNav.gif);} #trackYourApplicationNav:hover{background: url(../images/toolsAndInformationNav.gif) 0px -33px;} #searchForm{width: 196px;float: right;/*margin: 50px 0 0 0;*/margin: 35px 0 0 0;} #searchForm fieldset{border: 0;padding: 0;margin: 0;width: 174px;float: left;} #searchForm p{padding: 0;margin: 0;} #searchForm input{float: left;color: #676b72;} #footer{/*padding: 70px 16px 0 16px;*/padding: 35px 16px 0 16px;} .footerSiteMap{list-style-type: none;padding: 0;margin: 0;float: left;border: 0px solid red;} .footerSiteMap li{color: #676b72;font-weight: bold;font-size: 10px;line-height: 12px;} .footerSiteMap li a{color: #a7a9ac;font-weight: normal;text-decoration: none;} .footerSiteMap li a:hover{color: #fe9b0c;} .footerSiteMapFirst{padding: 0 0 3px 0;} #bottomNav{padding: 0;margin: 20px 0 8px 0;list-style-type: none;width: 600px;float: left;} #bottomNav li{display: inline;font-size: 10px;} #bottomNav li a{color: #676b72;padding: 0 7px;border-right: 1px solid #71757b;text-decoration: none;font-weight: bold;} #bottomNav li a:hover{color: #fe9b0c;} #bottomNav li a#bottomNavLastItem{border: 0;} #footer p{color: #a7a9ac;font-size: 10px;padding: 5px 0;margin: 0;} #footer p a{color: #a7a9ac;text-decoration: underline;} #footer p a:hover{text-decoration: none;color: #fe9b0c;}/* Homepage V3 Test Content ********************************************************************************************/ #homepageContentV3_test{width: 959px;height: 458px;background: url(../images/homepageBackground_v1_test.jpg);} #homepageContentV3_test_03{width: 959px;height: 512px;background: url(../images/homepageBackground_v1_test_03_long.jpg);} .quoteFormDisclaimerV3_test{color: #7a828a;font-size: 11px;padding: 8px 0 0 12px;margin: 0;height: 28px;} .quoteFormDisclaimerV3_test a{color: #7a828a;} .quoteFormDisclaimerV3_test a:hover{text-decoration: none;} #leftBottomTextV3_test{width: 550px;float: left;margin: 17px 0 0 0;} #leftBottomTextV3_test h3{padding: 0 0 0 25px;margin: 0;color: #fe9b0c;font-size: 16px;} #leftBottomTextV3_test p{padding: 0 0 0 25px;margin: 8px 0;color: #676b72;font-weight: bold;} #rightBottomTextV3_test{width: 385px;float: left;margin: 10px 0 0 0;padding: 27px 0 0 0;} #rightBottomTextV3_test image{float: left;} #rightBottomTextV3_test p{padding: 0 0 0 14px;margin: 0;font-size: 12px;color: #676b72;} .homepage_V3_test_03_box{color: #676b72;float: left;font-weight: bold;} .homepage_V3_test_03_h3{padding: 10px 0 0 25px;margin: 0;color: #fe9b0c;font-size: 16px;color: #6b7781;} .homepage_V3_test_03_h3 b{font-size: 18px;} .quoteFormDisclaimerV1{color: #7a828a;font-size: 11px;padding: 10px 0 0 12px;margin: 0;height: 27px;} .quoteFormDisclaimerV1 a{color: #7a828a;} .quoteFormDisclaimerV1 a:hover{text-decoration: none;} .quoteFormDisclaimerV1_toolsAndInformation{color: #7a828a;font-size: 11px;padding: 5px 0 0 12px;margin: 0;} .quoteFormDisclaimerV1_toolsAndInformation a{color: #7a828a;} .quoteFormDisclaimerV1_toolsAndInformation a:hover{text-decoration: none;}/* Homepage 2 Step Variant Color Girl Content ********************************************************************************************/ #homepageContent2Step_test_03_color-girl_variant_short{width: 959px;height: 347px;background: url(../images/homepage2StepBackground_beach.jpg);} #homepageContent2Step_test_03_color-girl_variant_short_Google-AB-test{width: 959px;height: 347px;background: url(http://qa.matrixdirect.com/images/homepage2StepBackground_color-girl_short_Google-AB-test.jpg);}/* Homepage 2 Step Variant Color Girl Content ********************************************************************************************/ #homepageContent2Step_test_03_BW-agent_variant_short{width: 959px;height: 347px;background: url(../images/homepage2StepBackground_BW-agent_short.jpg);}/* Homepage V3 Variant BW Agent Content ********************************************************************************************/ #step2_color-girl_wrapper{width: 959px;height: 445px;background: url(../images/step2_beach.jpg);} #step2_color-girl_wrapper_Google-AB-test{width: 959px;height: 445px;background: url(https://qa.matrixdirect.com/images/step2_color-girl_Google-AB-test.jpg);} #step2_color-girl_wrapper_thankYou{width: 959px;height: 445px;background: url(../images/step2_beach_thankYou.jpg);}/* Homepage V3 Variant BW Agent Content ********************************************************************************************/ #homepageContentV3_test_03_BW-agent_variant_tall{width: 959px;height: 347px;background: url(../images/homepageBackground_BW-agent_tall.jpg);} #homepageContentV3_test_03_BW-agent_variant_short{width: 959px;height: 347px;background: url(../images/homepageBackground_BW-agent_short.jpg);}/* Homepage V3 Variant Color Agent Content ********************************************************************************************/ #homepageContentV3_test_03_color-agent_variant_tall{width: 959px;height: 347px;background: url(../images/homepageBackground_color-agent_tall.jpg);} #homepageContentV3_test_03_color-agent_variant_short{width: 959px;height: 347px;background: url(../images/homepageBackground_color-agent_short.jpg);}/* Homepage V3 Variant Color Girl Content ********************************************************************************************/ #homepageContentV3_test_03_color-girl_variant_tall{width: 959px;height: 347px;background: url(../images/homepageBackground_color-girl_tall.jpg);} #homepageContentV3_test_03_color-girl_variant_short{width: 959px;height: 347px;background: url(../images/homepageBackground_color-girl_short.jpg);}/* Homepage V3 Variant Testimonials Lower Panel Content ********************************************************************************************/ #slideBox{width: 535px;height: 109px;float: left;padding: 6px 0 0 15px;} #slideshow{width: 535px;height: 109px;overflow: hidden;background: url("../images/slideshow_bg.gif") no-repeat;position: relative;z-index: 1;} .slide{padding-left: 0px;width: 533px;height: 107px;border: 0px solid green;} .slide p{width: 515px;} #controlBox{position: absolute;margin-top: 98px;margin-left: 20px;z-index: 100;} #nav{position: absolute;margin-top: 100px;margin-left: 450px;z-index: 200;} #nav a{display: block;float: left;width: 8px;height: 8px;background: #6A737B;text-decoration: none;margin: 0 2px 0 2px;padding: 0px;color: #5a5a5c;font-size: 2px;} #nav a.activeSlide{background: #d6d7d7;color: #14a3d9;} #nav a:focus{outline: none;} #slide1{} #slide1 h3{padding: 3px 0 0 15px;margin: 0;color: #f39000;font-size: 14px;} #slide1 p{padding: 0 0 0 15px;margin: 5px 0 0 0;color: #676b72;font-weight: bold;font-style: italic;height: 60px;} #slide2{} #slide2 h3{padding: 3px 0 0 15px;margin: 0;color: #f39000;font-size: 14px;} #slide2 p{padding: 0 0 0 15px;margin: 5px 0 0 0;color: #676b72;font-weight: bold;font-style: italic;height: 60px;} #slide3{} #slide3 h3{padding: 3px 0 0 15px;margin: 0;color: #f39000;font-size: 14px;} #slide3 p{padding: 0 0 0 15px;margin: 5px 0 0 0;color: #676b72;font-weight: bold;font-style: italic;height: 60px;} #slide4{} #slide4 h3{padding: 3px 0 0 15px;margin: 0;color: #f39000;font-size: 14px;} #slide4 p{padding: 0 0 0 15px;margin: 5px 0 0 0;color: #676b72;font-weight: bold;font-style: italic;height: 60px;} #slide5{} #slide5 h3{padding: 3px 0 0 15px;margin: 0;color: #f39000;font-size: 14px;} #slide5 p{padding: 0 0 0 15px;margin: 5px 0 0 0;color: #676b72;font-style: normal;height: 60px;} /* slideLeftColumn is for link to testimonials page
Read more testimonials
goes right above slideRightColumn */ .slideLeftColumn{width: 250px;float: left;margin: 3px 0 0 15px;} .slideLeftColumn a{color: #676b72;font-size: 11px;} .slideLeftColumn a:hover{text-decoration: none;} .slideRightColumn{/*width: 235px;*/width: 420px;color: #676b72;float: left;font-size: 11px;text-align: right;margin: 3px 15px 0 15px;}/* Homepage V3 Variant Tall Lower Panel Content ********************************************************************************************/ #homepageVariant_tall{width: 959px;height: 317px;background: url(../images/homepageBackground_tallPanel.jpg);} .homepageVariant_color-agent-differenceBox{width: 616px;height: 98px;float: left;} .homepageVariant_color-agent-differenceBox h3{padding: 18px 0 0 25px;margin: 0;font-size: 16px;color: #f39000;} .homepageVariant_color-agent-differenceBox h3 b{font-size: 18px;} .homepageVariant_color-agent-differenceBox p{padding: 5px 0 0 25px;margin: 0;color: #6b7781;font-size: 11px;} .homepageVariant_color-agent-differenceBoxRight{width: 330px;height: 98px;float: left;} .homepageVariant_color-agent-differenceBoxRight p{padding: 30px 0 4px 0;margin: 0;color: #6b7781;font-size: 11px;} .homepageVariant_color-agent-differenceBoxRight img{float: left;} #tallBoxes{padding: 0;margin: 0;list-style-type: none;} #tallBoxes li{float: left;padding-top: 12px;} #tallBoxes li h4{padding: 0 10px 0 0;margin: 0;font-size: 12px;color: #6b7781;} #tallBoxes li h4 a{color: #6b7781;text-decoration: none;} #tallBoxes li h4 a:hover{color: #fe9b0c;} #tallBoxes li p{padding: 7px 5px 0 0;margin: 0;font-size: 11px;color: #6b7781;} #tallBoxes li p a{color: #6b7781;text-decoration: underline;} #tallBoxes li p a:hover{color: #fe9b0c;text-decoration: none;} .tallBoxes_underText{clear: both;color: #6b7781;padding: 0px 0 0 27px;margin: 0;width: 500px;} .tallBoxes_underText a{color: #6b7781;text-decoration: underline;} .tallBoxes_underText a:hover{color: #fe9b0c;text-decoration: none;}/* Homepage V3 Variant Short Lower Panel Content ********************************************************************************************/ #homepageVariant_short{width: 959px;height: 134px;background: url(../images/homepageBackground_shortPanel.jpg);} .homepageVariant_shortLeft{width: 562px;float: left;} .homepageVariant_shortLeft h3{padding: 12px 0 0 25px;margin: 0;color: #f39000;/*color: #fe9b0c;*/font-size: 16px;} .homepageVariant_shortLeft h3 b{font-size: 18px;} .homepageVariant_shortLeft p{padding: 0 0 0 25px;margin: 5px 0 5px 0;color: #676b72;} .homepageVariant_shortLeft p a{color: #676b72;} .homepageVariant_shortLeft p a:hover{color: #fe9b0c;text-decoration: none;} .homepageVariant_shortRight{width: 397px;float: left;} .homepageVariant_shortRight p{padding: 26px 0 0 16px;color: #6b7781;font-size: 11px;} .homepageVariant_shortRight img{float: left;}/* Homepage Form v3 test *******************************************************************************************************/ #homepageFormContainer_v3_test{width: 555px;height: 310px;position: relative;float: left;} #homepageFormContainer_v3_test h2{padding: 20px 0 0 0;margin: 0 0 0 24px;font-size: 26px;color: #ffffff;} #homepageFormContainer_v3_test form{padding: 10px 0 0 23px;margin: 0;} #homepageContent2Step_test_03_color-girl_variant_short #homepageFormContainer_v3_test form{padding: 10px 0 0 220px;margin: 0;} /* testing */ #homepageContent2Step_test_03_color-girl_variant_short_Google-AB-test #homepageFormContainer_v3_test form{padding: 10px 0 0 220px;margin: 0;} #homepageContent2Step_test_03_BW-agent_variant_short #homepageFormContainer_v3_test form{padding: 10px 0 0 220px;margin: 0;} .homepageFormCol_1{width: 254px;float: left;}/* 254px instead of 250px to fix an IE6 bug */ .homepageFormCol_1_row{width: 254px;height: 25px;clear: both;} .homepageFormCol_1_row input{float: left;margin: 0;width: 137px;/* width: 127px; */padding-left: 2px;} .homepageFormCol_1_row select{float: left;margin: 0;width: 144px;/* width: 134px; */} .homepageFormCol_1_row label{font-size: 11px;font-weight: bold;color: #ffffff;line-height: 20px;display: block;float: left;width: 105px;margin: 0 3px 0 0;text-align: right;} #step2_color-girl_wrapper .homepageFormCol_1{width: 500px;/*width: 254px;*/float: left;}/* 254px instead of 250px to fix an IE6 bug */ #step2_color-girl_wrapper .homepageFormCol_1_row{width: 500px;/*width: 254px;*/background-color: none;height: 25px;clear: both;} #step2_color-girl_wrapper .homepageFormCol_1_row input{float: left;margin: 0;width: 137px;/* width: 127px; */padding-left: 2px;color: #676b72;} #step2_color-girl_wrapper .homepageFormCol_1_row select{float: left;margin: 0;width: 144px;/* width: 134px; */color: #676b72;} #step2_color-girl_wrapper .homepageFormCol_1_row label{font-size: 11px;font-weight: bold;color: #85898e;line-height: 20px;display: block;float: left;width: 105px;margin: 0 3px 0 0;text-align: right;} /* Google AB testing, 3/19/10 */ #step2_color-girl_wrapper_Google-AB-test .homepageFormCol_1{width: 500px;/*width: 254px;*/float: left;}/* 254px instead of 250px to fix an IE6 bug */ #step2_color-girl_wrapper_Google-AB-test .homepageFormCol_1_row{width: 500px;/*width: 254px;*/background-color: none;height: 25px;clear: both;} #step2_color-girl_wrapper_Google-AB-test .homepageFormCol_1_row input{float: left;margin: 0;width: 137px;/* width: 127px; */padding-left: 2px;color: #676b72;} #step2_color-girl_wrapper_Google-AB-test .homepageFormCol_1_row select{float: left;margin: 0;width: 144px;/* width: 134px; */color: #676b72;} #step2_color-girl_wrapper_Google-AB-test .homepageFormCol_1_row label{font-size: 11px;font-weight: bold;color: #85898e;line-height: 20px;display: block;float: left;width: 105px;margin: 0 3px 0 0;text-align: right;} .step2Form{padding-top: 0px;} .step2FormContainer_v3_labelError{font-size: 11px;font-weight: bold;color: red;background-color: #f2f3f5;padding: 2px 0 2px 6px;} .step2FormContainer_v3_ValidationMessage{font-size: 12px;font-weight: bold;color: red;background-color: #f2f3f5;padding: 4px 6px 4px 6px;margin: 4px 0 0 23px;float: left;} #step2Form_rightColumn{width: 393px;margin: 242px 0 0 0;float: left;} #step2Form_rightColumn h3{padding: 0 0 0 25px;margin: 0;color: #676b72;font-size: 16px;} #step2Form_rightColumn h3 b{font-size: 18px;} #step2Form_rightColumn p{padding: 0 25px;margin: 5px 0 0 0;color: #676b72;} .step2Form_rightIcons{width: 397px;padding: 20px 0 0 0;float: left;} #step2Form_rightColumn .step2Form_rightIcons p{padding: 2px 0 5px 25px;margin: 0;color: #6b7781;font-size: 11px;} .step2Form_rightIcons img{float: left;} .homepageFormContainer_v3_labelError{font-size: 11px;font-weight: bold;color: red;background-color: #f5f5f5;padding: 2px 0 2px 6px;} .homepageFormContainer_v3_ValidationMessage{font-size: 12px;font-weight: bold;color: red;background-color: #e2e2e2/*f5f5f5*/;padding: 4px 6px 4px 6px;margin: 4px 0 0 23px;float: left;} .homepageFormCol_1_rowGender{padding: 0;margin: 0;background-color: #ffffff;} .homepageFormCol_1_rowGender td{width: 65px;padding: 0;margin: 0;} .homepageFormCol_1_rowGender td label{color: #000000;width: 40px;display: inline;text-align: left;margin: 0 0 0 5px;font-weight: normal;} .homepageFormCol_1_rowGender td input{width: 15px;height: 20px;padding: 0;margin: 0;float: left;} * html .homepageFormCol_1_rowGender td input{padding: 0 0 0 0;margin: 0 0 0 0;} /* Google AB testing, 3/23/10 */ .homepageFormCol_1_rowGender_Google-AB-test{padding: 0;margin: 0;background-color: #ffffff;} .homepageFormCol_1_rowGender_Google-AB-test td{width: 65px;padding: 0;margin: 0;} .homepageFormCol_1_rowGender_Google-AB-test td label{color: #000000;width: 40px;display: inline;text-align: left;margin: 0 0 0 5px;font-weight: normal;} .homepageFormCol_1_rowGender_Google-AB-test td input{width: 15px;height: 20px;padding: 0;margin: 0;float: left;} * html .homepageFormCol_1_rowGender_Google-AB-test td input{padding: 0 0 0 0;margin: 0 0 0 0;} .homepageFormCol_2{width: 270px;float: left;} .homepageFormCol_2_row{width: 254px;height: 25px;clear: both;}/* 254px instead of 250px to fix an IE6 bug */ .homepageFormCol_2_row input{float: left;margin: 0;width: 127px;padding-left: 2px;} .homepageFormCol_2_row select{float: left;margin: 0;width: 134px;} .homepageFormCol_2_row label{font-size: 11px;font-weight: bold;color: #ffffff;line-height: 20px;display: block;float: left;width: 105px;margin: 0 3px 0 0;text-align: right;} .homepageForm_v3_testSubmit{margin: 15px 0 0 0;} #homepageFormContainer_v3_test_rightBox{width: 400px;float: left;} #homepageBVStarsWrapper{height: 35px;margin: 20px;}/* Application.aspx Form v3 test *******************************************************************************************************/ #applicationFormContainer_v3_test{width: 697px;/*height: 310px;*/position: relative;background: url(../images/applicationBackground_top.jpg);} #applicationFormContainer_v3_test_bottom{width: 697px;height: 20px;background: url(../images/applicationBackground_bottom.jpg) bottom;} #applicationFormContainer_v3_test h2{padding: 20px 0 0 0;margin: 0 0 0 24px;font-size: 26px;color: #ffffff;} #applicationFormContainer_v3_test form{padding: 20px 0 0 23px;margin: 0;} .applicationFormCol_1{width: 300px;float: left;}/* 254px instead of 250px to fix an IE6 bug */ .applicationFormCol_1_row{width: 294px;height: 25px;clear: both;} .applicationFormCol_1_row input{float: left;margin: 0;width: 137px;/* width: 127px; */padding-left: 2px;} .applicationFormCol_1_row select{float: left;margin: 0;width: 144px;/* width: 134px; */} .applicationFormCol_1_row label{font-size: 11px;font-weight: bold;color: #ffffff;line-height: 20px;display: block;float: left;width: 145px;margin: 0 3px 0 0;text-align: right;} .applicationFormContainer_v3_labelError{font-size: 11px;font-weight: bold;color: red;background-color: #f5f5f5;padding: 2px 0 2px 6px;} .applicationFormContainer_v3_ValidationMessage{font-size: 12px;font-weight: bold;color: red;background-color: #e2e2e2/*f5f5f5*/;padding: 4px 6px 4px 6px;margin: 4px 0 0 23px;float: left;} .applicationFormCol_1_rowGender{} .applicationFormCol_1_rowGender td{width: 70px;} .applicationFormCol_1_rowGender td label{width: 40px;display: inline;text-align: left;margin-left: 5px;font-weight: bold;} .applicationFormCol_1_rowGender td input{width: 15px;} .applicationFormCol_2{width: 310px;float: left;} .applicationFormCol_2_row{width: 310px;height: 25px;clear: both;}/* 254px instead of 250px to fix an IE6 bug */ .applicationFormCol_2_row input{float: left;margin: 0;width: 127px;padding-left: 2px;} .applicationFormCol_2_row select{float: left;margin: 0;width: 134px;} .applicationFormCol_2_row label{font-size: 11px;font-weight: bold;color: #ffffff;line-height: 20px;display: block;float: left;width: 145px;margin: 0 3px 0 0;text-align: right;} .applicationForm_v3_testSubmit{margin: 15px 0 0 0;}/* Application.aspx Form v3 *******************************************************************************************************/ #applicationFormContainer_v3{width: 959px;position: relative;background: url(../images/applicationBackground.jpg);} /* Google Optimizer code */ #applicationFormContainer_v3.applicationFormContainer_v3_GoogleTest{width: 959px;position: relative;background: url(https://qa.matrixdirect.com/images/applicationBackground_GoogleTest.jpg);} #applicationFormContainer_v3 h2{padding: 20px 0 0 0;margin: 0 0 0 24px;font-size: 24px;color: #ffffff;} #applicationFormContainer_v3 form{padding: 10px 0 0 0;margin: 0;float: left;width: 634px;} .applicationFormWrapper{width: 640px;float: left;height: 310px;} .applicationRightBox{width: 310px;float: left;padding: 50px 0 0 0;} .applicationRightBox h4{width: 300px;float: left;padding: 0 0 0 10px;margin: 50px 0 0 0;font-size: 14px;color: #676b72;} .applicationRightBox img{float: left;} .applicationFormV3Col_1{width: 300px;float: left;}/* 254px instead of 250px to fix an IE6 bug */ .applicationFormV3Col_1_row{width: 294px;height: 25px;clear: both;} .applicationFormV3Col_1_row input{float: left;margin: 0;width: 137px;/* width: 127px; */padding-left: 2px;} .applicationFormV3Col_1_row select{float: left;margin: 0;width: 144px;/* width: 134px; */} .applicationFormV3Col_1_row label{font-size: 11px;font-weight: bold;color: #ffffff;line-height: 20px;display: block;float: left;width: 145px;margin: 0 3px 0 0;text-align: right;} .applicationFormV3Container_v3_labelError{font-size: 11px;font-weight: bold;color: red;background-color: #f5f5f5;padding: 2px 0 2px 6px;} .applicationFormV3Container_v3_ValidationMessage{font-size: 12px;font-weight: bold;color: red;background-color: #e2e2e2/*f5f5f5*/;padding: 4px 6px 4px 6px;margin: 4px 0 0 23px;float: left;} .applicationFormV3Col_1_rowGender{} .applicationFormV3Col_1_rowGender td{width: 70px;} .applicationFormV3Col_1_rowGender td label{width: 40px;display: inline;text-align: left;margin-left: 5px;font-weight: bold;} .applicationFormV3Col_1_rowGender td input{width: 15px;} .applicationFormV3Col_2{width: 310px;float: left;} .applicationFormV3Col_2_row{width: 310px;height: 25px;clear: both;}/* 254px instead of 250px to fix an IE6 bug */ .applicationFormV3Col_2_row input{float: left;margin: 0;width: 127px;padding-left: 2px;} .applicationFormV3Col_2_row select{float: left;margin: 0;width: 134px;} .applicationFormV3Col_2_row label{font-size: 11px;font-weight: bold;color: #ffffff;line-height: 20px;display: block;float: left;width: 145px;margin: 0 3px 0 0;text-align: right;} .applicationFormV3_v3_testSubmit{margin: 15px 0 0 0;} .homepageFormV3Container_v3_ValidationMessage{font-size: 12px;font-weight: bold;color: red;background-color: #e2e2e2;padding: 4px 6px 4px 6px;margin: 4px 0 0 23px;float: left;} .homepageFormV3Container_v3_labelError{font-size: 11px;font-weight: bold;color: red;background-color: #f5f5f5;padding: 2px 0 2px 6px;}/* Thank you pages *********************************************************************************************************/ #homepageFormContainer_v3_test_thankYou{width: 555px;height: 290px;} #homepageFormContainer_v3_test_thankYou h2{padding: 20px 0 0 0;margin: 0 0 0 24px;font-size: 22px;color: #ffffff;} #homepageFormContainer_v3_test_thankYou p{font-weight: bold;padding: 10px 5px 0 0;margin: 0 0 0 24px;color: #ffffff;} #homepageFormContainer_v3_test_thankYou a{color: #ffffff;} #homepageFormContainer_v3_test_thankYou a:hover{color: #ffffff;text-decoration: none;} #step2FormContainer_thankYou{width: 555px;height: 290px;padding: 90px 0 0 0;} #step2FormContainer_thankYou h2{padding: 20px 0 0 0;margin: 0 0 0 24px;font-size: 22px;color: #76797a;} #step2FormContainer_thankYou p{font-weight: bold;padding: 10px 5px 0 0;margin: 0 0 0 35px;color: #76797a;} #step2FormContainer_thankYou a{color: #76797a;} #step2FormContainer_thankYou a:hover{color: #76797a;text-decoration: none;} #toolsIframeForm_v3_thankYou{padding: 0 0 20px 0;} #toolsIframeForm_v3_thankYou p{padding: 10px 15px 0 0;margin: 0 0 0 24px;color: #676b72;} #toolsIframeForm_v3_thankYou a{color: #676b72;} #toolsIframeForm_v3_thankYou a:hover{color: #676b72;text-decoration: none;} #innerPageIframeForm_v3_thankYou{padding: 0 0 20px 0;} #innerPageIframeForm_v3_thankYou p{padding: 10px 15px 0 0;margin: 0 0 0 24px;color: #676b72;} #innerPageIframeForm_v3_thankYou a{color: #676b72;} #innerPageIframeForm_v3_thankYou a:hover{color: #676b72;text-decoration: none;}/* Inside Page Quote Form ***********************************************************************************************/ #innerQuoteForm{width: 309px;background-color: #f2f3f5;color: #676b72;} #innerQuoteForm form{margin: 0;} #innerQuoteForm form input{border: 1px solid #bcbec0;} #innerQuoteForm h3{padding: 5px 0 5px 14px;margin: 0;/*color: #6b7781;*/color: #fe9b0c;font-size: 23px;} .innerQuoteFormSelect{width: 128px;margin: 9px 0 0 14px;color: #676b72;border: 1px solid #bcbec0;float: left;} .innerQuoteFormTextbox{margin-top: 9px;margin-left: 14px;padding-left: 3px;width: 241px;color: #676b72;border: 1px solid #bcbec0;float: left;} .innerPageFormIframe{float: right;margin: 0 0 0 10px;}/* Inside Page Quote Form Labels Outside v2 ********************************************************************************/ #innerQuoteForm_labelsOutside_02{width: 309px;background-color: #f2f3f5;} .innerQuoteForm_labelsOutside_02_top{height: 83px;background: url(../images/innerQuoteFormBackground_top.jpg) no-repeat;} .innerQuoteForm_labelsOutside_02_top_valic{height: 83px;background: url(../images/innerQuoteFormBackground_top_valic.jpg) no-repeat;} .innerQuoteFormUL_labelsOutside_02_top{height: 83px;background: url(../images/innerQuoteFormBackgroundUL_top.jpg) no-repeat;} .innerQuoteForm_labelsOutside_02_bottom{height: 20px;background: url(../images/innerQuoteFormBackground_bottom.jpg) no-repeat;} #innerQuoteForm_labelsOutside_02 h3{padding: 10px 0 10px 14px;margin: 0;color: #6b7781;font-size: 15px;} #innerQuoteForm_labelsOutside_02 form{margin: 0;} .innerQuoteForm_labelsOutsideRow{width: 281px;height: 25px;margin: 0 14px;} .innerQuoteForm_labelsOutsideRow label{display: block;float: left;width: 105px;padding: 0 5px 0 0;line-height: 20px;text-align: right;color: #676b72;font-size: 11px;font-weight: bold;} .innerQuoteForm_labelsOutsideRow select{width: 154px;float: left;margin-right: 3px;} .innerQuoteForm_labelsOutsideRow input{width: 149px;float: left;} .innerFormGender{padding: 0;margin: 9px 0 0 14px;} .innerFormGender td{padding: 0;margin: 0;} .zinnerFormGender td label{display: inline;padding: 0 0 0 0;margin: 0 0 0 0;background-color: Red;} .zinnerFormGender td input{padding: 0 0 0 0;margin: 5px 0 0 0;background-color: orange;} * html .zinnerFormGender td input{margin-top: 0;} .innerFormError{/*padding: 0 0 0 14px;border: 1px solid red;*/margin: 9px 0 0 0;float: left;color: red;font-weight: bold;}/* Tools and Information ***********************************************************************************************/ #toolsAndInformationTop{width: 958px;height: 478px;background: url(../images/toolsAndInformationBackground.jpg);} #toolsAndInformationBoxes{list-style-type: none;padding: 103px 0 0 0;margin: 0 0 0 16px;border: 0px solid red;} #toolsAndInformationBoxes li{display: inline;} #toolsAndInformationBox1{width: 228px;height: 228px;margin: 0;float: left;background: url(../images/toolsAndInformation_box1_off.jpg);text-decoration: none;} #toolsAndInformationBox1 h3{padding: 24px 0 0 20px;margin: 0;color: #fe9b0c;font-size: 16px;text-decoration: none;} #toolsAndInformationBox1 h4{padding: 22px 0 0 37px;margin: 0;color: #7d7f85;font-size: 12px;text-decoration: none;} #ztoolsAndInformationBox1:hover h4{color: #fe9b0c;} #toolsAndInformationBox1 a{text-decoration: none;} #toolsAndInformationBox1 p{padding: 4px 0 0 37px;margin: 0;color: #7d7f85;font-size: 12px;text-decoration: none;} #toolsAndInformationBox2{width: 235px;height: 228px;margin: 0;float: left;background: url(../images/toolsAndInformation_box2_off.jpg);text-decoration: none;} #toolsAndInformationBox2 h3{padding: 24px 0 0 28px;margin: 0;color: #fe9b0c;font-size: 16px;} #toolsAndInformationBox2 h3 a{color: #fe9b0c;text-decoration: none;} #toolsAndInformationBox2 h4{padding: 22px 0 0 45px;margin: 0;color: #7d7f85;font-size: 12px;} #toolsAndInformationBox2:hover h4{color: #fe9b0c;} #toolsAndInformationBox2 h4 a{color: #7d7f85;text-decoration: none;} #toolsAndInformationBox2 h4 a:hover{color: #fe9b0c;} #toolsAndInformationBox2 p{padding: 4px 0 0 45px;margin: 0;color: #7d7f85;font-size: 12px;} #toolsAndInformationBox2 p a{color: #7d7f85;text-decoration: underline;} #toolsAndInformationBox2 p a:hover{color: #7d7f85;text-decoration: none;} #toolsAndInformationBox3{width: 235px;height: 228px;margin: 0;float: left;background: url(../images/toolsAndInformation_box3_off.jpg);text-decoration: none;} #toolsAndInformationBox3 h3{padding: 24px 0 0 28px;margin: 0;color: #fe9b0c;font-size: 16px;} #toolsAndInformationBox3 a{text-decoration: none;} #toolsAndInformationBox3 h4{padding: 22px 0 0 45px;margin: 0;color: #7d7f85;font-size: 12px;} #toolsAndInformationBox3:hover h4{color: #fe9b0c;} #toolsAndInformationBox3 p{padding: 4px 0 0 45px;margin: 0;color: #7d7f85;font-size: 12px;} #toolsAndInformationBox4{width: 236px;height: 228px;margin: 0;float: left;background: url(../images/toolsAndInformation_box4_off.jpg);text-decoration: none;} #toolsAndInformationBox4 h3{padding: 24px 0 8px 28px;margin: 0;color: #fe9b0c;font-size: 14px;} #toolsAndInformationBox4Icons{width: 83px;padding: 0 0 0 22px;float: left;} #toolsAndInformationBox4Icons img{float: left;} #toolsAndInformationBox4Text{width: 131px;float: left;} #toolsAndInformationBox4Text p{padding: 0;margin: 0;color: #7d7f85;font-size: 10px;} .toolsAndInformationCarouselWrapper{width: 959px;/*width: 879px;*/height: 113px;float: left;padding: 0 0 0 0px;margin: 10px 0 0 0;overflow: hidden;background: url(../images/toolsAndInformationCarouselBackground.jpg) no-repeat 38px 0;} .stepcarousel{ position: relative; /*leave this value alone*/ overflow: scroll; /*leave this value alone*/ width: 879px; /*Width of Carousel Viewer itself*/ margin-left: 38px; height: 113px; /*Height should enough to fit largest content's height*/} .stepcarousel .belt{ position: absolute; /*leave this value alone*/ left: 0; top: 0;} .stepcarousel .panel{ float: left; /*leave this value alone*/ overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/ margin: 0px; /*margin around each panel*/ width: 387px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */} .toolsAndInformationFormTop{width: 961px;height: 40px;margin: 11px 0 0 0;background: url(../images/toolsAndInformationFormTop.jpg);} .toolsAndInformationFormTop h3{padding: 8px 0 0 17px;margin: 0;color: #fe9b0c;font-size: 30px;} .toolsAndInformationFormContainer{width: 961px;padding: 0 0 15px 0;background: url(../images/toolsAndInformationFormBottom.jpg) bottom;} .toolsAndInformationFormContainer form{margin: 0;padding: 4px 0 0 0;} .toolsAndInformationFormSelect{width: 120px;margin: 9px 0 0 17px;color: #676b72;border: 1px solid #bcbec0;float: left;} .toolsAndInformationFormTextbox{padding-left: 2px;margin-top: 9px;margin-left: 17px;width: 166px;color: #676b72;border: 1px solid #bcbec0;float: left;} .toolsFormGender{padding: 0;margin: 7px 0 0 14px;} .toolsFormGender td{padding: 0;margin: 0;color: #676b72;} .toolsFormGender td label{float: left;line-height: 20px;} .toolsFormGender td input{float: left;} * html .ztoolsFormGender td input{padding: 0 0 0 0;margin: 0 0 0 0;}/* Inside Page Content ****************************************************************************************************/ #insidePageContent{padding: 15px 0 0 16px;} #insidePageContent h1{color: #676b72;padding: 0;margin: 0;font-size: 22px;} #insidePageContent h2{color: #676b72;padding: 0;margin: 5px 0 0 0;font-size: 16px;font-weight: normal;} #insidePageContent p{color: #676b72;padding: 0;margin: 5px 0;} .body{padding: 15px 0 0 0;color: #676b72;line-height: 18px;} .body h1{color: #676b72;padding: 0;margin: 0;font-size: 22px;line-height: 26px;} .body h2{color: #676b72;padding: 0;margin: 5px 0 0 0;font-size: 16px;} .body h2 a{text-decoration: none;} .body h3{color: #676b72;padding: 0;margin: 5px 0 0 0;font-size: 14px;} .body p{color: #676b72;padding: 0;margin: 5px 0;} .body a{color: #676b72;} .body a:hover{color: #fe9b0c;text-decoration: none;} .body ul{padding-left: 10px;margin-left: 10px;} .insidePageContentOrangeHorzLine_3{font-size: 0;width: 612px;height: 3px;margin: 20px 0;background-color: #fe9b0c;} .insidePageContentGreyHorzLine_1{font-size: 0;width: 612px;height: 1px;margin: 12px 0;background-color: #c0c2c4;} .goTo{color: #fe9b0c;font-size: 14px;font-weight: bold;text-decoration: none;} .goTo span{color: #676b72;} /* another simple drop-down, originally used on breadcrumb http://javascript-array.com/scripts/jquery_simple_drop_down_menu*/ /* http://www.dynamicdrive.com/style/csslibrary/item/jquery_multi_level_css_menu_2/ */ .breadcrumbs ul{margin: 0;padding: 0;list-style-type: none;float: left;z-index: 19;} .breadcrumbs ul li{position: relative;display: inline;float: left;} .breadcrumbs ul li span{display: block;height: 20px;color: #676b72;line-height: 20px;font-weight: bold;text-decoration: none;padding: 0 21px 0 0;background: url(../images/breadcrumbArrow.gif) no-repeat 96% 50%;} * html .breadcrumbs ul li span{display: inline-block;} .breadcrumbs ul li a{display: block;height: 20px;color: #676b72;line-height: 20px;font-weight: bold;text-decoration: none;padding: 0 21px 0 0;background: url(../images/breadcrumbArrow.gif) no-repeat 96% 50%;} * html .breadcrumbs ul li a{display: inline-block;} .breadcrumbs ul li a:hover{color: #676B72;} .breadcrumbs ul li ul{position: absolute;left: 0;display: block;visibility: hidden;margin: 0 0 0 0;} .breadcrumbs ul li ul li{display: list-item;float: none;} .breadcrumbs ul li ul li ul{top: 0;} .breadcrumbs ul li ul li a{background-color: #f2f3f5;background-image: none;color: #676b72;font-weight: normal;line-height: 22px;font-size: 11px;height: 22px;width: 100px;padding: 0 0 0 10px;margin: 0;border-top-width: 0;border-bottom: 1px solid #c0c2c4;} .breadcrumbs ul li ul li a:hover{color: #ffffff;background-color: #95999f;} .downarrowclass{position: absolute;top: 12px;right: 7px;} .rightarrowclass{position: absolute;top: 6px;right: 5px;} .breadcrumbs ul li.breadcrumbLastItem{background: none;color: #fe9b0c;display: block;height: 20px;line-height: 20px;font-weight: bold;text-decoration: none;padding: 0 21px 0 0;} .breadcrumbLastItem:hover{color: #676b72;} .bold{font-weight: bold;} .innerPageIframeForm_disclaimer{color: #7a828a;font-size: 10px;padding: 3px 0 0 0px;margin: 0 15px;width: 279px;} .innerPageIframeForm_disclaimer a{color: #7a828a;} .innerPageIframeForm_disclaimer a:hover{text-decoration: none;}/* Sitemap ***********************************************************************************************************************/ #sitemap{padding: 0;margin: 0;list-style-type: none;} #sitemap li{margin: 0 0 20px 0;line-height: 14px;} #sitemap li a{font-weight: bold;font-size: 16px;text-decoration: none;} #sitemap li a:hover{} #sitemap li ul{list-style-type: none;margin-top: 5px;} #sitemap li ul li{margin: 0 0 5px 0;line-height: 14px;} #sitemap li ul li a{font-weight: bold;font-size: 12px;text-decoration: none;} #sitemap li ul li a:hover{} #sitemap li ul li ul{padding: 0 0 0 20px;margin: 5px 0 0 20px;list-style-type: disc;} #sitemap li ul li ul li{margin: 0 0 5px 0;line-height: 14px;} #sitemap li ul li ul li a{font-weight: normal;font-size: 12px;text-decoration: none;}/* info pop-ups *******************************************************************************************************************/ .infoPopup{width: 300px;display: none;text-align: left;text-decoration: none;} .infoPopupTop{height: 7px;font-size: 0;background: url(/infoPopupTop.png);} * html .infoPopupTop{background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='infoPopupTop.png', sizingMethod='crop');} .infoPopupMiddle{background: url(/infoPopupMiddle.gif);padding: 10px;} .infoPopupMiddle h1{font-size: 16px;color: #666666;margin: 0;padding: 0 0 5px 0;} .infoPopupMiddle p{padding: 0 0 0 0;margin: 0 0 0 0;line-height: 16px;font-weight: normal;color: #666666;} /* h4 same style as p */ .infoPopupMiddle h4{padding: 0 0 0 0;margin: 0 0 0 0;line-height: 16px;font-size: 12px;font-weight: normal;color: #666666;} .infoPopupBottom{height: 9px;font-size: 0;background: url(/infoPopupBottom.png);} * html .infoPopupBottom{background: none;filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='infoPopupBottom.png', sizingMethod='crop');}/* default3 ********************************************************************************************/ #default3_wrapper{width: 959px;} #default3_wrapper{width: 959px;padding: 20px 0 0 0;} #default3_sidePanel{width: 271px;/*height: 723px;*/float: left;background-color: #e7eff5;/*background: url(../images/default3_sidePanelBackground.jpg);*/} #default3_sideNav{list-style-type: none;padding: 0;margin: 15px 0 0 12px;} #default3_sideNav li{} #default3_sideNav li a{display: block;width: 231px;padding: 0 0 0 15px;line-height: 23px;height: 23px;color: #000000;font-weight: bold;text-decoration: none;background: url(../images/default3_sidePanelArrow.jpg) no-repeat 5px 8px;border-top: 1px solid #c5dae7;border-bottom: 1px solid #f3f7fa;} #default3_sideNav li a:hover{color: #FE9B0C;} .default3_sidePanelBox{width: 247px;margin: 17px 0 0 11px;background: url(../images/default3_sidePanelBoxTop.jpg);} .default3_sidePanelBox h3{padding: 14px 0 3px 0;margin: 0 0 0 14px;font-size: 12px;color: #54a4c6;} #default3_sidePanelBoxUL{list-style-type: none;margin: 0 0 0 14px;padding: 0;} #default3_sidePanelBoxUL li{} #default3_sidePanelBoxUL li a{color: #6a6d6f;text-decoration: none;} #default3_sidePanelBoxUL li a:hover{color: #FE9B0C;text-decoration: underline;} .default3_sidePanelBoxBottom{width: 247px;height: 9px;font-size: 0;margin: 0 0 0 11px;background: url(../images/default3_sidePanelBoxBottom.jpg);} #default3_mainPanel{width: 688px;float: left;} #default3_mainPanel-left{width: 387px;float: left;} #default3_mainPanel-left p{padding: 8px 0 0 10px;margin: 0;color: #7e8082;font-size: 11px;} .default3_icons01{width: 102px;float: left;margin: 6px 0 0 5px;} .default3_icons01 img{display: block;} .default3_icons02{width: 145px;float: left;margin: 6px 0 0 0;} .default3_icons02 img{display: block;} .default3_icons03{width: 130px;float: left;margin: 6px 0 0 0;} .default3_icons03 img{display: block;} /* #default3_mainPanel-right{width: 301px;float: left;position: relative;height: 295px;padding: 137px 0 0 0;background: url(../images/default3_mainPanel-rightBackground.jpg);} */ #default3_mainPanel-right{width: 301px;float: left;position: relative;height: 296px;padding: 136px 0 0 0;background: url(../images/default3_mainPanel-rightBackground.jpg);} #default3_mainPanel-right form{margin-left: 10px;} #default3_mainPanel-right p{color: #696c6e;padding: 0 14px;margin: 0;font-size: 11px;position: absolute;left: 10px;top: 370px;line-height: 12px;} #default3_mainPanel-right p a{text-decoration: underline;color: #696c6e;} #default3_mainPanel-right p a:hover{color: #FE9B0C;text-decoration: none;} #default3_mainPanel-bottom{width: 688px;margin: 16px 0 0 0;border-top: 1px solid #d2d3d4;} #default3_mainPanel-bottom h2{padding: 14px 0 0 11px;margin: 0;font-size: 20px;color: #696c6e;} #default3_mainPanel-bottom p{padding: 6px 20px 0 11px;margin: 0;color: #696c6e;} #default3_mainPanel-bottom p a{text-decoration: underline;color: #696c6e;} #default3_mainPanel-bottom p a:hover{color: #FE9B0C;text-decoration: none;} .default3FormCol_1{width: 254px;float: left;}/* 254px instead of 250px to fix an IE6 bug */ .default3FormCol_1_row{width: 254px;height: 25px;clear: both;margin: 0 0 5px 0;} .default3FormCol_1_row input{float: left;margin: 0;width: 137px;/* width: 127px; */padding-left: 2px;} .default3FormCol_1_row select{float: left;margin: 0;width: 144px;/* width: 134px; */} .default3FormCol_1_row label{font-size: 11px;font-weight: bold;color: #696c6e;line-height: 20px;display: block;float: left;width: 105px;margin: 0 3px 0 0;text-align: right;} .default3FormCol_1_rowGender{padding: 0;margin: 0;} .default3FormCol_1_rowGender td{width: 65px;padding: 0;margin: 0;} .default3FormCol_1_rowGender td label{width: 40px;display: inline;text-align: left;margin: 0 0 0 5px;font-weight: bold;} .default3FormCol_1_rowGender td input{width: 15px;height: 20px;padding: 0;margin: 0;float: left;} * html .default3FormCol_1_rowGender td input{padding: 0 0 0 0;margin: 0 0 0 0;} .default3ValidationMessage_labelError{font-size: 11px;font-weight: bold;color: red;} .default3ValidationMessage{font-size: 12px;font-weight: bold;text-align: center;float: left;color: red;background-color: #ffffff;padding: 3px;}/* default3b ********************************************************************************************/ #default3bstep2_color-girl_wrapper{width: 959px;} #default3bFormContainer_v3_test{width: 511px;height: 529px;float: left;position: relative;background: url(../images/default3b_middleColumnBackground.jpg);} #default3bFormContainer_v3_test p{margin: 0;color: #696c6e;font-size: 11px;} #default3bFormContainer_v3_test p a{text-decoration: underline;color: #696c6e;} #default3bFormContainer_v3_test p a:hover{color: #FE9B0C;text-decoration: none;} #default3bFormContainer_v3_test form{margin: 0 0 0 40px;width: 460px;} #default3bstep2_color-girl_wrapper .default3bFormCol_1{width: 500px;/*width: 254px;*/float: left;}/* 254px instead of 250px to fix an IE6 bug */ #default3bstep2_color-girl_wrapper .default3bFormCol_1_row{width: 460px;/*width: 254px;*/height: 25px;clear: both;} #default3bstep2_color-girl_wrapper .default3bFormCol_1_row input{float: left;margin: 0;width: 137px;/* width: 127px; */padding-left: 2px;color: #676b72;} #default3bstep2_color-girl_wrapper .default3bFormCol_1_row select{float: left;margin: 0;width: 144px;/* width: 134px; */color: #676b72;} #default3bstep2_color-girl_wrapper .default3bFormCol_1_row label{font-size: 11px;font-weight: bold;color: #85898e;line-height: 20px;display: block;float: left;width: 105px;margin: 0 3px 0 0;text-align: right;} #default3b_rightColumn{width: 177px;float: left;} #default3b_rightColumn p{padding: 10px 20px 10px 11px;margin: 0;color: #696c6e;font-size: 11px;}/* default3b thank you ********************************************************************************************/ #default3bThankYouContainer_v3_test{width: 511px;height: 529px;float: left;position: relative;background: url(../images/default3bThankYou_middleColumnBackground.jpg);} #step2ThankYouContainer_thankYou{width: 511px;height: 290px;padding: 50px 0 0 0;border: 0px solid blue;} #step2ThankYouContainer_thankYou h2{padding: 20px 0 0 0;margin: 0 15px 0 24px;font-size: 22px;color: #76797a;} #step2ThankYouContainer_thankYou p{font-weight: bold;padding: 10px 15px 0 0;margin: 0 0 0 35px;color: #85898e;} #step2ThankYouContainer_thankYou a{color: #76797a;} #step2ThankYouContainer_thankYou a:hover{color: #76797a;text-decoration: none;}/* calculator stuff ********************************************************************************************/ #calculator-survey{width: 920px;height: 444px;padding: 80px 0 0 40px;background: url(/images/calculatorBackground_960px.jpg);color: #ffffff;} #calculator-survey h1{font-size: 27px;color: #ffffff;} #calculator-survey h2{font-size: 16px;color: #ffffff;padding: 20px 0 15px 0;} #calculator-survey span{font-size: 14px;} #calculator-survey em{margin: 20px;} #calculator-survey a{float: right;margin: 20px 70px 0 0;} #calculatorDefaultDocument{width: 959px;height: 435px;background: url(/images/calculatorBackground_959x435.jpg);} #calculatorDefaultDocument h1{text-align: center;color: #ffffff;font-size: 20px;padding: 150px 0 0 0;} #calculatorDefaultDocument h1 span{font-size: 30px;}/* calculator_application.aspx Form v3 *******************************************************************************************************/ #calculator_applicationFormContainer_v3{width: 959px;height: 400px;position: relative;background: url(../images/calculator_application_background.jpg) no-repeat;} /* Google Optimizer code */ #calculator_applicationFormContainer_v3.calculator_applicationFormContainer_v3_GoogleTest{width: 959px;position: relative;background: url(https://qa.matrixdirect.com/images/applicationBackground_GoogleTest.jpg);} #calculator_applicationFormContainer_v3 h2{padding: 40px 0 0 0;margin: 0 0 0 24px;font-size: 24px;color: #ffffff;} #calculator_applicationFormContainer_v3 form{padding: 30px 0 0 0;margin: 0;float: left;width: 620px;/*width: 634px;*/} .calculator_applicationFormWrapper{width: 620px;/*width: 640px;*/float: left;height: 310px;} .calculator_applicationRightBox{width: 330px;float: left;padding: 142px 0 0 0;} .calculator_applicationRightBox h4{width: 260px;float: left;padding: 0 0 0 40px;margin: 55px 0 10px 0;font-size: 24px;color: #ffffff;} .calculator_applicationRightBox img{float: left;} .calculator_applicationFormV3Col_1{width: 300px;float: left;}/* 254px instead of 250px to fix an IE6 bug */ .calculator_applicationFormV3Col_1_row{width: 294px;height: 25px;clear: both;} .calculator_applicationFormV3Col_1_row input{float: left;margin: 0;width: 137px;/* width: 127px; */padding-left: 2px;} .calculator_applicationFormV3Col_1_row select{float: left;margin: 0;width: 144px;/* width: 134px; */} .calculator_applicationFormV3Col_1_row label{font-size: 11px;font-weight: bold;color: #ffffff;line-height: 20px;display: block;float: left;width: 145px;margin: 0 3px 0 0;text-align: right;} .calculator_applicationFormV3Container_v3_labelError{font-size: 11px;font-weight: bold;color: red;background-color: #f5f5f5;padding: 2px 0 2px 6px;} .calculator_applicationFormV3Container_v3_ValidationMessage{font-size: 12px;font-weight: bold;color: red;background-color: #e2e2e2/*f5f5f5*/;padding: 4px 6px 4px 6px;margin: 4px 0 0 23px;float: left;} .calculator_applicationFormV3Col_1_rowGender{} .calculator_applicationFormV3Col_1_rowGender td{width: 70px;} .calculator_applicationFormV3Col_1_rowGender td label{width: 40px;display: inline;text-align: left;margin-left: 5px;font-weight: bold;} .calculator_applicationFormV3Col_1_rowGender td input{width: 15px;} .calculator_applicationFormV3Col_2{width: 310px;float: left;} .calculator_applicationFormV3Col_2_row{width: 310px;height: 25px;clear: both;}/* 254px instead of 250px to fix an IE6 bug */ .calculator_applicationFormV3Col_2_row input{float: left;margin: 0;width: 127px;padding-left: 2px;} .calculator_applicationFormV3Col_2_row select{float: left;margin: 0;width: 134px;} .calculator_applicationFormV3Col_2_row label{font-size: 11px;font-weight: bold;color: #ffffff;line-height: 20px;display: block;float: left;width: 145px;margin: 0 3px 0 0;text-align: right;} .calculator_applicationFormV3_v3_testSubmit{margin: 15px 0 0 0;} .calculator_homepageFormV3Container_v3_ValidationMessage{font-size: 12px;font-weight: bold;color: red;background-color: #e2e2e2;padding: 4px 6px 4px 6px;margin: 4px 0 0 23px;float: left;} .calculator_homepageFormV3Container_v3_labelError{font-size: 11px;font-weight: bold;color: red;background-color: #f5f5f5;padding: 2px 0 2px 6px;} .calculator_quoteFormDisclaimerV1{color: #ffffff;font-size: 11px;padding: 20px 0 18px 20px;margin: 0;height: 27px;} .calculator_quoteFormDisclaimerV1 a{color: #ffffff;} .calculator_quoteFormDisclaimerV1 a:hover{text-decoration: none;} .body .calculatorLanding_quoteFormDisclaimerV1{color: #676B72;font-size: 11px;padding: 0 0 18px 20px;margin: 0;height: 27px;} .body .calculatorLanding_quoteFormDisclaimerV1 a{color: #676B72;} .body .calculatorLanding_quoteFormDisclaimerV1 a:hover{text-decoration: none;}/* Ratings and Reviews *******************************************************************************************************/ #tabWrapper{padding: 0;margin: 0;list-style-type: none;float: left;width: 615px;height: 50px;background: url(/images/tabWrapper.jpg) repeat-x;} #tabWrapper li{display: inline;font-size: 14px;font-weight: bold;cursor: pointer;} #tabWrapper li span{display: block;float: left;line-height: 40px;padding: 0 14px;text-decoration: none;color: #676b72;position: relative;} #tabWrapper li span.tabIndicated{background: url(/images/tabIndicated.jpg);color: #ffffff;} #tabWrapper li span.tabIndicated img{position: absolute;left: 40%;top: 39px;} #tabWrapper li span.tabNotIndicated img{display: none;} #tabReviews{display: none;} #tabContent{width: 615px;float: left;} #tabReviews{width: 615px;float: left;} #ratingsAndTitleWrapper{width: 615px;float: left;} #ratingsStarsAndLinks{width: 330px;float: right;} .insidePageContentOrangeHorzLine_3_reviewPage{font-size: 0;width: 612px;height: 3px;margin: 20px 0;background-color: #fe9b0c;float: left;} #BVSVPLinkContainer a{color: #676B72;text-decoration: none;} #BVSVPLinkContainer a:hover{color: #fe9b0c;} /* homepage */ #homepageBV_outerWrapper{width: 959px;background: url(/images/homepageBV_outerWrapper_BG.jpg) repeat-y;} #homepageBV_innerWrapper{background: url(/images/homepageBV_innerWrapper_BG.jpg) no-repeat;padding: 0 0 0 10px;} #tabWrapper_homepage{padding: 0;margin: 0;list-style-type: none;float: left;width: 938px;height: 50px;background: url(/images/tabWrapper_homepage.jpg) repeat-x;} #tabWrapper_homepage li{display: inline;font-size: 14px;font-weight: bold;cursor: pointer;} #tabWrapper_homepage li span{display: block;float: left;line-height: 39px;padding: 0 14px;text-decoration: none;color: #676b72;position: relative;} #tabWrapper_homepage li span.tabIndicated_homepage{background: url(/images/tabIndicated_homepage.jpg);color: #ffffff;} #tabWrapper_homepage li span.tabIndicated_homepage img{position: absolute;left: 40%;top: 39px;} #tabWrapper_homepage li span.tabNotIndicated_homepage img{display: none;} #homepageBV_tall{width: 959px;} .homepageBV_color-agent-differenceBox{width: 616px;height: 78px;float: left;} .homepageBV_color-agent-differenceBox h3{padding: 18px 0 0 25px;margin: 0;font-size: 16px;color: #f39000;} .homeBV_color-agent-differenceBox h3 b{font-size: 18px;} .homepageBV_color-agent-differenceBox p{padding: 5px 0 0 25px;margin: 0;color: #6b7781;font-size: 11px;} .homepageBV_color-agent-differenceBoxRight{width: 330px;height: 78px;float: left;} .homepageBV_color-agent-differenceBoxRight p{padding: 0 0 4px 0;margin: 0;color: #6b7781;font-size: 11px;} .homepageBV_color-agent-differenceBoxRight img{float: left;} #tallBoxesBV{padding: 0;margin: 0;list-style-type: none;background: url(/images/tallBoxesBV_vertLines.jpg) no-repeat 238px 17px;float: left;} #tallBoxesBV li{float: left;padding-top: 12px;} #tallBoxesBV li h4{padding: 0 10px 0 0;margin: 0;font-size: 12px;color: #6b7781;} #tallBoxesBV li h4 a{color: #6b7781;text-decoration: none;} #tallBoxesBV li h4 a:hover{color: #fe9b0c;} #tallBoxesBV li p{padding: 7px 5px 0 0;margin: 0;font-size: 11px;color: #6b7781;} #tallBoxesBV li p a{color: #6b7781;text-decoration: underline;} #tallBoxesBV li p a:hover{color: #fe9b0c;text-decoration: none;} .tallBoxes_underTextBV{clear: both;color: #6b7781;padding: 0px 0 0 27px;margin: 0;width: 500px;} .tallBoxes_underTextBV a{color: #6b7781;text-decoration: underline;} .tallBoxes_underTextBV a:hover{color: #fe9b0c;text-decoration: none;} #tabReviews_homepage{display: none;padding: 60px 28px 0 20px;}