/* CSS Document */


/* Carried over from old css*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
}
#page address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}
sup { 
	vertical-align:text-top;
}
#factRotator{
	position:relative;
	height:220px;
	width:300px;
}

#factRotator .temp{
	position:absolute;
	top:0px;
	left:0px;
	visibility:hidden;
}

body{
	margin:0;
	padding:0;
	background:#e8f4f9 url(../images/bg-stripes.png) repeat-x; 
	font-family:Arial, Helvetica, sans-serif;
	/*color:#333;*/
	color:#575757;
	font-size:12px;
	padding-bottom:50px;
}

h1, h2, h3{
	text-indent:-999em;
	overflow:hidden;
	margin:0px;
	width:0px;
	height:0px;
}	

ul{ 
	margin:0;
	padding:0;
	list-style:none;
}

a{
	outline:none;
}

li.last{ border-right:none !important; }

.teenWrap{
	position:relative;
	width:960px;
	margin:0 auto;
	padding:0 10px;
}	

.teenBg{
	position:relative;
	background:  url(../images/bg-white.png) repeat-y;
	width:948px;
	margin:0 auto;
	padding:0 10px;
	border-bottom:4px solid #d6e1e5;
}	


.teenLogo{
	position:relative;
	margin-left:10px;
	width:299px;
	height:64px;
	top:5px;	
}

.teenLogo a{
	display:block;
	background:  url(../images/logo-invisalign-teen.gif) no-repeat;
	width:299px;
	height:64px;	
	text-indent:-999em;
}


.topNav { 
	position:absolute;
	margin:0;
	top:5px;
	right:20px;
	font-size:12px;
}

.topNav ul li{ 
	margin:0;
	padding:0 6px;
	float:left;
	border-right:1px solid #8f8f8f;
}

.topNav ul li a{ 
	color:#8f8f8f;	
	text-decoration:none;
 }

.mainNav { 
	height:50px;
	width:100%;
	background:  url(../images/bg-dash-nav.gif) no-repeat;
}

.mainNav ul{ padding-top:10px; }

.mainNav ul li{  float:left; }

.mainNav ul li a{ 
	display:block;
	background:  url(../images/btns-nav.gif) no-repeat;
	height:40px;
	text-indent:-999em;	
}
.mainNav ul li.navItem1{width:118px;}
.mainNav ul li.navItem1 a{ 
	background-position:0px -1px;
	width:120px;
}	
.mainNav ul li.navItem1 a:hover, 
.mainNav ul li.navItem1 a.navSelected{ background-position:0px -43px; }	

.mainNav ul li.navItem2{width:140px;}
.mainNav ul li.navItem2 a{ 
	background-position: -125px 0px;
	width:130px;
}	
.mainNav ul li.navItem2 a:hover,
.mainNav ul li.navItem2 a.navSelected{ background-position: -125px -43px; }	

.mainNav ul li.navItem3{width:188px;}
.mainNav ul li.navItem3 a{ 
	background-position:-270px 0px;
	width:188px;	
}	
.mainNav ul li.navItem3 a:hover,	
.mainNav ul li.navItem3 a.navSelected{ background-position:-270px -43px; }

.mainNav ul li.navItem4 a{ 
	background-position:-468px 0px;
	width:160px;	
}	
.mainNav ul li.navItem4 a:hover,	
.mainNav ul li.navItem4 a.navSelected{ background-position:-467px -42px; }

.subNav { 
	display:none;
}
.bulletin{
	position:absolute;
	height:70px;
	width:180px;	
	top:61px;
	right:225px;	
	text-indent:-999em;
	z-index:1;
}

.bulletin a{
	display:block;
	background: transparent url(../images/hey-parents.png) no-repeat;
	height:70px;
	width:180px;	
	_background-image: none;	
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=/teen/Assets/images/hey-parents.png);	
	cursor:pointer;
}

.findProvider{
	display:none;
	position:absolute;
	float:right;
	background: transparent url(../images/find-provider-input.png) no-repeat;
	height:123px;
	width:201px;	
	top:30px;
	right:25px;
	z-index:10;
}

.findProvider input{
	border:0px none;
	width:110px;
	margin:55px 0 0 31px;
}

.findProvider a{
	display:block;
	position:absolute;
	background:  url(../images/btns-teen.gif) no-repeat scroll 0 -250px;
	height:40px;
	width:50px;
	top:49px;	
	right:0px;
	text-indent:-999em;	
}

.splashContent{
	display:none;
	position:relative;
	height:360px;
	width:945px;
}

.splashContent a.getItNow{
	display:block;
	position:absolute;
	background:  url(../images/btns-teen.gif) no-repeat scroll 0 -150px;
	height:40px;
	width:200px;
	top:303px;	
	left:330px;
	text-indent:-999em;	
}

.splashContent a.getItNow{ background-position: -200 -250px; }

.splashContent h2, .splashContent h3{ 
	margin:0;
	text-indent:-999em; 
}


.primaryContent p{ 
	margin-top:2px;	
}

.primaryContent { position:relative; }



/* Left Column */

.leftColumn, .middleColumn, .rightColumn{
	position:relative;
	padding:10px;
	float:left;
}

.leftColumn{ width:295px;}


.leftColumn .prodPhotos{
	position:absolute;
	height:289px;
	width:346px;	
	left:-32px;	
	margin-bottom:15px;
}

.leftColumn .prodPhotos .prodPhotosPart1{
	position:relative;
	top:29px;
	background:  url(../images/prod-photos-left.png) no-repeat;
	height:287px;
	width:26px;	
	float:left;
	_background-image: none;	
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=/teen/Assets/images/prod-photos-left_bbq.png);	
}

.leftColumn .prodPhotos .prodPhotosPart2{
	position:relative;
	background:  url(../images/prod-photos-right.jpg) no-repeat;
	height:287px;
	width:320px;	
	float:left;
}

.leftColumn .prodPhotos .prodPhotosPart2 a.proPhotoPart2Link{
	display:block;
	background:  url(../images/prod-photos-right.jpg) no-repeat;
	height:287px;
	width:320px;	
	margin:20px 0;	
	text-indent:-999em;
}


.leftColumn h3.primary{
	height:26px;
	width:161px;	
}

.leftColumn a.isItForYou{
	display:block;
	background:  url(../images/btns-index.gif) no-repeat scroll 0 0;
	height:26px;
	width:161px;	
	margin:20px 0;	
	text-indent:-999em;
}


/* Middle Column */
.middleColumn{ width:295px;}

.middleColumn h3.primary{
	height:110px;
	width:275px;	
}

.middleColumn p.primary{
	font-size:12px;
	padding:4px 4px 25px 4px;
}

.middleColumn h3.secondary{
	height:28px;
	width:191px;
}

.middleColumn .placeHolder{
	background:  url(../images/placeholder.jpg) no-repeat;
	height:220px;
	width:310px;
	padding-bottom:25px;	
}


.middleColumn h3.tertiary{
	background:  url(../images/hdr-fact-pack-index.gif) no-repeat;
	height:25px;
	width:266px;	
}
.middleColumn a {
	color:#575757;
}
.middleColumn a.downloadPDFArrow{
	display:block;
	position:relative;
	background: url(../images/btns-index.gif) no-repeat scroll 0 -100px;
	height:30px;
	width:185px;
	color:#666;
	font-weight:bold;
	padding:5px 0;
	margin:10px 0pt;
	text-indent:42px;
}

#clearlyDifferent{
	position:relative;
	background: url(../images/bg-clearly-different-bubbles.jpg) no-repeat;
	height:194px;
	width:301px;
	margin:10px 0 30px 0;
	overflow:hidden;
}

#clearlyDifferent div{
	position:absolute;	
}

#clearlyDifferent div p{
	display:block;
	position:absolute;
	height:44px;
	width:185px;	
	color:#9e9d99;
	overflow:hidden;
/*	border:1px solid;*/
}

p.convoTop{
	top:10px;
	left:77px;
}

p.convoBottom{
	top:75px;	
	left:25px;	

}



.convoItem2, .convoItem3, .convoItem4, .convoItem5, .convoItem6{
	visibility:hidden;
}


#clearlyDifferent a.seeAnother{
	display:block;
	position:absolute;
	background: url(../images/btn-see-another.gif) no-repeat scroll top right;
	height:20px;
	width:140px;
	color:#666;
	
	text-decoration:none;
	font-weight:bold;
	padding:5px 0;
	text-indent:42px;
	bottom:30px;
	right:18px;

}

#clearlyDifferent a.whatIsit{
	display:block;
	position:absolute;
	background: url(../images/btns-index.gif) no-repeat scroll 0 -50px;
	height:28px;
	width:140px;

	bottom:0px;
	left:10px;
	text-indent:-999em;
}


.dashDivider{
	background:  url(../images/dashes.gif) repeat-y;
	top:0px;
	right:2px;
	height:810px;
	width:1px;
	float:left;
}

/* Right Column*/
.rightColumn{ 
	width:250px; 
	padding:0px;
}

.guitar{
	display:block;
	position:absolute;
	height:690px;
	width:405px;
	top:-55px;
	left:10px;
}

.guitar div{
	padding:0px;
	margin:0px;
}

.guitar .guitarPart1{
	position:relative;
	background: url(../images/guitar-girl-top.png) no-repeat scroll 0px 0px;
	height:50px;
	width:299px;
	top:1px;
	left:-6px;
	_background-image: none;	
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=/teen/Assets/images/guitar-girl-top.png);	
}

.guitar .guitarPart2{
	position:relative;
	background: url(../images/guitar-girl-middle.jpg) no-repeat scroll 0px 0px;
	height:519px;
	width:301px;	
}

.guitar .guitarPart3{
	position:relative;
	background: url(../images/guitar-girl-right.png) no-repeat scroll 0px 0px;
	height:94px;
	width:104px;	
	bottom:308px;
	float:right;
		
	_background-image: none;	
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src=/teen/Assets/images/guitar-girl-right.png);
}

.guitar p.subText{
	position:absolute;
	background: url(../images/guitar-subText.gif) no-repeat scroll 0px 0px;
	height:98px;
	width:288px;
	text-indent:-999em;
	overflow:hidden;
	top:407px;
	left:6px;
	z-index:10;
}

.guitar a.theBuzz{
	display:block;
	position:absolute;
	background: url(../images/btns-index.gif) no-repeat scroll 0 -150px;
	height:30px;
	width:185px;
	top:514px;
	left:145px;
	text-indent:-999em;
}
.guitar p.disclaimer{
	font-size:10px;
	color:#949b9e;
	text-align:right;
}

.parentsBulletin{
	position:absolute;	
	background: url(../images/bg-parents-bulletin.gif) no-repeat scroll 0 0px;
	height:213px;
	width:296px;
	top:550px;	
	left:10px;
	_left:2px;
}

.parentsBulletin h3{
	background: url(../images/hdr-parents-looking.gif) no-repeat scroll 0 0px;
	height:48px;
	width:230px;
	margin:46px 0 10px 27px;
}

.parentsBulletin p{
	margin-left:30px;
	width:235px;
}

.parentsBulletin a{
	display:block;
	background: url(../images/btns-hey-parents.gif) no-repeat scroll 0 -150px;
	color:#666;
	height:30px;
	width:230px;
	padding-top:4px;
	text-indent:40px;
	font-weight:bold;
	margin:10px 0 0 30px;
}



/* Bottom */

.secondaryContent{
	clear:both;
	position:relative;
	background: url(../images/bg-bottom.jpg) no-repeat;
	height:113px;
	width:928px;
	top:0px;
	padding:10px;	
}

.secondaryContent .commentBubble{
	position:relative;
	height:60px;
	width:380px;
	float:left;
}

.secondaryContent .comment{
	position:relative;
	background: url(../images/bottom-girl-face.jpg) no-repeat;
	height:44px;
	width:54px;
	left:25px;
	top:10px;
	float:left;	
}

.secondaryContent .bubble{
	position:relative;
	background: url(../images/footer-comment-bubble.gif) no-repeat;
	height:55px;
	width:271px;
	top:5px;
	left:12px;
	float:left;
}

.secondaryContent .bubble p{
	position:relative;
	height:29px;
	width:228px;
	top:3px;
	left:25px;
	margin:0;
	padding:4px;
	overflow:hidden;
	color:#9e9d99;
}

.secondaryContent .socialNetwork{
	position:relative;
	width:260px;
	height:25px;
	top:15px;
	right:0px;
	float:right;
}

.secondaryContent .socialNetwork ul li{
	position:relative;
	float:left;
}



.secondaryContent .socialNetwork ul li a{
	display:block;
	background: url(../images/btns-social.gif) no-repeat;
	height:25px;
	width:62px;
	float:left;
	text-indent:-999em;
	
}


.secondaryContent .socialNetwork ul li.socialLink1 a{ background-position: -6px 0px; }
.secondaryContent .socialNetwork ul li.socialLink2 a{ background-position: -72px 0px; }
.secondaryContent .socialNetwork ul li.socialLink3 a{ background-position: -130px 0px; }
.secondaryContent .socialNetwork ul li.socialLink4 a{ background-position: -205px 0px; }
.secondaryContent .socialNetwork ul li.socialLink5 a{ background-position: -275px 0px; }
.secondaryContent .socialNetwork ul li.socialLink6 a{ background-position: -342px 0px; }
.secondaryContent .socialNetwork ul li.socialLink7 a{ background-position: -409px 0px; }
.secondaryContent .socialNetwork ul li.socialLink8 a{ background-position: -472px 0px; }

.secondaryContent .bottom{
	position:relative;
	clear:both;
	height:38px;
}

.secondaryContent .bottom h4{
	position:absolute;
	background: url(../images/hdr-the-buzz.gif) no-repeat;
	height:37px;
	width:172px;
	top:4px;
	left:19px;
	text-indent:-999em;
}

.secondaryContent .peopleSaying{
	position:absolute;
	background: url(../images/hdr-what-people-saying.gif) no-repeat;
	height:35px;
	width:305px;
	top:7px;
	left:195px;
	text-indent:-999em;
}

.secondaryContent .btnTitle{
	position:absolute;
	background: url(../images/the-buzz-dashed-arrow.gif) no-repeat;
	height:35px;
	width:305px;
	top:3px;
	right:20px;

	text-indent:-999em;
}

.secondaryContent a.buzzArrow{
	position:absolute;
	display:block;
	background: url(../images/buzz-arrow-right.gif) no-repeat;
	height:35px;
	width:40px;
	top:3px;
	right:7px;	
	text-indent:-999em;
}



.socialNet{ 
	position:relative;
	margin:0 12px;	
	padding:5px;	
 }

.socialNet a.facebook{
	display:block;
	background: url(../images/logo-facebook.gif) no-repeat;
	height:36px;
	width:139px;
	text-indent:-999em;
	float:left;
}

.socialNet a.twitter{
	display:block;
	background: url(../images/logo-twitter.gif) no-repeat;
	height:35px;
	width:128px;
	text-indent:-999em;
	float:left;
}

.socialBtns{
	position:absolute;
	margin:0 12px;
	top:45px;
	right:20px;	
}

.socialBtns a.btn1{
	display:block;
	background: url(../images/btns-teen.gif) no-repeat scroll 0px -50px;
	height:36px;
	width:170px;
	text-indent:-999em;
	float:left;
}

.socialBtns a.btn2{
	display:block;
	background: url(../images/btns-teen.gif) no-repeat scroll 0px -100px;
	height:36px;
	width:170px;
	text-indent:-999em;
	float:left;
}

/* Footer*/
.teenFooter{ 
/* removed for floating disclaimer*/
	float:right;
}

.teenFooter ul{ margin-top:10px; }

.teenFooter ul li{ 
	margin:0;
	padding:0 8px;
	float:left;
	border-right:1px solid #8f8f8f;
}

.teenFooter ul li a{ 
	color:#8f8f8f;	
	text-decoration:none;
 }

.aboutIntro, .benefitsIntro {
	display:none;
}


.leftColumn .spaceForPhotos{
	position:relative;
	margin-top:305px;
}

.disclaimerFooter{
	position:relative;
	float:left;
	font-size:10px;
	margin:10px 10px 20px 10px;
	color:#949b9e;
	text-align:left;
	width:525px; 
}	

.disclaimerFooter p
{
 	display:none;
}
.disclaimerFooter p.persistant-disclaimer{
	display:block;
	margin:0 0 5px 0 ;	
}

.bubble p {
	display:none;
}
.pointer {
	display:none;
}
#mainFlashObj{
	display:none;
}
#content { 
	display:none;
}
/*Accordion*/
#accordion {
	background: #fff url(../images/accordion-bottom.gif) no-repeat bottom left;
	margin:20px auto;
	padding-bottom:7px;
	width:280px;
}

h3.accordionHdr {
	cursor: pointer;
	font-size: 13px;
	background: #fff url(../images/accordion-arrows.gif) no-repeat top left;
	color: #6c74b8;
	margin: 0 0 4px 0;
	padding: 10px 5px 1px;
	width:269px;
	height:16px;
	text-indent:20px;
}

div.element p, div.element h4 {
	margin:0px;
	padding:4px 0 4px 24px;
}
/*End Accordion*/

/*Slide-show fade*/

/* CSS Document */


#slideshow{
	position:absolute;
	top:555px;
	background: url(../images/bg-straight-facts.gif) no-repeat;
	height:245px;
	width:323px;
}

#slideshow h3{
	position:absolute;
	background:  url(../images/hdr-straight-facts.gif) no-repeat;
	top:43px;
	left:39px;
	height:23px;
	width:200px;
}

#slideshow li.fade-item{
	position:absolute;
	top:69px;
	left:34px;
	visibility:hidden;
	width:255px;
}

#slideshow li.fade-item p{
	background:#EBEBEB none;
	position:relative;
	top:10px;
	left:76px;
	width:172px;
	height:126px;
	color:#666;
	overflow:hidden;
}

.slideshow-nav a {
	display: block;
	background: url(../images/btn-slideshow.gif) no-repeat scroll 0 0;
	height:18px;
	width:18px;
	overflow: hidden;
}
.slideshow-nav .active a:hover{
	background-position: -18px 0px;
}	


.slideshow-nav a{
	display:block;
	background: url(../images/btn-slideshow.gif) no-repeat scroll 0 0;
	height:18px;
	width:18px;
}

.slideshow-nav a:hover,
.slideshow-nav .active a{
	background-position: -18px 0px;
}



.sFacts1{ background:  url(../images/factsticker1.jpg) no-repeat;}
.sFacts2{ background: url(../images/factsticker2.jpg) no-repeat;}
.sFacts3{ background: url(../images/factsticker3.jpg) no-repeat; }
.sFacts4{ background: url(../images/factsticker4.jpg) no-repeat; }
.sFacts5{ background: url(../images/factsticker5.jpg) no-repeat; }
.sFacts6{ background: url(../images/factsticker6.jpg) no-repeat; }
.sFacts7{ background: url(../images/factsticker7.jpg) no-repeat; }
.sFacts8{ background: url(../images/factsticker8.jpg) no-repeat; }
.sFacts9{ background: url(../images/factsticker9.jpg) no-repeat; }
.sFacts10{ background: url(../images/factsticker10.jpg) no-repeat; }

/*End Slide-show fade*/

/* Teen Choice Award*/
.TCA {
	display:none;
}