﻿/* CSS Document */

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ *
 * GLOBAL STYLES											 *
 * +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
 
/* Zero Out
---------------------------------------- */
object { outline:none;}
div, dl, dt, dd, img, body, a{
	margin: 0;
	padding: 0;
	border: none;
	outline: none;
}
/* Self Clearing Floats
---------------------------------------- */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
    display: inline-block;
    width: 100%;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}
*:first-child+html .clearfix { 
	display:inline-block; 
}

/* Remove outline of links in FF */
a:active, a:focus{outline:0}

a span,
h1 span,
h2 span,
h3 span,
.alt{
	/*position:relative;*/
	left:-10000px;
}
img{border:0;}

#content-tertiary a span,
#content-tertiary h1 span,
#content-tertiary h2 span,
#content-tertiary h3 span,
.alt{
	position:inherit !important;
	left:0px !important;
}
img{border:0;}

#content-landing a span,
#content-landing h1 span,
#content-landing h2 span,
#content-landing h3 span,
.alt{
	position:inherit !important;
	left:0px !important;
}
img{border:0;}

#frame a       { color:#e9425d; }
#frame a:hover { color:#e9425d; }
#frame a:visited { }
/* Superscript/Subscript Fix
---------------------------------------- */
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
/* Structure
---------------------------------------- */
body {
	background: #F1E6DB url(/Style%20Library/Images/Natrelle/tert-bg-main.gif) repeat-x;
	font: 12px arial, helvetica, verdana, sans-serif; 
	text-align: center;
}
body.landing {background: #F1E6DB url(/Style%20Library/Images/Natrelle/landing-bg-main.gif) repeat-x;}
#frame_container,
#frame{
	width: 994px;
}
#frame_container {
	background:url(/Style%20Library/Images/Natrelle/tert-bg-body.gif) repeat-y;
	margin: 0px auto;
}
#frame {
	background: url(/Style%20Library/Images/Natrelle/tert-bg-top.jpg) no-repeat;
	text-align:left;
}
#frame.landing {
	background:#F1E6DB url(/Style%20Library/Images/Natrelle/landing-bg-high.jpg) no-repeat;
	text-align:left;
}
.footer_container {
	background-color: #53422D;
	width: 100%;
	text-align: left;
	min-width: 990px;
	height: 100px;
}
.footer_container .footer_content {
	width: 990px;
	height: 100px;
	margin: 0px auto;
	text-align:center;
	color: #AFD8F4;
	display: inline;
}

/* LOGO */

#left_column{
	float:left;
	width:185px;
	margin:0;
	padding:0;
	position:relative;
}
.landing #left_column{
	width:183px;
}
	#logo { position:absolute;}
	#logo a{
		display:none;
		height:80px;
		width:205px;
		text-decoration:none;
		font-size:12px;
	}
	
	/* SUB NAV */
	
	#sub_nav{
	/*
	sub_nav-btm.jpg
	sub_nav-top.jpg
	*/
		width:176px;
		background:url(/Style%20Library/Images/Natrelle/sub_nav-body.jpg);
		position:relative;
		left:7px;
		top:100px;
		line-height:1.2;
	/*
		height:30px;
		overflow:hidden;
	*/
	}
	#sub_nav-btm{
		height:10px;
		font-size:1px;
		background:url(/Style%20Library/Images/Natrelle/sub_nav-btm.jpg) no-repeat left bottom;
		line-height:.5;
		display:none;
	}
	#sub_nav ul {
		list-style: none;
		background:url(/Style%20Library/Images/Natrelle/sub_nav-top.jpg) no-repeat;
		margin: 0;
		padding: 0;
		font-size:1px;
		border-top:#DBE6ED solid 1px;
		min-height:75px;
	}
	*html #sub_nav ul {
		height: 75px;
	}
	#sub_nav ul li {
		margin: 0;
		padding: 0;
	}
	#sub_nav ul a {
		display:block;
		padding: .7em 10px .7em 20px;
		width:145px;
		font: 12px Arial, Verdana, Helvetica, sans-serif;
		text-decoration:none;
		color:#63523E;
		border-bottom:#EAE9E7 solid 1px;
	}
	#sub_nav ul a:hover {text-decoration:underline;}
	#sub_nav ul a.AspNet-Menu-Selected{color:#F48F9F;}
	#sub_nav ul a.AspNet-Menu-Selected{text-decoration:none;}
	

	.landing #sub_nav-btm{display:none;}
	.landing #sub_nav ul{background:url(/Style%20Library/Images/Natrelle/sub_nav-bg-landing.jpg) no-repeat;padding-bottom:10px;}


/* TOP NAV */
#top_nav{
	float:right;
	width:787px;
	height:26px;
	overflow:hidden;
	text-align:right;
	padding-top: 10px;
}
#top_nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	height: 26px;
	float: right;
}
#top_nav ul li {
	float: left;
	margin: 0;
	padding: 0;
	height:26px;
}
#top_nav ul a  {
	display: inline-block;
	padding: 3px 12px 0 12px;
	border-left:solid 1px #808080;
	font: 11px Arial, Verdana, Helvetica, sans-serif;
	color:#3c270e;
	height: 16px;
	text-decoration:none;
}
#top_nav div {
	 display:inline; 
	 font: 11px Arial, Verdana, Helvetica, sans-serif;	 
}
#top_nav ul .first a{border:none;}
#top_nav ul .share a{
	padding-left: 26px;
	background: url(/Style%20Library/images/Natrelle/img_share_plus.gif) no-repeat 8px 0px;
}

/* MAIN NAV */
#main_nav{
	float:right;
	width:782px;
	overflow:hidden;
	height:25px;
}

#zz1_PrimaryNavigationMenu{
	clear:both;
	padding-top:0;
	margin-left:4px;
	overflow:hidden;
	background:url(/Style%20Library/Images/Natrelle/natrelle-main_nav-sprite.gif) no-repeat left top;
}
#zz1_PrimaryNavigationMenu ul {
	display:inline;
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
	margin-left:0px;
	font-size:1px;
}
#zz1_PrimaryNavigationMenu ul li {
	float: left;
	margin: 0;
	padding: 0px;
	display:block;
	height:25px;
	overflow:hidden;
}
#zz1_PrimaryNavigationMenu a {
	display:block;
	text-align:center;
	height:22px;
	overflow:hidden;
	padding: 3px 0px 0px 0px;
	font: 0px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:-1000px;
	color:#A493A8;
	text-decoration:none;
	position:absolute;
	color:transparent;
	font-size:0px !important;
	color:transparent;
	line-height:0px !important;
}

#zz1_PrimaryNavigationMenu_Item0,
#zz1_PrimaryNavigationMenu_Item0 a{width: 44px;}
#zz1_PrimaryNavigationMenu_Item1,
#zz1_PrimaryNavigationMenu_Item1 a{width:163px;}
#zz1_PrimaryNavigationMenu_Item2,
#zz1_PrimaryNavigationMenu_Item2 a{width:157px;}
#zz1_PrimaryNavigationMenu_Item3,
#zz1_PrimaryNavigationMenu_Item3 a{width:161px;}
#zz1_PrimaryNavigationMenu_Item4,
#zz1_PrimaryNavigationMenu_Item4 a{width:129px;}
#zz1_PrimaryNavigationMenu_Item5,
#zz1_PrimaryNavigationMenu_Item5 a{width:108px;}

#zz1_PrimaryNavigationMenu a, 
#zz1_PrimaryNavigationMenu a.AspNet-Menu-Selected,
#zz1_PrimaryNavigationMenu a:hover {color:#5E2E91;color:transparent;background:url(/Style%20Library/Images/Natrelle/natrelle-main_nav-sprite.gif) no-repeat;}

#zz1_PrimaryNavigationMenu_Item0 a {background-position:   -0px 0px;}
#zz1_PrimaryNavigationMenu_Item1 a {background-position:  -44px 0px;}
#zz1_PrimaryNavigationMenu_Item2 a {background-position: -207px 0px;}
#zz1_PrimaryNavigationMenu_Item3 a {background-position: -364px 0px;}
#zz1_PrimaryNavigationMenu_Item4 a {background-position: -525px 0px;}
#zz1_PrimaryNavigationMenu_Item5 a {background-position: -654px 0px;}

#zz1_PrimaryNavigationMenu_Item0 a:hover{background-position:   -0px -25px;}
#zz1_PrimaryNavigationMenu_Item1 a:hover{background-position:  -44px -25px;}
#zz1_PrimaryNavigationMenu_Item2 a:hover{background-position: -207px -25px;}
#zz1_PrimaryNavigationMenu_Item3 a:hover{background-position: -364px -25px;}
#zz1_PrimaryNavigationMenu_Item4 a:hover{background-position: -525px -25px;}
#zz1_PrimaryNavigationMenu_Item5 a:hover{background-position: -654px -25px;}

#zz1_PrimaryNavigationMenu_Item1 a.AspNet-Menu-Selected,
#zz1_PrimaryNavigationMenu_Item1 a.AspNet-Menu-Selected:hover{background-position:  -44px -25px;}
#zz1_PrimaryNavigationMenu_Item2 a.AspNet-Menu-Selected,
#zz1_PrimaryNavigationMenu_Item2 a.AspNet-Menu-Selected:hover{background-position: -207px -25px;}
#zz1_PrimaryNavigationMenu_Item3 a.AspNet-Menu-Selected,
#zz1_PrimaryNavigationMenu_Item3 a.AspNet-Menu-Selected:hover{background-position: -364px -25px;}
#zz1_PrimaryNavigationMenu_Item4 a.AspNet-Menu-Selected,
#zz1_PrimaryNavigationMenu_Item4 a.AspNet-Menu-Selected:hover{background-position: -525px -25px;}
#zz1_PrimaryNavigationMenu_Item5 a.AspNet-Menu-Selected,
#zz1_PrimaryNavigationMenu_Item5 a.AspNet-Menu-Selected:hover{background-position: -654px -25px;}


/* FOOTER BAR
---------------------------------------- */
#footer_bar{
	clear:both;
	background:#52412D;
	color:#CBE6F5;
	height:100px;
	text-align:center;
}
#footer_bar-content{
	width:994px;
	margin:auto;
	text-align:left;
}
#footer_bar-content .disclaimer {
	width: 994px;
	float: left;
	clear: both;
	display: block;
	margin: 10px 0 0 0; 
	text-align: center;
}
#footer_bar-content h3,
#footer_bar-content h3 a,
#footer_bar-content #hdn_logo,
#footer_bar-content #hdn_logo a,
#footer_bar-content #bottom_navi,
#footer_bar-content #bottom_navi #allergan_logo,
#footer_bar-content #bottom_navi #allergan_logo a,
#footer_bar-content #bottom_navi ul,
#footer_bar-content #bottom_navi .footer_bib {
	float:left;
	display:block;
	text-decoration:none;
}
#footer_bar-content a span, #hp_callouts a span {
	position:relative;
}

#footer_bar-content h3{
	width:82px;
	height:49px;
	margin-top:22px;
	background:url(/Style%20Library/Images/Natrelle/logo-mini-natrelle.gif) no-repeat;
	padding-right: 62px;
}
#footer_bar-content #bottom_navi {
	width: 798px;
	margin-top:37px;
}
#footer_bar-content #bottom_navi a {
	color:#CBE6F5;
}
#footer_bar-content #bottom_navi #allergan_logo,
#footer_bar-content #bottom_navi #allergan_logo a{
	width:156px;
	height:19px;
}
#footer_bar-content #bottom_navi #allergan_logo a{margin:0;background:url(/Style%20Library/Images/Natrelle/logo-allergan.gif) no-repeat;}
#footer_bar-content #bottom_navi ul, #footer_bar-content .footer_addr ul {
	list-style: none;
	margin:0;
	padding:3px 0 0 36px;
	font-size:1px;
	text-align:left;
	height: 19px;
}
#footer_bar-content .footer_addr ul {
	display: inline;
}
#footer_bar-content #bottom_navi ul li, #footer_bar-content .footer_addr ul li {
	font-size:12px;
	display:inline;
	padding: 0px 3px;
}
#footer_bar-content #bottom_navi ul li a { text-decoration:none; }
#footer_bar-content #bottom_navi a:hover{color:#F48F9F;}
#footer_bar-content #bottom_navi .footer_bib {
	width: 798px; 
	clear: both;
	padding-top: 7px;
}
#footer_bar-content #hdn_logo,
#footer_bar-content #hdn_logo a{
	width:39px;
	height:47px;
	margin-top:22px;
}
#footer_bar-content .footer_addr {
	position: absolute;
	width: 994px;
	margin-top: 115px;
	margin-left: 0px;
	float: left;
	clear: both;
	color: #604c3a;
	text-align: center;
	line-height: 18px;
}
*html #footer_bar-content .footer_addr {
	margin-top: 15px;
}
*:first-child+html .footer_addr {
	margin-top: 30px !important;
}
/*DISABLED HDN LOGO PER CLIENT REQUEST 6/08/2009*/
/*#footer_bar-content #hdn_logo a{margin:0;background:url(/Style%20Library/Images/Natrelle/logo-mini-hdn_code.gif) no-repeat;}*/

/*
logo-allergan.gif
logo-mini-hdn_code.gif
*/

/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ *
 * END GLOBAL STYLES -- BEGIN PAGE LEVEL SELECTORS	     	 *
 * +++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
 

/* Landing THE NATRELLE COLLECTION
---------------------------------------- */
.landing1 #frame {
	background: url(/Style%20Library/images/silk_background.jpg) no-repeat top left;
}
.landing1 #content {
	background: url(/Style%20Library/images/bkg_natrelle_collection.jpg) no-repeat 208px 50px;
}

/* Tertiary */
#content-tertiary{
	float:left;
	width:517px;
}
*html #content-tertiary {
	overflow:hidden;
}
.tertiary-header div, .tertiary-header span, .tertiary-header img{	 display:block !important; margin:0px !important; padding:0px !important; height:auto !important; overflow: hidden;}
.tertiary-header { overflow: hidden; }
.tertiary-header h1 div{ font-size:0px; }
#content-tertiary h1{
	padding:0;
	margin:19px 0px 0px 21px;
}

#content-tertiary #copy{
	padding:0px 30px 40px 50px;
	color:#63523E;
	font-size:12px;
	line-height:1.4em;
}
#content-tertiary #copy p{
	margin-top:0;
	padding-top:0;
}


#content-tertiary #copy h2 
{ 
	color:#63523E !important;
	font-family:arial,helvetica,"sans serif";
	font-size:16px;
	font-weight:bold;
}

#content-tertiary #copy h3{	
	color:#63523E;
	font-size:12px;
	line-height:1.4em;
	font-weight:bold;
}
/*
#content-tertiary .conf_copy{margin-top:50px;}*/

#content-tertiary #copy ul { margin:0px 0px 0px 18px; padding:0px; }
#right_column-tertiary{
	float:left;
	width:292px;
	overflow:hidden;
}


/* Landing */
#landing_pic{
	text-align:right;
}
#callouts{
	height:190px;
	clear:both;
}
.landing.wide #left_column,
.landing.wide #right_column-landing{
	display:none;
}
.landing.wide #content-landing{
	margin-top:17px;
	width:994px;
}

#content-landing{
	float:left;
	width:375px;
	overflow:hidden;
/*
					background:#00F;filter:alpha(opacity=25);-moz-opacity:.25;opacity:.25;
*/
}
#content-landing.ba,
#content-landing.fac,
#content-landing.morph{
	padding-top:10px;
	padding-bottom:16px;
}
#content-landing.ba {
 height:553px;
}
#content-landing.segmentation{
	padding-top:10px;
	padding-bottom:16px;
	width:600px;
}
#content-landing.segmentation object{
	position:absolute;
	z-index:10;
}
#content-landing.segmentation #copy{
	position:relative;
	z-index:1;
	height:220px;
	width:330px;
	margin-left:70px;
}
#content-landing.segmentation h1{
	position:relative;
	z-index:1;
	margin:0;
	padding:0;
	margin-top:94px;
	margin-left:58px;
	height:75px;
	width:400px;
}

#content-landing.morph{padding-bottom:4em;}

#content-landing h1{margin:0;padding:0;}

#content-landing.standardLanding h1, #content-landing.standardLanding h2 {
	color:#63523E;
	font: normal normal bold 18px arial,helvetica,'sans serif';
}
#content-landing.standardLanding h2 { font-size:16px; padding:10px 0; font-weight:normal;}


#content-landing #copy, #content-landing #fp_copy{
/*
	padding:30px 00px 40px 50px;
*/
	color:#63523E;
	font-size:13px;
	line-height:1.9em;
}
#content-landing #copy p{
	margin-top:0;
	padding-top:0;
}
#content-landing #copy a.cta{
	display:block;
	margin-top:15px;
	background:url(/Style%20Library/Images/Natrelle/cta-bg.gif) no-repeat right top;
	padding-right:23px;
	margin-right:23px;
	text-align:right;
	color:#63523E;
	font-weight:bold;
	line-height:1.3;
}
#content-landing #copy h3{
	margin-bottom:0;
	padding-bottom:.5em;
	font-size:16px;
}

#right_column-landing{
	float:left;
/*
	width:436px;
*/
	min-height:479px;
	height:auto !important;
 	height:479px;


	text-align:right;
	overflow:hidden;
}

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ *
 * WEB PARTS												*
 * ++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*Registration
----------------------------------------------------------- */
/* #registration {
    padding: 15px 0 90px 0;
}
#registration .error_messages{
    color: #FF0000;
}
#registration .copy {
    clear: both;
    width: 520px;
    padding: 15px 0;
}
#registration #registration_rb_asp {
	clear:both;
    width: 320px;
    padding-left: 20px;
}
#registration .field_pair {
	clear:both;
    float: left;
    padding: 15px 15px 15px 0;
    height: 15px;
    width: 300px;
}
#registration .label {
    float: left;
    padding-right: 10px;
    font-size: 13px;
    width: 75px;
    text-align: right;
}
#registration .field {
    float: left;
    width: 215px;
}
#registration .fieldHolder {
    width: 170px;
    height: 19px;
    background: url('/Style%20Library/Images/Natrelle/bkg_emailinput.gif') no-repeat;
    float: left;
	padding: 1px 5px 0px 0px;
	font-size: 13px;
	line-height: normal;
}
#registration .emailInput {
    width: 158px;
    height: 14px;
    font-size: 11px;
	background: none;
    background-color: transparent;
    border: none;
    margin-top: 1px;
    margin-left: 7px;
    color: #3966AA;
    padding: 0 !important;
    cursor: text;
}
#registration input {
    font-size: 11px;
    color: #3966AA;
}
#registration #registration_rb_asp input {
    display:block;
    position: relative;
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 0;
    font-size: 0px !important;
    line-height: 0px !important;
    cursor: pointer;
}
#registration #registration_rb_asp label {
    position: relative;
    width: 200px;
    height: 15px;
    top: -17px;
    left: 22px;
    cursor: pointer;
    color: #424242 !important;
}
#registration #terms {
	margin-bottom:10px;
    width: 378px;
    height: 117px;
}
#registration #terms #termsbkg {
    position: absolute;
    width: 378px;
    height: 117px;
    background: url('/Style%20Library/Images/Natrelle/bkg_literegterms.gif') no-repeat top left;
}
#registration #terms #termscontent {
    position: absolute;
    width: 364px;
    height: 89px;
    overflow: auto;
    padding: 14px;
    font-size: 11px;
}
#registration #terms p {
    padding: 5px 0;
    margin: 0;
}
#registration #terms ul {
    list-style-type: decimal;
}
#registration #terms ul li {
    padding: 5px 0;
}
#registration #submit {
    padding-top: 10px;
    text-align: right;
    position:relative;
    left: -70px;
}
#registration .nopadding {
    padding: 0px !important;
}
#registration p.blue {
    color: #3966AA;
}
#registration input:focus { / * fix safari focus highlight * /
 outline: none;
}
#already_registered {
    width: 357px;
    height: 190px;
    background: url('/Style%20Library/Images/Natrelle/already_registered.jpg') no-repeat;
}
#already_registered a {
    display: block;
    position: relative;
    width: 97px;
    height: 24px;
    top: 83px;
    left: 130px;
    text-decoration: none;
}
#already_registered a span {
    visibility: hidden;
}
*/

/*Login / Unsubscribe
----------------------------------------------------------- */
/*#login, #unsub {
}
#login .field_pair, #unsub .field_pair {
	clear:both;
    float: left;
    padding: 15px 15px 20px 0;
    height: 15px;
    width: 400px;
}
#login .label, #unsub .label {
    float: left;
    padding-right: 10px;
    font-size: 13px;
    width: 125px;
    text-align: right;
}
#login .field, #unsub .field {
    float: left;
    clear: right;
    border: 1px solid #DEDEDE;
    width: 240px;
    height: 18px;
    background: url('/Style%20Library/Images/Natrelle/bkg_input_long.gif') no-repeat top left;
}
#login .field input, #unsub .field input {
    width: 223px;
    font-size: 11px;
	background: none;
    background-color: transparent;
    border: none;
    margin-top: 1px;
    margin-left: 7px;
    color: #3966AA;
    padding: 0 !important;
    cursor: text;
}
#login #submit, #unsub #submit {
    float: left;
    clear: both;
}
*/



/* callout area */
#hp_callouts {
	clear:left;
	width: 952px;
	height: 219px;
	padding: 0 0 0 38px;
	
}
#hp_callouts .callout1, #hp_callouts .callout2, #hp_callouts .callout3 {
	float: left;
	width: 300px;
	height: 219px;
}
.calloutWide { width:570px; float:left; }
.calloutSmall { float:left; padding:0px 0px 0px 10px; }
#hp_callouts .headline {
	width: 260px;
	font-size: 0px;
	line-height: 0px;
}
#hp_callouts .headline h2 { visibility:hidden; }
#hp_callouts .callout1 .headline {
	margin: 7px 0 0 30px;
	height: 44px;
	background: url(/Style%20Library/images/natrelle/home/hp_callouts_sprite.gif) no-repeat -10px -10px;
}
#hp_callouts .callout2 .headline {
	margin: 2px 0 0 34px;
	height: 49px;
	background: url(/Style%20Library/images/natrelle/home/hp_callouts_sprite.gif) no-repeat -10px -70px;
}
#hp_callouts .callout3 .headline {
	margin: 5px 0 0 35px;
	height: 46px;
	background: url(/Style%20Library/images/natrelle/home/hp_callouts_sprite.gif) no-repeat -10px -130px;
}

/***/
#hp_callouts .callout_reconstruction .headline {
	margin: 5px 0 0 35px;
	height: 66px;
	background: url(/Style%20Library/images/natrelle/landing_callout_headlines_sprite.gif) no-repeat -10px -570px;
}
#hp_callouts .callout_reconstruction .copy {
	width: 250px;
	padding: 0 10px 0 50px;
	height: 70px !important;
}
#hp_callouts .callout_reconstruction .cta { background: url(/Style%20Library/images/natrelle/home/hp_callouts_sprite.gif) no-repeat -10px -190px; }
#hp_callouts .callout_reconstruction .reflection { background: url(/Style%20Library/images/natrelle/home/hp_callouts_sprite.gif) no-repeat -10px -217px; }
#hp_callouts .callout_reconstruction{
	float: left;
	width: 300px;
	height: 219px;
}


#hp_callouts .callout_realwoman .headline {
	margin: 5px 0 0 35px;
	height: 46px;
	background: url(/Style%20Library/images/natrelle/landing_callout_headlines_sprite.gif) no-repeat -10px -190px;
}
#hp_callouts .callout_realwoman .copy {
	width: 250px;
	padding: 0 10px 0 50px;
}
#hp_callouts .callout_realwoman .cta { background: url(/Style%20Library/images/natrelle/home/hp_callouts_sprite.gif) no-repeat -10px -190px; }
#hp_callouts .callout_realwoman .reflection { background: url(/Style%20Library/images/natrelle/home/hp_callouts_sprite.gif) no-repeat -10px -217px; }
#hp_callouts .callout_realwoman{
	float: left;
	width: 300px;
	height: 219px;
}
/***/

#hp_callouts .copy {
/*	height: 75px;*/
	height: 90px;
	color: #666;
	line-height: 17px;
}
#hp_callouts .callout1 .copy {
	width: 250px;
	padding: 0 10px 0 50px;
}
#hp_callouts .callout2 .copy {
	width: 220px;
	padding: 0 40px 0 50px;
}
#hp_callouts .callout3 .copy {
	width: 205px;
	padding: 0 55px 0 50px;
}
#hp_callouts .cta, #hp_callouts .reflection {
	display: block;
	width: 216px;
	height: 27px;
	margin: 0 0 0 50px;
	text-decoration: none !important;
}
#hp_callouts .callout1 .cta { background: url(/Style%20Library/images/natrelle/home/hp_callouts_sprite.gif) no-repeat -10px -190px; }
#hp_callouts .callout1 .reflection { background: url(/Style%20Library/images/natrelle/home/hp_callouts_sprite.gif) no-repeat -10px -217px; }
#hp_callouts .callout2 .cta { background: url(/Style%20Library/images/natrelle/home/hp_callouts_sprite.gif) no-repeat -10px -254px; }
#hp_callouts .callout2 .reflection { background: url(/Style%20Library/images/natrelle/home/hp_callouts_sprite.gif) no-repeat -10px -281px; }
#hp_callouts .callout3 .cta { background: url(/Style%20Library/images/natrelle/home/hp_callouts_sprite.gif) no-repeat -10px -318px; }
#hp_callouts .callout3 .reflection { background: url(/Style%20Library/images/natrelle/home/hp_callouts_sprite.gif) no-repeat -10px -345px; }

#callout1 a.cta { font-size:0px;}



.ms-rteCustom-actionLink, .actionLink, .glossary_container div a.back_top, #copyResponse p a{
	display:block;
	margin-top:15px;
	background:url(/Style%20Library/Images/Natrelle/cta-bg.gif) no-repeat right top;
	padding-right:23px;
	margin-right:23px;
	text-align:right;
	color:#63523E !important;
	font-weight:bold;
	line-height:1.3;
	text-decoration:none;

}
.ms-rteCustom-actionLink a {color:#63523E !important; }
#copyResponse p a {
	
	text-align:left; display:inline;
}
.ms-rteCustom-subHeader, .subHeader {
	
	color:#63523E !important; 
	font-size:16px; 
	font-weight:bold;
	font-family:arial,helvetica,"sans serif";
	
}

.ms-rteCustom-tertiaryLink, .tertiaryLink {
	
	font-size:13px; 
	font-weight:bold;
	font-family:arial,helvetica,"sans serif";
	display:block; 
	text-align:right;
}


/********** Tertiary Callouts ********/
.tertiary_callouts .copy{
    padding-top:17px;
    padding-bottom:10px;
    line-height:1.4em;
}
.tertiary_callouts .callout9 .copy{
    padding-top:20px;
}
.tertiary_callouts .copy{
  padding-left:27px;
}
.tertiary_callouts .notes{
  padding-left:30px;
  font-size:10px;
}
.tertiary_callouts .notes a{
  color: blue
}
.tertiary_callouts .button, .tertiary_callouts .reflection{
  padding-left:30px;
}
.tertiary_callouts .callout1, .tertiary_callouts .callout2, .tertiary_callouts .callout3, .tertiary_callouts .callout4, 
.tertiary_callouts .callout5, .tertiary_callouts .callout6, .tertiary_callouts .callout7, .tertiary_callouts .callout8,
.tertiary_callouts .callout9{
  padding-bottom:20px;
}
.tertiary_callouts .callout5 .button img{
  margin-top:10px;
}
.tertiary_callouts .locate-surgeon-small label{
    float:left;
    padding:2px 5px 0 0;
}
.tertiary_callouts .locate-surgeon-small div{
    float:left;
    padding:0 7px 0 0;
}
.tertiary_callouts .locate-surgeon-small .postal-code{
    padding-left:28px !important;   
}
.tertiary_callouts .locate-surgeon-small .radius{
    padding-left:28px;
    padding-top:10px;
}
.tertiary_callouts .locate-surgeon-small .city_postal_field{
    background: url(/Style%20Library/Images/Natrelle/tertiary_callouts/zipcode-textfield.gif) no-repeat;
    float:left;
    font-size:13px;
    height:18px;
    padding:1px 18px 0 0;
    width:60px;
}
.tertiary_callouts .locate-surgeon-small .city_postal_field input{
    width:48px;
    float:left;
    height:13px;
    margin-left:7px;
    margin-top:4px;
    padding:0px !important;
    border:none;
    color: #a2988c;
}

/*Tell A Friend
----------------------------------------------------------- */
.modalHide { display:none; }
.modalWrapper { width:605px !important; height:auto; color:#838383; display:none; z-index: 10000;  }
.modalWrapper .modalHeader {  float:left; background:url(/Style%20Library/Images/Natrelle/modal_header.gif) left top no-repeat; padding:18px 0px 0px 0px; height:100%; width:100%; }
.modalWrapper .modalFooter {  float:left; background:url(/Style%20Library/Images/Natrelle/modal_footer.gif) 1px bottom no-repeat; padding:0px 0px 21px 0px; height:100%; width:100%;}
.modalWrapper .modalBG     { float:left; background:url(/Style%20Library/Images/Natrelle/modal_bg_large.gif) 1px top repeat-y; padding:0px 0px 0px 30px; height:100%; width:100%;}

.modalWrapper #top   { padding:0px 0px 15px 0px; }
.modalWrapper #tools { text-align:right; width:544px; }
.modalWrapper #tools h2      { float:left; }
.modalWrapper #tools h2 span { visibility:hidden; }
.modalWrapper #copy { float:left; width:100%;  }
.modalWrapper #taf_btm, #litereg_submit { padding-top: 15px; width: 534px; float:left; clear:left; text-align:right;}
.modalWrapper #taf_btm input, #litereg_submit input { float:right; }
.modalClose { background: url(/Style%20Library/Images/Natrelle/close_modal.gif) right top no-repeat; color:#3c270e;   padding:0px 20px 0px 0px; z-index: 100000; }
.copyResponse .modalClose { background:none; color:inherit; text-decoration:none;  padding:inherit; }

#taf_writeto #copyInput, #copyResponse { width:100%; float:left; padding:5px 0px 5px 0px; line-height:18px;}
#taf_content { text-align:left; float:left; clear:left;}
#taf_content #form_area { width:100%; float:left; }
.modalWrapper #form_area input { zoom:1; }

.field_pair { float:left; width:293px;  }
.field_pair div, { float:left; padding-bottom:15px;  }
.field_pair .label { width:90px; margin-right:10px; font-size:12px; float:left; padding-bottom:15px;}
.field input { font-size:11px;}
#taf_content #form_area .field_pair .field {
	float: left; 
	background:url(/Style%20Library/Images/Natrelle/input_bg.gif) left top no-repeat;  
	height:19px; 
	width:154px;
}
#taf_content #form_area .field_pair .field input { 
	background:none; 
	border:none;
	padding:4px 0px 2px 5px; 
	height:13px; 
	width:149px; 
}
#taf_content #form_area { }

.openTAF { width:605px; height:325px; }

.openTAF .modalWrapper p { margin:0px; padding:0px; }
.openTAF .modalWrapper #taf_required { font-size:10px; padding-bottom:15px; }

.openTAF h2 { width:226px; height:67px; background:url(/Style%20Library/Images/Natrelle/tell_a_friend_modal.gif) left top no-repeat; margin:0px;}
.openTAF h2.response { width:442px; height:82px; background:url(/Style%20Library/Images/Natrelle/tell_a_friend_response.gif) left top no-repeat; margin:0px;}
/* Overlays */

.registration { text-align:left; }
.registration .mid { width:100%; float:left; }
.registration #headline { width:100%; clear:both; padding-bottom:10px; }
.registration #headline h3 { width:217px; height:35px; padding:0px; margin:0px; background:url(/Style%20Library/Images/Natrelle/natrelle_signup.gif) left top no-repeat;}
.registration #top { padding:0px 0px 0px 0px; }
.registration #top h2 {  width:544px; height:82px; background:url(/Style%20Library/Images/Natrelle/registration_modal.gif) left top no-repeat; margin:0px;}
.registration #rfm_ar { color: #63523E; padding: 0 10px 0 0; }
.registration #mid { padding:0px 50px 0px 0px; }
.registration h2.response { background:url(/Style%20Library/Images/Natrelle/registration_confirmation.gif) left top no-repeat !important;}
.registration .copy { clear:left; padding:10px 0px 0px 0px; }
.registration .form_area { padding: 10px 0 0 20px; }
.registration .field_pair .label { width:50px; padding:5px 0px 0px 0px; }
.registration .field_pair .field, .registration .field_pair .field .fieldHolder { padding:0px !important; }
.registration .field_pair .field { float: left; }

.registration #already_registered{padding-top: 45px !important;width:350px;height:75px;text-align:right;}
.registration #already_registered p{font-size:12px;text-decoration: none;display: inline;}

.registration #terms {
	margin:10px 0px 0px 0px;
	height:118px; 
	width:536px;
}
.registration #terms #termscontent {
	padding:10px 0px 0px 10px; 
	overflow:auto; 
	height:105px; 
	width:526px;
	margin: -117px 0 0 0; 
}
.registration #terms #termsbkg {
	height:118px; 
	width:536px; 
	background:url(/Style%20Library/Images/Natrelle/scroll_bg.gif) left top no-repeat;
}
#content-tertiary #terms, #content-tertiary #terms #termsbkg { width: 472px !important; }
#content-tertiary #terms #termscontent { width: 462px !important; }
#terms p {
    padding: 5px 0;
    margin: 0;
}
#terms ul {
    list-style-type: decimal;
}
#terms ul li {
    padding: 5px 0px;
	margin: 0px 20px;
}


#content-tertiary #termscontent { width:auto;}
.ui-widget-overlay { 
	position: absolute; top: 0; left: 0; width: 100%; height: 100%;
	background-color:#000000;
	filter:alpha(opacity=40);
	-moz-opacity: 0.40;
	opacity: 0.40;
}
.ui-dialog {
	z-index:10000 !important;
}
.ui-dialog-titlebar {
	 display:none; 
}


/*----------------------------- CLINIC LOCATOR -------------------------------*/

/*-------------------*/
/* CLINIC LOCATOR    */
/*-------------------*/
#clinicLocatorForm { width:570px; padding:0px 25px 0px 0px; float:left; background:url(/Style%20Library/Images/Natrelle/callout_border.jpg) right top no-repeat;}
#clinicLocatorForm input { width:13px; height:13px; }
#clinicLocatorForm input, #clinicLocatorForm select { margin:0px 10px 0px 0px; padding:0px;  font-size:11px; float:left;}
#clinicLocatorForm select { margin-right:0px; float:left;}
#clinicLocatorForm label, #clinicLocatorForm span { font-weight:bold; margin-right:10px; float:left; color:#666666;}
#clinicLocatorForm span  { margin-right:10px; color:#666666;}
#clinicLocatorForm .cityInput { margin:0px 20px 0px 0px; background:transparent url(/Style%20Library/Images/Natrelle/input_bg.jpg) left 0px no-repeat !important; border:none; margin:-2px 20px 0px 0px; padding:2px 0px 2px 5px; height:13px; width:149px; }
#clinicLocatorForm .locatorWrapper { padding:4px 0px 0px 25px; width:auto;}
#clinicLocatorForm .copy { margin:0px; padding:0px; height:auto;}
#clinicLocatorForm .copy p { margin:0px; padding:0px 0px 10px 0px; font-weight:normal;}
#clinicLocatorForm .searchButton { display:block; float:right; background: url(/Style%20Library/images/natrelle/home/hp_callouts_sprite.gif) no-repeat -12px -318px; width:215px; height:50px; font-size:0px; margin:25px 0px 0px 0px; cursor:pointer;}
#clinicLocatorForm select { width:142px; }
#clinicLocatorForm .headline {
	margin: 5px 0 0 0px;
	height: 46px;
	background: url(/Style%20Library/images/natrelle/home/hp_callouts_sprite.gif) no-repeat -10px -130px;
	
	}
/*#clinicLocatorForm #ctl00_PlaceHolderMain_clinicCalloutForm_ctl00_imgSubmit { width:216px; height:54px; margin:10px 0px 0px 10px; float:right;}*/
#clinicLocatorForm .img_submit_btn { width:216px; height:54px; margin:10px 0px 0px 10px; float:right;}

#clinicLocatorForm .locatorWrapper .copy span { margin-top:0px;}

.callout_t .headline { height:46px; width:220px; margin:0px; background: url(/Style%20Library/images/natrelle/home/hp_callouts_sprite.gif) no-repeat 0px -130px !important; }
.callout_t .headline h2 { display:none; }
.callout_t #clinicLocatorForm { background:none; width:250px; }
.callout_t #clinicLocatorForm .locatorWrapper { width:auto !important; }
.callout_t #clinicLocatorForm label, .callout_t #clinicLocatorForm input { margin-right:8px;  }
.callout_t #clinicLocatorForm .cityInput { margin:0px; background:transparent url(/Style%20Library/Images/Natrelle/tertiary_callouts/zipcode-textfield.gif) left 0px no-repeat !important; width:65px; }
.callout_t #clinicLocatorForm select { width:80px;}
.callout_t #clinicLocatorForm .searchButton { float:right; background: url(/Style%20Library/Images/Natrelle/search_tertiary.gif) no-repeat left top; width:69px; height:42px; font-size:0px; margin:0px 0px 0px 0px; cursor:pointer;}
.callout_t #clinicLocatorForm .searchButton, .callout_t #clinicLocatorForm span, .callout_t #clinicLocatorForm select { margin-top:10px; }
/*.callout_t #clinicLocatorForm #ctl00_PlaceHolderMain_clinicCalloutForm_ctl00_imgSubmit { width:69px; height:42px; margin:10px 0px 0px 10px;}*/
.callout_t #clinicLocatorForm .img_submit_btn { width:69px; height:42px; margin:10px 0px 0px 10px;}


#clinicLocator #top { }

/*----------------------------- MODIFIED STYLES -------------------------------*/

.standardLanding    { margin:0px 0px 0px 0px; padding:19px 0px 0px 0px; }
.standardLanding.clinicLocatorWrapper { padding:28px 0px 0px 0px; width:994px !important; }
.standardLanding.morphTool { padding-bottom:85px;}
.standardLanding #copy, .standardLanding #fp_copy { margin:0px 0px 0px 22px; }
.standardHeader h1  {  padding:0px !important;  }
.standardHeader h1 img { display:block; margin:0px !important; padding:0px !important; }
.standardLanding.glossary { width:720px !important; padding:19px 20px 20px 21px;}

.standardLanding #landing_pic { padding:0px 0px 0px 0px !important; }

.standardRightColumn { padding:0px 0px 0px 0px; width:434px; }
.standardHeader div { margin:0px !important; padding:0px !important; height:auto !important;  }


.glossaryWrapper { color:#63523E !important;  padding:0px 0px 0px 20px;}
.glossaryWrapper a { color:#63523E; font-weight:bold !important; margin-right:10px;}
.glossaryWrapper span { margin-right:10px;}
.glossaryWrapper .glossary_container div { padding:10px 0px 20px 0px;  }
.glossaryWrapper .glossary_container div a { margin-top:0px;  }
.glossaryWrapper b { font-size:22px; font-weight:normal; }
.glossaryWrapper .glossary_item b { font-size:14px; font-weight:bold;}
.glossaryWrapper ol {margin:8px 0 0 30px;}
.glossaryWrapper li {list-style-position:outside;padding:2px 0 2px 0;}

.segmentation { position:relative; width:990px !important; height:460px; }
.segmentationCopy    { position:absolute; z-index:50; left:0px;  }
.segmentationCopy h1 { position:relative; top:6px; left:0px;}
.segmentationFlash { height:460px; position:relative; left:500px; top:15px; z-index:50;}
.segmentationCallouts { padding-top:0px; }

#natrelle_choices_swf { left:-500px;}

#clinicLocator #top { display:none; }

/*----------------------------- TERTIARY CALLOUTS --------------------------/*


/*-------------- TERTIARY REGISTRATION FORM --------------------*/

.tertiary-callouts { clear:left; }
.tertiary-form #already_registered { clear:both; float:right; padding:5px 0px 0px 0px; }
.tertiary-form h2 { font-size:12px; font-weight:normal;}
.tertiary-form h2, .tertiary-form #registration, .tertiary-form #unsub div, .tellAFriend #fp_copy div div, .tellAFriend #fp_copy div p { padding:0px 0px 0px 45px; } 
.tertiary-form #unsub, .tellAFriend #fp_copy         { height:500px; }

.tertiary-form #unsub div div, .tellAFriend #fp_copy div div div { padding-left:0px;}

.tertiary-form.registration { padding-bottom:30px;}
.tertiary-form.registration .copy { padding:20px 0px 0px 0px; }
.tertiary-form.registration #registration_rb_asp { padding:10px 0px 0px 0px; }
.tertiary-form h1 { font-size:0px; width:520px; letter-spacing:-2000px; line-height:-3000px; }
.tertiary-form.registration h1 { background:url(/Style%20Library/Images/Natrelle/tertiary_headers/h_natrelle_signup.jpg) left top no-repeat; height:110px; }
.tertiary-form.unsubscribe h1 { background:url(/Style%20Library/Images/Natrelle/tertiary_headers/h_unsubscribe.jpg) left top no-repeat; height:80px; }
.tertiary-form.tellAFriend h1 { background:url(/Style%20Library/Images/Natrelle/tertiary_headers/h_tell_a_friend.jpg) left top no-repeat; height:80px; }

.tertiary-form.unsubscribe h1 { background:url(/Style%20Library/Images/Natrelle/tertiary_headers/h_unsubscribe.jpg) left top no-repeat; height:80px; }
.tertiary-form #submit { float:right; margin-top:15px;}
.tertiary-form #unsub #submit { float:none; clear:both; padding:15px 0px 0px 0px;}
.tertiary-form .field_pair .field { float: left; padding:0px; border:none; }
#login .field_pair, #unsub .field_pair { padding-top: 20px !important; width: 400px; }
#login .field_pair .field { float: left; width: 200px; }
#unsub .field_pair .label, #login .field_pair .label { width: 100px; }
#unsub .field_pair .field, .fieldHolder {
	background:url(/Style%20Library/Images/Natrelle/input_bg.gif) left top no-repeat;
	height:19px; 
	width:154px;
}
.fieldHolder input, .emailInput { 
	background:none; 
	border:none; 
	padding:4px 0px 2px 5px; 
	height:13px; 
	width:149px; 
	font-size:11px; 
}
.tellAFriend #taf_form                    { margin:7px 0px 0px 0px; }
.tellAFriend #taf_form .field_pair        { float:left; width:100%; padding:0px 0px 15px 0px; }
.tellAFriend #taf_form .field_pair .label { width:100px;}

#registration_rb_asp input, #registration_rb_asp label { float:left; padding:0px 0px 5px 0px;}
#registration_rb_asp input { margin-right:5px; }

#content-tertiary #taf_form { padding-top:10px; }
/* **************** EXPANDING VIDEO PLAYER **************** */

#flash_iframe{
	border:0;
}
#flashcallout_container{
	position:relative;
	z-index:100;
}
#flash_iframe_container,
#flash_iframe,
#flashcallout_container,
#flashcallout.collapsed{
	width:460px;
	height:295px;
	left:0px;
}

#flash_iframe_container,
#flashcallout{
	position:absolute;
	z-index:1000; 
}
.expanded{
	width:935px;
	height:450px;
	left:-200px;
}
/* **************** End EXPANDING VIDEO PLAYER **************** */

/********** Site Map ********/
.sitemap {
	padding: 0 0 0 55px;
	color:#E9425D;
}
.sitemap a {
	color: #63523E !important;
}
.sitemap {}
.ms-rteCustom-SiteMap_headertitle, .SiteMap_headertitle{font-size:10pt;font-weight:bold;padding:2px 0 8px 0;margin-bottom:8px;text-decoration:none;}
.sitemap li{padding:1px 0 1px 10px;font-size:10px;font-family:Tahoma;margin: 2px 3px;list-style-type:none;list-style-position:inside;
}

.ms-rteCustom-SiteMap_subpage, .SiteMap_subpage{background:url(/layouts/images/lstbulet.gif) no-repeat;background-position: left 50%;}

/* **************** MISCELLANEOUS GLOBAL STYLES ********************** */
.error { color: #FF0000 !important; }
.error_list ul, .error_messages ul { padding: 10px !important; margin: 10px !important; }
.nounderline { text-decoration: none !important; }

