/* CSS Reset */
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, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; list-style-type: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
/* DentistInSacramento.com CSS */
HTML { overflow: -moz-scrollbars-vertical; }
img { border: 0; }
strong { font-weight: bold; }
em { font-style: italic; }
body { margin: 0; padding: 0; background: #56b6c7 url(/images/background.jpg) repeat-x top left; font-family: "Georgia", Georgia, Serif; }
/*body.subpage { background: #56b6c7 url(/images/background_subpage.jpg) repeat-x top left; }*/
a { color: #317ca5; text-decoration: none; }
a:hover { text-decoration: none; }
.breaker { clear: both; height: 0px; font-size: 0px; }
#sky { background: url(/images/background_sky.jpg) no-repeat top center; min-height: 600px; }
/*#sky.subpage { background: url(/images/background_sky_subpage.jpg) no-repeat top center; min-height: 350px; }*/
#wrapper { width: 960px; margin: 0 auto; }
#header { }
#header #logo { float: left; margin: 21px 0px 0px 10px; padding: 0; font-size: 0px; line-height: 0px; }
#header h3#motto { float:right; font-size:16px; font-style:italic; line-height:26px; margin:35px 0 0 35px; width:480px; font-weight: normal; }
#header h3#motto span.separator { padding: 0px 7px; color: #bbb; font-style: normal; }
#header h3#motto a { font-weight: bold; color: #0070e3; }
#header h3#motto a:hover { text-decoration: underline; }
#header h3#motto span.loc { font-size: 13px; color: #333; }
#header h1#topintro { width:440px; float:left; padding: 17px 0 0; margin: 0px 0px 0px 10px; font-weight: normal; }
#header #topmenu { float: left; height: 102px; width: 510px; }
#header #topmenu ul.menu { height: 39px; margin: 32px -12px 0 0; float: right; list-style-type: none; }
#header #topmenu ul.menu li { height: 39px; float: left; list-style-type: none; }
#header #topmenu ul.menu li a { height: 39px; display:block; background: url(/images/btn_home.png) no-repeat left top; }
#header #topmenu ul.menu li a span { display: none; }
#header #topmenu ul.menu li#btnHome { width: 101px; }
#header #topmenu ul.menu li#btnHome a { background-image: url(/images/btn_home.png); }
#header #topmenu ul.menu li#btnHome a.sel { background-image: url(/images/btn_home_sel.png); }
#header #topmenu ul.menu li#btnHome a:hover { background-image: url(/images/btn_home_sel.png); }
#header #topmenu ul.menu li#btnSmileProgram { margin-left: 20px; width: 247px; }
#header #topmenu ul.menu li#btnSmileProgram a { background-image: url(/images/btn_smileprogram.png); }
#header #topmenu ul.menu li#btnSmileProgram a.sel { background-image: url(/images/btn_smileprogram_sel.png); }
#header #topmenu ul.menu li#btnSmileProgram a:hover { background-image: url(/images/btn_smileprogram_sel.png); }
#header #topmenu ul.menu li#btnSmileProgram span.noInsurance { display: block; width: 247px; height: 24px; background: url(/images/title_noinsurance.png) no-repeat left top; margin: -24px 0px 0px 0px; }
#header #topmenu ul.menu li#btnSmileProgram span.noInsurance span { display: none; }
#services { height: 322px; background: url(/images/services_bg.jpg) no-repeat left top; position: relative; }
#services #ourServices { position: absolute; top: -75px; left: 470px; }
#services .servicesInner { padding: 27px 22px 0px 23px; }
#carousel-wrapper { width: 915px; height: 251px; overflow: hidden; }
#carousel-content { width: 2135px; }
#services .serviceBox { width: 305px; height: 251px; background: url(/images/service_box.png) no-repeat 7px top; float: left; }
#services .serviceBox .innerBox { padding: 11px 13px 0px 20px; }
#services .serviceBox .heading { height: 103px; width: 263px; background: url(/images/svc_title_bg.jpg) no-repeat right top; }
#services .serviceBox .face { height: 103px; width: 103px; float: left; }
#services .serviceBox h3 { float:left; height:26px; margin-top:25px; width:150px; background: url(/images/svc_title_implants.png) no-repeat left center; }
#services .serviceBox h3 span { display: none; }
#services .serviceBox p.price { color:#0070e3; float:left; font-size:11px; font-style:italic; margin-top:9px; text-align:center; width:144px; }
#services .serviceBox p.price sup { font-size: 8px; color: #2e8ff1; vertical-align: 3px; padding-left: 1px; }
#services .serviceBox p.price span.dollars { font-weight: bold ! important; }
#services .serviceBox p.info { color: #333; padding: 0px 5px; font-size: 14px; height: 93px; }
#services .serviceBox p.info a.more { font-size: 12px; }
#services .serviceBox div.buttons { text-align: center; }
#services .serviceBox h3.titleImplants { background-image: url(/images/svc_title_implants.png); }
#services .serviceBox h3.titleWhitening { background-image: url(/images/svc_title_whitening.png); }
#services .serviceBox h3.titleInvisalign { background-image: url(/images/svc_title_invisalign.png); }
#services .serviceBox h3.titleCerecCrowns { background-image: url(/images/svc_title_cerec.png); }
#services .serviceBox h3.titleRootCanals { background-image: url(/images/svc_title_rootcanals.png); }
#services .serviceBox h3.titleDentures { background-image: url(/images/svc_title_dentures.png); }
#services .serviceBox h3.titleInsuranceSpecial { background-image: url(/images/svc_title_insurancespecial.png); }
#sliderButtons { float: right; margin: 5px 8px 0px 0px; }
#sliderButtons .carousel-control { }
ul#servicesMenu { float: left; margin: 3px 0 0 -12px; font-size: 12px; list-style-type: none; }
ul#servicesMenu li { float: left; padding: 2px 9px 2px 20px; border-right: 1px solid #d1c8b0; margin-right: 10px; list-style-type: none; }
ul#servicesMenu li.list { background: url(/images/icon_scroll.png) no-repeat left top; }
ul#servicesMenu li.glossary { background: url(/images/icon_glossary.png) no-repeat left top; }
ul#servicesMenu li.money { background: url(/images/icon_money.png) no-repeat left top; border-right: 0; }
#requestvisit {float: left; width: 322px; background: url(/images/locations_bg.png) repeat-y left top; margin: 8px 0 0 2px; }
#requestvisit h3 { background: url(/images/requestvisit_top.png) no-repeat left top; height: 58px; }
#requestvisit h3 span { display:none; }
#requestvisit .locationsBody { padding: 10px 20px 10px; }
#requestvisit .locationsBody .locations { }
#requestvisit .locationsBottom { background: url(/images/locations_bottom.png) no-repeat left top; height: 16px; font-size: 0px; line-height: 0px; }
#requestvisit .location { margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
#requestvisit .lastLocation { margin-bottom: 0; border-bottom: 0; padding-bottom: 0; }
#requestvisit .name { font-weight: bold; }
#requestvisit .name .region { font-size: 11px; color: #999; font-weight: normal; }
#requestvisit .name .map { font-size: 10px; font-weight: normal; float: right; margin: 4px 0px 0px 0px; }
#requestvisit .address { font-size: 11px; color: #666; padding: 3px 0px 0px; line-height: 14px; }
#requestvisit .address a:hover { text-decoration: underline; }
#requestvisit .phone { font-weight: bold; font-size: 16px; color: #333; padding: 3px 0px; }
#requestvisit .website { font-size: 11px; padding: 3px 0px 0px; }
#requestvisit .website a:hover { text-decoration: underline; }
#locations { float: left; width: 322px; background: url(/images/locations_bg.png) repeat-y left top; margin: 8px 0 0 2px; }
#locations h3 { background: url(/images/locations_top.png) no-repeat left top; height: 58px; }
#locations h3 span { display:none; }
#locations .locationsBody { padding: 10px 20px 10px; }
#locations .locationsBody .locations { }
#locations .locationsBottom { background: url(/images/locations_bottom.png) no-repeat left top; height: 16px; font-size: 0px; line-height: 0px; }
#testimonials { float: left; width: 322px; background: url(/images/locations_bg.png) repeat-y left top; margin: 8px 0 0 2px; }
#testimonials h3 { background: url(/images/testimonials_top.png) no-repeat left top; height: 58px; }
#testimonials h3 span { display:none; }
#testimonials .testimonialsBody { padding: 4px 11px 0px 20px; }
#testimonials .testimonialsBody .testimonial { float: left; margin: 6px 10px 4px 0; }
#testimonials .testimonialsBottom { background: url(/images/locations_bottom.png) no-repeat left top; height: 16px; font-size: 0px; line-height: 0px; }
#locations .location { margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 10px; }
#locations .lastLocation { margin-bottom: 0; border-bottom: 0; padding-bottom: 0; }
#locations .name { font-weight: bold; }
#locations .name .region { font-size: 11px; color: #999; font-weight: normal; }
#locations .name .map { font-size: 10px; font-weight: normal; float: right; margin: 4px 0px 0px 0px; }
#locations .address { font-size: 11px; color: #666; padding: 3px 0px 0px; line-height: 14px; }
#locations .address a:hover { text-decoration: underline; }
#locations .phone { font-weight: bold; font-size: 16px; color: #333; padding: 3px 0px; }
#locations .website { font-size: 11px; padding: 3px 0px 0px; }
#locations .website a:hover { text-decoration: underline; }
#content { float: left; width: 627px; background: url(/images/content_bg.png) repeat-y left top; margin: 8px 0 0 8px; }
#content h3 { background: url(/images/content_top.png) no-repeat left top; height: 58px; }
#content h3 span { display:none; }
#content .contentBody { padding: 15px 30px;}
#content p { font-size:16px;margin-bottom:10px;}
#content ol, ul { list-style:inside; padding: 5px 20px; }
#content li {margin: 10px auto 20px auto; list-style-type: disc ;}
#content .contentBody #contactForm { padding: 5px; }
#content .visitBottom { background: url(/images/content_bottom.png) no-repeat left top; height: 16px; font-size: 0px; line-height: 0px; }
#visit { float: left; width: 627px; background: url(/images/visit_bg.png) repeat-y left top; margin: 8px 0 0 8px; }
#visit h3 { background: url(/images/visit_top.png) no-repeat left top; height: 58px; }
#visit h3 span { display:none; }
#visit .visitBody { padding: 5px 15px; }
#visit .visitBody #contactForm { padding: 5px; }
#visit .visitBottom { background: url(/images/visit_bottom.png) no-repeat left top; height: 16px; font-size: 0px; line-height: 0px; }
#sidemenu { float: left; width: 322px; height: 254px; background: url(/images/sidemenu_bg.png) no-repeat; margin: 8px 0 0 2px; }
#sidemenu h3 { background: url(/images/sidemenu_top.png) no-repeat left top; height: 55px; }
#sidemenu h3 span { display:none; }
#sidemenu .sidemenuBody { padding: 5px 20px; }
#leftmenu ul { list-style-type: none; padding: 0; }
#leftmenu ul li { border-bottom: 1px solid #ddd; padding: 4px 0px; font-size: 16px; list-style-type: none; }
#leftmenu ul li.last { border-bottom: 0; }
#leftmenu ul li a { }
#leftmenu ul li a.sel, #leftmenu ul li a:hover { color: #000; font-weight: bold; }
#leftmenu ul li.contact a { color: #ff5a00; }
#subpage { float: left; width: 627px; background: url(/images/subpage_bg.png) repeat-y left top; margin: 8px 0 0 8px; }
#subpage h3 { background: url(/images/subpage_top.png) no-repeat left top; height: 58px; }
#subpage h3 span.text { display:none; }
#subpage h3 span.label { display: block; height: 54px; background-position: 14px 15px; background-repeat: no-repeat; }
#subpage h3 span.textLabel { display: block; padding: 21px 0px 0px 21px; font-size: 20px; font-weight: bold; }
#subpage h3.smileAssurance span.label { background-image: url(/images/title_smileprogram.png); }
#subpage h3.ourServices span.label { background-image: url(/images/title_services.png); }
#subpage h3.glossary span.label { background-image: url(/images/title_glossary.png); }
#subpage h3.moneymatters span.label { background-image: url(/images/title_moneymatters.png); }
#subpage h3.reviews span.label { background-image: url(/images/title_reviews.png); }
#subpage .subpageBody { min-height: 300px; background: url(/images/subpage_bg_sky.png) no-repeat left top; padding: 0px 20px; font-size: 15px; }
#subpage .subpageBottom { background: url(/images/subpage_bottom.png) no-repeat left top; height: 16px; font-size: 0px; line-height: 0px; }
.subpageBody p { padding: 5px 0px 7px; }
.subpageBody strong { font-weight: bold; }
.subpageBody em { font-style: italic; }
.subpageBody h2 { padding: 5px 0px 5px 0px; border-bottom: 1px solid #ddd; margin-bottom: 5px; font-weight: bold; }
.subpageBody blockquote { padding: 10px 0px 10px 20px; }
.subpageBody ul { list-style-type: disc; margin: 5px 0px 10px 30px; padding: 0px 0px 0px 0px; }
.subpageBody ul li { list-style-type: disc; margin: 0px 0px 0px 0px; padding: 2px 0px 2px 0px; }
.subpageBody img.rightImage { float: right; margin: 0px 0px 5px 10px; }
.subpageBody img.beforeAfter { float: left; margin: 0px 0px 8px 10px; }
.subpageBody img.afterPic { margin-left: 20px; }
.subpageBody img.centerPic { margin: 5px auto; display: block; }
.subpageBody p.letter { background: url(/images/glossary_heading.png) no-repeat left 10px; text-align: center; color: #fff; padding: 16px 0px 10px; font-weight: bold; }
.subpageBody p.emptyLetter { background: url(/images/glossary_heading_empty.png) no-repeat left 10px; }
p#glossaryIndex { border-bottom:1px solid #DDDDDD; border-top:1px solid #DDDDDD; margin:8px 0 5px; padding:7px 0 9px; text-align:center; }
p#glossaryIndex .letterLink { padding: 0px 2px 0px 5px; font-size: 13px; border-left: 1px solid #ddd; }
p#glossaryIndex .first { padding-left:0; border-left: 0; }
p.empty { color:#999999; font-size:13px; padding:10px 0; text-align:center; }
a.topLink { color:#999999; display:block; font-size:11px; padding:4px 0 13px; text-align: center; display: none; }
.subpageBody div.feedItem { margin: 10px 0px 5px; }
.subpageBody div.feedItem div.heading { font-weight: normal; padding: 0px 0px 5px 1px; }
.subpageBody div.feedItem div.heading span.date { float: right; font-size: 10px; color: #999; }
.subpageBody div.feedItem div.heading span.title { font-weight: bold; }
.subpageBody div.feedItem div.heading span.author { font-weight: bold; }
.subpageBody div.feedItem div.summary { border: 1px solid #999; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; background: #fff; padding: 10px; }
#footer { margin: 0px 7px 20px 10px; padding: 10px 0px 0px 0px; clear: both; }
#footer .inner { border-top: 1px solid #fff; padding: 10px 0px 20px 0px; font-size: 11px; color: #fff; }
#footer .webflow { float: right; color: #077c91; }
#footer .webflow a { color: #085b87; text-decoration: none; }
#footer .webflow a:hover { color: #fff; text-decoration: underline; }
table.compare { width: 100%; margin: 0px 0px 10px 0px; padding: 0; border-spacing: 0; font-size: 11px; }
table.compare tr th { font-weight: bold; text-align: center; padding: 0px 5px 3px; }
table.compare tr td { text-align: center; padding: 3px 5px; }
table.compare tr td.first { text-align: left; padding-left: 0px; }
#left0{float:left;}
#right0{float:left;}
#dropinboxv2cover{
width: 470px; /*change width to desired */
/*change height to desired. REMOVE if you wish box to be content's natural height */
position:absolute; /*Don't change below 4 rules*/
z-index: 100;
overflow:hidden;
visibility: hidden;
}
#dropinboxv2 {
width: 425px; /*change width to above width-20. */
/*change height to above height-20. REMOVE if you wish box to be content's natural height*/
border: 2px solid black; /*Customize box appearance*/
background-color: #ceeaee;
color:#333333; font-size:16px; padding:10px 0; text-align:left;
padding: 4px;
position:absolute; /*Don't change below 3 rules */
left: 0;
top: 0;
}