@import url(navigation.css);

* {

	margin: 0;

	padding: 0;

}

body {

	margin: 30px 0 30px 0;

	background-image: url(images/bg.gif);

}



BODY, TD, .NormalText { font-weight: normal; text-decoration: none; font-style: normal; color: #497FC2; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 24px;}
.clear { clear:both}


.Header		{ color: #004395; font-size: 24px; font-weight: normal; line-height: 40px; margin-top: 10px; }

.Subheader	{ color: #004395; font-size: 16px; font-weight: bold; line-height: 40px; }

.Subheader2	{ color: #004395; font-size: 14px; font-weight: bold; line-height: 40px; }



.LightBlue	{ color: #497FC2; }

.DarkBlue	{ color: #004395; }

.Black		{ color: #000000; }

.space      {line-height:12px}

.SmallText	{ font-size: 10px; }

.MediumText	{ font-size: 16px; line-height: 16px; }

.LargeText	{ font-size: 24px; line-height: 24px; }



IMG.BlueBorder	{ border: 2px solid #497FC2; }



h1 {

	color: #004395;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 14px;

	font-weight: bold;

	line-height: 40px;

}

h2 {

	color: #004395;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 24px;

	font-weight: normal;

	line-height: 40px;

	margin-top: 10px;

}

h3 {

	color: #004395;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 16px;

	font-weight: bold;

	line-height: 40px;

}

h4 {

	color: #004395;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

	font-weight: bold;

	line-height: 40px;

	float: right;

	margin-right: 10px;

}

h4 a, h4 a:visited, h4 a:active, h4 a:hover {

	color: #004395;

	font-weight: bold;

	text-decoration: underline;

}

hr {

	height: 2px;

	width: 90%;

	margin: 8px auto 8px auto;

	color: #497FC2;

	background-color: #497FC2;

}

iframe#right {

	float: right;

	border: 2px solid #497FC2;

	margin: 0 10px 10px 10px;

}

img#left {

	float: left;

	border: 2px solid #497FC2;

	margin: 0 10px 10px 10px;

}

img.right {

	float: right;

	border: 2px solid #497FC2;

	margin: 10px;

}

.border { 
	display:block; 
	
	text-align:center;

	border: 2px solid #497FC2;

	margin: 10px;

}

ol a, ol a:visited, ol a:active, ol a:hover {

	color: #497FC2;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 24px;

	text-decoration: underline;

}

p,td {

	color: #497FC2;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 24px;

}

p a, p a:visited, p a:active, p a:hover {

	color: #497FC2;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 24px;

	text-decoration: underline;

}

table#form {

	color: #497FC2;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 24px;

}

ul a, ul a:visited, ul a:active, ul a:hover {

	color: #497FC2;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 24px;

	text-decoration: underline;

}

ul, ol {

	margin-left: 24px;

	color: #497FC2;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 24px;

}

* #address {

	width: 163px;

	height: 68px;

	border: 1px solid #889DB7;

	float: left;

	padding: 5px 0 0 5px;

	background-color: #CAE4ED;

	color: #497FC2;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: normal; 

}

* #body-container {

	width: 740px;

	border: 1px solid #B0BDFF;

	margin: 0 auto;

	padding: 0 5px 0 5px;

	background: url(images/nav-tile.gif) #FFFFFF repeat-y 5px 5px;

}

* #body-container:after {

	height: 0;

	clear: both;

	display: block;

	content: ".";

	visibility: hidden;

}

* #content-container {

	float: left;

	width: 565px;

	margin-left: 5px;

	background-color: #FFFFFF;

	background: url(images/content-bg.gif) no-repeat;

}

* .caption01 {

	line-height: 16px;

}

* #content-text {

	float: left;

	width: 555px;

	padding-left: 10px;

}

* #coupons {

	width: 133px;

	height: 75px;

	float: left;

	margin-left: 5px;

}

* #flash-link {

	width: 740px;

	margin: 10px auto;

	color: #497FC2;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-align: center;

	line-height: 24px;

}

#flash-link a, #flash-link a:visited, #flash-link a:active, #flash-link a:hover {

	color: #004395;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 11px;

	font-weight: bold;

	line-height: 24px;

	text-decoration: none;

	letter-spacing: 3px;

}

* #footer {

	width: 420px;

	height: 68px;

	border: 1px solid #889DB7;

	float: left;

	padding: 5px 5px 0 0;

	margin-left: 5px;

	background-color: #CAE4ED;

	color: #497FC2;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 10px;

	text-align: right;

	line-height: 16px;

}

#footer a, #footer a:visited, #footer a:active, #footer a:hover {

	color: #497FC2;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 10px;

	line-height: 16px;

	text-decoration: underline;

}

* #header {

	width: 565px;

	height: 157px;

	float: left;

	margin-left: 5px;

}

* #mid-margin {

	width: 740px;

	height: 6px;

	float: left;

	background-color: #FFFFFF;

}

* #nav-container {

	border: 1px solid #D6AF51;

	border-bottom: none;

	width: 168px;

	float: left;

	padding: 10px 0 50px 0;

	background-color: #F6DA96;

	background-image: url(images/nav-bg.gif);

}

* #nav-secondary {

	width: 565px;

	height: 36px;

	float: left;

	margin: 5px 0 5px 5px; 
	position:relative;

}
#flash {background:url(images/bg-flash.jpg); width: 563px; height: 219px; position:relative; border:#b0966e 1px solid}
* #reader {

	float: right;

	width: 250px;

	padding: 10px;

	margin: 10px;

	background-color: #5D5548;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 12px;

}

#reader a, #reader a:visited, #reader a:active {

	color: #FFFFFF;

	text-decoration: underline;

}

#reader a:hover {

	color: #FFFFFF;

	text-decoration: none;

}

* #technology-img {

	float: left;

	width: 150px;

	margin: 10px;

	color: #BF8F00;

	font-size: 10px;

	font-weight: bold;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

}

* #top-margin, * #bottom-margin {

	width: 740px;

	height: 5px;

	float: left;

	background-color: #FFFFFF;

}

* #welcome-splash {

	width: 565px;

	height: 220px;

	float: left;

	margin-left: 5px; 

}/*border:#b0966e 1px solid  */



a.LightBlueLink { 	

	color: #497FC2;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 11px;

	line-height: 24px;

	text-decoration: underline;

}



dl {width:550px;}

dt {color: #004395; font-size: 12px; font-weight: bold; line-height: 40px;}

dd {margin:0;padding:9px; text-align:center}

#group1 dt {width: 600px;}

#group1 dd {border:1px dotted #004395;}

.style2 {
	font-size: 11px;
	font-style: italic;
}
#callout { border:#497FC2 solid 1px; width:195px; height:447px; margin:10px; padding:10px; float:right; background:#cae4ed;}
#callout a#call-sg  { width:175px; height:90px; text-indent:-999em; display:block; background:url(images/callout-smile-gallery.jpg); float: right; border: 2px solid #497FC2; margin: 10px; overflow:hidden}
#callout a:hover#call-sg { width:175px; height:90px; background:url(images/callout-smile-gallery.jpg) 0 90px}

.slideshow { list-style:none; padding:0; margin:0}



.left-border {
	border: solid 2px #497fc2; /* Customize me!! */
	float: left;
	clear: left;
	margin: 10px 15px 15px 0;
	}
	.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;}


/*Pro Pack Styles Starts Here*/


#sidebar {
	background: #fff;
	width: 275px;
	margin: 0 25px 20px 20px;
	padding: 0;
	border: solid 1px #497fc2;
	float: right;
	clear: right;
}
#sidebar a {
	font-size:11px;
	color:#497fc2;
	line-height:18px;
}
#sidebar h3 {
	background: #0694e0;
	margin: 0px;
	padding: 5px;
	color: #fff;
	}
.thumb {
	border: solid 1px #497fc2;
	margin: 0 10px 10px 0;
	float: left;
	clear: left;
	}
#sidebar p {
	padding: 0 15px;
	margin: 15px 0;
	line-height:normal;
	}


span.indent {
	padding-left: 40px;
	}
.img-left {
	border: solid 1px #3C5E54;
	margin: 0 15px 20px 0;
	float: left;
	}



.logo-links-left {border:solid 1px #3C5E54;}

div.invisalign-video {
	background: url(http://media.sesamehost.com/images/invisalign-pro-package/invisalign-video-bg.jpg) no-repeat;
	width: 450px;
	height: 250px;
	border: solid 1px #497fc2; /* Customize me!! */
	margin: 15px 0px;
	text-align: right;
	}
	
div.invisalign-video img {
	margin: 30px 50px 0;
	border: solid 2px #497fc2;
	}
	
/* Invisalign Testimonials */	
	
ul#propack-testimonials {
	margin: 0;
	padding: 0;
	list-style: none;
	list-style-image: none;
	}
ul#propack-testimonials img{
	border:1px solid #497fc2;
	}
.invisalign-block {
	width: 360px; 
	float: left;
	}
	
	
/* Invisalign Videos */
.invisalign-video {
	margin:0px 15px;
	}
#video-invisalign {
	text-align:center;
	display: block;
	}
#video-invisalign-best-friends, #video-invisalign-news-travels-fast {
	width: 320px;
	height: 206px;
	display: block;
	}
#video-invisalign-lobby {
	width: 320px; 
	height: 266px;
	display: block;
	}
.left-video-border{
	border: solid 1px #497fc2; /* Customize me!! */
	float: left;
	clear: left;
	margin:10px 15px;
	}

/* Invisalign Before and After */
/* Invisalign Before and After */
#pro-pack{
	margin:20px;
	}
#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: #FFFFFF; /* Customize me */
	border: solid 1px #497fc2; /* 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;
	border: solid 1px #497fc2; /* 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: #497fc2; /* Customize me */
	padding: 10px;
	margin: 0 10px 0 0;
	border: solid 1px #497fc2; /* 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 #497fc2; /* 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: #497fc2; /* 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 */



.right-border {
	border: 2px solid #497FC2; /* Customize me!! */
	float: right;
	clear: right;
	margin: 10px 10px 5px 5px;
	}
	


	
/* Invisalign Footer */	
#invisalign-footer {
	background: #fff;
	margin: 30px 0;
	margin-right:10px;
	padding: 0;
	border: solid 1px #497fc2; /* Customize me!! */
	font-size: 11px;
	-moz-border-radius: 5px; /* Optional - you may customize or remove */
	-webkit-border-radius: 5px; /* Optional - you may customize or remove */
	clear: both;
	}
#invisalign-footer h3 {
	background: #0694e0; /* Customize me!! */
	margin: 0;
	padding: 8px 15px;
	color: #fff; /* Customize me!! */
	font-size: 14px;
	-moz-border-radius: 5px 5px 0 0; /* Optional - you may customize or remove */
	-webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; /* Optional - you may customize or remove */
	}
#invisalign-footer ul li img {
	margin: 0 10px 0 15px;
	float: left;
	}
#invisalign-footer p {
	padding: 0 15px;
	margin: 30px 0 15px 0;
	}
#invisalign-footer ul {
	margin: 15px; 
	padding: 0 0 15px 0;
	list-style: none;
	border: solid 1px #497fc2; /* Customize me!! */
	border-width: 0 0 1px 0;
	}
#invisalign-footer li {
	width: 33%;
	float: left;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
	}
#invisalign-footer li a {
	float: left;
	color:#497fc2;
	}	
.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*/
.cf a{color:#497fc2; } 
* html .cf {height: 1px;}

#invisalign-faq h3{
	color:#666666;
	}