/* Customer CSS */
body {
margin:0;
margin-bottom:0;
padding-top:0;
background-color:#BDD6E8;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#06C;
}

#customFormBody {
margin:0;
margin-bottom:0;
padding-top:0;
background-color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#50BFDB;
}

a {
color:#B2CB55;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}

.heading {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#4E6172;
}

.heading2 {
font-family:Arial, Georgia, "Times New Roman", Times, serif;
font-size:26px;
color:#B2CB55;
padding-left:3px;
}

.heading3 {
font-family:Arial, Georgia, "Times New Roman", Times, serif;
font-size:16px;
color:#C60;
}

#container {
margin-right:auto;
margin-left:auto;
width:695px;
background-color:#FFF;
overflow:hidden;
}

#topWrapper {
height:145px;
width:695px;
float:left;
}

#logo {
float:left;
width:477px;
height:145px;
}

#slot-address {
width:200px;
float:right;
color:#000;
float:right;
margin-top:10px;
margin-right:10px;
font-size:14px;
line-height:20px;
}

#flash {
float:left;
width:695px;
height:302px;
}

#header {
float:left;
width:695px;
height:146px;
background-image:url(/images/header3.jpg);
background-repeat:no-repeat;
}

#nav {
float:left;
background-color:#B2CB55;
width:695px;
height:27px;
padding-top:5px;
}

#slot-navigation {
padding-top:3px;
}

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

#slot-navigation li {
display:inline;
}

#slot-navigation a {
color:#fff;
font-size:11px;
font-weight:700;
text-decoration:none;
padding:0 7px;
}

#navigation-6 a {
font-weight:700;
letter-spacing:2px;
color:#c60;
text-decoration:none;
}

#navigation-6 a:hover {
color:#50bfdb;
}

#content {
float:left;
width:695px;
background-color:#50BFDB;
}

#contentLeft {
float:left;
width:188px;
}

#contentLeft img {
border:none;
}

#slot-lsidebar {
float:left;
clear:both;
width:188px;
margin-top:40px;
}

#contentRight {
float:right;
width:475px;
_width:465px;
padding:15px;
background-color:#FFF;
min-height:600px;
_height:600px;
}

#pageTitle {
float:left;
width:440px;
height:38px;
}

#slot-main {
float:left;
clear:both;
width:445px;
}

#page-request-an-appointment #slot-main {
float:left;
clear:both;
width:445px;
height:autopx;
}

#index_links {
width:143px;
float:right;
}

#index_links img {
border:0;
}

/*CSS Tool Tip*/
a.info {
position:relative;
/*this is the key*/
z-index:24;
background-color:#ccc;
color:#50BFDB;
text-decoration:none;
}

a.info:hover {
z-index:25;
background-color:#ff0;
}

a.info span {
display:none;
}

a.info:hover span {
/*the span will display just on :hover state*/
display:block;
font-size:16px;
font-weight:700;
background-image:url(/images/hover_bg.jpg);
background-repeat:repeat-x;
background-position:bottom;
position:absolute;
top:-40px;
right:180px;
width:230px;
height:200px;
border:1px solid #B2CB55;
background-color:#fff;
color:#50BFDB;
text-align:center;
padding-left:10px;
padding-right:10px;
}

.center {
text-align:center;
}

#contact-form,#librarySearchForm,#appointment-form,#newsletterForm {
float:left;
clear:both;
margin:10px 0;
width:400px;
}

.input1,.input3 {
width:130px;
width:120px !ie;
background-color:#fff;
border:1px #7F9DB9 solid;
}

.input2 {
background-color:#fff;
border:1px #7F9DB9 solid;
width:32px;
width:27px !ie;
}

.input4 {
width:200px;
background-color:#fff;
border:1px #7F9DB9 solid;
}

#footer-content {
margin-left:auto;
margin-right:auto;
width:695px;
text-align:center;
font-size:10px;
color:#FFF;
background-color:#E38D4F;
padding:10px 0;
}

#slot-footer1 {
padding:0 0 0 5px;
min-height:16px;
_height:16px;
}

#slot-footer2 {
padding:0 0 0 5px;
min-height:16px;
_height:16px;
}

#slot-footer2 ul,#slot-footer3 ul {
padding:0;
margin:0;
}

#slot-footer2 li,#slot-footer3 li {
display:inline;
}

#slot-footer2 a,#slot-footer3 a {
font-size:10px;
color:#FFF;
text-decoration:none;
padding:0 5px;
text-decoration:none;
}

#slot-footer2 a:hover,#slot-footer3 a:hover {
text-decoration:underline;
}

#bread_crumb {
margin-left:-40px;
}

#bread_crumb li {
display:inline;
background-image:url(http://www.officite.com/img/breadcrumbs/arrow.png);
background-repeat:no-repeat;
background-position:left;
padding-left:20px;
padding-right:5px;
}

#bread_crumb a {
text-decoration:underline;
}

.bread_title {
font-size:18px;
font-weight:bolder;
}

#requestAppointment {
float:left;
clear:both;
width:445px;
margin-top:20px;
display:none;
}

#appointmentFrame {
width:445px;
height:600px;
border:none;
}

/* menu styles */
#education_menu {
float:left;
margin-top:10px;
margin-left:0;
_margin-left:0;
width:188px;
}

.mlmenu {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:700;
}

/*this is the css for the vertical version*/
.vertical ul {
list-style-type:none;
padding:0;
width:186px;
width:184px !ie;
color:#06F;
margin-left:10px;
}

.vertical li a {
display:block;
width:166px;
text-decoration:none;
height:15px;
padding:.1em 1px;
color:#fff;
background-image:url(bg.gif);
}

.vertical li a:hover {
background-image:url(bg2.gif);
background-color:#b4cc58;
color:#fff;
text-decoration:none;
}

.vertical li ul li a {
/* to style sub levels */
background-image:none;
background-color:#FFf;
border:1px #524b26 solid;
border-top:0;
padding-left:5px;
font-weight:400;
color:#342f2a;
width:178px;
}

.vertical li ul li a:hover {
/* to style sub levels */
background-image:none;
background-color:#b4cc58;
color:#000;
}

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

.vertical li ul {
position:absolute;
margin-top:-1.3em;
margin-left:142px;
border-top:1px #524b26 solid;
}

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

.inaccesible li ul {
display:none;
}

#twtr-profile-widget {
width:188px;
height:300px;
}

.twtr-doc {
width:188px!important;
}

#page-index #slot-lsidebar {
color:#fff;
}

/* LANDING PAGE STYLES */
#page-landing-mercury #logo,#page-landing-cosmetic #logo,#page-landing-tmj #logo,#page-landing-invisalign #logo,#page-landing-lumineers #logo,#page-landing-sleep-apnea #logo {
float:left;
height:63px;
width:468px;
}

#page-landing-mercury #content,#page-landing-cosmetic #content,#page-landing-tmj #content,#page-landing-sleep-apnea #content,#page-landing-lumineers #content,#page-landing-invisalign #content {
width:824px;
color:#000;
}

#top {
background-image:url(/images/top_bar.jpg);
}

#logo h1 {
display:none;
}

#contact {
background-image:url(/images/contact_bg.jpg);
}

.sbLandingContactFormSubmit {
background-image:url(/images/submit_button.jpg);
}

#page-landing-mercury #content,#page-landing-mercury #middle-wrapper,#page-landing-mercury #footer,#page-landing-cosmetic #content,#page-landing-cosmetic #middle-wrapper,#page-landing-cosmetic #footer,#page-landing-tmj #content,#page-landing-tmj #middle-wrapper,#page-landing-tmj #footer,#page-landing-sleep-apnea #content,#page-landing-sleep-apnea #middle-wrapper,#page-landing-sleep-apnea #footer,#page-landing-invisalign #content,#page-landing-invisalign #middle-wrapper,#page-landing-invisalign #footer,#page-landing-lumineers #content,#page-landing-lumineers #middle-wrapper,#page-landing-lumineers #footer {
background-image:url(/images/repeater.jpg);
}

#coupon {
background-image:url(/images/landing-coupon.jpg);
}

#page-landing-sleep-apnea #coupon {
background-image:url(/images/coupon-sleep-apnea.jpg);
}

#page-landing-invisalign #coupon {
background-image:url(/images/coupon-invisalign.jpg);
}

/* blog styles */
#blogContainer {
float:left;
clear:both;
width:240px;
}

.sbBlogPost {
float:left;
width:644px;
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:644px;
}

.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:644px;
margin:10px 0;
}

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

.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,.sbTagList h3,#sbBlogCategoryList h3 {
color:#2B89AF;
}

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

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

#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:#0482b4;
margin:0;
}

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

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

#sbBlogArchive ul ul ul ul li a:hover {
color:#666;
}

.sbTagList {
padding-top:20px;
}

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

.sbTagList li {
list-style-type:none;
}

#sbBlogCategoryList {
padding-top:20px;
}

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

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

#sbBlogCategoryList a,.sbTagList a {
color:#005B7F;
}

#sbBlogCategoryList a:hover,.sbTagList a:hover {
color:#666;
}

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

.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 {
color:#2B89AF;
background:url(/sbtemplates/sbcommon/images/feed.gif) left no-repeat;
padding:2px 0 0 20px;
font-weight:700;
}

#sbBlogFeed a:hover {
color:#17617F;
}

#contentRight {
min-height:1200px;
}

#feed {
float:right;
text-align:right;
}

.social_bg {
background-color:#50BFDB;
border:1px solid #142767;
float:left;
margin:0 10px 20px 0;
padding:10px;
width:445px;
}

.social_photo {
background-color:#FFF;
border:1px solid #000;
float:left;
font-size:10px;
padding:10px;
text-align:center;
}

.social_bio {
width:350px;
color:#fff;
float:right;
margin-top:-5px;
}

#page-connect-with-us .sbContainer img {
border:1px solid #111;
}

#page-connect-with-us #slot-lsidebar img {
border:none;
}

#twtr-profile-widget {
margin-bottom: 100px;
}