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

/* - - - - - - - - - - TEXT - - - - - - - - - - */
body, form, input, textarea { color: #333; font-family: arial, verdana, sans-serif; font-size: 12px; }
p { color: #333; line-height: 20px; margin: 10px 0; }
p.breadcrumbs { color: #000; font-size: 10px; line-height: 10px; }
p.top-link { clear: both; font-size: 11px; font-weight: bold; line-height: 14px; text-align: right; }
blockquote { margin: 10px 40px; padding: 0; }
body.site-map #content ul { font-size: 12px; font-weight: bold; line-height: 12px; list-style: disc; list-style-image: url(../images/list.gif); margin: 10px 20px; }
body.site-map #content ul li { margin: 10px 0; }
body.site-map #content ul ul { font-size: 12px; font-weight: normal; line-height: 12px; list-style: circle; list-style-image: url(../images/list.gif); margin: 10px 30px; }
body.site-map #content ul ul li { margin: 10px 0; }
div.hr { background: #fff url(../images/hr.gif) repeat-x; clear: both; height: 1px; margin: 20px 0; padding: 0; width: 461px; }
div.hr hr { display: none; }

h6 { background: #fff url(../images/hr.gif) repeat-x; clear: both; height: 1px; margin: 20px 0; padding: 0; width: 461px; }

#content ul { font-size: 11px; line-height: 12px; list-style: disc; list-style-image: url(../images/list.gif); margin: 10px 40px; }
#content ul li { margin: 10px 0; }
#content ul li ul { line-height: 12px; list-style: circle; list-style-image: url(../images/list.gif); margin: 10px 30px; }
#content ul li ul li { margin: 10px 0; }
#footer p { color: #303225; font-size: 11px; line-height: 16px; }
#footer p.credits { font-size: 10px; }
#footer-address p { color: #bfd4d6; }
#title { color: #333; font-size: 12px; font-weight: bold; margin: 10px 0; }

/* - - - LINKS - - - */
a { color: #400040; text-decoration: underline; }
a:hover { text-decoration: none; }
p.breadcrumbs a { color: #000; font-size: 10px; line-height: 10px; text-decoration: none; }
p.breadcrumbs a:hover { text-decoration: underline; }
p.top-link a { text-decoration: none; }
p.top-link a:hover { text-decoration: underline; }
#footer a { color: #fff; }

/* - - - HEADERS - - - */
h1 { background: no-repeat; height: 20px; margin-bottom: 20px; overflow: hidden; text-indent: -9999px; }
h1.home { background: no-repeat; height: 60px; overflow: hidden; text-indent: -9999px; }
h2 { color: #666; font-size: 14px; letter-spacing: 1.5px; margin: 10px 0; }
h3 { color: #333; font-size: 12px; margin: 10px 0; }
h4 { color: #bfd4d6; font-size: 11px; margin: 5px 0; }

/* - - - - - - - - - - IMAGES - - - - - - - - - - */
img { border: 0; display: block; }
img.center { clear: both; margin: 0 auto; }
img.left { border: 8px solid #eaf3f4; clear: left; float: left; margin: 0 20px 10px 0; }
img.right { clear: right; float: right; margin: 0 0 10px 10px; }
img.auto { border: 8px solid #eaf3f4; clear: left; float: left; margin: 0 20px 10px 0; }
.flash-replaced .alt { display: block; height: 1000px; position: absolute; overflow: hidden; width: 0; }
.map { border: 8px solid #eaf3f4; clear: both; margin: 0 auto; }
img.link { display: inline; float: left; margin: 10px 20px 10px 0; }
img.clear { clear: left; }
img.slideshow { border: 12px solid #eaf3f4; }

/* - - - - - - - - - - LAYOUT - - - - - - - - - - */
#container { background: #fff url(../images/container-bg.jpg) center repeat-y; margin: 0 auto; width: 100%; }
#content { background: url(../images/content-bg.jpg) no-repeat; margin: 0 auto; min-height: 400px; padding: 20px 20px 20px 280px; width: 470px; }
#header { background: url(../images/header.jpg) no-repeat; display: block; height: 231px; margin: 0 auto; overflow: hidden; width: 770px; }
#footer { height: 100px; margin: 0 auto; padding: 10px 0 70px; width: 770px; }
#footer-text { float: right; padding-right: 30px; width: 460px; }
#footer-address { padding-left: 30px; width: 230px; }
#footer-container { background: #017d8c url(../images/footer-bg.jpg) top repeat-x; height: 100px; width: 100% }
#home-link { height: 55px; margin: 45px 0 0 30px; overflow: hidden; position: absolute; text-indent: -9999px; width: 215px; }
#home-links { clear: both; height: 175px; }
#in-ovation-comparison { margin: 20px auto; overflow: auto; width: 460px; }
#in-ovation-comparison p { margin: 0; }
#in-ovation-comparison img.left { border: none; clear: left; float: left; margin: 0 10px 80px 0; }
#in-ovation-comparison .float { float: left; width: 200px; margin-left: 20px; }
#ba-slideshow { height: 520px; }
#slideshow { height: 504px; }
p#address { background: url(../images/home-icon.gif) top left no-repeat; font-size: 10px; line-height: 11px; margin: 0; padding-left: 15px; }
p#phone { background: url(../images/phone-icon.gif) top left no-repeat; float: right; font-size: 10px; margin: 0; padding: 0 20px 0 15px; }

.side-phone {color:#48184a; font-weight:bold; font-size: 15px; position:absolute; left:15px; top:78px; width:245px; text-align:center; z-index:15;}
#social-icons {position:absolute; width:245px; left: 15px; top:110px; z-index:15; text-align:center;}
#social-icons img, #social-icons a {width:auto; display:inline;}

/* - - - FLASH - - - */
#flash-home { height: 114px; margin: 115px 0 0 260px; position: absolute; width: 510px; }
#flash-braces-diagram { height: 345px; margin: 20px 0; width: 460px; }
#flash-brace-painter { height: 396px; margin: 20px 0; width: 460px; }
#flash-brushing-and-flossing { height: 276px; margin: 20px 0; width: 460px; }
#flash-color-your-retainer { height: 300px; margin: 20px 0; width: 300px; }
#flash-common-treatments { height: 276px; margin: 20px 0; width: 460px; }
#flash-emergency-care { height: 276px; margin: 20px 0; width: 460px; }
#flash-patient-care-videos { height: 345px; margin: 20px 0; width: 460px; }
#flash-types-of-appliances { height: 276px; margin: 20px 0; width: 460px; }
#flash-types-of-braces { height: 276px; margin: 20px 0; width: 460px; }
#video-in-ovation { background: #e9d8ea; border: 1px solid #e9d8ea; height: 266px; margin: 20px 0; width: 360px; }
#video-invisalign { background: #e9d8ea; border: 1px solid #e9d8ea; height: 266px; margin: 20px 0; width: 360px; }

/* - - - - - - - - - - NAVIGATION - - - - - - - - - - */
#nav { margin: 30px 0 0 265px; position: absolute; width: 500px; z-index: 99; }
#nav ul { list-style: none; width: 500px; }
#nav li { float: left; }
#nav a { display: block; height: 75px; overflow: hidden; text-indent: -9999px; }

/* - - - NAVIGATION IMAGES - - - */
a#our-office { background: url(../images/nav/our-office.jpg); width: 100px; }
a#for-new-patients { background: url(../images/nav/for-new-patients.jpg); width: 100px; }
a#about-orthodontics { background: url(../images/nav/about-orthodontics.jpg); width: 100px; }
a#invisalign-nav { background: url(../images/nav/invisalign-nav.jpg); width: 100px; }
a#about-braces { background: url(../images/nav/about-braces.jpg); width: 100px; }

/* - - - NAVIGATION ROLLOVER EFFECTS - - - */
#nav ul a:hover, #nav ul li.active a { background-position: 0 -75px; }
#nav ul li:hover #our-office, #nav ul li.sfhover #our-office,
#nav ul li:hover #for-new-patients, #nav ul li.sfhover #for-new-patients,
#nav ul li:hover #about-orthodontics, #nav ul li.sfhover #about-orthodontics,
#nav ul li:hover #invisalign-nav, #nav ul li.sfhover #invisalign-nav,
#nav ul li:hover #about-braces, #nav ul li.sfhover #about-braces { background-position: 0 -75px; }

/* - - - SUBNAVIGATION - - - */
#nav ul li ul { background: #e9f3f4; display: block; left: -9999px; list-style: none; padding: 5px 0; position: absolute; z-index: 1; width: 144px; }
#nav ul li:hover ul, #nav ul li.sfhover ul { left: auto; }
#nav ul li ul li { float: none; }
#nav ul li ul li a { display: block; height: 18px; line-height: 18px; overflow: hidden; text-indent: -9999px; width: 144px; }
#nav ul li.active ul li a { background-position: 0 0; }

/* - - - SUBNAVIGATION IMAGES - - - */
li.meet-dr-doppel { background: url(../images/nav/meet-dr-doppel.gif); }
li.meet-the-team { background: url(../images/nav/meet-the-team.gif); }
li.office-tour { background: url(../images/nav/office-tour.gif); }
li.our-blog { background: url(../images/nav/our-blog.gif); }
li.the-game-room { background: url(../images/nav/the-game-room.gif); }
li.your-first-visit { background: url(../images/nav/your-first-visit.gif); }
li.financial-information { background: url(../images/nav/financial-information.gif); }
li.patient-forms { background: url(../images/nav/patient-forms.gif); }
li.testimonials { background: url(../images/nav/testimonials.gif); }
li.before-and-after { background: url(../images/nav/before-and-after.gif); }
li.links-and-resources { background: url(../images/nav/links-and-resources.gif); }
li.for-children-and-adults { background: url(../images/nav/for-children-and-adults.gif); }
li.why-braces { background: url(../images/nav/why-braces.gif); }
li.two-phase-treatment { background: url(../images/nav/two-phase-treatment.gif); }
li.ortho-dictionary { background: url(../images/nav/ortho-dictionary.gif); }
li.orthodontic-treatments { background: url(../images/nav/orthodontic-treatments.gif); }
li.invisalign { background: url(../images/nav/invisalign.gif); }
li.invisalign-teen { background: url(../images/nav/invisalign-teen.gif); }
li.invisalign-costs { background: url(../images/nav/invisalign-costs.gif); }
li.invisalign-faq { background: url(../images/nav/invisalign-faq.gif); }
li.invisalign-testimonials { background: url(../images/nav/invisalign-testimonials.gif); }
li.invisalign-videos { background: url(../images/nav/invisalign-videos.gif); }
li.invisalign-before-and-after { background: url(../images/nav/invisalign-before-and-after.gif); }
li.faq { background: url(../images/nav/faq.gif); }







li.in-ovation { background: url(../images/nav/in-ovation.gif); }
li.dentofacial-orthopedics { background: url(../images/nav/dentofacial-orthopedics.gif); }
li.tmj-tmd { background: url(../images/nav/tmj-tmd.gif); }
li.surgical-orthodontics { background: url(../images/nav/surgical-orthodontics.gif); }
li.emergency-care { background: url(../images/nav/emergency-care.gif); }
li.life-with-braces { background: url(../images/nav/life-with-braces.gif); }
li.patient-care-videos { background: url(../images/nav/patient-care-videos.gif); }
li.types-of-braces { background: url(../images/nav/types-of-braces.gif); }
li.braces-diagram { background: url(../images/nav/braces-diagram.gif); }
li.brace-painter { background: url(../images/nav/brace-painter.gif); }
li.types-of-appliances { background: url(../images/nav/types-of-appliances.gif); }
li.color-your-retainer { background: url(../images/nav/color-your-retainer.gif); }
li.location { background: url(../images/nav/location.gif); }
li.appointment-request { background: url(../images/nav/appointment-request.gif); }
li.comment-form { background: url(../images/nav/comment-form.gif); }
li.refer-a-friend { background: url(../images/nav/refer-a-friend.gif); }

/* - - - SUBNAVIGATION ROLLOVER EFFECTS - - - */
#nav ul li ul li:hover, #nav ul li ul li.active { background-position: 0 -18px; }

/* - - - - - - - - - - TOP NAVIGATION - - - - - - - - - - */
#topnav { float: right; z-index: 100; }
#topnav ul { list-style: none; }
#topnav li { float: left; padding-left: 10px; }
#topnav a { background: url(../images/nav/topnav.gif) top left no-repeat; color: #a7cdd2; display: block; font-size: 12px; height: 30px; line-height: 30px; overflow: hidden; padding-left: 15px; text-decoration: underline; text-indent: 0; }

/* - - - TOP NAVIGATION TEXT - - - */
a#patient-login { font-weight: bold; width: 80px }
a#contact-us { width: 65px; }
a#home { width: 40px; }
a#site-map { width: 60px; }

/* - - - TOP NAVIGATION ROLLOVER EFFECTS - - - */
#topnav ul a:hover, #topnav ul li.active a { background-position: 0 -30px; color: #fff; text-decoration: none; }

/* - - - TOP NAVIGATION SUBNAVIGATION - - - */
#topnav ul li ul { background: #303225; display: block; left: -9999px; list-style: none; padding: 5px 0; position: absolute; z-index: 101; width: 150px; }
#topnav ul li:hover ul, #topnav ul li.sfhover ul { left: auto; }
#topnav ul li ul li { float: none; padding: 0; }
#topnav ul li ul li a { background: #303225; color: #a7cdd2; font-size: 11px; height: 20px; line-height: 20px; text-indent: 0; width: 135px; }

/* - - - TOP NAVIGATION SUBNAVIGATION ROLLOVER EFFECTS - - - */
#topnav ul li.active ul li a { background: #013e46; color: #a7cdd2; text-decoration: underline; }
#topnav ul li.active ul a:hover, #topnav ul li.active ul li.active a { background: #013e46; color: #fff; text-decoration: none; }

/* - - - - - - - - - - THE GAME ROOM - - - - - - - - - - */
div#sesame-game { background: #000; clear: both; line-height: 0; margin: 10px auto 30px; text-align: center; width: 400px; }
ul#sesame-games { list-style: none; margin: 0; padding: 0; width: 450px; }
ul#sesame-games li { clear: both; display: block; }
ul#sesame-games img { border: 0; margin: 0 0 10px 10px; }
ul#sesame-games a.button {float: right; height: 85px; width: 200px; }
ul#sesame-games p { padding-bottom: 10px; }

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

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

/* Comments Form */
.comment-form-content { background: #feefff; border: solid 1px #e9d8ea; margin: 0; padding: 10px; width: 440px; }
.comment-form-content li { font-weight: bold; }
.comment-form-content label { display: block; float: left; font-size: 12px; font-weight: bold; padding-top: 5px; text-align: right; width: 200px; }
.comment-form-content label span { color: #666; display: block; font-size: 11px; font-weight: normal; text-align: right; width: 200px; }
.comment-form-content .label-block label { clear: both; float: none; text-align: left; width: 100%; }
.comment-form-content input, .comment-form-content textarea { background: #fff; border: solid 1px #400040; float: left; font-size: 12px; margin: 10px 0 10px 10px; padding: 5px 2px; width: 200px; }
.comment-form-content p.verification { clear: both; font-size: 12px; margin: 0 0 10px 210px; }
.comment-form-content p.radio-float { clear: none; float: left; margin: 10px 0; padding: 0; width: 200px; }
.comment-form-content p.verification img { border: 1px solid #400040; }
.comment-form-content p.radio input, .comment-form-content p.radio-float input  { background: none; border: none; float: none; margin: 0 0 0 10px; padding: 5px 2px; width: auto; }
.comment-form-content .radio { font-weight: normal; text-align: left; }
.comment-form-content .comment-form-box label { display: block; float: none; font-weight: normal; text-align: left; }
.comment-form-content .comment-form-box textarea { float: none; margin-left: 0; width: 95%; }
.comment-form-content ol { padding: 0 20px; }

/* Refer a Friend Form */
.referral-form-content { background: #feefff; border: solid 1px #e9d8ea; margin: 0; padding: 10px; width: 440px; }
.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 #400040; 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 #400040; }
.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: #feefff; border: solid 1px #e9d8ea; margin: 0; padding: 10px; width: 440px; }
.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 #400040; 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 #400040; }
.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; }


/* Reset */
#pro-pack {
  position: relative;
  font-size: inherit;
  line-height: inherit;
}
#pro-pack img {display: block;}
#pro-pack a, #pro-pack img, #pro-pack object {
  border:none; 
  outline:none;
}

/* Global Styles ------------------- */
#pro-pack .border {
  border: solid 6px #eaf3f4; /* Customize me!! */
}
#pro-pack .right {
  float: right;
  margin: 0 0 20px 20px;
}
#pro-pack .left {
  margin: 0 20px 20px 0;
  float: left;
}
#pro-pack .img-right {
  margin: 0 0 20px 20px;
  float: right;
  clear: right;
}
#pro-pack .img-left {
  margin: 0 20px 20px 0;	
  float: left;
  clear: left;
}
#pro-pack p.flash_notice {
  margin: 18px;
  padding: 9px;
  color: #ff0000;
  border: 1px dotted #ff0000;
  background: #ffffff;
  text-align: center;
}

/* Main Invisalign page ----------------- */
#pro-pack #video-invisalign {
  width: 360px; 
  height: 266px;
  display: block;
}

/* Invisalign Testimonials ------------------ */
#pro-pack ul#testimonials {
  margin: 0;
  padding: 0;
  list-style: none;
  list-style-image: none;
}
#pro-pack .invisalign-block {
  width: 270px; 
  float: left;
}

/* Invisalign Teen ------------------ */
#pro-pack span.indent {padding-left: 40px;}
#pro-pack #invisalign-sidebar {
  background: #fff;
  width: 275px;
  margin: 0 0 20px 20px;
  padding: 0;
  border: solid 1px #333; /* Customize me! */
  line-height: 18px;
  font-size: 11px;
  float: right;
  clear: right;
}
#pro-pack #invisalign-sidebar a {
  color: #036; /* Customize me!! */
}
#pro-pack #invisalign-sidebar h3 {
  background: #631b64; /* Customize me!! */
  margin: 0;
  padding: 20px;
  font-size: 16px; /* Customize me!! */
  font-weight: bold; /* Customize me!! */
  color: #fff; /* Customize me!! */
}
#pro-pack #invisalign-sidebar p {
  padding: 0 15px;
  margin: 15px 0;
  font-size: 11px;
  line-height: 16px;
}
#pro-pack .thumb {
  border: solid 1px #333; /* Customize me!! */
  margin: 0 10px 15px 0;
  float: left;
  clear: left;
}

/* Invisalign Videos ------------------- */
#pro-pack div.invisalign-flash {
  background: url(/sesame_media/images/invisalign-pro-package/invisalign-video-bg.jpg) no-repeat;
  width: 450px;
  height: 250px;
  border: solid 1px #333; /* Customize me!! */
  margin-bottom: 20px;
}
#pro-pack div.invisalign-flash img {
  margin: 30px 50px 0;
  float: right;
}
#pro-pack .bump-right {
  margin-right: 5px;
}
#pro-pack #video-invisalign-best-friends, #pro-pack #video-invisalign-news-travels-fast {
  width: 320px;
  height: 206px;
  display: block;
}
#pro-pack #video-invisalign-lobby {
  width: 320px; 
  height: 266px;
  display: block;
}

/* Invisalign Before and After --------------- */
#pro-pack #invisalign-before-after {
  width: 488px;
  min-height: 335px;
  line-height: 18px;
  margin: 0 0 20px 0;
  padding: 10px 0 10px 10px;
  background-color: #631b64; /* Customize me */
  border: solid 1px #333; /* Customize me */
  border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
  -moz-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
  -webkit-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
}

#pro-pack #invisalign-before-after ul.slideshow {
  list-style: none; 
  margin: 0; 
  padding: 0;
  width: 488px;
  height: 270px;
  overflow: hidden;
}
#pro-pack ul#before-after-cycle li img {
  width: 232px;
  height: 265px;
  float: left;
  margin-right: 10px;
  border: solid 1px #333; /* Customize me */
}
#pro-pack #invisalign-before-after p {
  float: left;
  width: 50%;
  margin: 0 0 10px 0;
  color:#FFFFFF;
}
#pro-pack #invisalign-before-after div.cycle-detail {
  _width: 478px;
  min-height: 55px;
  _height: 75px;
  line-height: 18px;
  clear: both;
  background-color: #fff; /* Customize me */
  color: #333; /* Customize me */
  padding: 10px;
  margin: 0 10px 0 0;
  border: solid 1px #333; /* Customize me */
  border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
  -moz-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
  -webkit-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
}
#pro-pack #invisalign-before-after div.before-after-nav {
  background: #fff; /* Customize me */
  _width: 478px;
  margin: 0 10px 10px 0;
  padding: 5px 3px;
  border: solid 1px #333; /* Customize me */
  border-radius: 5px 5px 0 0; /* Optional - you may customize or remove - Does not work in IE */
  -moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove - Does not work in IE */
  -webkit-border-top-left-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
  -webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
}
#pro-pack #invisalign-before-after .before-after-nav a {
  text-decoration: none; 
  font-size: 12px; 
  padding: 5px; 
  margin: 0 3px;
  outline: none;
  color: #333; /* Customize me */
}
#pro-pack #invisalign-before-after .before-after-nav a.activeSlide, #pro-pack #invisalign-before-after .before-after-nav a:hover {color: #631b64;} /* Customize me */

/* Invisalign Footer -------------------- */	
#pro-pack #invisalign-footer {
  background: #fff;
  width: 99%;
  margin: 30px 0;
  padding: 0;
  border: solid 1px #333; /* Customize me!! */
  font-size: 11px;
  border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
  -moz-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
  -webkit-border-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
  clear: both;
}
#pro-pack #invisalign-footer h3 {
  background: #631b64; /* Customize me!! */
  margin: 0;
  padding: 10px 20px;
  color: #fff; /* Customize me!! */
  font-size: 14px;
  border-radius: 5px 5px 0 0; /* Optional - you may customize or remove - Does not work in IE */
  -moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove - Does not work in IE */
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove - Does not work in IE */
}
#pro-pack #invisalign-footer ul li img {
  margin: 0 10px 0 20px;
  float: left;
}
#pro-pack #invisalign-footer p {
  padding: 0 20px;
  margin: 30px 0 20px 0;
}
#pro-pack #invisalign-footer ul {
  margin: 15px; 
  padding: 0 0 15px 0;
  list-style: none;
  border: solid 1px #333; /* Customize me!! */
  border-width: 0 0 1px 0;
}
#pro-pack #invisalign-footer li {
  width: 33%;
  float: left;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
#pro-pack #invisalign-footer li a {float: left;}	
#pro-pack .invisalign-footer-logo {
  margin: 0 30px 0 15px;
  float: left;
}

/* Pro Pack Callouts --------------- */
#pro-pack-callout-sm {
  width: 123px;
  height: 63px;
  background: #eee /* Customize this color!! */ url(/sesame_media/images/invisalign-pro-package/callout-sm.png) no-repeat;
  border: solid 1px #000; /* Customize me!! */
  border-radius: 3px; /* Optional - you may customize or remove - Not supported in IE*/
  -moz-border-radius: 3px; /* Optional - you may customize or remove - Not supported in IE*/
  -webkit-border-radius: 3px; /* Optional - you may customize or remove - Does not work in IE */
  margin: 0 0 18px; /* Customize me!! */
  padding: 0;
  display: block;
  text-indent: -9999px;
  /* Uncomment the following lines if using absolute positioning */
  /* top: 390px; Customize me!! */
  /* left: 350px; Customize me!! */
  /* position: absolute; */
  /* z-index: 2; Adjust this number if needed */
}
#pro-pack-callout-sm a {
  width: 123px;
  height: 63px;
  display: block;
}
#pro-pack-callout-lg {
  width: 223px;
  height: 128px;
  background: #eee /* Customize this color!! */ url(/sesame_media/images/invisalign-pro-package/callout-lg.png) no-repeat;
  border: solid 1px #000; /* Customize me!! */
  border-radius: 3px; /* Optional - you may customize or remove - Not supported in IE*/
  -moz-border-radius: 3px; /* Optional - you may customize or remove - Does not work in IE */
  -webkit-border-radius: 3px; /* Optional - you may customize or remove - Does not work in IE */
  margin: 0 0 18px;
  padding: 0;
  display: block;
  text-indent: -9999px;
  /* Uncomment the following lines if using absolute positioning */
  /* top: 470px; Customize me!! */
  /* left: 350px; Customize me!! */
  /* position: absolute; */
  /* z-index: 2; Adjust this number if needed */
}
#pro-pack-callout-lg a {
  width: 223px;
  height: 128px;
  display: block;
}

/* Clear Fix --------------------- */
.clear {clear: both;}
.cf:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.cf {display: inline-block;} /*this trips hasLayout for ie7*/
.cf {display: block;} /*this returns it back to normal*/
* html .cf {height: 1px;}   

#invis-premiere {
/*	position:absolute;  
	top:20px;
	left:780px;*/  
	float:right;
	padding: 5px 5px 10px 10px;
}