/* CSS Rules */ /* Style: #5349 */ /* Author: ProSites */ /* GENERAL *******************************************************************************************************************/ body { color:#b5b5b5; font:13px Arial, Helvetica, sans-serif; text-align:center; background:#000000; margin:0px; padding:0px; width:100%; } #interior { color:#7a7a7a; font:13px Arial, Helvetica, sans-serif; text-align:center; margin:0px; padding:0px; } p { border: 0px; } h2,h3 { } hr { color: #B50F0F; background-color: #B50F0F; margin: 0px; padding: 0px; border-collapse: collapse; height: 1px; border: 0; } ul { margin: 0px; list-style: none; padding: 10px 0px 10px 15px; } li { padding-left: 15px; background: url(../images/bullet.gif) 0 .5em no-repeat; margin: 0px 5px 5px 0px; } ol { padding-left:5px; margin-left:5px; } ol li { background-image: none; margin:0; padding:0; } fieldset { border: solid 1px #B50F0F; padding: 6px; } legend { color: #b5b5b5; } a:link, a:visited, a:active { color: #8c0b0b; text-decoration: none; border:none; outline:none; } a:focus, a:hover { color: #A6A6A6; text-decoration: none; border:none; outline:none; } .Button { color: #FFF; background: #272420 url(../images/button.jpg) top center repeat-x; border:1px solid #000; font:12px Arial, Helvetica, sans-serif; text-decoration: none; padding: 7px; cursor: pointer; } .ButtonHover { color: #FFF; background: #272420 url(../images/button-hover.jpg) top center repeat-x; border:1px solid #000; font:12px Arial, Helvetica, sans-serif; text-decoration: none; padding: 7px; cursor: pointer; } #StylizedImage { position: relative; top: 0px; left: 0px; padding-top: 0px; margin: 0px; } img { border-color: #B50F0F; } .bold { font-weight: bold; } em { margin-bottom:10px; } input { border-color:#111; border:#111;} /* NAVIGATION *******************************************************************************************************************/ #nav-bg { width:100%; text-align:center; margin:0px; padding:0px; background:url(../images/nav_bg.jpg) top left repeat; } #nav { width:960px; text-align:center; margin:0px auto; padding:0px; } #nav p { margin:0px; padding:0 10px; } /* LAYOUT RULES *******************************************************************************************************************/ /*Landing Page*/ #container { width:100%; height:auto !important; height:500px; margin: 0; position: relative; min-height:500px; } #headerBG { width:100%; height:344px; margin:0 auto; padding:0px; background:#000000 url(../images/header.jpg) center top no-repeat; } #header { width:940px; height:344px; margin:0 auto; padding:0 10px; text-align:left; } #header #left { float:left; width:370px; height:344px; padding:0; margin:0; } #header #right { float:right; width:570px; height:344px; padding:0; margin:0; } #header #logo { width:360px; height:213px; margin:30px 0 0 10px; padding:0; background:url(../images/logo.gif) top left no-repeat; display:block; text-indent:-9999px; overflow:hidden; } #header #phone { width:264px; height:62px; margin-left:54px; padding:0; background:url(../images/phone.gif) top left no-repeat; display:block; text-indent:-9999px; overflow:hidden; } #flash { float:left; width:570px; height:344px; margin:0; padding:0; border:0; text-align:left; } #content { width:100%; margin:0 auto; padding:0px; background:url(../images/content_bg.jpg) top center repeat-y; } #content #StylizedImage { font: 18px Trajan Pro, Times, serif; color:#FFFFFF; text-transform:uppercase; position:relative; top:0px; left:0px; padding-bottom:15px; margin:0px; background:url(../images/header-bar.gif) bottom left no-repeat; width:400px; } #content #padding { width:920px; height:100%; margin:0px auto; padding:40px 10px 15px 10px; overflow:visible; text-align:left; line-height:22px; } #content #left { float:left; width:400px; margin-left:10px; padding-bottom:55px; text-align:left; background:url(../images/shadow.jpg) bottom center no-repeat; } #content #right { display:table; width:461px; height:235px; #position:relative; overflow:hidden; float:right; margin:0; padding:0; background:url(../images/testimonial_home.gif) top left no-repeat; } #content #quote { #position:absolute; #top:60%; display:table-cell; vertical-align:middle; height:90px; width:401px; padding:30px 30px 115px 30px; letter-spacing:.5px; font:17px "Times New Roman", Times, serif; color:#d3d3d3; text-align:center; font-weight:bold; font-style:italic; } #content #quote { color:#D3D3D3; display:table-cell; font:italic bold 17px "Times New Roman",Times,serif; height:90px; letter-spacing:0.5px; padding:30px 30px 115px; text-align:center; vertical-align:middle; width:401px; } #content #quote p { #position:relative; #top:-50%; margin:0; padding:0;} #content #quote span { font:15px "Times New Roman", Times, serif; color:#999999; text-align:left; font-weight:normal; font-style:italic; } #content #right a:link, #content #right a:visited, #content #right a:active { position:absolute; color: #d3d3d3; text-decoration: none; display:block; width:461px; height:172px; text-indent:-9999px; overflow:hidden; } #content #right a:hover { position:absolute; color: #d3d3d3; text-decoration: none; display:block; width:461px; height:172px; text-indent:-9999px; overflow:hidden; } /*Interior Pages*/ #container-interior { width:100%; height:auto !important; height:500px; margin: 0; position: relative; min-height:500px; } #container-interior #headerBG { width:100%; height:220px; margin:0 auto; padding:0px; background:#000000 url(../images/header-interior.jpg) center top no-repeat; } #container-interior #header { width:940px; height:220px; margin:0 auto !important; margin:0 auto -11px auto; padding:0 10px; text-align:left; } #container-interior #header #left { float:left; height:220px; width:275px; padding:0; margin:0; } #container-interior #header #right { float:right; height:220px; width:665px; padding:0; margin:0; } #container-interior #header #logo { width:268px; height:147px; margin:10px 0 0 10px; padding:0; background:url(../images/logo-interior.gif) top left no-repeat; display:block; text-indent:-9999px; overflow:hidden; } #container-interior #header #phone { width:268px; height:48px; margin: 5px 0 0 10px; padding:0; background:url(../images/phone-interior.gif) top left no-repeat; display:block; text-indent:-9999px; overflow:hidden; } #banner { width:665px; height:220; margin:0; padding:0px; border:0px; float:right; text-align:right;} #banner img { float:left; height:220; } #content-interior { width:100%; margin:0px; padding:0px; background:url(../images/content_bg.jpg) top center repeat-y; line-height:15px; } #content-interior #StylizedImage { width:500px; color:#FFFFFF; position:relative; padding:0; margin:0;} #content-interior #padding { width:900px; height:100%; margin:0px auto; padding:15px 10px 15px 10px; overflow:visible; text-align:left; } #content-interior #left { float:left; width:600px; margin:0px; padding-bottom:60px; text-align:left; } #content-interior #right { float:right; width:290px; margin-right:10px; padding-top:5px; text-align:left; } #container-interior #steps { background:none;} #container-interior #steps tr, #container-interior #steps td { background-color:#282828; } #container-interior #steps ul { width:140px; margin:0 auto; padding:7px; background:none; } #container-interior #steps ul li { width:140px; margin:0 0 10px 6px; padding:0; list-style:disc; background:none; } /* FOOTER *******************************************************************************************************************/ /*#footerBG { float:left; width:100%; height:151px; background:url(../images/footerBG.jpg) top center no-repeat;} #footer { width:940px; margin:0px auto; text-align:left; color:#666666; padding:10px; font:11px Verdana, Arial, Helvetica, sans-serif} #footer p { width:940px; height:51px; padding:10px; margin:0 10px !important; margin:0 25px; line-height:20px; } #footer br { margin-bottom:10px;} #footer .copyright { float:left; width:940px;} #footer .credits { float:left; margin:20px 0 0 20px!important; margin:0 0 0 18px; } #footer .text { height:50px } #footer span { color: #666667; } #footer a:link, #footer a:visited, #footer a:active { color: #666667; text-decoration: none; } #footer a:hover { color: #660808; text-decoration: none; background: none!important; } .icon { background: url(../images/prosites.gif) 0px 2px no-repeat; padding:3px 0px 12px 30px; position: relative; color: #666667!important; outline: none; width: 170px; } */ #footer-bg { float:left; width:100%; height:151px; background:url(../images/footerBG.jpg) top center no-repeat; } #footer { width:940px; margin:0px auto; text-align:left; color:#666666; padding:10px; font:11px Verdana, Arial, Helvetica, sans-serif } #footer .footer-nav { margin: 0px; padding: 10px 20px 3px 20px; } #footer p { margin: 0px; padding: 0px 20px; } #footer .devby { margin: 0px; padding: 3px 20px 15px 20px; } #footer .credits { float:left; margin:0px 0 0 20px!important; margin:0 0 0 18px; } #footer br { display: none!important; } /* nuke coded breaks*/ .icon { background: url(../images/prosites.gif) 0px 2px no-repeat; padding:3px 0px 12px 30px; position: relative; color: #666667!important; outline: none; width: 170px; } #footer a:link, #footer a:visited, #footer a:active { olor: #666667; text-decoration: none;} #footer a:hover { color: #660808; text-decoration: none; background: none!important;} /* WYSIWYG CLASSES *******************************************************************************************************************/ /* PageContact */ .PageContact_Office { list-style:disc; margin-left: 0px; margin: 0 0 2px 0; padding: 0px; color:#7a7a7a; } .PageContact_Office_CompanyName1 { font-size:16px; line-height:25px; font-weight: bold; color:#CCCCCC; } .PageContact_Office_CompanyName2 { font-size:16px; line-height:25px; font-weight: bold; color:#CCCCCC; } .PageContact_Office_OfficeLocation { font-size:14px; font-weight: bold; } .PageContact_Office_Photo { border: solid 1px #ccc; float: left; margin: 0px 0px 10px 15px; } .PageContact_Contact { margin:0 0 2px 0; } .PageContact_Contact_Name { font-weight: bold; } .PageContact_Contact_Photo { border: solid 1px #ccc; } .PageContact_Contact_Seperator { margin:20px 0; padding:0px; background:none; border-top: solid 1px #2E2E2E; } /*nuke bullets*/ .PageContact_Office li { list-style:none!important; /*ie -->*/ background: none; margin: 0px; padding: 0px; } #_ctl2_pnlForm { margin-top:20px; } #_ctl2_pnlForm li { background: none; margin: 0px; padding: 0px; list-style:none!important; } /* PageInternetLink */ .PageInternetLink_Intro { } .PageInternetLink_Category_Container{ padding-top:0px; border-top:solid 1px #2E2E2E; margin:20px 0; } .PageInternetLink_Category { list-style:disc; line-height:18px; margin-left: 0px; margin-bottom: 2px; margin-top: 0px; background: none; padding: 0px; } .PageInternetLink_Category_Name { font-size:18px; color:#7a7a7a; font-weight:bold; background:none; margin:0px; padding:0px; list-style:none; } .PageInternetLink_Category_Description { background:none; color:#7a7a7a; margin:0px; padding:0px; list-style:none; } .PageInternetLink_Link { list-style:disc; margin:3px 0 5px 20px; background:none; padding:0px; } .PageInternetLink_Link_Url { font-weight: bold; background: none; margin: 0px; padding: 0px; } .PageInternetLink_Link_Description { background:none; margin:0px; padding:0px; list-style:none; } /* PageTestimonial */ .PageTestimonial_Intro { padding-bottom: 18px; border-bottom: solid 1px #111; } .PageTestimonial_Container { margin: 10px 0px; border-bottom: solid 1px #ccc; } .PageTestimonial_Quote { font-style: italic; /* background: url(../images/testimonial-bg.PNG) bottom center no-repeat; Use ONLY if there is a grapHic used in the bg and mini contact form is on*/ } .PageTestimonial_ProvidedBy { font-weight: bold; text-align:right; padding: 7px 0px 10px 0px; } .PageTestimonic /* PageTestimonial Hide .PageTestimonial_Intro { padding-bottom: 18px; margin-left:10px; } .PageTestimonial_Container { float:left; display:block; width:374px; padding:20px; margin:0 30px 30px 0; border:solid 3px #3d3d3d; background-color:#303030; } .PageTestimonial_Quote { font:18px "Times New Roman", Times, serif; width:374px; } .PageTestimonial_ProvidedBy { font:16px "Times New Roman", Times, serif; color:#999999; width:374px; font-style:italic; text-align:right; padding-top:7px; }*/ /* PageFAQ */ .PageFAQ_PageName { font-weight:bold; } .PageFAQ_Intro { } .PageFAQ_Container { padding-top: 10px; padding-left: 5px; } .PageFAQ_Question { padding-bottom:10px; } .PageFAQ_Answer { display:none; padding-bottom:15px; border-bottom: solid 1px #ccc; } .PageFAQ_Answer p { padding-bottom: 10px; margin: 0px; } .PageFAQ_Answer ul { margin:0 0 20px 20px; } /* PageService_Intro */ .PageService_Stylized { font-size: 24px; } .PageService_Intro { } .PageService_Group { margin-left: 15px; margin-bottom: 2px; margin-top: 0px; padding: 0px; } .PageService_Group_Name { font-weight: bold; list-style:disc; background: none; } .PageService_Group_Name a:link, .PageService_Group_Name a:visited, .PageService_Group_Name a:active { color:#6F0909; } .PageService_Group_Name a:hover { color:#A6A6A6; } .PageService_Group_Description { padding-top:5px; } .PageService_Item { width:500px; margin-left: 30px; margin-bottom: 2px; margin-top: 0px; list-style:none; padding: 0px; } .PageService_Item_Name { color:#FFFFFF; width:500px; float:left; } .PageService_Line_Group_Name { display:none; border-bottom: solid 1px #ccc; padding-bottom: 6px; margin-top:10px; font-weight: bold; } .PageService_Line_Group_Items { text-align:right; border-bottom: solid 1px #2E2E2E; padding: 15px 0; } .PageService_Line_Item_Name { border-bottom: solid 1px #ccc; padding: 15px 0; margin-top:20px; font-weight: bold; } .PageService_Item_Description { padding-top:5px; } .PageService_Item_Description ul { margin-left:20px; } /* PageContact-Form */ .qcform { margin:0px 0px 0px 15px; text-align:left; background:#2e2e2e; border: 2px solid #3d3d3d; } .qcform p { text-align:left; padding:0px 2px 5px; line-height:16px; margin:1px 0 0 0; } .qcform td { text-align:left; padding:2px 15px; vertical-align:bottom; text-align:center; } .qcformcolor { font:12px verdana, arial, sans-serif; padding: 2px; width:234px; background-color:#525252 !important; border:none; color:#FFF; } .qc-err { color:red; } hr.qcform { color: #ccc; margin: 0px; padding: 0px; border-collapse: collapse; height: 1px; border: 0; background-color: #2e2e2e; } /* AppointmentRequestForm */ #AppointmentRequestForm .qcformcolor{ font: 12px verdana, arial, sans-serif; padding: 2px; width: 234px; background-color: #444444 !important; border: none; border-color:#111; color: #FFF; } input, textarea { background-color:#5A5A5A; border:none; border-color:#111; } .referralform { padding:2px; width:auto; background-color:#5a5a5a; !important; border: none; border-color:#111; color: #FFF; } .Referral { float:right; } /* Teeth Color Change */ #ExtractionTop { width:405px; height:100px; } #ExtractionTop td { width:25px; height:100px; } #ExtractionBottom { width:405px; height:100px; } #ExtractionBottom td { width:25px; height:100px; } #bgTooth_1 { background-image:url(../images/theethform/01.gif); } #bgTooth_2 { background-image:url(../images/theethform/02.gif); } #bgTooth_3 { background-image:url(../images/theethform/03.gif); } #bgTooth_4 { background-image:url(../images/theethform/04.gif); } #bgTooth_5 { background-image:url(../images/theethform/05.gif); } #bgTooth_6 { background-image:url(../images/theethform/06.gif); } #bgTooth_7 { background-image:url(../images/theethform/07.gif); } #bgTooth_8 { background-image:url(../images/theethform/08.gif); } #bgTooth_9 { background-image:url(../images/theethform/09.gif); } #bgTooth_10 { background-image:url(../images/theethform/10.gif); } #bgTooth_11 { background-image:url(../images/theethform/11.gif); } #bgTooth_12 { background-image:url(../images/theethform/12.gif); } #bgTooth_13 { background-image:url(../images/theethform/13.gif); } #bgTooth_14 { background-image:url(../images/theethform/14.gif); } #bgTooth_15 { background-image:url(../images/theethform/15.gif); } #bgTooth_16 { background-image:url(../images/theethform/16.gif); } #bgTooth_17 { background-image:url(../images/theethform/17.gif); } #bgTooth_18 { background-image:url(../images/theethform/18.gif); } #bgTooth_19 { background-image:url(../images/theethform/19.gif); } #bgTooth_20 { background-image:url(../images/theethform/20.gif); } #bgTooth_21 { background-image:url(../images/theethform/21.gif); } #bgTooth_22 { background-image:url(../images/theethform/22.gif); } #bgTooth_23 { background-image:url(../images/theethform/23.gif); } #bgTooth_24 { background-image:url(../images/theethform/24.gif); } #bgTooth_25 { background-image:url(../images/theethform/25.gif); } #bgTooth_26 { background-image:url(../images/theethform/26.gif); } #bgTooth_27 { background-image:url(../images/theethform/27.gif); } #bgTooth_28 { background-image:url(../images/theethform/28.gif); } #bgTooth_29 { background-image:url(../images/theethform/29.gif); } #bgTooth_30 { background-image:url(../images/theethform/30.gif); } #bgTooth_31 { background-image:url(../images/theethform/31.gif); } #bgTooth_32 { background-image:url(../images/theethform/32.gif); } #ExtractionTop label { background-position: top left no-repeat; display:block; height:100px; width:25px; } #ExtractionTop label.checked { color:#FFF; background-position: bottom;} #ExtractionBottom label { background-position: top left no-repeat; display:block; height:100px; width:25px; } #ExtractionBottom label.checked { color:#FFF; background-position: bottom;} #ExtractionTop td .qcformcolor, #ExtractionBottom td .qcformcolor { width:25px;} /* MiniForm*/ .m-form { background: #2e2e2e; border: 2px solid #3d3d3d; width: 148px; padding: 10px 13px; margin: 30px 0px 7px 20px; float:right; } .m-form-low { background: #2e2e2e; border: 2px solid #3d3d3d; width: 148px; padding: 10px 13px; margin: 30px 0px 7px 20px; float:right; } .m-form-services { background: #2e2e2e; border: 2px solid #3d3d3d; width: 148px; padding: 10px 13px; margin: 30px 0px 7px 20px; float:right; } .m-form-inner-services { background: #2e2e2e; border: 2px solid #3d3d3d; width: 148px; padding: 10px 13px; margin: 30px 0px 7px 20px; float:right; } .m-formcolor, .m-form-innercolor { font:12px verdana, arial, sans-serif; color: #FFF; background: #525252; border: none; width: 234px; padding: 2px; margin-top: 5px; float: right; } .m-error { color: red; } .m-form .right, .m-form-low .right, .m-form-services .right, .m-form-inner-services .right { float: right; margin-top: 5px; } .m-form h1, .m-form-low h1, .m-form-services h1, .m-form-inner-services h1 { color:#FFFFFF; font-size:19px; font-weight:bold; padding-top:3px; margin:0px; margin-bottom:11px; font-family:arial; } .shim { float: right; clear: right; height: 20px; } .shim-none { float: right; clear: right; } .shim-left { float: left; clear: left; height: 20px; display: block; } .return { margin: 0 0 8px; display: block; } /* edit margin for address spacing*/ .m-form img { margin-top:-7px; } /* SmileQuizForm */ .bg { background-color:#0e0d0a; color: #FFF; padding: 3px 0px; height: 30px; padding: 6px; width: 100%; } .bg2 { background-color:#181610; color: #FFF; padding: 3px 0px; height: 30px; padding: 2px; width: 100%; } #Table1 hr { margin: 0px; padding: 0px; border-collapse: collapse; color: #2F2D29; height: 1px; border: 0; background-color: #2F2D29; margin-bottom: 10px; }