@charset "utf-8";

/* @font-face */
@font-face {
    font-family: 'book_antiquareqular';
    src: url('fonts/bkant-webfont.eot');
    src: url('fonts/bkant-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/bkant-webfont.woff') format('woff'),
         url('fonts/bkant-webfont.ttf') format('truetype'),
         url('fonts/bkant-webfont.svg#book_antiquareqular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'book_antiquabold';
    src: url('fonts/antquab-webfont.eot');
    src: url('fonts/antquab-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/antquab-webfont.woff') format('woff'),
         url('fonts/antquab-webfont.ttf') format('truetype'),
         url('fonts/antquab-webfont.svg#book_antiquabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'book_antiquabold_italic';
    src: url('fonts/antquabi-webfont.eot');
    src: url('fonts/antquabi-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/antquabi-webfont.woff') format('woff'),
         url('fonts/antquabi-webfont.ttf') format('truetype'),
         url('fonts/antquabi-webfont.svg#book_antiquabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'book_antiquaitalic';
    src: url('fonts/antquai-webfont.eot');
    src: url('fonts/antquai-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/antquai-webfont.woff') format('woff'),
         url('fonts/antquai-webfont.ttf') format('truetype'),
         url('fonts/antquai-webfont.svg#book_antiquaitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* resets */
body, div, p, ul, ol, li, span, h1, h2, h3, h4, hr, table, td, a { margin:0; padding: 0; }

/* HTML5 display definitions */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

body.editor-fix { background-color:#fff }
body { font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:1; color:#000; }

/* generic links */
a, a:link, a:visited { color:#01148B; text-decoration:none; }
a:hover, a:active { color:#01148B; text-decoration:underline; }

/* remove border from img links */
a img { border: 0 none; }

/* main styling */
/* common heading styles */
h1, h2, h3, h4 { font-family: 'book_antiquareqular', serif; font-weight: normal; color:#013846; margin:0 0 4px; }

/* heading specific styles */
h1 { font-size:28px; margin:0 0 25px; }

h2 { font-size:22px; }
h3 { font-size:18px; margin:0 0 6px; }
h4 { font-size:12px; }

/* common styles */
p, ol, ul, hr { margin:0 0 15px; }
p { line-height:1.7em }

hr { height:2px; color:#05091a; background-color:transparent; margin:0 0 15px; clear:both; }
.hr { height:1px; border-bottom:2px dotted #6e7b4f; clear:both; margin:0 0 21px; }
ul, ol { padding:0 0 0 2.5em; }
ol li, ul li { margin:0 0 0.5em; padding:0em; }
li { line-height:1.5em }

/* containers */
#shell { background:url(../images/bg_shell.jpg) no-repeat center top; }
#wrapper { width:980px; margin:0 auto; position:relative; }

header { height:203px; }
	#logo { display:block; float:left; margin:6px 0 0 13px; width:534px; height:192px; }
	
	#social-icons {position:absolute; top:10px; left:802px;}
	
	#address { float:right; width:276px; padding:17px 24px 0 0;  }
	#address img { float:right; margin:0 3px 62px; }
	#address img + img { margin:0; }
	
	#phone-number { text-align:right; color:#a25e0b; font-size:26px; font-family:Times, "Times New Roman", serif; position:absolute; top:39px;left:787px; height:20px; width:170px; }
	#address-fax { text-align:right; color:#073c4a; font-size:21px; position:absolute; top:131px; left:648px; width:310px; font-family:Times, "Times New Roman", serif;}

/* content */
#slider, #slider img { width:684px; height:263px; }
#slider { float:right; margin:0 0 24px; }
#slider img { display:none; }
#slider img.first { display:block; }

/* Home slideshow */
#home-slides { width:684px; height:263px; display: block; overflow: hidden;}

#home-slides img { width:684px; height:263px; display: block; padding: 0; margin: 0;}


#content { padding:0 8px; }

#appointment-request-content {
	padding: 0 8px;
	min-height: 1100px;	
}

#feedback-content {
	padding: 0 8px;
	min-height: 1550px;	
}

#office-tour-content {
	padding: 0 8px;
	min-height: 650px;	
}

/* content column */
#main-col { float:right; width:684px; min-height:580px;  }
#left-col { float:left; width:264px; }

/*.staff p { text-align:center; clear:both; }
.staff img { float:left; margin:0 20px 15px 0; }*/
.staff { width:100%; }
.staff td { text-align:center; vertical-align:top; }
.staff td p { line-height:1.3em; }

.coll { float:left; margin:0 42px 15px 0; width:300px; }
.colr { float:left; margin:0 0 15px; width:300px; }

.col-left { float:left; width:420px; }
.col-right { float:right; width:420px; }

#callouts a { display:block; float:left; width:264px; height:112px; text-indent:-999em; margin:0 0 10px; }

	#callouts a.appt { background:url(../images/callout_appt.png) no-repeat; }
	#callouts a.info { background:url(../images/callout_newpatient.png) no-repeat; }
	#callouts a.meet { background:url(../images/callout_dr.png) no-repeat; }
	#callouts a:hover { background-position:0 -112px; }
	
#callouts a.invis_callout  {
	background:url(../images/callout_invisalign.png) no-repeat;	
	display:block; 
	float:left; width:264px; 
	height:54px; 
	text-indent:-999em; 
	margin:0 0 10px;	
}

#callouts a.invis_callout:hover { background-position:0 0; }
	
/* main menu */
#menu {
	height:87px;
	background:url(../images/nav/bg_menu.jpg) no-repeat bottom;
	margin-top: 4px;
	margin-right: 0;
	margin-bottom: 14px;
	margin-left: 0;
}
#menu ul { margin:0 0 0 8px; padding:7px 0 0; }
#menu li { list-style:none; float:left; margin:0; padding:0; position:relative; z-index:400; }
#menu li a { display:block; height:47px; }
	
#menu li { list-style:none; float:left; margin:0; padding:0; position:relative; z-index:400; }	


#menu ul li:hover ul {display: block;}	
	
	#menu40 a { background:url(../images/nav/home.png) no-repeat; width:136px; }
	#menu64 a { background:url(../images/nav/office.png) no-repeat; width:136px; margin:0 1px 0 0; }
	#menu74 a { background:url(../images/nav/patient.png) no-repeat; width:136px; margin:0 1px 0 0; }
	#menu86 a { background:url(../images/nav/treatment.png) no-repeat; width:137px; margin:0 1px 0 0; }
	
	#menu-invisalign a { background:url(../images/nav/invisalign.png) no-repeat; width:136px; margin:0 1px 0 0; }
	
	#menu96 a { background:url(../images/nav/fun.png) no-repeat; width:137px; margin:0 1px 0 0; }
	#menu101 a { background:url(../images/nav/contact.png) no-repeat; width:136px; }
	
	#menu #menu102 a { background:url(../images/login.png) no-repeat; width:168px; height:43px; position:absolute; top:-135px; right:19px; }
	#menu li a:hover { background-position:0 -47px; }
	#menu li#menu102 a:hover { background-position:0 -43px; }
	
	/* submenu */
	#menu ul ul { position:absolute; top:47px; left:-5px; width:177px; z-index:200; display:none; padding:10px 0 44px; background:#edecd8 url(../images/bg_sub_bottom.jpg) no-repeat bottom; border:2px solid #8d9062; }
	#menu ul ul li { float:left; margin:0; padding:0; }
	#menu ul ul li a { display:block; color:#000; font-family:Arial, Helvetica, sans-serif; font-size:14px; height:auto; line-height:24px; padding:0 0 0 15px; width:162px; background:none; text-shadow:1px 1px #fff; }
	#menu ul ul li.last a { border:0 none; }
	#menu ul ul li a:hover { color:#000; background-color:#d4d3a4; text-decoration:none; }
	
/* end menu
*************************************************************/

/* footer */
footer { width:980px; margin:0 auto; color:#000; font-size:12px; text-align:center; background:url(../images/bg_footer.jpg) no-repeat; }

	#logos { padding:21px 0 0 28px; margin:0 0 25px; }
		#logos a { display:block; float:left; }
		#logos .group { float:left; width:106px; }
		#logos .group1 { float:left; width:172px; }
		
		a.invis { margin:2px 18px 0 0; }
		a.itero { margin:4px 18px 0 44px; }
		a.pcso { margin:24px 26px 0 0; }
		a.aao { margin:17px 30px 0 0; }
		a.emp { margin:20px 19px 0 0; }
		a.incog { margin:24px 22px 0 0; }
		a.fb { margin:0 10px 8px 0; }

	
	p.seo { line-height:1.4em; }
	p.seo a, p.seo a:link, p.seo a:visited { color:#000; text-decoration:none; text-shadow:none; }
	p.seo a:hover { text-decoration:underline; text-shadow:none; }

/* end footer
***********************************************************/

/* sitemap */
#sitemap ul { margin:0; }
#sitemap ul li { margin:0 0 0 0.5em; }
#sitemap a { text-shadow:none; }
#sitemap ul > li.DisabledTab > a { text-decoration:none; color:#000; font-weight:bold; cursor:default; }
#sitemap ul ul { padding:0 0 0 2.0em; }
	
/* end sitemap
**************************************************************/

.retention h2 { clear:both; }

/* page photos */
.photoright { float: right; margin:3px 0 12px 15px;  }
.photoleft { float: left; margin:3px 15px 12px 0; }
.photo { border:2px solid #8d9062;  }

/* floats */
.right { float: right }
.left { float: left; }

/* text */
.center { text-align:center; }
.txt-left { text-align:left; }
.txt-right { text-align:right; }
.white { color:#fff; }

.page-menu { text-align:center; margin:0 0 18px; font-size:18px; line-height:21px; }
.page-menu a { padding:0 6px 0 0; }
.top { float:right; clear:right; }

/*google map */
.google-map, .google-map iframe { width: 550px; height: 420px; }
.google-map { margin: 0 auto 30px; border: 2px solid #6e7b4f; }
.google-map iframe { border:0 none; }

/* office hours */
.hours { margin:0 0 15px; }
.hours td {padding:3px 16px 3px 0; }


/* Specialty Formatting */
.blockclear { clear:both; }

.clear { clear:both; height: 0; }
.clearright { clear: right; height: 0 }
object:focus { outline: none; }
.center { text-align:center; }

/* faq accordion */
.acc-faq div { display:none; padding:0 0 0 28px; }
.acc-faq h3 { cursor:pointer; margin:0 0 12px; line-height:1.2em; }
.acc-faq h3:hover { color:#01148B; }
.acc-faq h3.active { color:#01148B; }

/* invisalign */
#invisalign-video { width:480px; height:360px; margin:18px auto 0; display:block; }
.invis_logo { width:260px; height:83px; padding:10px 0 10px 0; }
.invis_steps_photo { float: right; margin:3px 0 0px 18px; }
.invis_photo { float: right; margin:-3px 0 0px 18px; }
.invis_faq_logo { width:275px; height:75px; padding:5px 0 10px 0; }
.invis_faq_photo { float: right; margin:-3px 0 0px 18px; }

.orthognathicFF { margin:0 0 12px 15px; border:2px solid #8d9062; } 

/* form master forms */
.MainFormTable { margin:0 auto 18px; }
.formTable { width:100% }
.formTable td { padding:0 4px 10px 0; }
.formTable .formLabel { font-weight:600 }
.formTable .radioList { margin:0 0 0 20px }
.formTable .wideTextBox { width:507px; height:131px }

.errMsg, .errmsg { color: red; font-size:12px; font-weight:bold; text-align:left }
.DnnModule:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.on-top { z-index: 10000; }

@media screen {
  .sIFR-flash{visibility:visible !important; margin:0; padding:0;}
  .sIFR-replaced, .sIFR-ignore{visibility:visible !important;}
  .sIFR-alternate{position:absolute; left:0; top:0;  width:0; height:0; display:block; overflow:hidden;}
  .sIFR-replaced div.sIFR-fixfocus{margin:0pt;  padding:0pt;  overflow:auto;  letter-spacing:0px; float:none;}
}
@media print {
  .sIFR-flash{display:none !important; height:0; width:0; position:absolute; overflow:hidden;}
  .sIFR-alternate{visibility:visible !important; display:block !important; position:static !important; left:auto !important; top:auto !important; width:auto !important;  height:auto   !important;}
}
@media screen {	
  .sIFR-active h1 { font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif; font-size:28px; visibility:visible; font-weight: normal; color:#013846; padding:0; line-height:30px; }
}

/*clear fix */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }


/* SESAME CSS */
ul#sesame-games {
  list-style: none;
  margin: 0 0 15px 0;
  padding: 0;
}
ul#sesame-games li {
  width: 187px;
  height: 79px;
  border: 1px solid #1e3554; /* add hex color to change border color; defaults to BODY Font Color*/
  float: left;
  margin: 0 10px 10px 0;
  overflow: hidden;
  position: relative;
  background: #603329; /*add hex color to match site*/
}
ul#sesame-games li p {
  font-size: 11px;
  color: #fff;
  margin: 10px;
  position: relative;
}
ul#sesame-games li a {
  position: relative;
  display: block;
  overflow: hidden;
  width: 187px;
  height: 79px;
}
ul#sesame-games a img {
  position: absolute;
  top: 0;
  left: 0;
  border: 0;
  width: 187px;
  display: block;
}
p.flash_notice {
  margin: 18px;
  padding: 9px;
  color: #ff0000;
  border: 1px dotted #ff0000;
  background: #ffffff;
  text-align: center;
}


/* Common Treatments */
div.box {
  background-color: #FFFFFF; /* Customize me! */
  border: solid 1px #8D9062; /* Customize me! */
  -moz-border-radius: 5px; /* Optional - you may customize or remove */
  -webkit-border-radius: 5px; /* Optional - you may customize or remove */
  float: right;
  clear: right;
  width: 334px;
  padding: 5px 0 5px 5px;
  margin: 0 0 20px 20px;
}
div.box img {
  border: solid 1px #8D9062; /* Customize me! */
  margin-right: 5px;
  float: left;
}
div.box p {
  float: left;
  width: 50%;
  margin: 0;
  padding: 0;
}

/* This styled div acts as the hr for most browsers */
div.hr {
  height: 0px;
  background-color: #8D9062; /* Customize me! */
  border: solid 1px #8D9062; /* Customize me! */
  border-width: 1px 0 0 0; /* Customize me! */
  margin: 20px 0;
  padding: 0;
  clear: both;
}


.before-after-image {
  display: block;
  float: left;
  width: 165px;
}

/* This is the backup for screen readers */
hr {
  display: none;
  height: 0px;
  background-color: #8D9062;
  border: solid 1px #8D9062;
  border-width: 1px 0 0 0;
  clear: both;
}


dl.ortho-dictionary {
  margin: 0 0 20px 0;
  border: solid 1px #8D9062; /* Customize me! */
  border-width: 0 0 1px 0;
}
dl.ortho-dictionary dt { /* Customize me! */
  font-weight: bold;
  font-size: 18px;
}
dl.ortho-dictionary dd {
  margin: 0 0 20px 0;
}

/* This styled div acts as the hr for most browsers */
div.hr {
  height: 0px;
  background-color: #8D9062; /* Customize me! */
  border: solid 1px #8D9062; /* Customize me! */
  border-width: 1px 0 0 0; /* Customize me! */
  margin: 20px 0;
  padding: 0;
  clear: both;
}
/* This is the backup for screen readers */
hr {
  display: none;
  height: 0px;
  background-color: #8D9062;
  border: solid 1px #8D9062;
  border-width: 1px 0 0 0;
  clear: both;
}

/* Clear Fix */

.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;}


.img-left {
  margin: 0 20px 20px 0;
  float: left;
  clear: left;
}

.border {
  border: solid 1px #8D9062; /* Customize me! */
  /* Add more nifty stuff in here if you like */
}

.img-right {
  margin: 0 0 20px 20px;
  float: right;
  clear: right;
}

.img-left {
  margin: 0 0 20px 20px;
  float: left;
  clear: left;
}

dl#brushing-instructions dt, dl#flossing-instructions dt { /* Customize me! */
  font-size: 18px;
  font-weight: bold;
}

dl#brushing-instructions dd ul, 
dl#flossing-instructions dd ul {
  margin: 0;
  list-style-type: none;
}


/* Office Tour */
.ad-gallery {
	width: 546px;
	background: #fff;
	border: solid 1px #8D9062;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.ad-gallery, .ad-gallery * {
	margin: 0;
	padding: 0;
}
.ad-gallery .ad-image-wrapper {
	width: 100%;
	height: 419px; /* 20px added from image height */
	position: relative;
	overflow: hidden;
}
.ad-gallery .ad-image-wrapper .ad-loader {
	position: absolute;
	z-index: 10;
	top: 48%;
	left: 48%;
	border: 1px solid #CCC;
}
.ad-gallery .ad-image-wrapper .ad-next {
	position: absolute;
	right: 0;
	top: 0;
	width: 25%;
	height: 100%;
	cursor: pointer;
	display: block;
	z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev {
	position: absolute;
	left: 0;
	top: 0;
	width: 25%;
	height: 100%;
	cursor: pointer;
	display: block;
	z-index: 100;
}
.ad-gallery .ad-image-wrapper .ad-prev, .ad-gallery .ad-image-wrapper .ad-next {
/* Or else IE will hide it */
	background: url(non-existing.jpg)\9
}
.ad-gallery .ad-image-wrapper .ad-prev .ad-prev-image, .ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
	background: url(/sesame_media/images/office-tour-gallery/ad_prev.png);
	width: 30px;
	height: 30px;
	display: none;
	position: absolute;
	top: 47%;
	left: 10px;
	z-index: 101;
}
.ad-gallery .ad-image-wrapper .ad-next .ad-next-image {
	background: url(/sesame_media/images/office-tour-gallery/ad_next.png);
	width: 30px;
	height: 30px;
	right: 10px;
	left: auto;
}
.ad-gallery .ad-image-wrapper .ad-image {
	position: absolute;
	overflow: hidden;
	top: 0;
	left: 0;
	z-index: 9;
	border: solid 1px #8D9062;
}

.ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	visibility: hidden;
	position: absolute;
	bottom: 0px;
	left: 0px;
	padding: 7px;
	text-align: left;
	width: 100%;
	z-index: 2;
	background: url(/sesame_media/images/office-tour-gallery/opa75.png) repeat;
	color: #000;
}
* html .ad-gallery .ad-image-wrapper .ad-image .ad-image-description {
	background: none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader (enabled=true, sizingMethod=scale, src='/sesame_media/images/office-tour-gallery/opa75.png');
}
.ad-gallery .ad-image-wrapper .ad-image .ad-image-description .ad-description-title {
	display: block;
}
.ad-gallery .ad-controls {
	height: 20px;
	margin: 0 10px;
}
.ad-gallery .ad-info {
	float: left;
}
.ad-gallery .ad-slideshow-controls {
	float: right;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-start, .ad-gallery .ad-slideshow-controls .ad-slideshow-stop {
	padding-left: 5px;
	cursor: pointer;
}
.ad-gallery .ad-slideshow-controls .ad-slideshow-countdown {
	padding-left: 5px;
	font-size: 11px;
}
.ad-gallery .ad-slideshow-running .ad-slideshow-start {
	cursor: default;
	font-style: italic;
}
.ad-gallery .ad-nav {
	width: 480px; /* Adjust this width to accommodate width of gallery */
	margin: 10px auto;
	position: relative;
}
.ad-gallery .ad-forward, .ad-gallery .ad-back {
	position: absolute;
	top: 0;
	height: 100%;
	z-index: 10;
}

.ad-gallery .ad-back {
	cursor: pointer;
	left: -20px;
	width: 13px;
	display: block;
	background: url(/sesame_media/images/office-tour-gallery/ad_scroll_back.png) 0px 22px no-repeat;
}
.ad-gallery .ad-forward {
	cursor: pointer;
	display: block;
	right: -20px;
	width: 13px;
	background: url(/sesame_media/images/office-tour-gallery/ad_scroll_forward.png) 0px 22px no-repeat;
}
.ad-gallery .ad-nav .ad-thumbs {
	overflow: hidden;
	width: 100%;
}
.ad-gallery .ad-thumbs .ad-thumb-list {
	float: left;
	width: 9000px;
	list-style: none;
}
.ad-gallery .ad-thumbs li {
	float: left;
	padding-right: 5px;
}
.ad-gallery .ad-thumbs li a {
	display: block;
}
.ad-gallery .ad-thumbs li a img {
	border: 3px solid #CCC;
	display: block;
}
.ad-gallery .ad-thumbs li a.ad-active img {
	border: 3px solid #8D9062;
}
/* Can't do display none, since Opera won't load the images then */
.ad-preloads {
	position: absolute;
	left: -9000px;
	top: -9000px;
}


/* 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 #8D9062; /* 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 ----------------- */
#video-invisalign {
  width: 360px; 
  height: 266px;
  display: block;
}

.video {
  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 #8D9062; /* 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 #8D9062; /* 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 #8D9062; /* 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: #fff; /* Customize me */
  border: solid 1px #8D9062; /* 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 #8D9062; /* 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: #000; /* Customize me */
  padding: 10px;
  margin: 0 10px 0 0;
  border: solid 1px #8D9062; /* 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 #8D9062; /* 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: #8D9062; /* 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 #8D9062; /* 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 #8D9062; /* 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: #8D9062 /* 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: #8D9062 /* 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;}

/* Invisalign Pro Pack Breadcrumbs */
#breadcrumbs-head a
{
	text-decoration: underline;	
}

#breadcrumbs-head a:hover, #breadcrumbs-head a:active
{
	text-decoration: none;	
}

body.invisalign-before-and-after-page #breadcrumbs-head .invisalign-before-and-after,
body.invisalign-costs-page #breadcrumbs-head .invisalign-costs,
body.invisalign-faqs-page #breadcrumbs-head .invisalign-faqs,
body.invisalign-info-page #breadcrumbs-head .invisalign-info,
body.invisalign-teen-info-page #breadcrumbs-head .invisalign-teen-info,
body.invisalign-testimonials-page #breadcrumbs-head .invisalign-testimonials,
body.invisalign-videos-page #breadcrumbs-head .invisalign-videos {
	text-decoration: none;	
}