* { margin: 0; outline: none; padding: 0; }
body { background: #38320a url(../images/bg.jpg) repeat-x top; }

/* - - - - - - - - - - TEXT - - - - - - - - - - */
body, form, input, textarea { color: #000; font-family: tahoma, sans-serif; font-size: 12px; }
p { color: #000; line-height: 18px; margin: 10px 0; }
p.breadcrumbs { color: #000; font-size: 10px; line-height: 10px; }
p.top-link { clear: both; font-size: 11px; line-height: 14px; text-align: right; }
blockquote { margin: 10px 40px; padding: 0; }
body.site-map #content ul { color: #000; font-size: 12px; line-height: 12px; list-style: disc; list-style-image: url(../images/list.gif); margin: 10px 20px; }
body.site-map #content ul a { color: #000; }
body.site-map #content ul li { margin: 10px 0; }
body.site-map #content ul ul { color: #da2111; font-size: 12px; line-height: 12px; list-style: circle; list-style-image: url(../images/list.gif); margin: 10px 30px; }
body.site-map #content ul ul a { color: #da2111; }
body.site-map #content ul ul li { margin: 10px 0; }
div.hr { background: #38320a; clear: both; height: 1px; margin: 20px 0; padding: 0; width: 100%; }
div.hr hr { display: none; }
#content ul div.hr { background: #ebe7d9; clear: both; height: 1px; margin: 10px 0 0; padding: 0; width: 100%; }
#content ul div.hr hr { display: none; }
#content ul { font-size: 11px; list-style: disc; list-style-image: url(../images/list.gif); margin: 20px 40px 20px 20px; }
#content ul li { margin: 10px 0; }
#content ul li ul { list-style: circle; list-style-image: url(../images/list.gif); margin: 10px 30px; }
#content ul li ul li { margin: 10px 0; }
#content ol { font-size: 11px; list-style: decimal; margin: 20px 40px 20px 20px; }
#content ol li { margin: 10px 0; }
#content ol li ol { list-style: lower-alpha; margin: 10px 30px; }
#content ol li ol li { margin: 10px 0; }
body.home #content ul { clear: left; display: block; height: 300px; width: 440px; }
body.home #content ul li { float: left; margin: 10px 0 0; }
#footer p { color: #fff; font-size: 11px; line-height: 14px; }
#footer p.sesame-link { text-align: center; font-size: 10px; }
#header p { color: #fff; }
#header p#manhattan-address { margin: 15px 0 0 455px; position: absolute; text-align: right; width: 150px; }
#header p#riverdale-address { margin: 15px 0 0 630px; position: absolute; width: 150px; }
#title-manhattan, #title-riverdale { color: #000; font-family: tahoma, sans-serif; font-size: 12px; font-weight: bold; margin: 10px 0; }
#social-icons {text-align: center;}
#social-icons a {border: none;}
#social-icons img {display: inline;}


/* - - - LINKS - - - */
a { color: #da2111; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
p.breadcrumbs a { color: #000; font-size: 10px; line-height: 10px; text-decoration: none; }
p.breadcrumbs a:hover { text-decoration: underline; }
#footer a { color: #fff; font-weight: normal; }
#footer p.sesame-link a { color: #fff; }
#appointment-link { width:216px; height:109px; background:url(../images/appointment-link.jpg); text-indent:-999em; display:block; overflow:hidden }
#appointment-link:hover {  background:url(../images/appointment-link.jpg) 0 109px;}

/* - - - HEADERS - - - */
h1 { background: no-repeat; height: 93px; margin: 0; overflow: hidden; text-indent: -9999px; width: 429px; }
h2 { color: #38320a; font-family: tahoma, sans-serif; font-size: 18px; margin: 10px 0; }
h3 { color: #000; font-family: tahoma, sans-serif; font-size: 12px; margin: 10px 0; }
h4 { color: #fff; font-family: tahoma, sans-serif; font-size: 11px; font-weight: normal; margin: 5px 0; }

/* - - - - - - - - - - IMAGES - - - - - - - - - - */
img { border: 0; display: block; }
img.center { clear: both; margin: 0 auto; }
img.left { clear: left; float: left; margin: 0 10px 10px 0; }
img.right { border: 1px solid #E6EAD9; clear: right; float: right; margin: 10px 0 10px 20px; }
img.auto { clear: right; float: right; margin: 0; }
.flash-replaced .alt { display: block; height: 1000px; position: absolute; overflow: hidden; width: 0; }
.map { background: #fff; border: 1px solid #E6EAD9; padding: 10px; }
img.link { border: 1px solid #E6EAD9; float: right; margin: 10px 0 10px 20px; }
img.clear { clear: left; }
img.slideshow { background: #fff; border: 1px solid #E6EAD9; padding: 10px; }
img.thumbnail { border: 1px solid #E6EAD9; float: left; margin: 10px 20px 10px 0; }
img.invisalign-teen-right { border:solid 1px #000; clear:right; float:right; margin:0 0 15px 15px; }
img.invisalign-teen-left { border:solid 1px #000; float:left; margin:0 15px 20px 0; }
img.invisalign-teen-thumb { border:solid 1px #000; clear:left; float:left; margin:0 10px 10px 0; }
body.in-ovation #content img { background: #fff; border: 1px solid #E6EAD9; padding: 5px; }
body.suresmile #content img { background: #fff; border: 1px solid #E6EAD9; padding: 5px; }
/* SMILE GALLERY - BEFORE AFTER ---------- */
#simplegallery{ //CSS for Simple Gallery Example 1
position: relative; /*keep this intact*/
visibility: hidden; /*keep this intact*/
border: 1px solid #2d170c;
z-index: 1;
}
#simplegallery img { display:inline}

/* - - - - - - - - - - LAYOUT - - - - - - - - - - */
#container { background: #fffbec url(../images/container-bg.jpg) no-repeat top; clear: both; padding: 0 25px; width: 730px; }
#container-wrapper { background: url(../images/container-wrapper-bg.jpg) repeat-y; margin: 0 auto; padding: 0 30px; width: 780px; }
#content { clear: both; padding: 20px 0; width: 730px; }
#header { background: url(../images/header.jpg) no-repeat; display: block; height: 281px; margin: 0 auto; width: 780px; }
#header-wrapper { background: url(../images/container-wrapper-bg.jpg) no-repeat; background-position: center 170px; height: 281px; width: 100%; } 
#footer { clear: both; padding: 20px 25px 30px; text-align: center; width: 730px; }
#content-header { float: left; height: 341px; width: 429px; }
#home-link { height: 150px; margin: 120px 0 0 25px; position: absolute; width: 300px; }
#home-page-links { float: right; width: 216px; }
#in-ovation-comparison { margin: 20px auto; overflow: auto; width: 500px; }
#in-ovation-comparison p { margin: 0; }
#in-ovation-comparison img.left { border: none; clear: left; float: left; margin: 0 10px 50px 0; }
#in-ovation-comparison .float { float: left; width: 225px; margin-left: 20px; }
#invisalign-teen-sidebar { background: #fff; border: solid 1px #000; clear: right; float: right; margin: 0 0 15px 15px; padding: 0; width: 275px; }
#invisalign-teen-sidebar p { margin:15px 0; padding:0 15px; }
#invisalign-teen-sidebar h3 { background:#97AFC2; color:#fff; margin:0; padding:15px; }
#invisalign-teen-sidebar a { color:#036; }
#slideshow-manhattan { height: 520px; }
#slideshow-riverdale { height: 300px; }
#goodman-interview { background: #fffbec url(../images/goodman-interview-bg.jpg) no-repeat top; clear: right; float: right; margin: 0 0 20px 40px; padding-top: 60px; }
.clear { clear: both; }

/* - - - FLASH - - - */
#flash-home { background: url(../images/flash-bg.jpg) no-repeat; height: 248px; padding: 0 24px 0 16px; width: 389px; }
#flash-brace-painter { height: 430px; margin: 20px auto; width: 500px; }
#flash-braces-diagram { height: 375px; margin: 20px auto; width: 500px; }
#flash-brushing-and-flossing { height: 300px; margin: 20px auto; width: 500px; }
#flash-common-treatments { height: 300px; margin: 20px auto; width: 500px; }
#flash-emergency-care { height: 300px; margin: 20px auto; width: 500px; }
#video-in-ovation { background: #000; border: 1px solid #000; height: 266px; margin: 20px auto; width: 360px; }
#video-invisalign { background: #000; border: 1px solid #000; height: 266px; margin: 20px auto; width: 360px; }
#flash-palatal-expander { border: 1px solid #E6EAD9; height: 150px; margin: 20px auto; width: 200px; }
#flash-patient-care-videos { height: 375px; margin: 20px auto; width: 500px; }
#video-suresmile { background: #000; border: 1px solid #000; height: 266px; margin: 20px auto; width: 360px; }
#flash-types-of-appliances { height: 300px; margin: 20px auto; width: 500px; }
#flash-types-of-braces { height: 300px; margin: 20px auto; width: 500px; }

/* - - - - - - - - - - NAVIGATION - - - - - - - - - - */
#nav { background: url(../images/nav-bg.jpg) no-repeat; display: inline; float: left; height: 309px; padding: 21px 0 11px; width: 301px; }
#nav ul { list-style: none; width: 301px; }
#nav li { float: left; }
#nav a { display: block; height: 36px; overflow: hidden; text-indent: -9999px; width: 301px; }

/* - - - NAVIGATION IMAGES - - - */
a#about-orthodontics { background: url(../images/nav/about-orthodontics.jpg); }
a#faq { background: url(../images/nav/faq.jpg); }
a#about-braces { background: url(../images/nav/about-braces.jpg); }
a#treatment-options { background: url(../images/nav/treatment-options.jpg); }
a#invisalign { background: url(../images/nav/invisalign.jpg); }
a#contact-us { background: url(../images/nav/contact-us.jpg); }
a#our-office { background: url(../images/nav/our-office.jpg); height: 46px; }
a#home { background: url(../images/nav/home.jpg); height: 47px; }

/* - - - NAVIGATION ROLLOVER EFFECTS - - - */
#nav ul a:hover, #nav ul li.active a { background-position: 0 -36px; }
#nav ul li:hover #about-orthodontics, #nav ul li.sfhover #about-orthodontics,
#nav ul li:hover #about-braces, #nav ul li.sfhover #about-braces,
#nav ul li:hover #treatment-options, #nav ul li.sfhover #treatment-options,
#nav ul li:hover #invisalign, #nav ul li.sfhover #invisalign,
#nav ul li:hover #contact-us, #nav ul li.sfhover #contact-us { background-position: 0 -36px; }
#nav ul li:hover #our-office, #nav ul li.sfhover #our-office { background-position: 0 -46px; }
li a#our-office:hover, #nav ul li.active a#our-office { background-position: 0 -46px; }
li a#home:hover, #nav ul li.active a#home { background-position: 0 -47px; }

/* - - - SUBNAVIGATION - - - */
#nav ul li ul { display: block; left: -9999px; list-style: none; position: absolute; z-index: 1; width: 200px; }
#nav ul li:hover ul, #nav ul li.sfhover ul { left: auto; margin: -46px 0 0 281px; }
#nav ul li ul li { display: block; }
#nav ul li ul li a { background: url(../images/subnav-bg.gif) repeat-y; border-bottom: 1px solid #baaf3f; color: #38320a; font-size: 14px; font-weight: normal; height: 28px; line-height: 28px; padding-left: 10px; text-decoration: none; text-indent: 0; width: 190px; }
#nav ul li ul li.first a { background: url(../images/subnav-bg-top.png) no-repeat top; padding-top: 5px; }
#nav ul li ul li.last a { background: url(../images/subnav-bg-bottom.png) no-repeat bottom; border: none; padding-bottom: 5px; }

/* - - - SUBNAVIGATION ROLLOVER EFFECTS - - - */
#nav ul li ul li a:hover, #nav ul li ul li.active a { background: #2d170b url(../images/subnav-bg.jpg) top repeat-y; color: #fff; font-weight: bold; }
#nav ul li ul li.first a:hover, #nav ul li ul li.active.first a { background: url(../images/subnav-bg-top.png) no-repeat top; background-position: 0 -50px; padding-top: 5px; }
#nav ul li ul li.last a:hover, #nav ul li ul li.active.last a { background: url(../images/subnav-bg-bottom.png) no-repeat bottom; background-position: 0 -17px; border: none; padding-bottom: 5px; }

/* - - - - - - - - - - TOP RIVERDALE NAVIGATION - - - - - - - - - - */
#riverdale-topnav { margin: 76px 0 0 494px; position: absolute; width: 112px; }
#riverdale-topnav ul { list-style: none; width: 112px; }
#riverdale-topnav li { float: left; }
#riverdale-topnav a { display: block; height: 20px; overflow: hidden; text-indent: -9999px; width: 112px; }

/* - - - TOP RIVERDALE NAVIGATION IMAGES - - - */
a#riverdale-patient-login { background: url(../images/nav/riverdale-patient-login.jpg); margin-bottom: 6px; }
a#doctor-login { background: url(../images/nav/doctor-login.jpg); }

/* - - - TOP RIVERDALE NAVIGATION ROLLOVER EFFECTS - - - */
#riverdale-topnav ul a:hover { background-position: 0 -20px; }

/* - - - - - - - - - - TOP MANHATTAN NAVIGATION - - - - - - - - - - */
#manhattan-topnav { margin: 76px 0 0 630px; position: absolute; width: 112px; }
#manhattan-topnav ul { list-style: none; width: 112px; }
#manhattan-topnav li { float: left; }
#manhattan-topnav a { display: block; height: 20px; overflow: hidden; text-indent: -9999px; width: 112px; }

/* - - - TOP MANHATTAN NAVIGATION IMAGES - - - */
a#manhattan-patient-login { background: url(../images/nav/manhattan-patient-login.jpg); }

/* - - - TOP MANHATTAN NAVIGATION ROLLOVER EFFECTS - - - */
#manhattan-topnav ul a:hover { background-position: 0 -20px; }

/* - - - - - - - - - - FORMS - - - - - - - - - - */

/* Global Form Styles */
fieldset { border: none; padding: 10px 0; }
fieldset div { clear: both; }
.form-header { border-bottom: 1px solid #38320A; }
.form-footer { border-top: 1px solid #38320A; padding-top: 20px; text-align: center; }
.form-footer button { background: #da2111; border: 1px solid #5A0606; clear: both; color: #fff; display: block; font-size: 12px; font-weight: bold; height: 32px; line-height: 32px; margin: 10px auto; text-align: center; width: 125px; }

/* Refer a Friend Form */
.referral-form-content { background: #fff; border: solid 2px #38320A; margin: 20px 0; padding: 10px; width: 500px; }
.referral-form-content fieldset { border: none; padding: 10px 0; }
.referral-form-content label { display: block; float: left; font-size: 12px; font-weight: bold; line-height: 18px; padding-top: 5px; text-align: right; width: 200px; }
.referral-form-content label span { color: #666; display: block; font-size: 11px; font-weight: normal; text-align: right; width: 200px; }
.referral-form-content input,.referral-form-content textarea { background: #fff; border: solid 1px #38320A; float: left; font-size: 12px; margin: 10px 0 10px 10px; padding: 5px 2px; width: 200px; }
.referral-form-content p.radio,.referral-form-content p.verification { clear: both; font-size: 12px; margin: 10px 0 10px 210px; }
.referral-form-content p.radio-float { clear: none; float: left; margin: 10px 0; padding: 0; width: 200px; }
.referral-form-content p.verification { margin-top: 0; }
.referral-form-content p.verification img { border: 1px solid #38320A; }
.referral-form-content p.radio input,.referral-form-content p.radio-float input { background: none; border: none; float: none; margin: 0 0 0 10px; padding: 5px 2px; width: auto; }

/* Appointment Request Form */
.appointment-form-content { background: #fff; border: solid 2px #38320A; margin: 20px 0; padding: 10px; width: 500px; }
.appointment-form-content fieldset { border: none; padding: 10px 0; }
.appointment-form-content label { display: block; float: left; font-size: 12px; font-weight: bold; line-height: 18px; padding-top: 5px; text-align: right; width: 200px; }
.appointment-form-content label span { color: #666; display: block; font-size: 11px; font-weight: normal; text-align: right; width: 200px; }
.appointment-form-content input,.appointment-form-content select,.appointment-form-content textarea { background: #fff; border: solid 1px #38320A; float: left; font-size: 12px; margin: 10px 0 10px 10px; padding: 5px 2px; width: 200px; }
.appointment-form-content p.radio,.appointment-form-content p.verification { clear: both; font-size: 12px; margin: 10px 0 10px 210px; }
.appointment-form-content p.radio-float { clear: none; float: left; margin: 10px 0; padding: 0; width: 200px; }
.appointment-form-content p.verification { margin-top: 0; }
.appointment-form-content p.verification img { border: 1px solid #38320A; }
.appointment-form-content p.radio input,.appointment-form-content p.radio-float input { background: none; border: none; float: none; margin: 0 0 0 10px; padding: 5px 2px; width: auto; }
#found-other input { background: #fff0B2; margin-left: 210px; }

/* Errors */
.referral-form-content span.required,.appointment-form-content span.required,.comment-form-content span.required,.contact-form-content span.required { color: #f00; display: inline; font-size: 12px; font-weight: bold; text-align: inherit; width: auto; }
input.error,select.error,textarea.error { background: #fefda1; border: 1px solid #f00; color: #f00; }
div.error { background: url(../images/validate-fail.png) 0 0 no-repeat; color: #f00; display: block; font-size: 11px; height: 15px; padding-left: 18px; width: 220px; margin: 0 0 10px 225px; }
div.success { background: url(../images/validate-pass.png) 0 0 no-repeat; color: #000; display: block; font-size: 11px; height: 15px; padding-left: 18px; width: 220px; margin: 0 0 10px 225px; }
p.radio-float div.error { float: left; width: 220px; margin: 5px 0 5px 10px; }
.contact-form-content div.error,.contact-form-content div.success { width: 220px; margin: 0 0 10px 10px; }