/* ---- invisalign pro pack ---- */
#pro-pack {position: relative; font-size: inherit; line-height: inherit;}
#pro-pack object {border: none; outline: 1px solid #085BA9;}
	
/* -- pro pack callouts -- */
#pro-pack-callout-sm {width: 123px; height: 63px; background: #fff url(http://media.sesamehost.com/images/invisalign-pro-package/callout-sm.png) no-repeat; border: solid 1px #333; margin: 0 0 20px; padding: 0; display: block; text-indent: -999em;}
#pro-pack-callout-sm a {width: 123px; height: 63px; display: block;}
#pro-pack-callout-lg {width: 223px; height: 128px; background: #fff url(http://media.sesamehost.com/images/invisalign-pro-package/callout-lg.png) no-repeat; border: solid 1px #333; margin: 0 0 20px; padding: 0; display: block; text-indent: -999em;}
#pro-pack-callout-lg a {width: 223px; height: 128px; display: block;}	

/* -- main invisalign page -- */
#pro-pack #video-invisalign {width: 360px; height: 266px; display: block;}
#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: #fff; border: solid 1px #000; clear: right; float: right; font-size: 11px; line-height: 18px; margin: 0 0 15px 15px; padding: 0; width: 275px;}
#pro-pack #invisalign-sidebar p {font-size: 12px; line-height: 18px; margin: 15px 0; padding: 0 15px;}
#pro-pack #invisalign-sidebar a {color: #036;}
#pro-pack #invisalign-sidebar h3 {background: #97AFC2; color: #fff; margin: 0; padding: 15px;}
#pro-pack .thumb {border: solid 1px #000; clear: left; float: left; margin: 0 10px 10px 0;}

/* -- invisalign testimonials -- */
#pro-pack ul#testimonials {margin: 0; padding: 0;}
#pro-pack ul#testimonials li {list-style: none; list-style-image: none;}
#pro-pack ul#testimonials li .invisalign-block {margin: 0 0 25px 0; 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 #085BA9; 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: #97AFC2; border: solid 1px #333; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#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 {margin: 0;}
#pro-pack ul#before-after-cycle li img {width: 232px; height: 265px; float: left; margin-right: 10px; border: solid 1px #333;}
#pro-pack #invisalign-before-after p {font-size: 13px; font-weight: bold; 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; color: #333; padding: 10px; margin: 0 10px 0 0; border: solid 1px #333; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#pro-pack #invisalign-before-after div.before-after-nav {background: #fff; _width: 478px; margin: 0 10px 10px 0; padding: 5px 3px; border: solid 1px #333; -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;}
#pro-pack #invisalign-before-after .before-after-nav a {text-decoration: none; font-size: 12px; padding: 5px; margin: 0 3px; outline: none; color: #333;}
#pro-pack #invisalign-before-after .before-after-nav a.activeSlide, #pro-pack #invisalign-before-after .before-after-nav a:hover {color: #009EC7;}

/* -- invisalign footer -- */
#pro-pack #invisalign-footer {background: #fff; width: 100%; margin: 30px 0; padding: 0; border: solid 1px #333; font-size: 11px; -moz-border-radius: 5px; -webkit-border-radius: 5px; clear: both;}
#pro-pack #invisalign-footer h3 {background: #97AFC2; margin: 0; padding: 8px 15px; color: #fff; font-size: 14px; -moz-border-radius: 5px 5px 0 0; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px;}
#pro-pack #invisalign-footer ul li img {margin: 0 10px 0 15px; float: left;}
#pro-pack #invisalign-footer a, #pro-pack #invisalign-footer a:hover {color: #009EC7; font-weight: normal;}
#pro-pack #invisalign-footer p {padding: 0 15px; margin: 30px 0 15px 0;}
#pro-pack #invisalign-footer ul {margin: 15px; padding: 0 0 15px 0; border: solid 1px #333; border-width: 0 0 1px 0; font-size: 11px;}
#pro-pack #invisalign-footer li {width: 33%; float: left; list-style: none; 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;}

/* -- 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;}