* { margin: 0; outline: none; padding: 0; }
body { background: #444; }

/* - - - - - - - - - - TEXT - - - - - - - - - - */
body, form, input, textarea { color: #000; font-family: verdana, sans-serif; font-size: 12px; }
p { color: #000; line-height: 18px; margin: 10px 0; }
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: #000; font-size: 12px; line-height: 12px; list-style: circle; list-style-image: url(../images/list.gif); margin: 10px 20px; }
body.site-map #content ul ul a { color: #669900; font-weight: normal; }
body.site-map #content ul ul li { margin: 10px 0; }
div.hr { background: #d9d9d9; clear: both; height: 1px; margin: 20px 0; padding: 0; width: 100%; }
div.hr hr { display: none; }
#content ol { font-size: 11px; line-height: 16px; list-style: decimal; margin: 20px 90px 20px 40px; }
#content ol li { margin: 10px 0; }
#content ol li ol { line-height: 16px; list-style: lower-alpha; margin: 10px 30px; }
#content ol li ol li { margin: 10px 0; }
#content ul { font-size: 11px; line-height: 16px; list-style: disc; list-style-image: url(../images/list.gif); margin: 20px 90px 20px 40px; }
#content ul li { margin: 10px 0; }
#content ul li ul { line-height: 16px; list-style: circle; list-style-image: url(../images/list.gif); margin: 10px 30px; }
#content ul li ul li { margin: 10px 0; }
#footer p { color: #fff; font-size: 11px; line-height: 14px; }
#earn-side { padding:0 3px 0 52px}
#earn-side p { color:#FFF }
#rewards-notes { font-size:10px}

/* edit.com visible styles */
BODY, TD, .NormalText { text-decoration: none; font-weight: normal; font-style: normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #000; line-height: 18px; }

.Title		{ color: #000000; font-size: 24px; font-weight: normal; font-family: Tahoma; text-transform: uppercase; border-bottom: 1px solid #d9d9d9; line-height: 32px; }
.Header		{ color: #669900; font-size: 18px; font-weight: normal; font-family: Verdana; }
.Subheader	{ color: #000000; font-size: 12px; font-weight: bold; font-family: Verdana; }

.Green		{ color: #669900; }
.Black		{ color: #000000; }
.White		{ color: #FFFFFF; }

.SmallText	{ font-size: 10px; }
.MediumText	{ font-size: 16px; line-height: 1em; }
.LargeText	{ font-size: 24px; line-height: 1em; }

IMG.FloatLeft 	{ float: left; margin: 0 10px 10px 0; }
IMG.FloatRight 	{ float: right; margin: 0 0 10px 10px; }

TABLE.copy TD { vertical-align: top; }
TABLE.copy TD.leftPad { padding-left: 10px; }
TD.TopGrayBorder,
TABLE.copy TD.TopGrayBorder { border-top: 1px solid #d9d9d9; padding-top: 15px; }

/* - - - LINKS - - - */
a { color: #669900; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; }
p.top-link a { background: url(../images/back-to-top.gif) no-repeat; color: #000; padding-left: 12px; text-decoration: underline; }
p.top-link a:hover { color: #000; text-decoration: none; }
#footer a { color: #c1d72e; }
#footer p.sesame-link a { color: #fff; }

/* - - - HEADERS - - - */
h1 { background: no-repeat; height: 32px; margin: 15px 0; overflow: hidden; text-indent: -9999px; }
h1.home { background: no-repeat; height: 90px; margin: 25px 0; overflow: hidden; text-indent: -9999px; }
h2 { color: #669900; font-family: verdana, sans-serif; font-size: 18px; font-weight: normal; margin: 10px 0; }
h3 { color: #000; font-family: verdana, sans-serif; font-size: 12px; margin: 10px 0; }
h4 { color: #fff; font-family: verdana, 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 { background: #eee; border: 1px solid #e4e4e4; clear: left; float: left; margin: 0 30px 10px 0; }
img.right { clear: right; float: right; margin: 0 0 10px 30px; }
img.auto { background: #eee; border: 1px solid #e4e4e4; clear: right; float: right; margin: 0 0 20px 30px; padding: 4px; }
.flash-replaced .alt { display: block; height: 1000px; position: absolute; overflow: hidden; width: 0; }
* .map { float: right; }
img.link { float: left; margin: 10px 20px 10px 0; }
img.clear { clear: left; }
img.side-link { clear: both; margin: 5px 0 5px 30px; } 
img.side-link2 { margin: 5px 0 5px 50px; width:25px; height:25px; overflow:hidden; display:inline } 
img.side-link3 { margin: 5px 0 5px 10px; height:25px; overflow:hidden; display:inline } 
img.home-link { clear: right; float: right; margin: 0 30px; }
.home-link { float: right; margin: 0 30px; width:200px; display:block; font-size:11px }

/* - - - - - - - - - - LAYOUT - - - - - - - - - - */
* #container { background: url(../images/container-bg.jpg) repeat-y; margin: 0 auto 50px; width: 880px; }
* #content { float: left; padding: 0 30px 20px; width: 595px; }
#header a { background: url(../images/header.jpg) no-repeat; display: block; height: 288px; overflow: hidden; text-indent: -9999px; width: 880px; }

* #footer { background: #303030 url(../images/footer-bg.jpg) repeat-x top; clear: both; margin-left: 225px; padding: 30px 30px 10px 30px; width: 595px; }


* #nav-container { background: url(../images/navigation-bg.jpg) no-repeat top; display: inline; float: left; padding-top: 59px; width: 225px; }
* #address-left { color: #fff; font-size: 10px; line-height: 14px; margin: 24px 0 0 250px; position: absolute; }
* #address-center { color: #fff; font-size: 10px; line-height: 14px; margin: 24px 0 0 390px; position: absolute; }
* #address-right { color: #fff; font-size: 10px; line-height: 14px; margin: 24px 0 0 542px; position: absolute; }
* #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; }

/* - - - FLASH - - - */
* #flash-home { height: 260px; width: 595px; }
* #flash-braces-diagram { height: 375px; margin: 20px 0; width: 500px; }
* #flash-brace-painter { height: 430px; margin: 20px 0; width: 500px; }
* #flash-brushing-and-flossing { height: 300px; margin: 20px 0; width: 500px; }
* #flash-color-your-retainer { height: 300px; margin: 20px 0; width: 300px; }
* #flash-common-treatments { height: 300px; margin: 20px 0; width: 500px; }
* #flash-emergency-care { height: 300px; margin: 20px 0; width: 500px; }
* #flash-patient-care-videos { height: 375px; margin: 20px 0; width: 500px; }
* #flash-types-of-appliances { height: 300px; margin: 20px 0; width: 500px; }
* #flash-types-of-braces { height: 300px; margin: 20px 0; width: 500px; }
* #flash-the-damon-system-comparison { background: #fff; border: 4px solid #0099CC; height: 175px; margin: 20px auto; padding: 5px 0 0 8px; width: 260px; }
* #video-ibraces-1 { background: #000; border: 1px solid #000; height: 266px; margin: 20px 0; width: 360px; }
* #video-ibraces-2 { background: #000; border: 1px solid #000; height: 266px; margin: 20px 0; width: 360px; }
* #video-ibraces-3 { background: #000; border: 1px solid #000; height: 266px; margin: 20px 0; width: 360px; }
* #video-in-ovation { background: #000; border: 1px solid #000; height: 266px; margin: 20px 0; width: 360px; }
* #video-invisalign { background: #000; border: 1px solid #000; height: 266px; margin: 20px 0; width: 360px; }
* #video-invisalign-teen { background: #000; border: 1px solid #000; height: 250px; margin: 20px 0; width: 398px; }
* #video-suresmile { background: #000; border: 1px solid #000; height: 266px; margin: 20px 0; width: 360px; }
* #video-the-damon-system-1 { background: #000; border: 1px solid #000; height: 266px; margin: 20px 0; width: 360px; }
* #video-the-damon-system-2 { background: #000; border: 1px solid #000; height: 330px; margin: 20px 0; width: 400px; }

/* - - - - - - - - - - NAVIGATION - - - - - - - - - - */
* #nav { float: left; height: 322px; margin-bottom: 10px; width: 195px; position:relative }
#nav ul { list-style: none; width: 195px; }
#nav li { float: left; }
#nav a { display: block; height: 32px; overflow: hidden; text-indent: -9999px; width: 195px; }

/* - - - NAVIGATION IMAGES - - - */
a#meet-the-doctors { background: url(../images/nav/meet-the-doctors.jpg); }
a#for-new-patients { background: url(../images/nav/for-new-patients.jpg); }
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#emergency-care { background: url(../images/nav/emergency-care.jpg); }
a#contact-us { background: url(../images/nav/contact-us.jpg); }
a#home { background: url(../images/nav/home.jpg); }
a#staff-access { background: url(../images/nav/staff.jpg); }


/* - - - NAVIGATION ROLLOVER EFFECTS - - - */
#nav ul a:hover, #nav ul li.active a { background-position: 0 -32px; }
#nav ul li:hover #meet-the-doctors, #nav ul li.sfhover #meet-the-doctors,
#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 #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 #staff-access, #nav ul li.sfhover #staff-access,
#nav ul li:hover #contact-us, #nav ul li.sfhover #contact-us { background-position: 0 -32px; }

/* - - - SUBNAVIGATION - - - */
#nav ul li ul { background: #fff; display: block; left: -9999px; list-style: none; padding-left: 10px; position: absolute; z-index: 100; width: 304px; }
#nav ul li:hover ul, #nav ul li.sfhover ul { left: auto; margin: -32px 0 0 195px; }
#nav ul li ul li { display: block; }
#nav ul li ul li a { background: #444444; border-left: 1px solid #303030; border-right: 7px solid #303030; color: #fff; font-size: 11px; height: 22px; line-height: 22px; padding-left: 10px; text-decoration: none; text-indent: 0; width: 286px; }
#nav ul li ul li.first a { border-top: 1px solid #303030; border-right: 7px solid #303030; padding-top: 5px; }
#nav ul li ul li.last a { border-bottom: 1px solid #303030; border-right: 7px solid #303030; padding-bottom: 5px; }

/* - - - SUBNAVIGATION ROLLOVER EFFECTS - - - */
#nav ul li ul li a:hover, #nav ul li ul li.active a { text-decoration: underline; }

/* - - - - - - - - - - LOGIN NAVIGATION - - - - - - - - - - */
* #loginnav { float: left; width: 30px; }
#loginnav ul { list-style: none; width: 30px; }
#loginnav li { float: left; }
#loginnav a { display: block; height: 142px; overflow: hidden; text-indent: -9999px; width: 30px; }

/* - - - TOP NAVIGATION IMAGES - - - */
a#patient-login { background: url(../images/nav/patient-login.jpg); }
a#doctor-login { background: url(../images/nav/doctor-login.jpg); }

/* - - - TOP NAVIGATION ROLLOVER EFFECTS - - - */
#loginnav ul a:hover, #loginnav ul li.active a { background-position: 0 -142px; }

/* - - - - - - - - - - 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: 595px; }
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 #d9d9d9; }
* .form-footer { border-top: 1px solid #d9d9d9; padding-top: 20px; text-align: center; }
.form-footer button { background: #C1D72D; border: 1px solid #7E8F08; clear: both; color: #000; 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: #fafafa; border: solid 1px #d9d9d9; margin: 0 20px; padding: 10px; width: 500px; }
.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 #d9d9d9; 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 #d9d9d9; }
.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: #fafafa; border: solid 1px #d9d9d9; margin: 0 20px; 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 #d9d9d9; 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 #d9d9d9; }
.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: #fafafa; border: solid 1px #d9d9d9; margin: 0 20px; 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 #d9d9d9; 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 #d9d9d9; }
.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; }

/* Secret Link on Home Page */
* #restricted {float: right;}




/*Pro Pack*/

/* Reset */
#pro-pack {
	position: relative;
	font-size: inherit;
	line-height: inherit;
	}
#pro-pack img {
	/*display: block;*/
	padding:4px;
	}
#pro-pack a, #pro-pack img, #pro-pack object {
	border:none; 
	outline:none;
	}
	
/* Global Styles ------------------- */
#pro-pack .border {
	border: solid 1px #e4e4e4; /* Customize me!! */
	background: #eeeeee;
	}
#pro-pack .right {
	float: right;
	margin: 0 0 15px 15px;
	background: #eeeeee;
	}
#pro-pack .left {
	margin: 0 15px 15px 0;
	float: left;
	background: #eeeeee;
	}
#pro-pack .right-border {
	border: solid 1px #e4e4e4; /* Customize me!! */
	float: right;
	clear: right;
	margin: 0 10px 10px 10px;
	background: #eeeeee;
	}
#pro-pack .left-border {
	border: solid 1px #e4e4e4; /* Customize me!! */
	float: left;
	clear: left;
	margin: 0 15px 15px 0;
	background: #eeeeee;
	}
/*#pro-pack img.border {
	border: solid 1px #e4e4e4;  Customize me!! 
	}*/
	
/* Main Invisalign page ----------------- */
#pro-pack #video-invisalign {
	width: 360px; 
	height: 266px;
	display: block;
	border: solid 1px #e4e4e4;
	}
#pro-pack p.flash_notice {
	margin: 18px;
	padding: 9px;
	color: #ff0000;
	border: 1px dotted #ff0000;
	background: #ffffff;
	text-align: center;
	}

/* Invisalign Teen ------------------ */
#pro-pack span.indent {
	padding-left: 40px;
	}
#pro-pack #invisalign-sidebar {
	background: #ffffff;
	width: 275px;
	margin: 0 0 15px 15px;
	padding: 0;
	border: solid 1px #e4e4e4;
	line-height: 18px;
	font-size: 11px;
	float: right;
	clear: right;
	}
#pro-pack #invisalign-sidebar a {
	color: #669900; /* Customize me!! */
	font-weight:normal;
	}
#pro-pack #invisalign-sidebar h3 {
	background: #669900; /* Customize me!! */
	margin: 0;
	padding: 15px;
	color: #000000; /* 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 #e4e4e4; /* Customize me!! */
	margin: 0 10px 10px 0;
	float: left;
	clear: left;
	}

/* Invisalign Testimonials ------------------ */
#pro-pack ul#testimonials {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	}
#pro-pack .invisalign-block {
	width: 315px; 
	float: left;
	}

/* Invisalign Videos ------------------- */
#pro-pack div.invisalign-flash {
	background: url(http://media.sesamehost.com/images/invisalign-pro-package/invisalign-video-bg.jpg) no-repeat;
	width: 450px;
	height: 250px;
	border: solid 1px #e4e4e4; /* Customize me!! */
	margin-bottom: 15px;
	}
#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 18px 0;
	padding: 10px 0 10px 10px;
	background-color: #c1d72e; /* Customize me */
	border: solid 1px #e4e4e4; /* Customize me */
	-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;
	padding:0;
	border: solid 1px #e4e4e4; /* Customize me */
	}
#pro-pack #invisalign-before-after p {
	float: left;
	width: 50%;
	margin: 0 0 10px 0;
	}
#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 #e4e4e4; /* Customize me */
	-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 #e4e4e4; /* Customize me */
	-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: #009EC7;} /* Customize me */












/* 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;}