@import 'reset.css';
@import 'typography.css';
.t {
background:#ffcc00;
}
body {
	padding:0px 0;	
	background-repeat: repeat;
	background-position: center;
	background-color: #e6e6e6;
}
/********************************* 
containers
*********************************/
#outerwrapper {
	background:none repeat scroll 0 0;
	height:auto !important;
	margin:0 auto;
	min-height:100%;
	padding:0 10px;
	position:relative;
	width:970px;
	background-color: #ffffff;
}
#header {	
	margin-bottom:10px;
	padding-top:20px;
}
#footer {
	background:#b3b3b3;	
	width:970px;
	margin:10px auto;
	padding:10px;
}
#columns {
	background:#fff none repeat scroll 0 0;	
}
#columns_inner {
	min-height:10px;
	background-color:#fff;
}
#column_left {
	float:left;
	width:670px;
	margin-right:10px;

}
#column_middle {
	float:left;
	width:520px;
}
#column_right {
	float:right;
	width:290px;
}


/********************************* 
general purpose classes
*********************************/
	.box {
		min-height:1px;
	}
	.box:after {
	  	clear:both;
	  	content:".";
	  	display:block;
	  	font-size:0;
	  	line-height:0;
	}
	.clear {
		clear:both;
	}
	.copyright {
		float:right;
				
	}
	.legal {
		float:left;
	}
	.dummy_vid {
		margin:0 auto 0 16px;
		padding:7px;
	}
	.video {
		height:250px !important;
	}
/********************************* 
header classes
*********************************/
	#hd_logo {
		background:url(../img/hd_logo.png) no-repeat;
		height:104px;
		width:500px;
		margin-left:10px;
		float:left;
	}
	#hd_buttons {
		height:104px;
		width:222px;		
		right:10px;
		position:absolute;
	}
	.button{
		background:transparent url(../img/bg_menu.png) repeat-x scroll 0 0;
		float:right;
		color: #917c54;
		font-size:14px;
		font-weight:bold;
		line-height:31px;
		margin-bottom:0;
		margin-top:23px;		
		text-align:center;
		width:222px;
	}
	.button_sub{
		background:transparent url(../img/bg_menu.png) repeat-x scroll 0 0;
		clear:both;
		float:right;
		color: #917c54;
		font-size:14px;
		font-weight:bold;
		line-height:31px;
		margin-bottom:0;
		margin-top:6px;
		padding-left:15px;
		text-align:center;
		width:207px;
	}
	.bt_left {
		border-right:1px #cccccc solid;
	}
	.button_sub a
	{
	color: #917c54;
	text-decoration: none;
	}
	.button_sub a:hover
	{		
		color: #fff;
	}
	.button a
	{
	color: #917c54;
	text-decoration: none;
	}
	.button a:hover
	{		
		color: #fff;
	}

/********************************* 
top navigation menu
*********************************/

#hd_menu {
		margin:0px 0 10px 0;	
		height:30px;
		background:url(../img/bg_menu.png) repeat-x;
	}
	#hd_menu  ul
	{
		padding-left: 0;
		margin: 0;		
		float: left;
		width: 925px;	
	}
	
	#hd_menu  ul li { 
		display: inline;	
	}
	
	#hd_menu  ul li a
	{
		padding: 0px 10px;
		color: #917c54;
		text-decoration: none;
		float: left;
		border-right: 1px solid #f0ead9;
		border-left: 1px solid #D5CBB3;
		line-height: 30px
	}
	#hd_menu .selected
	{	
		color: #ffffff;	
		padding: 0px 10px;
		text-decoration: none;
		float: left;
		border-right: 1px solid #f0ead9;
		border-left: 1px solid #D5CBB3;
		line-height: 30px
	}
	#hd_menu ul li a:hover
	{		
		color: #fff;
	}
	#hd_menu ul li:last-child {
		border-right:none !important;	
	}	

/********************************* 
gt_pageheadings
*********************************/
.gt_pageheading {
	margin-bottom:10px;
	position:relative;
}
.header_quote {
	position:absolute;
	right:15px;
	top:16px;
	width:450px;
}
/********************************* 
front page splash
*********************************/
.splash {
	width:670px;
	height:338px;
	/*background:url(../img/fp_splash_2.jpg) no-repeat;*/
	border:1px solid #e6e6e6;
	margin-bottom:10px;
}
	.spl_text {
		position:relative;			
	}
		.spl_txt_a {
			position:absolute;
			width:430px;
			top:30px; left:30px;
			z-index:100;
		}
		.spl_txt_b {
	font-weight:bold;
	position:absolute;
	top:20px;
	left:25px;
	color:#b3955f;
	z-index:100;
	font-size:30px;
	width:228px;
	height: 224px;
		}
		.spl_txt_c {
			position:absolute;
			top:143px;left:83px;
			width:280px;
			z-index:100;
		}
/********************************* 
base block classes
*********************************/
.block {
	background:#e6e6e6;		
	margin-bottom:10px;
	padding:0 0 7px 0;
	position:relative;
}
	.block_inner {
		padding:8px;
		background:#ffffff;	
		margin:7px 7px 0;		
	}
	.nopad {	
		padding:0px !important;
	}
	.block h4{
		background:url(../img/header_bg.png) repeat-x;		
		line-height:30px;
		margin-bottom:0px;
		padding-left:16px;
	}
/********************************* 
footer blocks
*********************************/
.ft_boxes {
	clear:both;	
	margin-bottom:10px;
}
	.ft_boxes .block {
		float:left;		
		margin-right:10px;
		height:243px;
		position:relative;
	}


.wheredoi {
		width:340px;
		}

		.choose {
			width:340px;
		}
			
			.choose .col {
				float:left;	
				width:122px;
			}
			.choose .image {
				position:absolute;
				right:7px;
				bottom:7px;
				height:215px;
				width:152px;
			}
		.choose a{
			color:#00B0D8;
			text-decoration:none;
		}
		.choose a:hover{
			color:#00B0D8;	
			text-decoration:underline;
		}
		.video {
			padding:0px;
		}
		.video img{
			maargin-right:0px;
		}
		.video a{
			color:#00B0D8;
			text-decoration:none;
		}
		.video a:hover{
			color:#00B0D8;	
			text-decoration:underline;
		}
		.testimonials {
			width:320px;
		}
		.testimonials a{
			color:#00B0D8;
			text-decoration:none;
		}
		.testimonials a:hover{
			color:#00B0D8;	
			text-decoration:underline;
		}
		.testimonials .image {
				position:absolute;
				right:7px;
				bottom:7px;
				background:url(../img/block_testimonial.png) no-repeat;
				height:215px;
				width:132px;
			}
		.video {
			width:290px;
			margin-right:0px !important;
		}
	.ft_boxes .block_inner {
		height:190px;
	}
	.title {
		margin-bottom:10px;
			
	}
	.title span{
		border-bottom:1px #ff0000 solid;	
	}
/********************************* 
introduce a friend
*********************************/
.introduce {
	min-height:335px;
	padding:0 0 5px;
}	
	.introduce .block_inner{
		background-image:url(../images/hidden-braces-form-bg.jpg);
		background-repeat:no-repeat;
		height:287px !important;
		margin:5px 5px 0;
		padding-right:10px;
		padding-top:5px;
		
		position:relative;
	}
	.introduce .block_inner2{
		background-color:#F2F2F2;
	min-height:287px;
	padding-left: 10px;
	padding-right:10px;
	padding-top:5px;
	padding-bottom:10px;
	position:relative;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 15;
	margin-left: 5px;
	}
		.page_why .introduce {			
			padding:0 0 5px;
			/*height:483px;*/			
		}
		.page_why .introduce .block_inner{
			/*height:430px;*/
			margin:5px 5px 0;
			padding-right:0px;			
		}
		.page_why .introduce .block_inner p {
			margin-top:0px;	
		}
		.page_why .introduce .block_inner2{
			/*height:430px;*/
			margin:5px 5px 0;
			padding-right:0px;			
		}
		.page_why .introduce .block_inner2 p {
			margin-top:0px;	
		}
		.page_why .txtarea {
			height:30px;
			margin-top:0px;
			font-family:Arial, Helvetica, sans-serif;
		}
				.page_faq .introduce {			
				padding:0 0 5px;
				
				}
				.page_faq .introduce .block_inner{
					
					margin:5px 5px 0;
					padding-right:10px;			
				}
				.page_faq .introduce .block_inner p {
					margin-top:0px;	
				}
				.page_faq .txtarea {
					height:30px;
					margin-top:0px;
					font-family:Arial, Helvetica, sans-serif;
				}
		
		
				.page_beforeandafter .introduce {			
				padding:0 0 5px;
				
				}
				.page_beforeandafter .introduce .block_inner{
					
					margin:5px 5px 0;
					padding-right:10px;			
				}
				.page_beforeandafter .introduce .block_inner p {
					margin-top:0px;	
				}
				.page_beforeandafter .txtarea {
					height:30px;
					margin-top:0px;
					font-family:Arial, Helvetica, sans-serif;
				}
				.page_beforeandafter .choose p {
					font-size:12px;
				}
				.page_beforeandafter .choose .bt_gold p {
					font-size:19px;
				}



		.videointroduce .block_inner {
			height:190px;
			background-color:#FAFAF5;
		}
			.col_left {
				left:32px;
				position:absolute;
				top:151px;
				width:215px;
			}
			.videointroduce .col_right {
			
			}
			.videointroduce .submitrow img{
				right:8px;	
			}
			.videointroduce .txtarea {
				height:50px;
				margin-top:0px;
				font-family:Arial, Helvetica, sans-serif;
			}
		
	.introduce_txtfield {
		/*float:left;	*/
		background-color:transparent;
		border:1px solid #000;
		color:#000;
		font-size:11px;
		padding:3px;
		width:250px;
		margin-bottom:3px;
		margin-left:0px !important;
		font-family:Arial, Helvetica, sans-serif;
	}
	#page_home .txtarea {
		height:27px;
		margin-top:0px;		
	}

	.txtareabig {
		height:243px;
		margin-top:0px;
		font-family:Arial, Helvetica, sans-serif;
	}
	
	.introduce label {
		display:block;	
	}
	.form_head {
		clear:both;
		color:#000;
	}
	.introduce p{
		margin-bottom:3px;	
		width:250px;
	}
	.submitrow {
		line-height:15px;
		clear:both;
		position:relative;
		height:10px;
	}
	.submitrow span {
		position:absolute;
	}
	.submitrow img{
		float:right;
		position:absolute;
		right:3px;
	}


/********************************* 
lists
*********************************/
ul.ticks, ul.crosses {
  list-style-position: outside; 
  list-style-type: none;
  padding-left:0px;
}
ul.ticks li, ul.crosses li {
	background-image:url(../img/list-tick.png);
	background-position:0 -3px;
	background-repeat:no-repeat;
	display:list-item;
	margin:0 0 5px 0;
	padding-bottom:5px;
	padding-left:21px;
}
ul.crosses li {
	background-image:url(../img/list-cross.png);
}
ul.bulletpoints {
	 padding-left:16px;
	 list-style-position: outside; 
}
/********************************* 
what is incognito?
*********************************/
.content {	
	width:430px;
	padding:30px 0 0 20px;
}
/********************************* 
FAQ incognito?
*********************************/
.contentfaq {	
	width:590px;
	padding:30px 0 0 20px;
}
		
/********************************* 
why incognito?
*********************************/
.page_why .content {
	width:505px;
	padding:30px 0 0 20px;
}
/********************************* 
testimonials and video
*********************************/	
.page_testimonials #column_right {
	width:436px;
	float:left;
}

.page_testimonials #column_left {
	width:482px;
	border-right:1px #f3f3f3 solid;
	margin-right:24px;
}
.page_testimonials .content {	
	width:470px;
	padding:0px 0 0 20px;
}
.vidframe {
	padding:8px !important;	
}
	.vid_thumb {
		float:left;	
		margin-right:18px;
	}
	.vid_thumb:last-child{		
		margin-right:0px;
	}
.quote {
	width:320px;
	margin-left:15px;
	margin-bottom:30px;
}
.page_testimonials #columns {
	margin-bottom:30px;	
}
.videointroduce {
margin-right:0 !important;
position:relative;
text-align:left;
width:620px;
}

.col_left {
	float:left;	
}
	.col_left p{
		margin-bottom:0px;	
	}
.col_right {
	position:absolute;
	left:325px;
	width:270px;
	top: 50px;
	height: 160px;
}
	.col_right .form_head{
		clear:none;
	}
/********************************* 
contact form
*********************************/		
#facebookbg{
	background-image:url(../images/facebook-form-bg.jpg);
	background-repeat:no-repeat;
	width: 970px;
	height: 687px;
	margin:10px 0 0 0px;
}
.contact_form {
	width:506px;
	margin:0 auto 10px auto;
	padding-bottom:10px;
}
	.contact_form label {
		width:160px;
		display:inline-block;		
	}
	.contact_form_textfield {
		font-size:11px;	
		width:300px;
		margin-bottom:15px;
		vertical-align:top;
	}
	.contact_form_textarea {
		font-size:11px;	
		width:300px;
		margin-bottom:15px;
		height:100px;
		vertical-align:top;
	}
	.asterisk {
		color:#ff0000;	
	}
	.page_contact .submitrow img {
		right:7px;	
	}
	.view_more {
		right:10px;
		top:5px;
		position:absolute;
	}
/********************************* 
before and after small block
*********************************/	
.before {
	float:left;	
	margin-bottom:10px;
}
.after {
	float:right;	
}
.ba_row {
	clear:both;
}
.ba_txt {
	color:#b49863;
}
/********************************* 
individual page mods
*********************************/	
.page_whatis #column_left {
	background:url(../img/bg_what_is.jpg) no-repeat 0 -12px;
}
/********************************* 
before and after main page
*********************************/	
.before_and_after {
	margin:0 0px 30px 20px;
}
	.before_and_after .ba_txt {
		font-size:18px;
		margin-bottom:15px;
	}
	.ba_row {
		
	}
	.ba_left {
		float:left;
		margin-right:10px;
	}
	.ba_right {
		float:left;
	}
/********************************* 
before and after small block
*********************************/	
.before {
	float:none;
	margin-bottom:2px;
}
.after {
	float:none;
}
.ba_row {
	clear:both;
}
/********************************* 
front page image rotation
*********************************/	
#image_rotate {
	list-style:none;
	margin:38px 0px 0; padding:0px;
}


/********************************* 
CSS ADDITIONS
*********************************/	
.view_more_inline {
	text-align:center;	
	font-weight:bold;
	font-size:12px;
}
		.view_more_inline a{
			color:#00B0D8;
			text-decoration:none;
		}
		.view_more_inline a:hover{
			color:#00B0D8;	
			text-decoration:underline;
		}
.badge_50 {
	position:absolute; 
	right:10px;
	width:34px;
	height:34px;
	top:10px;
	background:url(../img/badge_50.png) no-repeat;


}
	.videointroduce .badge_50 {
		left:251px;
		top:68px;	
	}
	
.introtext {
	left:33px;
	position:absolute;
	top:66px;
	width:215px;
}
/********************************* 
buttons
*********************************/	
.bt_gold {
	line-height:35px;
	background:transparent url(../img/bt_gold_left.png) no-repeat left;
	display:inline-block;
	font-size:14px;
	padding:0 0 0 10px;
	margin-bottom:15px;
}
	.bt_gold p{
		background:transparent url(../img/bt_gold_right.png) no-repeat right;
		line-height:35px;
		margin:0;
		padding-right:10px;
	}
	.bt_gold p a{
		color:#000;
		text-decoration:none;
	}
	.bt_gold p a:hover{
		color:#ffffff;
	}
	
/********************************
Additions June 040610
********************************/

.promo_label {
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;	
	font-size:14px;
}
#promo_code_container_chars {		
	height:28px;
	margin:6px 0 0 9px;	
	padding-top:6px;
}
	.promo_code_container_chars_mod {
		background:url(../img/icon_fifty_new.png) no-repeat left;
		padding-left:46px;
	}


#promo_code_container {
	background-image:url(../images/top-offer.png);
	background-repeat:no-repeat;
	position:absolute;
	top:43px;
	left:480px;
	width:257px;
	height:67px;
	display: block;
}
	#promo_code_container_title {	
		background:#f7f8f8;
		text-align:center;
		padding:3px 0;
	}	
		#promo_code_container_chars input {
			
		}
		.promoinput {
			width:20px;	
			margin-right:5px;
			border:none;
			padding:2px;
		}
		.promo_bt {
			float:right;
			margin-right:5px;
			cursor:pointer;
		}

.promo_hidden {

	background:url(../img/promo_hidden_new.png) no-repeat !important;
}

/* promotions */
.promotion_row {
	height:540px;
}
.promotion_row_2 {
	height:625px;
}
.promotion_block {
	width:323px;
	height:515px;	
	float:left;
}

.promotion_block_big {
	width:323px;
	height:600px;	
	float:left;
}


	.promotion_inner {
		margin: 15px;
		background:#ffffff;
	}
	.promotion_image {
		height:130px;	
	}
            
	.promotion_code_inline {
			
		height:67px;
		background:#e7e7e8;
	}
	
/* promotion block mods */
.mod1 {
	background:url(../img/promotion_stck_bg.png) bottom left no-repeat;	
}

.promo_small_title h4{
	font-size:1.1em;
	text-transform:none;
}
.promo_desc {
	height:80px;
	color:#000;
}

.promo_desc_small {
	height:60px;	
}
.social-logos {
	text-align:left;
	height: 39px;
	width: 240px;
	float:right;
	position:relative;
	left:20px;
}