/* 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 1px #333; /* 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: 315px;  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: #97AFC2; /* 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: #e1ef7e; /* 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; } #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: #009EC7;} /* 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: #97AFC2; /* 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;}