html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0; margin:0; padding:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:"Verdana", Arial, Helvetica, sans-serif;}
/* - - - - - - - - - - GENERAL LINKS - - - - - - - - - - */
a {color:#989912;}
a:visited {color:#989912;}
a.noVisited:visited {color:#989912;}
a:hover, a.noVisited:hover {color:#989912;}
/* - - - - - - - - - - BODY - - - - - - - - - - */
body {background:#929304 url(images/bg.jpg) repeat-x; margin:0px; font-weight:normal; font-size:12px; color:#000000; font-style:normal; font-family:"Verdana", Arial, Helvetica, sans-serif; text-decoration:none;}
#container {background:url(images/content-tile.gif) repeat-y; width:900px; margin:0px auto;}
/* - - - - - - - - - - HEADER - - - - - - - - - - */
h1.logo {margin:0px; overflow:hidden; text-indent:-999em;}
h1.logo a {display:block; width:530px; height:70px; margin:65px 0px 0px 240px;}
#head {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:900px; height:141px; background:url(images/header.jpg) no-repeat;}
h1.logo-header {margin:0px; overflow:hidden; text-indent:-999em;}
h1.logo-header a {display:block; width:530px; height:70px; margin:65px 0px 0px 240px;}
#header {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; width:900px; height:141px; background:url(images/header-sub.jpg) no-repeat;}
/* - - - - - - - - - - TOP MENU - - - - - - - - - - */
#top-navigation {width:179px; margin:37px 0px 0px 0px; padding:0px 0px 0px 0px; position:absolute; top:0;}
#top-navigation ul {margin:0px 0px 0px 0px; list-style-type:none; width:179px; margin-left:23px;}
#top-navigation ul a {display:block; overflow:hidden; text-indent:-999em; font-family:"Verdana", Arial, Helvetica, sans-serif; margin:8px 0px 0px 0px !Important;}
#top-navigation ul ul {margin:5px; list-style-type:none;}
#top-navigation ul li {list-style-type:none; float:right; clear:both; position:relative;}
#top-navigation ul a:hover {background-position:0px -23px;}
#top-navigation ul .active {background-position:0px -23px;}
#top-navigation ul .active {cursor:default;}
/* - - - - - - - - - - LEFT MENU - - - - - - - - - - */
#left-menu {overflow:hidden; width:900px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; background:url(images/back-bottom.jpg) no-repeat bottom left;}
#sidebar {float:left; width:219px; margin:0px 0px 0px 0px; font-family:"Verdana", Arial, Helvetica, sans-serif; background:url(images/left-menu-background.jpg) no-repeat; height:650px;}
#navigation {width:192px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; height:300px;}
#navigation ul {margin:0px 0px 0px 0px; list-style-type:none; width:210px;}
#navigation ul a {display:block; overflow:hidden; text-indent:-999em; height:23px; font-family:"Verdana", Arial, Helvetica, sans-serif; margin:8px 10px 0px 0px;}
#navigation ul ul {margin:5px; list-style-type:none;}
#navigation ul li {list-style-type:none; float:right; clear:both; position:relative;}
#navigation ul a:hover {background-position:0px -23px;}
#navigation ul .active {background-position:0px -23px;}
#navigation ul .active {cursor:default;}
#navigation ul ul li a {text-indent:0px; margin:0px;}
#navigation ul li:hover ul, #nav li.sfhover ul {visibility:visible;}
#navigation ul li ul {padding:0px 0px 0px 0px; left:-9999em; position:absolute; top:7px; height:auto;}
#navigation ul li ul {visibility:hidden; margin:0px 0px 0px 0px; font-family:"Verdana", Arial, Helvetica, sans-serif; width:170px;}
#navigation ul li ul a:hover {color:#ffffff; font-weight:normal; text-decoration:none;}
#navigation ul li:hover ul, #navigation ul li.sfhover ul {visibility:visible;}
#navigation ul li ul a {color:#ecd87a; font-weight:normal; text-decoration:none; display:block; padding-top:7px; padding-bottom:0px; padding-left:10px; height:24px; width:140px;}
/* - - - - - - - - - - LEFT MENU SECTION - - - - - - - - - - */
#patient-login {background:url(images/nav-patient-login.jpg); width:179px; height:41px !Important;}
#top-navigation li a#patient-login:hover, #top-navigation li:hover a#patient-login, #top-navigation li.sfhover a#patient-login {background-image:url(images/nav-patient-login.jpg); background-position:bottom;}
#doctor-login {background:url(images/nav-doctor-login.jpg); width:179px; height:41px !Important;}
#top-navigation li a#doctor-login:hover, #top-navigation li:hover a#doctor-login, #top-navigation li.sfhover a#doctor-login {background-image:url(images/nav-doctor-login.jpg); background-position:bottom;}
#meet-dr-pratt {background:url(images/nav-meet-dr-pratt.jpg); width:110px;}
#navigation li a#meet-dr-pratt:hover, #navigation li:hover a#meet-dr-pratt, #navigation li.sfhover a#meet-dr-pratt {background-image:url(images/nav-meet-dr-pratt.jpg); background-position:bottom;}
.active #meet-dr-pratt {background-image:url(images/nav-meet-dr-pratt-act.jpg);}
#for-new-patients {background:url(images/nav-for-new-patients.jpg); width:135px;}
#navigation li a#for-new-patients:hover, #navigation li:hover a#for-new-patients, #navigation li.sfhover a#for-new-patients {background-image:url(images/nav-for-new-patients.jpg); background-position:bottom;}
.active #for-new-patients {background-image:url(images/nav-for-new-patients-act.jpg);}
#general-dentistry {background:url(images/nav-general-dentistry.jpg); width:141px;}
#navigation li a#general-dentistry:hover, #navigation li:hover a#general-dentistry, #navigation li.sfhover a#general-dentistry {background-image:url(images/nav-general-dentistry.jpg); background-position:bottom;}
.active #general-dentistry {background-image:url(images/nav-general-dentistry-act.jpg);}
#services {background:url(images/nav-services.jpg); width:70px;}
#navigation li a#services:hover, #navigation li:hover a#services, #navigation li.sfhover a#services {background-image:url(images/nav-services.jpg); background-position:bottom;}
.active #services {background-image:url(images/nav-services-act.jpg);}
#faqs {background:url(images/nav-faqs.jpg); width:48px;}
#navigation li a#faqs:hover, #navigation li:hover a#faqs, #navigation li.sfhover a#faqs {background-image:url(images/nav-faqs.jpg); background-position:bottom;}
.active #faqs {background-image:url(images/nav-faqs-act.jpg);}
#contact-us {background:url(images/nav-contact-us.jpg); width:91px;}
#navigation li a#contact-us:hover, #navigation li:hover a#contact-us, #navigation li.sfhover a#contact-us {background-image:url(images/nav-contact-us.jpg); background-position:bottom;}
.active #contact-us {background-image:url(images/nav-contact-us-act.jpg);}
#home {background:url(images/nav-home.jpg); width:56px;}
#navigation li a#home:hover, #navigation li:hover a#home, #navigation li.sfhover a#home {background-image:url(images/nav-home.jpg); background-position:bottom;}
.active #home {background-image:url(images/nav-home-act.jpg);}
.services-back {left:144px !Important; background:url(images/services-back.gif) no-repeat; width:153px !Important; height:96px !Important;}
.general-back {left:149px !Important; background:url(images/general-back.gif) no-repeat; width:153px !Important; height:156px !Important;}
.contact-back {left:100px !Important; background:url(images/contact-back.gif) no-repeat; width:153px !Important; height:130px !Important;}
.services-back-sub {left:78px !Important; background:url(images/services-back.gif) no-repeat; width:153px !Important; height:96px !Important;}
.smile-designers {background:url(images/smile-designer-img.jpg) no-repeat; width:681px; height:40px; float:right;}
.left-side-address {float:right; margin:0px 0px 0px 0px; padding:0px 23px 0px 0px;}
.left-side-address p {font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:14px; color:#ffffff; text-align:right; line-height:1.3em;}
/* - - - - - - - - - - RIGHT SIDE - - - - - - - - - - */
#right-side {width:681px; margin:0px; float:right;}
#right-column {margin:0px 0px 15px 0px; padding:0px 0px 0px 0px; font-size:12px; color:#000000; font-family:"Verdana", Arial, Helvetica, sans-serif; float:right; width:681px;}
#right-column {height:auto !important;}
#right-column p {margin:15px 40px 20px 37px; line-height:1.6em;}
#right-column ul {margin:7px 30px 20px 65px;}
#right-column ol {margin:7px 30px 20px 65px;}
/* - - - - - - - - - - TITLES - - - - - - - - - - */
#title-welcome {background:url(images/titles/title-welcome.jpg) no-repeat; width:672px; height:90px;}
#title-404-error {background:url(images/titles/title-404-error.jpg) no-repeat; width:425px; height:76px;}
#title-500-error {background:url(images/titles/title-500-error.jpg) no-repeat; width:425px; height:76px;}
#title-anatomy-of-a-tooth {background:url(images/titles/title-anatomy-of-a-tooth.jpg) no-repeat; width:425px; height:76px;}
#title-appointment-request {background:url(images/titles/title-appointment-request.jpg) no-repeat; width:425px; height:76px;}
#title-cerec {background:url(images/titles/title-cerec.jpg) no-repeat; width:425px; height:76px;}
#title-comment-form {background:url(images/titles/title-comment-form.jpg) no-repeat; width:425px; height:76px;}
#title-common-procedures {background:url(images/titles/title-common-procedures.jpg) no-repeat; width:425px; height:76px;}
#title-cosmetic-dentistry {background:url(images/titles/title-cosmetic-dentistry.jpg) no-repeat; width:425px; height:76px;}
#title-faqs {background:url(images/titles/title-faqs.jpg) no-repeat; width:425px; height:76px;}
#title-game-room {background:url(images/titles/title-game-room.jpg) no-repeat; width:425px; height:76px;}
#title-know-your-teeth {background:url(images/titles/title-know-your-teeth.jpg) no-repeat; width:425px; height:76px;}
#title-location {background:url(images/titles/title-location.jpg) no-repeat; width:425px; height:76px;}
#title-meet-dr-pratt {background:url(images/titles/title-meet-dr-pratt.jpg) no-repeat; width:425px; height:76px;}
#title-office-policies {background:url(images/titles/title-office-policies.jpg) no-repeat; width:425px; height:76px;}
#title-patient-forms {background:url(images/titles/title-patient-forms.jpg) no-repeat; width:425px; height:76px;}
#title-refer-a-friend {background:url(images/titles/title-refer-a-friend.jpg) no-repeat; width:425px; height:76px;}
#title-smile-gallery {background:url(images/titles/title-smile-gallery.jpg) no-repeat; width:425px; height:76px;}
#title-teeth-whitening {background:url(images/titles/title-teeth-whitening.jpg) no-repeat; width:425px; height:76px;}
#title-why-see-a-dentist {background:url(images/titles/title-why-see-a-dentist.jpg) no-repeat; width:425px; height:76px;}
#title-privacy-policy {background:url(images/titles/title-privacy-policy.jpg) no-repeat; width:425px; height:76px;}
#title-site-map {background:url(images/titles/title-site-map.jpg) no-repeat; width:425px; height:76px;}
/* - - - - - - - - - - THE GAME ROOM - - - - - - - - - - */
div#sesame-game {background: #000; line-height: 0; margin: 10px auto 30px auto; text-align: center; width: 400px}
ul#sesame-games {list-style: none; margin: 0 18px 0 0; padding: 0}
ul#sesame-games li {clear: both; display: block}
ul#sesame-games img {border: 0; float: right; margin: 0 0 10px 10px}
ul#sesame-games a.button {float:right; height:85px; width:200px}
ul#sesame-games p { padding-bottom: 1em}
/* - - - - - - - - - - ANATOMY OF A TOOTH - - - - - - - - - - */
#anatomy-of-a-tooth {background: url(images/anatomy-of-a-tooth/anatomy-of-a-tooth-bg.gif); height: 525px; position: relative; width: 300px; margin:0px 0px 0px 185px;}
#anatomy-of-a-tooth a {cursor: help; display: block; position: absolute}
#anatomy-of-a-tooth a:hover {background: transparent}
a#bone {height: 20px; left: 30px; top: 380px; width: 40px}
a#cementum {height: 20px; left: 100px; top: 460px; width: 90px}
a#dentin {height: 20px; left: 80px; top: 165px; width: 60px}
a#enamel {height: 20px; left: 165px; top: 135px; width: 60px}
a#gingiva {height: 30px; left: 20px; top: 275px; width: 60px}
a#periodontal {height: 30px; left: 205px; top: 440px; width: 70px}
a#pulp {height: 30px; left: 125px; top: 220px; width: 50px}
a#print {cursor: pointer; height: 23px; left: 240px; top: 502px; width: 60px}
#anatomy-of-a-tooth a img {border: none; display: block; height: 0; position: absolute; width: 0}
#anatomy-of-a-tooth a:hover img {height: 98px; width: 300px}
a#bone:hover img {left: -30px; top: -380px}
a#cementum:hover img {left: -100px; top: -460px}
a#dentin:hover img {left: -80px; top: -165px}
a#enamel:hover img {left: -165px; top: -135px}
a#gingiva:hover img {left: -20px; top: -275px}
a#periodontal:hover img {left: -205px; top: -440px}
a#pulp:hover img {left: -125px; top: -220px}
.logo-care-credit {background:url(images/care-credit.jpg) no-repeat; width:171px; height:47px; margin:15px 0px 25px 37px; float:left;}
h1.care-credit-sub {margin:0px; overflow:hidden; text-indent:-999em;}
h1.care-credit-sub a {display:block; width:171px; height:47px; margin:0px 0px 0px 0px; clear:both;}
.logo-cerec {background:url(images/cerec.jpg) no-repeat; width:171px; height:47px; margin:15px 0px 25px 37px; float:left;}
h1.cerec-sub {margin:0px; overflow:hidden; text-indent:-999em;}
h1.cerec-sub a {display:block; width:171px; height:47px; margin:0px 0px 0px 0px; clear:both;}
.logo-waterpik {background:url(images/waterpik.jpg) no-repeat; width:184px; height:63px; margin:15px 0px 25px 37px; float:left;}
h1.waterpik-sub {margin:0px; overflow:hidden; text-indent:-999em;}
h1.waterpik-sub a {display:block; width:184px; height:63px; margin:0px 0px 0px 0px; clear:both;}
/* - - - - - - - - - - CONTENT ELEMENTS - - - - - - - - - - */
.text-top {margin-top:0px !important;}
.small-tile {background:url(images/sm-tile.gif) repeat-x; width:590px; height:1px; margin-left:35px; margin-bottom:10px; margin-top:10px; clear:both;}
blockquote {margin-left:25px;}
#toggle-content {margin: 0 0 15px 35px;}
img.right {clear:right; float:right; margin:0px 40px 20px 20px;}
/* - - - - - - - - - - PHOTOS - - - - - - - - - - */
.photo {float:right; margin:30px 40px 20px 10px;}
.photo-sub {margin:0px 0px 25px 35px;}
/* - - - - - - - - - - FLASH - - - - - - - - - - */
#flash-homepage {width:681px; height:232px; float:right;}
.backflashplayer {line-height:1.5em; font-family:"Verdana", Arial, Helvetica, sans-serif; font-size:11px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#000000; background:url(images/back-flash.jpg) no-repeat; width:559px; height:256px;}
.flash-replaced .alt {display:block; width:0px; height:0px; position:absolute; overflow:hidden;}
.hide {display:none;}
#flash-know-your-teeth {margin:15px 0px 0px 80px;}
#flash-smile-gallery {margin:15px 0px 0px 90px;}
/* - - - - - - - - - - H1, H2, H3, H4 - - - - - - - - - - */
h1 {padding-right: 0px; padding-left:0px; padding-bottom:0px; padding-top:0px; margin:0px; text-indent:-999em; background-repeat:no-repeat;}
h2 {margin:0px 40px 13px 35px; font-weight:normal; font-size:18px; font-family:"Verdana", Arial, Helvetica, sans-serif; text-decoration:none; color:#fe9522; line-height:1.5em;}
h3 {margin:0px 40px 13px 37px; font-weight:bold; font-style:italic; font-size:14px; font-family:"Verdana", Arial, Helvetica, sans-serif; text-decoration:none; color:#686868; line-height:1.5em;}
h4 {margin:0px 40px 13px 37px; font-weight:bold; font-style:italic; font-size:12px; font-family:"Verdana", Arial, Helvetica, sans-serif; text-decoration:none; color:#f8991d; line-height:1.6em;}
h5 {text-align:center; font-size:12px; font-family:"Verdana", Arial, Helvetica, sans-serif; text-decoration:none; color:#929304; line-height:1.6em; font-weight:bold; padding:40px 0px 0px 0px;}
/* - - - - - - - - - - FOOTER - - - - - - - - - - */
#footer {font-family:"Verdana", Arial, Helvetica, sans-serif; background:url(images/footer.jpg) no-repeat; width:900px; height:194px; margin:0 auto;}
#footer-menu {text-align:center; color:#e6e78f; padding-top:25px; font-size:11px; font-weight:normal;}
#footer-menu a {color:#e6e78f; text-decoration:none; font-weight:normal;}
#footer-slogan {text-align:center; color:#ffffff; padding-top:14px; font-size:11px; font-weight:normal;}
#footer-slogan a {color:#ffffff; text-decoration:none; font-weight:normal;}
.foot-menu {display:inline; padding-right:3px; list-style-type:none;}
.foot-menu-sub {display:inline; background:url(images/footer-bullet.jpg) no-repeat; padding-left:9px; padding-right:3px; list-style-type:none;}
/* Global form styles */
div.referral-form, div.appointment-form, div.comments, div.login-form {
width: 87%;
margin-top: 18px;
margin-left:37px !Important;
}
fieldset {border: 0; padding: 9px 0;color: #000000; margin: 0 18px;}
fieldset div {clear: both;}
.form-header {color: #002544; border-bottom: 1px solid #929304; margin-left:20px;/*optional, change color to match site*/}
.form-header h3 {margin: 0 0 9px;}
.form-header p {margin: 0 0; padding-bottom: 18px;}
.form-footer {padding-top: 18px; text-align: center; border-top: 1px solid #929304;/*optional, change color to match site*/}
.form-footer button {/*these styles control the look of the button, change as necessary*/
clear:both;/*do not change, forces button to sit below floated elements*/
margin: 9px auto;/*do not change, controls positioning*/
display: block;
width:125px;
height:31px;
background:#dcdd83;/* customize me! */
border: 1px solid #929304;
text-align:center;
line-height:31px;
color:#000000;/* customize me! */
font-size:12px;
font-weight:bold;}
fieldset input, fieldset textarea, fieldset select {line-height: 18px; height: 18px; padding: 4px 9px 5px 9px; border: 1px solid #002544;}
fieldset input.radio {border: 0;}
fieldset p.verification img {border: 1px solid #002544; float:right; margin-right:189px;}
fieldset label {margin-top: 9px;}
fieldset label, label span {text-align: left; line-height: 18px; height: 18px;}
fieldset textarea {height: 144px; overflow: auto;}
label.required {background: url(../images/required_note.gif) 100% 0 no-repeat;}
p.required-note {font-weight: bold;}
p.required-note img {display: inline;}
p.radio-float, p.radio-float input {line-height: 27px; vertical-align: middle;}
/* appointment form */
.appointment-form {
margin: 18px 0;
padding: 0;
}
.appointment-form fieldset {border: 0; }
.appointment-form label {/*floats labels left*/
font-size: 12px;
display:block;
font-weight:bold;
width:45%;
float:left;
margin-top: 9px;
line-height: 18px;
}
.appointment-form label span {/*sits below labels; holds instructions*/
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
width:100%;}
.appointment-form input, .appointment-form select, .appointment-form textarea {
float:left;
font-size:12px;
padding:0 2px;
width:40%;
margin:9px 0 9px 2%;
background: #ffffff;}
.appointment-form p.radio, .appointment-form p.verification {
clear: both;
margin: 9px 0 9px 47%;
font-size: 12px;}
.appointment-form p.radio-float {
clear: none;
float:left;
width: 45%;
padding:0;
margin:9px 0 9px 2%;
vertical-align: middle;
line-height: 18px;}
.appointment-form span#found-other {width: 100%;}
.appointment-form span#found-other input {margin-left: 47%; background: #fff0b2}
.appointment-form p.verification {margin-top: 0;}
.appointment-form p.radio input, .appointment-form p.radio-float input {
float: none;
width: auto;
margin: 0 0 0 2%;
padding: 4px 2px;}
/* JQuery */
input.error, select.error, textarea.error {border-color: #a52003; background: #fefda1; }
div.error {padding-left: 18px; background: url(../images/validate_error.jpg) 0 0 no-repeat; color: #a52003;
display: block; margin:0 0 9px 47%; font-size: 11px; font-weight: normal; line-height: 18px; clear: both;}
div.success {padding-left: 18px; background: url(../images/validate_ok.jpg) 0 0 no-repeat; color: #000000;
display: block;margin:9px 0 0 0;font-size: 11px; font-weight: normal; line-height: 18px; float: right; clear: none;}
.contact-form div.error, .contact-form div.success {margin-left: 0;}
/* comment form */
div.comments {
margin: 18px 0;
padding: 0;
}
.comments li {font-weight: bold; margin: 0;}
.comments label {/*floats labels left*/
font-size: 12px;
display:block;
font-weight:bold;
width:45%;
float:left;}
.comments label span {/*sits below labels; holds instructions*/
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
width:100%;}
.comments .label-block label {float: none; clear: both; width: 100%; text-align: left;}
.comments input, .comments textarea {
float:left;
font-size:12px;
padding:0 2px;
width:40%;
margin:9px 0 9px 2%;
background: #ffffff;}
.comments textarea {width: 95%;}
.comments p.verification {
clear: both;
margin: 9px 0 9px 47%;
font-size: 12px;}
.comments p.radio-float {
clear: none;
float:left;
width: 45%;
padding:0;
margin:9px 0 9px 0;
vertical-align: middle;
line-height: 18px;}
.comments p.verification {margin-top: 0;}
.comments p.radio input, .comments p.radio-float input {
float: none;
margin: 0 0 0 0;
padding: 4px 2px;
width: auto;}
.comments p.radio span {padding: 0 2% 0 0;}
.comments .radio {text-align: left; font-weight: normal;}
.comments .comments-box label {float: none; font-weight: normal; display: block; text-align: left;}
.comments .comments-box textarea {float: none; margin-left: 0; width:95%;
}
/* referral form */
div.referral-form {
margin: 18px 0;
padding: 0;
}
.referral-form fieldset {border: 0; }
.referral-form label {/*floats labels left*/
font-size: 12px;
display:block;
font-weight:bold;
width:45%;
float:left;
line-height: 18px;}
.referral-form label span {/*sits below labels; holds instructions*/
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
width:100%;}
.referral-form input, .referral-form textarea {
float:left;
font-size:12px;
padding:0 2px;
width:40%;
margin:9px 0 9px 2%;
background: #ffffff;
position: relative;}
.referral-form p.radio, .referral-form p.verification {
clear: both;
margin: 9px 0 9px 47%;
font-size: 12px;}
.referral-form p.radio-float {
clear: none;
float:left;
width: 45%;
padding:0;
margin:9px 0 9px 2%;}
.referral-form p.verification {margin-top: 0;}
.referral-form p.radio input, .referral-form p.radio-float input {
float: none;
width: auto;
margin: 0 0 0 2%;
padding: 0 2px;
vertical-align: middle;
line-height: 18px;
height: 18px;}