charset "UTF-8"; /* CSS Document */ /******* Global Items *******/ * { margin: 0;padding: 0;} body { text-align: center;font-family: Arial, Helvetica, sans-serif;margin: 0; background:url(images/h_bg.jpg) repeat-x #C1CED6; color:#666;} a:focus { outline: none;} a { text-decoration: none;} a img { border-style: none;} a:hover { text-decoration: underline;} image { border: none;} img, div { behavior: url(iepngfix.htc) } /******* Home Items *******/ #wrapper { margin: 0 auto;width: 968px;text-align: left;} #masthead { background:url(images/h_header.jpg);height: 123px;position:relative;margin: 0 auto; width:956px;} #masthead .home_link { position:absolute; top:49px; left:22px; width:220px; height:65px; text-indent:-2000px; } #masthead .friend_link { position:absolute; top:11px; right:25px; width:123px; height:30px; text-indent:-2000px;} /* Navigation Items */ #main_navigation { height: 50px; position:absolute; top:56px; left: 300px;} #nav { list-style: none;margin: 0;padding: 0;width: 628px;height: 50px;display: inline;bottom: 0 !important;bottom: -1px;overflow: hidden;} #nav li { margin: 0;padding: 0;display: inline;list-style-type: none;} #nav a { float: left;height: 50px;overflow: hidden;text-indent: -1000em;} #nav a:hover { background-position: 0 0;} #why a { background:url(images/nav_works.jpg) no-repeat bottom;width:161px;} #test a { background:url(images/nav_testimonials.jpg) no-repeat bottom;width:113px;} #faq a { background:url(images/nav_faq.jpg) no-repeat bottom;width:70px;} #cust a { background:url(images/nav_services.jpg) no-repeat bottom;width:145px;} #order a { background:url(images/nav_order.jpg) no-repeat bottom;width:139px;} /* Navigation Items - On state */ #whypage #why a, #testpage #test a, #faqpage #faq a, #custpage #cust a {background-position: 0 0;} #hero { background:url('images/h_hero_b.jpg');height:357px;position:relative;width:956px;margin: 0 auto; border:0px} #hero .h_buylink { position:absolute; top:273px; right:39px; width:234px; height:56px; text-indent:-2000px; } #hero .h_buylink2 { position:absolute; top:197px; right:39px; width:234px; height:132px; text-indent:-2000px; } #hero .h_buylink_1 { position:absolute; top:274px; right:34px; width:229px; height:57px; text-indent:-2000px; background:url('images/btn_SendMe.gif') no-repeat; } #hero .h_buylink_2 { position:absolute; top:278px; right:69px; width:190px; height:48px; text-indent:-2000px; background:url('images/btn_order_now.gif') no-repeat; } #hero .h_buylink_3 { position:absolute; top:225px; right:69px; width:190px; height:48px; text-indent:-2000px; background:url('images/btn_order_now.gif') no-repeat;} #hero .h_buylink_4 { position:absolute; top:289px; right:69px; width:190px; height:48px; text-indent:-2000px; background:url('images/btn_order_now.gif') no-repeat; } #hero #seal_1 h2 { position:absolute; top:113px; left:544px; width:112px; height: 114px; text-indent:-2000px; background:url('images/seal1.gif') no-repeat; } #hero #seal_2 h2 { position:absolute; top:113px; left:544px; width:112px; height: 114px; text-indent:-2000px; background:url('images/seal2.gif') no-repeat; } #hero #seal_3 h2 { position:absolute; top:113px; left:544px; width:112px; height: 114px; text-indent:-2000px; background:url('images/seal3.gif') no-repeat; } #hero #seal_4 h2 { position:absolute; top:113px; left:544px; width:112px; height: 114px; text-indent:-2000px; background:url('images/seal4.gif') no-repeat; } #hero #callout_1 h3 { position:absolute; top:202px; left:700px; width:164px; height: 67px; text-indent:-2000px; background:url('images/hdr_30DayTrial.gif') no-repeat; } #hero #callout_2 h3 { position:absolute; top:202px; left:700px; width:164px; height: 70px; text-indent:-2000px; background:url('images/hdr_TryItFor30Days.gif') no-repeat; } #hero #callout_4 h3 { position:absolute; top:202px; left:700px; width:209px; height: 67px; text-indent:-2000px; background:url('images/hdr_RiskFree30Day.gif') no-repeat; } #footnote_1 { position:absolute; top:330px; left:703px; width:180px; color: #666; font-size: 9px; z-index: 10;} #footnote_2 { position:absolute; top:328px; left:703px; width:180px; color: #666; font-size: 9px; z-index: 10;} #footnote_3 { position:absolute; top:330px; left:703px; width:180px; color: #666; font-size: 9px; z-index: 10;} #footnote_4 { position:absolute; top:336px; left:703px; width:220px; color: #666; font-size: 9px; z-index: 10; color: #5F8EA0;} #hero #video-holder { position:absolute; top:16px; left:10px; width:240px; height:180px; border:1px solid #666;} #hero .h_quote { position:absolute; top:218px; left:13px; width:149px; height:143px; } #hero .h_quote p { font-size:12px;padding:2px 0; margin:0} #hero .h_quote a { color: #005DA7; font-weight:bold;} #hero h1 { display:none;} #hero h2 { position:absolute; top:75px; left:329px; width:661px; font-size: 14px; margin:0; padding:0;} #hero h3 { position:absolute; top:58px; left:290px; width:661px; font-size: 14px; margin:0; padding:0; } /*#hero .h_text { position:absolute; top:97px; left:704px; width:189px; height:56px; font-size: 12px; }*/ #hero .h_text { position:absolute; top:102px; left:700px; width:189px; height:56px; font-size: 12px; } #hero .h_text_3 { position:absolute; top:142px; left:700px; width:189px; height:56px; font-size: 12px; } #hero .h_text p, #hero .h_text_3 p { padding: 4px 0; margin:0} #hero .h_text ul, #hero .h_text_3 ul { padding: 0; margin:0} #hero .h_text li, #hero .h_text_3 li { padding: 1px 0; margin:0 0 0 15px; font-weight:bold;} #hero .h_text2 { position:absolute; top:84px; left:500px; width:189px; height:56px; font-size: 12px; } #hero .h_text2 p { padding: 4px 0; margin:0} #hero .h_text2 ul { padding: 0; margin:0} #hero .h_text2 li { padding: 1px 0; margin:0 0 0 15px; font-weight:bold;} #lower { background:url(images/h_footer.jpg) no-repeat; height:150px; position:relative;} #lower .hinge { position:absolute; top:32px; left:221px; width:353px; font-size: 12px; height: 92px; } #lower .hinge p { margin:0; padding: 2px 0;} #lower .dentist { position:absolute; top:31px; left:716px; width:215px; font-size: 12px; height: 92px; } #lower .dentist p { margin:0; padding: 2px 0;} #lower a { color: #005DA7;} /******* Interior Body Items *******/ #i_wrapper { margin: 0 auto;width: 956px;text-align: left;} #i_masthead { background:url(images/i_header.jpg);height: 165px;position:relative;margin: 0 auto;} #i_masthead .home_link { position:absolute; top:49px; left:22px; width:220px; height:65px; text-indent:-2000px; } #i_masthead .friend_link { position:absolute; top:11px; right:25px; width:123px; height:30px; text-indent:-2000px;} #i_container { background:url(images/panel_bg.jpg) repeat-x #FFF;} #main_content { background:url(images/content_bg.jpg); width: 725px; margin: 0 0 0 36px!important; margin: 0 0 0 18px; float:left;} #main_content h1 { text-indent:-2000px; width: 300px; height:50px; margin: 0 0 0 30px} #main_content p { font-size: 12px; padding: 5px 30px;} #main_content ul { margin:0; padding:0;} #main_content li { font-size: 12px; padding: 2px 0; margin: 0 0 0 30px;} #main_content .why { width: 380px; float:left;} #main_content .why a { color: #005DA7;} #main_content .ba { width: 320px; height: 750px; background:url(images/beforeafter.png) no-repeat; float:right; margin: 0 20px 0 0!important; margin: 0 10px 0 0;} #main_content .ba a { margin-top:610px; display:block; width:310px; height:109px; text-indent:-2000px; background:url(images/freebtn.jpg) no-repeat;} #main_content .testimonials_content p{ padding:10px 50px} #main_content .testimonials_content p span { padding-top:8px; display:block;} #main_content .anyquestions { margin-top: 40px;} #main_content .anyquestions { background:url(images/faq_image.jpg) no-repeat 50px 0px;} #main_content .anyquestions p { padding: 4px 40px 4px 200px; margin:0;} #main_content .anyquestions strong{ color:#333;} #main_content .anyquestions a { color: #005DA7;} #tab_content { background:url(images/content_bg.jpg); width: 725px; margin: 0 0 0 36px!important; margin: 0 0 0 18px; float:left;} #tab_content h1 { text-indent:-2000px; width: 300px; height:50px; margin: 0 0 0 30px} #tab_content p { font-size: 12px; padding: 2px 30px;} #panel { width: 160px; float:right; font-size:11px; margin:0 18px 0 0!important; margin: 0 9px 0 0;} #panel p { padding: 0 0 8px 0; margin:0;} #panel a { color: #005DA7; font-weight:bold;} #main_content .testimonials_content .image_test { width:642px; padding:0; margin: 0 0 0 40px !important; margin: 0 0 0 20px;} #main_content .testimonials_content .test_header { background:url(images/testbg_header.png) no-repeat; height:23px;} #main_content .testimonials_content .test_body { background:url(images/testbg.png) no-repeat; height:1%;} #main_content .testimonials_content .test_body p { margin:0; padding: 5px 30px 0 0; float:right; width:300px;} #main_content .testimonials_content .test_footer { background:url(images/testbg_footer.png) no-repeat; height:23px;} .i_contentfooter { background:url(images/i_contentfooter.jpg) no-repeat; height:50px; clear:both;} #footer { margin: 0 auto;text-align: left; width: 955px; font-size:11px; font-weight:normal; margin-bottom:20px;} #footer p.small { font-size:10px; text-align:left; margin: 15px 0;color:#333;} #footer p { font-size:11px;padding: 2px 0 0 0;margin:0; text-align:center; font-weight:normal;color:#333;} #footer a { font-size:11px;padding: 0 5px;font-weight:bold; color:#333; font-weight:normal;} /*** Accordian ***/ #list3 { border-bottom: 1px solid #CCC;} #list3 a { color:#054E71;} #list3 li { font-size: 12px; padding: 2px 0; margin: 0 0 0 50px;} #list3 p { padding: 5px 30px; margin:0;} #list3 div.selected .title { font-weight: bold;background:url(images/acc_headeron.jpg) no-repeat; color:#666;} #list3 div div { padding: 15px 5px;;background:url(images/acc_bg.png) no-repeat;} #list3 div.title { background:url(images/acc_headeroff.jpg) no-repeat;padding: 5px 5px 5px 35px;font-size:12px;color:#054E71;cursor: pointer;font-weight: bold;} #list3 div.selected { border-bottom: none;} /* Tabs */ .cleartabs { clear:both;} #container-1 { width:650px;margin: 20px auto;} #tab_content .tab_bg p { font-size: 12px; padding: 5px 0;} .tab_bg ul { margin:0; padding:0;font-size: 12px;} .tab_bg li { margin:0 0 0 25px; padding:5px 0;} .tab_bg ol { margin:0 0 0 45px;; padding:0;font-size: 12px;} .tab_bg a { color:#054E71;} .tab_bg { background:url(images/tab_bg.jpg) repeat-y #FFF; padding: 20px 25px 13px 25px;border-left: 1px solid #90CAD9;border-right: 1px solid #90CAD9;} .tab_footer { height:11px; width:650px; background:url(images/tabfooter.jpg);} /* Email */ #email { color:#666; font-size: 12px; text-align:left; padding: 20px; font-family:Arial, Helvetica, sans-serif; color:#666;} #email p { padding: 4px 0; margin:0;} #email li { margin-left: 15px; } #email ul { margin-left: 15px; } #email { margin: 0 0 5px 0; padding:0; } #email h1 { font-size:17px; color:#054E71; } #email h2 { font-size:15px; } #email label { width: 120px; float:left} #email input { width:220px;} #email textarea { width:220px; height: 110px;font-family:Arial, Helvetica, sans-serif;font-size: 12px; color:#666;} /******* Error items *******/ .error { border: 1px solid #F00; background-color: #FFFFCC;color:#F00;padding: 10px 20px;margin: 0 10px ;} .error li { margin: 0 0 0 10px;padding: 0} .error ul { padding: 0; margin: 0 0 15px 20px;} .errorBox { background:#FFF2F2; border:1px solid #F00;}