/* ------------ This file should be identical between all content groups: ortho, dental, pedo, perio, etc. -------------- */

/* ------------ INVISALIGN TEEN -------------- */
.invisalign-teen-logo {
  background-color: #fff;
 }
.img-left {
  margin: 0 20px 20px 0;
  float: left;
  clear: left;
}
.img-right {
  margin: 0 0 20px 20px;
  float: right;
  clear: right;
}
.border {
  border: solid 1px #333; /* Customize me! */
  /* Add more nifty stuff in here if you like */
}
span.indent {padding-left: 40px;}
#invisalign-sidebar {
  background: #fff; 
  width: 275px;
  margin: 0 0 20px 20px;
  padding: 0;
  border: solid 1px #333; 
  line-height: 18px;
  font-size: 11px;
  float: right;
  clear: right;
}
#invisalign-sidebar a {
  color: #036; /* Customize me! */
}
#invisalign-sidebar h3 {
  background: #97AFC2; /* Customize me! */
  font-size: 16px; 
  font-weight: bold; 
  margin: 0;
  padding: 15px;
  color: #fff; 
}
#invisalign-sidebar p {
  padding: 0 18px;
  margin: 18px 0;
}
.thumb {
  border: solid 1px #333; /* Customize me! */
  margin: 0 10px 10px 0;
  float: left;
  clear: 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;}


/* # ---- In-Ovation ---- */

div.comparison {
	background: #fff; 
	color: #ccc;
	border: 1px solid #666; 
	display: inline-block; 
	margin-bottom: 10px; 
	clear: both;
	padding: 10px;
	}
div.comparison div {
	float: left; 
	width: 49%;
	}
div.comparison img {
	margin: 0 15px 50px 10px;
	float: left;
	}
div.comparison p {
  margin: 0;
  padding: 0;
}
.in-ovation-image {
  margin: 0 20px 20px 0;
  float: left;
  clear: left;
  border: 1px solid #666; 

}
#video-in-ovation {
  width: 320px;
  height: 266px;
}
.video {
  display: block;
}  


/* DAMON SYSTEM */
#damon-system-bracket {
  display: block;
  margin: 20px 0; 
}
#damon-wrap {
  width: 400px;
  margin: 0 0;
}

#damon-system-container {
	display: block; 
	width: 365px; 
	height: 200px; 
	margin: 20px 0;
}

#damon-system-left {
  float: left;
  width: 175px;
  margin-right: 20px;
}
#damon-system-right {
  float: left;
  width: 170px;
}
#flash-damon-system-comparison {
  margin: 20px auto;
  width: 250px;
  display: block;
}

.damon-clear .damon-text-left {
    clear: left;
    float: left;
    margin: 0 15px 20px 0;
    width: 300px;
}
.damon-clear .damon-text-right {
    clear: right;
    float: right;
    margin: 0 0 20px;
    width: 300px;
}
.damon-clear .img-left {
    clear: left;
    float: left;
    margin: 0 15px 20px 0;
}
.damon-clear .video {
    display: block;
}


/* ---------------- Snap-On Smile ----------------- */

div.sos-before-after {
	float: right;
	clear: right;
	width: 336px;
	background-color: #efefef; 
	padding: 5px 0 5px 5px;
	margin: 30px 0 20px 20px;
	border: solid 1px #333; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}
div.sos-before-after img {
	float: left;
	border: solid 1px #333; 
	margin-right: 5px;
	height: 105px;
	width: 160px;
}
div.sos-before-after p {
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
	color: #333; 

}


/* ---------------- TruDenta ----------------- */

.trudenta-logo {padding: 5px 40px; background: #fff; }
.trudenta-badge {padding: 0 35px; }
.trudenta-video {border: 1px solid black; background-color: black;}