/* Customer CSS */
#print-title {
display:none;
}

body {
background-color:#c4c1a0;
color:#000;
}

.sbContainer {
margin:0;
background:url(../images/background_repeat_new.jpg) top repeat-x;
}

.sbContainer a {
color:#0D4B74;
outline:none;
}

.sbContainer a:hover {
color:#000;
outline:none;
}

.sbContainer a:focus {
outline:none;
}

#main {
width:1152px;
margin:auto;
padding-bottom:30px;
overflow:hidden;
}

#top {
float:left;
width:1152px;
height:144px;
background:url(../images/header_background.jpg) no-repeat;
}

#header {
float:left;
width:1040px;
height:144px;
margin-left:57px;
_margin-left:28px;
}

#logo {
float:left;
width:165px;
height:144px;
background:url(../images/logo.png) no-repeat;
margin-left:30px;
_margin-left:15px;
}

#logoTitles {
float:left;
width:570px;
margin:50px 0 0 25px;
_margin:50px 0 0 12px;
}

#logoTitle1,#logoTitle2 {
float:left;
}

#slot-locations {
float:right;
width:200px;
height:114px;
margin:20px 40px 0 0;
_margin:20px 25px 0 0;
text-align:right;
}

.locationsPhone {
font-size:18px;
font-weight:700;
margin-top:5px;
display:block;
}

#navigation {
float:left;
width:1152px;
height:38px;
background:url(../images/nav_background.jpg) top no-repeat;
}

#navigation ul {
margin:0 0 0 40px;
padding:0;
text-align:center;
}

#navigation li {
float:left;
display:block;
height:28px;
list-style:none;
background:url(../images/nav_seperator.png) right bottom no-repeat;
padding:10px 40px 0 0;
}

#navigation a {
text-decoration:none;
color:#fff;
padding:0 10px 0 5px;
}

#slot-navigation {
margin:0 auto;
width:1002px;
height:38px;
}

#slot-navigation #navigation-6 {
background:none;
padding-right:0;
}

#flashWrapper {
float:left;
width:1040px;
height:349px;
background:url(../images/flash_video_temp.jpg) top no-repeat;
margin:0 56px;
_margin:0 28px;
}

#flash {
float:left;
width:539px;
height:349px;
}

#slot-video {
float:right;
width:400px;
height:234px;
margin:68px 79px 0 0;
}

#content_wrapper {
float:left;
width:1040px;
margin:0 56px;
_margin:-3px 0 0 28px;
}

#content_background {
float:left;
width:1040px;
background:url(../images/int_content_background_repeat.jpg) top repeat-y;
overflow:hidden;
}

#page-index #content_background {
float:left;
width:1040px;
background:url(../images/content_background_repeat.jpg) top repeat-y;
overflow:hidden;
}

#content {
float:left;
width:1040px;
background:url(../images/int_content_top.jpg) top no-repeat;
}

#page-index #content {
float:left;
width:1040px;
background:url(../images/content_top.jpg) top no-repeat;
}

#content_left {
float:left;
width:415px;
margin:0 0 0 75px;
_margin-left:37px;
}

#comp-flashText,#comp-flashText2,#comp-flashText3,#comp-flashText4 {
float:left;
}

#slot-topContent {
float:left;
width:270px;
min-height:20px;
margin-top:10px;
line-height:1.5;
}

#slot-main {
float:left;
width:655px;
margin-top:10px;
}

#librarySearchForm #search {
display:none;
}

/* 
#page-staff #slot-main, #page-services #slot-main, #page-offices #slot-main, #page-patients #slot-main, #page-appointment #slot-main, #page-contact #slot-main, #page-staff #slot-main {
	margin-top:70px;
}
*/
#page-index #slot-main {
float:left;
width:415px;
margin:0;
}

#content_right {
float:right;
width:437px;
margin-right:64px;
_margin-right:32px;
}

#services {
float:left;
width:202px;
}

#slot-services {
float:left;
width:202px;
min-height:20px;
}

#slot-services ul {
padding-left:5px;
}

#slot-services li {
list-style:none;
font-size:16px;
background:url(../images/arrow_services.png) left no-repeat;
margin:10px 0;
padding:4px 0 4px 30px;
}

#slot-services a {
color:#000;
text-decoration:none;
}

#slot-services a:hover {
text-decoration:underline;
}

#appointment a {
float:left;
display:block;
width:202px;
height:104px;
background:url(../images/btn_appointment.png);
margin-bottom:15px;
}

#newsletter {
float:left;
display:block;
width:202px;
height:85px;
background:url(../images/btn_newsletter.png) no-repeat;
padding:50px 0 0;
}

.constantContact_form {
width:137px;
height:20px;
margin-top:3px;
}

#bookmark a {
float:left;
display:none;
/*display:block;*/
width:202px;
height:42px;
background:url(../images/btn_bookmark.png);
margin-bottom:15px;
}

#specialties {
float:right;
width:204px;
height:600px;
}

#slot-specialties {
float:left;
width:204px;
min-height:20px;
margin-top:10px;
}

#slot-specialties ul {
margin:0;
padding:0;
}

#slot-specialties li {
list-style:none;
text-indent:-5000px;
}

#slot-specialties a {
float:left;
display:block;
width:204px;
height:72px;
margin-bottom:5px;
}

#slot-specialties .general a {
height:79px;
background:url(../images/spec_general.png);
}

#slot-specialties .pediatrics a {
background:url(../images/spec_pediatric.png);
}

#slot-specialties .orthodontics a {
background:url(../images/spec_orthodontics.png);
}

#slot-specialties .cosmetic a {
background:url(../images/spec_cosmetic.png);
}

#slot-specialties .periodontics a {
background:url(../images/spec_periodontics.png);
}

#slot-specialties .endodontics a {
background:url(../images/spec_endodontics.png);
}

#slot-specialties .oral a {
background:url(../images/spec_oral.png);
}

#slot-specialties .tmd a {
background:url(../images/spec_tmd.png);
}

#content_bottom {
float:left;
width:1040px;
height:141px;
background:url(../images/int_content_bottom.jpg) top no-repeat;
}

#page-index #content_bottom {
float:left;
width:1040px;
height:141px;
background:url(../images/content_bottom.jpg) top no-repeat;
}

#footerContent {
float:left;
width:1040px;
margin:30px 0 0 64px;
text-align:center;
}

#footerContent li {
list-style:none;
display:inline;
}

#slot-footer2 a,#slot-footer3 a {
padding:0 5px;
}

#slot-footer3 {
margin-top:-5px;
}

/* interior css */
#interior_image {
float:left;
width:1040px;
height:279px;
background:url(../images/img_general.jpg) no-repeat;
margin:0 56px;
_margin:0 28px;
}

#page-staff #interior_image {
background:url(../images/img_dentists.jpg) no-repeat;
}

#page-offices #interior_image {
background:url(../images/img_offices.jpg) no-repeat;
}

#page-services #interior_image {
background:url(../images/img_services.jpg) no-repeat;
}

#page-patients #interior_image {
background:url(../images/img_patients.jpg) no-repeat;
}

#page-contact #interior_image {
background:url(../images/img_contact.jpg) no-repeat;
}

#page-appointment #interior_image {
background:url(../images/img_appointment.jpg) no-repeat;
}

#page-education #interior_image {
background:url(../images/img_education.jpg) no-repeat;
}

#page-general-dentistry #interior_image {
background:url(../images/img_general.jpg) no-repeat;
}

#page-pediatric-dentistry #interior_image {
background:url(../images/img_pediatric.jpg) no-repeat;
}

#page-orthodontics #interior_image {
background:url(../images/img_orthodontic.jpg) no-repeat;
}

#page-cosmetic-dentistry #interior_image {
background:url(../images/img_cosmetic.jpg) no-repeat;
}

#page-periodontics #interior_image {
background:url(../images/img_periodontics.jpg) no-repeat;
}

#page-endodontics #interior_image {
background:url(../images/img_endodontics.jpg) no-repeat;
}

#page-oral-surgery #interior_image {
background:url(../images/img_oral.jpg) no-repeat;
}

#int_specialtyTitle {
float:right;
width:590px;
height:60px;
margin-top:70px;
}

/*#int_video {
	display:none;
	float:right;
	width:415px;
	height:279px;
	background:url(../images/int_video_background.png) top no-repeat;
}*/
#slot-int_video {
display:none;
}

#page-general-dentistry #slot-int_video,#page-pediatric-dentistry #slot-int_video,#page-orthodontics #slot-int_video,#page-cosmetic-dentistry #slot-int_video,#page-periodontics #slot-int_video,#page-endodontics #slot-int_video,#page-oral-surgery #slot-int_video {
display:block;
float:right;
width:442px;
height:244px;
background:url(../images/int_video_background.png) top no-repeat;
padding:37px 0 0 63px;
}

#int_content_left {
float:left;
width:665px;
margin:15px 0 0 75px;
_margin:15px 0 0 37px;
}

#int_content_right {
float:right;
width:204px;
margin-right:64px;
_margin-right:32px;
}

#int_appointment a {
float:left;
display:block;
width:204px;
height:105px;
background:url(../images/btn_appointment_int.png) no-repeat;
}

#int_content_rightWrapper {
float:left;
width:204px;
background:url(../images/int_right_repeat.png) top repeat-y;
overflow:hidden;
}

#int_content_rightMiddle {
float:left;
width:204px;
min-height:300px;
background:url(../images/int_right_background.png) top no-repeat;
padding-top:10px;
}

#int_specialtiesTitle {
float:left;
width:172px;
height:30px;
margin-left:17px;
}

#page-general-dentistry #int_specialtiesTitle,#page-pediatric-dentistry #int_specialtiesTitle,#page-orthodontics #int_specialtiesTitle,#page-cosmetic-dentistry #int_specialtiesTitle,#page-periodontics #int_specialtiesTitle,#page-endodontics #int_specialtiesTitle,#page-oral-surgery #int_specialtiesTitle {
display:none;
visibility:hidden;
}

#page-general-dentistry #comp-flashText2,#page-pediatric-dentistry #comp-flashText2,#page-orthodontics #comp-flashText2,#page-cosmetic-dentistry #comp-flashText2,#page-periodontics #comp-flashText2,#page-endodontics #comp-flashText2,#page-oral-surgery #comp-flashText2 {
display:none;
}

#slot-int_specialties {
float:left;
width:172px;
min-height:20px;
margin:0 0 5px 17px;
font-size:13px;
}

#slot-int_specialties ul {
margin:0;
padding:5px 0 0;
}

#slot-int_specialties li {
list-style:none;
background:url(../images/list_arrow.png) left no-repeat;
padding:3px 0 3px 15px;
}

#slot-int_specialties a {
color:#fff;
text-decoration:none;
}

#slot-int_specialties a:hover {
text-decoration:underline;
}

.intSpecialties_divider {
float:left;
width:204px;
height:5px;
background:url(../images/spec_seperator.png) top no-repeat;
margin:20px 0;
}

#int_content_rightBottom {
float:left;
width:204px;
height:17px;
background:url(../images/int_right_background_bottom.png) top no-repeat;
}

/* classes */
.heading {
font-size:16px;
color:#036E9A;
font-weight:700;
}

.heading p {
margin-bottom:5px;
}

#page-staff #slot-main a {
color:#000;
padding-left:15px;
background:url(../images/list_arrow.png) left no-repeat;
}

#page-staff #slot-main a:hover {
color:#333;
}

#staffTop {
float:left;
width:645px;
}

.dentistBolingbrook {
float:left;
width:275px;
height:auto;
padding:15px;
background:url(../images/faded_logo.jpg) top right no-repeat;
background-color:#DFDED1;
border:1px solid #9F9C78;
}

.dentistLombard {
float:right;
width:275px;
height:450px;
padding:15px;
background:url(../images/faded_logo.jpg) top right no-repeat;
background-color:#DFDED1;
border:1px solid #9F9C78;
}

#staffBottom {
float:left;
width:645px;
margin-top:25px;
}

.dentistDownersGrove {
float:left;
width:275px;
height:550px;
padding:15px;
background:url(../images/faded_logo.jpg) top right no-repeat;
background-color:#DFDED1;
border:1px solid #9F9C78;
}

.dentistWheaton {
float:right;
width:275px;
height:450px;
padding:15px;
background:url(../images/faded_logo.jpg) top right no-repeat;
background-color:#DFDED1;
border:1px solid #9F9C78;
}

.officeTitle {
font-size:18px;
}

.office {
width:625px;
height:143px;
background:url(../images/office_background.png) no-repeat;
padding:20px 0 0 30px;
}

.dentistBlurb {
float:left;
width:625px;
margin:0 10px 20px 0;
padding:15px;
background-color:#DFDED1;
border:1px solid #9F9C78;
}

.dentistPicture {
float:left;
width:150px;
padding:10px;
background-color:#fff;
border:1px solid #999;
}

.dentistPicture p {
margin:0;
padding:0;
}

.dentistPic img {
border:1px solid #000;
}

.dentistLocations {
float:right;
width:435px;
margin-bottom:15px;
font-size:11px;
}

.dentistLoactions a {
color:#036E9A;
}

.dentistQuote {
float:right;
width:435px;
font-size:12px;
font-style:italic;
}

.dentistQuote p {
margin-bottom:10px;
}

.officeBackground {
width:637px;
height:110px;
font-size:11px;
background:url(../images/location_background.png) no-repeat;
padding:30px 0 0 23px;
}

.officeTable {
font-size:11px;
}

#news_int {
float:left;
display:inline;
width:750px;
margin:0 0 0 30px;
padding:5px;
line-height:20px;
color:#fff;
font-size:14px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

#news_sidebar {
float:right;
width:145px;
margin:0 15px 20px 30px;
font-size:11px;
font-style:italic;
}

#news_sidebar img {
margin-bottom:10px;
}

#news_offer {
border:2px dashed #9F9C78;
width:615px;
padding:15px;
background-color:#DFDED1;
}

/* library */
#education {
float:left;
width:162px;
margin-left:17px;
}

#education_menu {
float:left;
}

#slot-main #libraryBody img {
border:1px solid #000;
margin:0 0 20px 25px;
}

#education #query {
float:left;
width:80px;
height:21px;
margin-right:10px;
}

#education #submit {
float:left;
}

.mlmenu {
font-size:13px;
}

/*this is the css for the vertical version*/
.vertical ul {
list-style-type:none;
padding:0;
width:160px;
color:#fff;
}

.vertical li a {
display:block;
text-decoration:none;
border-top:0;
color:#fff;
background:url(../images/list_arrow.png) left no-repeat;
padding:3px 0 3px 15px;
}

.vertical li a:hover {
color:#fff;
text-decoration:underline;
}

.vertical li ul {
border-top:1px solid #9F9C78;
width:182px;
}

.vertical li ul li a {
/* to style sub levels */
width:160px;
background-image:none;
border-left:1px solid #9F9C78;
border-right:1px solid #9F9C78;
border-bottom:1px solid #9F9C78;
padding:5px 10px;
font-size:11px;
color:#000;
background-color:#fff;
}

.vertical li ul li a:hover {
/* to style sub levels */
color:#fff;
text-decoration:none;
background-image:none;
background-color:#9F9C78;
}

.vertical li ul {
position:absolute;
margin-top:-20px;
margin-left:-200px;
}

.vertical li ul ul {
position:absolute;
margin-top:-25px;
margin-left:-185px;
}

.vertical .page,.vertical .page:hover {
background-image:none;
background-color:#28BBCB;
color:#fff;
}

.vertical li {
/*Needed for IE. Don't ask me why, It was a lucky guess.*/
display:inline;
}

/*This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap*/
/*Not sure if I recommend this or not*/
.inaccesible li ul {
display:none;
}

/*Arrow code - looks like <a class="haschild" href="#">Text <span>Arrow</span></a> can be turned on/off with arrow class*/
.arrow a span {
padding-left:1em;
font-size:85%;
}

.arrow a:hover span {
padding-left:2em;
}

.arrow a span.noshow {
visibility:hidden;
}

/*Plus code*/
.plus a span {
padding-left:.5em;
}

/*colors for menu*/
.blackwhite li a {
background-color:#FFF;
color:#000;
border-color:#000;
}

.blackwhite li a:hover {
background-color:#000;
color:#FFF;
border-color:#000;
}

.blackwhite ul {
border-color:#000;
}

.bluewhite li a {
background-color:#FFF;
color:#003;
border-color:#003;
}

.bluewhite li a:hover {
background-color:#003;
color:#FFF;
border-color:#003;
}

.bluewhite ul {
border-color:#003;
}

/* blog styles */
#blogContainer {
float:left;
width:162px;
margin-left:17px;
}

.sbBlogPost {
float:left;
width:661px;
border-bottom:1px dotted #005b7f;
padding-bottom:25px;
}

#sbBlogNavbar {
padding:10px 0;
clear:both;
margin-bottom:20px;
}

#sbBlogNavbar ul {
margin:0;
padding:0;
}

#sbBlogNavbar li {
list-style:none;
float:left;
font-weight:700;
}

#sbBlogNavbar a {
background:url(/sbtemplates/1207/images/blog_icons_06.gif) right no-repeat;
padding-right:18px;
font-weight:400;
}

.sbBlogPost #slot-main {
float:left;
width:661px;
}

.sbBlogPostHeader {
padding-bottom:15px;
}

.sbBlogPostTitle a {
text-decoration:none;
}

.sbBlogPostSubTitle {
margin:0;
padding:0;
}

.sbBlogPostByLine {
float:left;
font-size:11px;
background:url(/sbtemplates/1246/images/blog_icons_01.gif) left no-repeat;
padding:0 0 0 20px;
margin-right:20px;
}

.sbBlogPostByLine img {
background-color:#000;
}

.sbBlogPostPublishDate {
float:left;
font-size:11px;
background:url(/sbtemplates/1246/images/blog_icons_02.gif) no-repeat;
padding:0 0 0 20px;
margin-right:20px;
}

.sbBlogPostTags {
float:left;
clear:both;
font-size:11px;
background:url(/sbtemplates/1246/images/blog_icons_04.gif) left no-repeat;
padding:0 0 0 20px;
margin-top:10px;
}

.sbBlogPostCategories {
float:left;
font-size:11px;
background:url(/sbtemplates/1246/images/blog_icons_03.gif) left no-repeat;
padding:0 0 0 20px;
}

.sbBlogPostContent {
float:left;
clear:both;
width:661px;
margin:10px 0;
}

.sbBlogPostFooter {
float:left;
clear:both;
width:661px;
}

.sbBlogPostFooterComments {
float:left;
background:url(/sbtemplates/1246/images/blog_icons_05.gif) left no-repeat;
padding-left:18px;
margin-right:20px;
}

.sbBlogPostPermalink {
float:left;
background:url(/sbtemplates/1246/images/blog_icons_06.gif) left no-repeat;
padding-left:18px;
}

.sbBlogComments {
float:left;
clear:both;
margin:10px 0;
}

.sbBlogArchive h3,.sbTagList h3,#sbBlogCategoryList h3 {
color:#fff;
font-weight:400;
}

#sbBlogArchive {
margin-top:20px;
}

#sbBlogArchive ul {
margin:0;
padding:0;
}

/*year*/
#sbBlogArchive li {
list-style-type:none;
margin-bottom:5px;
color:#fff;
}

#sbBlogArchive ul ul {
margin:0;
padding:0;
}

#sbBlogArchive ul ul ul li {
list-style-type:none;
margin:0;
}

/*month*/
#sbBlogArchive ul ul ul li a {
text-decoration:none;
color:#A99058;
margin:0;
}

#sbBlogArchive ul ul ul ul {
margin-bottom:10px;
}

/*posts*/
#sbBlogArchive ul ul ul ul li a {
text-decoration:none;
font-weight:400;
margin:0 0 0 5px;
color:#0B8CBF;
}

#sbBlogArchive ul ul ul ul li a:hover {
color:#45B3DF;
text-decoration:underline;
}

.sbTagList {
padding-top:20px;
}

.sbTagList ul {
margin:0;
padding:0;
}

.sbTagList li,#sbBlogCategoryList li,#sbBlogArchive ul ul ul li {
list-style-type:none;
padding-left:15px;
background:url(../images/list_arrow.png) left no-repeat;
}

#sbBlogCategoryList {
padding-top:20px;
}

#sbBlogCategoryList ul {
margin:0;
padding:0;
}

#sbBlogCategoryList li {
list-style-type:none;
}

#sbBlogCategoryList a,.sbTagList a {
color:#0B8CBF;
text-decoration:none;
}

#sbBlogCategoryList a:hover,.sbTagList a:hover {
color:#45B3DF;
text-decoration:underline;
}

.sbBlogComments {
float:left;
clear:both;
width:661px;
}

.sbBlogComment {
margin-bottom:10px;
}

.sbBlogCommentTitle {
font-weight:700;
}

.sbBlogCommentByLine {
float:left;
margin-right:10px;
}

.sbBlogCommentPublishDate {
font-style:italic;
}

.sbBlogCommentContent {
padding:10px 0 10px 10px;
}

.sbBlogPager {
clear:both;
padding:10px 0;
}

.sbBlogPager a {
padding:0 20px 0 0;
}

#sbBlogFeed {
margin-bottom:10px;
}

#sbBlogFeed a {
font-size:10px;
color:#fff;
text-decoration:none;
background:url(/sbtemplates/sbcommon/images/feed.gif) left no-repeat;
padding:3px 0 3px 20px;
font-weight:700;
}

#sbBlogFeed a:hover {
text-decoration:underline;
}

.sbContainer .testimonial {
font-style:italic;
font-family:georgia, serif;
font-weight:700;
margin:0 15px;
}

#page-contact-thank-you #contactForm,#page-appointment-thank-you #apptForm {
display:none;
}

#holiday {
margin: 20px 0 20px 0;
background: #FFF;
padding: 10px;
border: 1px dotted #FF0000;
color: #336600;
font-weight: bold;
}

#holiday h1 {
font-size:18px;
margin-bottom: 10px;
color: #FF0000;
}

