@charset "utf-8";


/* CSS Document */

.flash-replaced .alt {/*JQUERY STYLE - sets size of container to 0 to hide alternative content*/
 display: block;height: 0px;position: absolute;overflow: hidden;width: 0px;}
 
/* HTML, BODY ---------- */
* {margin:0; padding:0;}
body {margin:0; background: url(images/tile.jpg) repeat-x #FFF; font-family: Arial, Helvetica, sans-serif; font-size:13px; line-height:22px; color:#061a39;}
p, h2, h3, ul, blockquote, ol {padding-bottom:10px; padding-top:10px;}
ul, blockquote, ol {padding-left:30px; padding-right:10px; padding-top:10px;}
a {color:#e4f1f4; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border-style:none;}
#footer a {color:#41c4dc; text-decoration:underline}
input {margin-right:5px;}
#footer p {margin:0; padding:0;}
p.breadcrumbs, .breadcrumbs a {font-size:12px; color:#FFF;}


/* LAYOUT ---------- */
* #wrapfull {width:100%; background:url(../images/bg-wrapful.jpg) no-repeat top center;}
* #wrap {width:900px; background:#41c4dc url(../images/bg-body.jpg) no-repeat; position:relative; margin:0 auto;}
* #bottom {width:900px; background:url(../images/bg-bottom.jpg) no-repeat bottom left; }
* #content { margin:0 0 0 84px; padding-bottom:20px; min-height:456px; height:auto !important; height:456px; padding-top:72px; clear:both;}
* #footer {width:770px; background:url(../images/bg-footer.jpg) no-repeat #FFF; text-align:center; font-size:12px; line-height:20px; padding:0px 65px 20px 65px; color:#41c4dc; margin:0 auto;}
* #tagline {position:absolute; z-index:79; top:158px; margin-left:9px;}
* #address {float:left; width:498px; margin-top:0; color:#FFF; font-size:11px; text-align:right;}
#social-icons {float:left; width:498px; margin-top:13px; text-align:right;}
* #bannerinvisalign {width:157px; height:70px; margin:8px 0 0 13px; float:left;}

/* HEADERS ---------- */
h1 {background-repeat: no-repeat; height: 58px; width:420px; text-indent: -999em; margin: 0; padding:20px 0 0 0; background-position: bottom;}
h1.replaced {overflow: hidden; text-indent: -999em; background-repeat: no-repeat; background-position: 0 0}
h1.jcir {font-size: 35px;margin: 0;font-weight: normal;text-align: left;}
#footer h2 {font-size:12px; font-weight:normal; color:#0d2c5d; margin:0; padding:0; clear:both;}
#content h2 {font-size:14px; color:#FFF;}

h1#logo {float:left;
margin: 0;
padding: 0;
background-repeat: no-repeat; 
width: 380px;/* this width reflects the width of the logo image */
height: 107px; /* this height reflects the height of the heading image */
overflow: hidden; 
text-indent: -999em;} /* hides rich text so only background image shows */

h1#logo a {
display: block; 
height: 107px;/*same height as logo h1*/ 
width: 380px;/*same width as logo h1*/}

/* CLASSES ---------- */
#footer .sesame {color:#0d2c5d; font-weight:bold;}
* .img {position:absolute; z-index:91; top:245px; margin-left:600px; border-bottom:24px #c6006f solid;}
* .right {float:right;}
* .left {float:left;}
* .top  {color:#e4a732; font-size:11px; font-weight:bold;}
* .hide {display:none;}
* .flashhome { position: absolute; top: 156px; margin-left: 451px; z-index: 78; width:430px; height:449px; background:#c6006f;}
* .flashp {color:#000; background-image: url(images/1.jpg); text-align:center; padding-bottom:160px;}
* .block {display:block;}
* .listnone {list-style:none;}
* .center {text-align:center;}
* .clear {clear:both;}
* .resources {border:1px solid #c6006f;}
* .blue {color:#0fd6fa;}
* .contenthome {width:345px;}
* .contentsub {width:480px;}

/* NAVIGATION ---------- */


/* NAVIGATION MAIN ---------- */
ul#nav {list-style: none; padding: 0; margin:0 0 0 20px; width:687px; position:absolute; z-index:80; top:107px;}

/*  Sets styles for all links that are inside the ul id="nav" */
#nav a {display: block;height: 37px; overflow: hidden; text-indent:-999em; }
#nav li {float:left;}

/* Set the image for each nav item */
* #aboutus {background: url(../images/nav-about-us.gif); width:100px}
* #braces101 {background: url(../images/nav-braces-101.gif); width:113px}
* #treatmentoptions {background: url(../images/nav-treatment-options.gif);width:184px}
* #contactus {background: url(../images/nav-contact-us.gif); width:118px}
* #home {background: url(../images/nav-home.gif); width:71px}
* #rewards {background: url(../images/nav-rewards.gif); width:101px}

/* Shift the image position up to show the active state */
#nav a:hover, #nav .active, #nav li:hover, #nav li.sfhover, 
#nav li:hover #aboutus, #nav li.sfhover #aboutouroffice, 
#nav li:hover #braces101, #nav li.sfhover #braces101, 
#nav li:hover #treatmentoptions, #nav li.sfhover #treatmentoptions, 
#nav li:hover #home, #nav li.sfhover #home, 
#nav li:hover #rewards, #nav li.sfhover #rewards, 
#nav li:hover #contactus, #nav li.sfhover #contactus {background-position:0 -37px;}

/* Set the cursor to default arrow so link does not appear clickable */
#nav .active {cursor: default}

* #nav, #nav ul {list-style: none; margin: 0; }
#nav li {display: inline; }
#nav li ul {background: #005daa; left: -999em; padding: 12px 0; position: absolute; z-index: 1; border:1px solid #FFF;}
#nav li ul li {float:none;}
#nav li:hover ul, #nav li.sfhover ul {left: auto; margin: -5px 0 0 10px; color:#d0f3f9;}
#nav ul li a {height:auto; margin: 0; text-decoration: none; width: 167px; text-indent:0; color:#d0f3f9; font-size:12px; padding:0 12px;}
#nav ul li a:hover {color:#d0f3f9; background:#c6006f;}

ul#sitemap {list-style:circle;}
#sitemap li a {background:none; text-decoration:underline}
#sitemap li a:hover {text-decoration:none;}


/* LOGINS NAV ITEMS ---------- */

ul#logins {height: 50px; width:177px; list-style: none; padding:0; margin:0 0 0 705px; position:absolute; z-index:90; top:94px;}

/*  Makes the list items sit next to each other */
#logins li {float: left;}

/*  Sets styles for all links that are inside the ul id="nav" */
#logins a {display: block;height: 50px; overflow: hidden; text-indent:-999em; width:177px;}

/* Set the image for each nav item */
* #patientlogin {background: url(../images/nav-patient-login.gif);}

/* Shift the image position up to show the active state */
#logins a:hover, #logins .active, #logins li:hover, #logins li.sfhover {background-position:0 -50px;}
/* Set the cursor to default arrow so link does not appear clickable */
#logins .active {cursor: default}

div#sesame-game {
background: #000;
line-height: 0;
margin: 10px auto;
text-align: center;
width: 400px}

ul#sesame-games {
list-style: none;
margin: 0 18px 0 0;
padding: 0}

ul#sesame-games li {
clear: both;
display: block}

ul#sesame-games img {
border: 0;
margin: 0 0 10px 10px}

ul#sesame-games a.button {
float:right;
height:85px;
width:200px}

ul#sesame-games p {
padding-bottom: 1em}

* .left {
float:left;
margin:0 10px 10px 0;}
img.right {
float:right;
margin:0 0 10px 10px;}
* .clear {
clear:both;}
h2.media-center {
background:#000033;
color:#FFF;
margin:0;
padding:5px;}
div.media-center {
background:#336699;
color:#FFF;
display:inline-block;
margin-bottom:10px;
overflow:auto;
padding:10px;}
div.media-center a {
color:#FFF;}
div.media-center img {
border:1px solid #FFF;}
* .flash {
border: solid 1px #ccc; background:#ccc}
* #flash-ibraces-1 {
width: 320px;
height: 266px;}
* #flash-ibraces-2, * #flash-ibraces-3 {
width: 352px;
height: 266px;}
* #video-ibraces-1, * #video-ibraces-2, * #video-ibraces-3 { margin:0 0 20px 0; padding:0;}


/* edit.com */

ul, ol {
	margin-top:0px;
	margin-bottom:0px;
}

.NormalText, body, td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 22px;
	color: #061A39;
	font-weight: normal;
	text-decoration: none;
	text-transform: none;
	font-style:normal;
}

.FooterText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0D2C5D;
	font-weight: normal;
}

.SubHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #061A39;
	font-weight: bold;
}

.SubjectHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
}

.PageTitle {
	font-family: Times New Roman, "Times", serif;
	font-size: 32px;
	line-height: 36px;
	color: #FFF;
	font-weight: normal;
}