@charset "utf-8";
/* CSS Document */

/* --- General styles --- */

p, a, h1, h2, h3, h4, body, img, table, td, tr, ul, li {
	margin:0;
	border:0;
}

p, a, td, th, h3, h4, li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
	color:#000;
	text-decoration:none;
}

#main li {
	margin-bottom:5px;
}

a {
	color:#51763a;
	outline:none;
}

a:hover {
	text-decoration:underline;
}

h1, h2 {
	font-family:Arial, Helvetica, sans-serif;
	color:#666;
	font-weight:normal;
}

h1 {
	font-size:26px;
}

h2 {
	font-size:20px;
}

h3 {
	font-size:13px;
}

body {
	background:#e5e5e5;
}

.clear {
	clear:both;
	display:block;
	height:1px;
	margin:0;
	overflow:hidden;
	padding:0;
}

#main p#asterisk1 {
	color:#666;
	font-size:12px;
	margin:25px 0 0 0;
}

hr {
	border: 0;
	color: #EDEDED;
	background-color: #EDEDED;
	height: 1px;
	width: 100%;
	margin:25px 0 20px 0;
}



/* --- HEADER --- */

#container {
	width:988px;
	background:#fff;
	margin:0 auto;
}

#header {
	position:relative;
	width:100%;
	height:118px;
	margin:0;
	background:#fff url(../images/exposedskincare-logo.jpg) no-repeat 25px 0;
}

#header h1#logo {
	text-indent:-9999px;
	float:left;
}

#header h1#logo a {
	height:75px;
	left:25px;
	position:absolute;
	top:8px;
	width:221px;
}

#topnav_wrapper {
	height:16px;
	padding:12px 0 0 0;
	margin:0 25px 0 473px;
}

ul#topnav {
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
}

ul#topnav li {
	display:block;
	float:left;
}

ul#topnav li a {
	background:transparent url(../images/topnav.gif) no-repeat scroll 0 0;
	display:block;
	height:16px;
	margin:0 0 0 10px;
	text-indent:-9999px;
	outline:none;
}

ul#topnav li#topnav_home a {
	width:40px;
}

ul#topnav li#topnav_home a:hover {
	background-position:0 -16px;
}

ul#topnav li#topnav_faqs a {
	width:38px;
	background-position:-40px 0;
}

ul#topnav li#topnav_faqs a:hover {
	background-position:-40px -16px;
}

ul#topnav li#topnav_guarantee a {
	width:118px;
	background-position:-78px 0;
}

ul#topnav li#topnav_guarantee a:hover {
	background-position:-78px -16px;
}

ul#topnav li#topnav_login a {
	width:93px;
	background-position:-196px 0;
}

ul#topnav li#topnav_login a:hover {
	background-position:-196px -16px;
}

ul#topnav li#topnav_cart a {
	width:150px;
	background-position:-289px 0;
}

ul#topnav li#topnav_cart a:hover {
	background-position:-289px -16px;
}

#mainnav_wrapper {
	clear:both;
	height:27px;
	margin:0 25px 1px 25px;
}

#secure_header {
	clear:both;
	height:27px;
	margin:0 25px 1px 25px;
	background:transparent url(../images/secure_head.gif) no-repeat scroll 0 0;
	text-indent:-9999px;
}

ul#mainnav {
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
}

ul#mainnav li {
	display:block;
	float:left;
}

ul#mainnav li a {
	background:transparent url(../images/mainnav.gif) no-repeat scroll 0 0;
	display:block;
	height:27px;
	margin:0;
	text-indent:-9999px;
	outline:none;
}

ul#mainnav li#mainnav_products a {
	width:116px;
}

ul#mainnav li#mainnav_products a:hover {
	background-position:0 -27px;
}

body.products ul#mainnav li#mainnav_products a {
	background-position:0 -54px;
}

ul#mainnav li#mainnav_offers a {
	width:156px;
	background-position:-116px 0;
}

ul#mainnav li#mainnav_offers a:hover {
	background-position:-116px -27px;
}

body.specialoffers ul#mainnav li#mainnav_offers a {
	background-position:-116px -54px;
}


ul#mainnav li#mainnav_stories a {
	width:167px;
	background-position:-272px 0;
}

ul#mainnav li#mainnav_stories a:hover {
	background-position:-272px -27px;
}

body.successstories ul#mainnav li#mainnav_stories a {
	background-position:-272px -54px;
}

ul#mainnav li#mainnav_advantage a {
	width:218px;
	background-position:-439px 0;
}

ul#mainnav li#mainnav_advantage a:hover {
	background-position:-439px -27px;
}

body.exposedadvantage ul#mainnav li#mainnav_advantage a {
	background-position:-439px -54px;
}

ul#mainnav li#mainnav_customer a {
	width:156px;
	background-position:-657px 0;
}

ul#mainnav li#mainnav_customer a:hover {
	background-position:-657px -27px;
}

body.customercare ul#mainnav li#mainnav_customer a {
	background-position:-657px -54px;
}

ul#mainnav li#mainnav_order a {
	width:125px;
	background-position:-813px 0;
}

ul#mainnav li#mainnav_order a:hover {
	background-position:-813px -27px;
}

body.ordernow ul#mainnav li#mainnav_order a {
	background-position:-813px -54px;
}

#header_wrapper {
	background:transparent url(../images/verisign.gif) no-repeat scroll right bottom;
	clear:both;
	width:563px;
	/*float:right;*/
	height:45px;
	margin:8px 25px 9px 0;
	text-align:right;
	padding-left:400px;
}

p#phone {
	font-size:21px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999;
	font-weight:normal;
	padding:28px 115px 0 0;
	/*margin:26px 110px 0 0;*/
}

#verisign {
	width:90px;
	height:45px;
	margin:0 0 0 20px;
	float:right;
}


/* --- CONTENT --- */

#content {
	margin:0 25px 20px 25px;
}

body.internal #content {
	background:transparent url(../images/bg_content.gif) repeat-y scroll 0 0;
}

body.successstories #content {
	background-image:none;
}

body.internal #content,
body.successstories #success_content_wrapper {
	border:1px solid #999;
	padding:15px 25px 25px 25px;
}

body.successstories #success_content_wrapper {
	background:transparent url(../images/bg_content.gif) repeat-y scroll 0 0;
}

body.internal #content h1,
body.successstories #content h1 {
	padding:0 0 5px 0;
	border-bottom:1px solid #ededed;
	margin:0 0 20px 0;
}

body.internal #content h2,
body.successstories #content h2 {
	margin:20px 0 5px 0;
}

body.internal #content h3,
body.successstories #content h3 {
	margin:15px 0 5px 0;
	color:#749ebc;
}

body.internal #content p,
body.internal #content ul,
body.successstories #content p,
body.successstories #content ul {
	margin:0 0 10px 0;
}

body.internal #content p.question,
body.internal #content p.question a {
	margin:10px 0 5px 0;
	font-size:13px;
	font-weight:bold;
	outline:none;
	text-decoration:none;
}

body.internal #content p.question a:hover {
	text-decoration:underline;
}

div.answer {
	position: absolute; 
	top:-9999px;
	margin: 0 40px 10px 20px;
}

#breadcrumb {
	color:#51763a;
	font-weight:bold;
	margin:0 0 5px 0;
}

body.internal #content #breadcrumb p,
body.successstories #content #breadcrumb p {
	margin:0;
}

#sidebar {
	float:left;
	width:195px;
	/*border-right:1px solid #ededed;*/
	padding:0 25px 0 0;
	margin:0 25px 0 0;
}

#sidebar h4.side_links {
	color:#666;
	font-size:13px;
	margin-top:25px;
	margin-bottom:5px;
}

body.internal #main,
body.successstories #main {
	margin: 0 0 0 246px;
}

body.internal #main a,
body.successstories #main a {
	text-decoration:underline;
}

#main p.response {
	font-size:14px;
	padding:5px 30px 0 30px;
	line-height:20px;
	font-style:italic;
}

#main span.attribution {
	text-align:right;
	font-weight:bold;
	width:100%;
	font-size:12px;
	font-style:normal;
}

/*body.internal #content_wrapper,
body.successstories #content_wrapper {
	
}*/

.bottom_link {
	font-weight:bold;
	text-align:right;
	margin-bottom:25px;
}

body.internal #content h2#guarantee_image {
	text-indent:-9999px;
	background:transparent url(../images/img_guarantee.gif) no-repeat scroll 0 0;
	height:148px;
	margin:10px 0 15px 0;
}

#howitworks_flash {
	width:590px;
	height:350px;
	margin-bottom:20px;
	margin-left:25px;
}

#success_hero {
	height:463px;
	margin-bottom:13px;	
}

#story1 {
	height:463px;
	width:317px;
	float:left;
	text-indent:-9999px;
	background:transparent url(../images/success1.jpg) no-repeat scroll 0 0;
}

#story2 {
	height:463px;
	width:317px;
	float:left;
	text-indent:-9999px;
	background:transparent url(../images/success2.jpg) no-repeat scroll 0 0;
}

#story3 {
	height:463px;
	width:304px;
	float:left;
	text-indent:-9999px;
	background:transparent url(../images/success3.jpg) no-repeat scroll 0 0;
}


/*--------HOME CONTENT-------------------*/

#home_hero {
	height: 263px;
	width: 639px;
	float:left;
	background-image:url(../images/home_hero1.jpg);
	text-indent:-9999px;
}

#home_offer_1 {
	height: 114px;
	width: 299px;
	float:left;
	background-image:url(../images/home_hero2.gif);
	text-indent:-9999px;
}

#home_offer_2 {
	height: 69px;
	width: 299px;
	float:left;
	text-indent:-9999px;
}

#home_offer_2 a {
	height: 69px;
	width: 299px;
	display:block;
	background-image:url(../images/home_hero3.jpg);
}

#home_offer_3 {
	height: 80px;
	width: 299px;
	float:left;
	text-indent:-9999px;
}

#home_offer_3 a {
	height: 80px;
	width: 299px;
	display:block;
	background-image:url(../images/home_hero4.jpg);
}

#home_fillslot_1 {
	height: 256px;
	width: 298px;
	float:left;
	background-image:url(../images/home_activeslist.gif);
	text-indent:-9999px;
}

#home_fillslot_1 a {
	height: 256px;
	width: 298px;
	display:block;
	outline:none;
}

#home_fillslot_1 li {
	list-style:none;
}

#home_fillslot_2 {
	height: 256px;
	width: 341px;
	float:left;
	background-image:url(../images/home_successstories.gif);
	text-indent:-9999px;
}

#home_fillslot_2 a {
	height: 256px;
	width: 341px;
	display:block;
	outline:none;
}

#home_fillslot_3 {
	height: 256px;
	width: 299px;
	float:left;
	background-image:url(../images/home_dbl_guarantee.gif);
	text-indent:-9999px;
}
#home_fillslot_3 a {
	height: 256px;
	width: 299px;
	display:block;
	outline:none;
}

/*------------------SPECIAL OFFERS---------------*/

#specials_1 {
	width: 278px;
	height: 327px;
	float:left;
	background-image:url(../images/specials_hero1.jpg);
	text-indent:-9999px;
}

#specials_2 {
	width: 660px;
	height: 174px;
	float:left;
	background-image:url(../images/specials_hero2.gif);
	text-indent:-9999px;
}

#specials_3 {
	width: 475px;
	height: 153px;
	float:left;
	background-image:url(../images/specials_hero3.jpg);
	text-indent:-9999px;
}

#specials_3 li {
	list-style:none;
}
#specials_4 {
	width: 185px;
	height: 82px;
	float:left;
	background-image:url(../images/specials_hero4.gif);
	text-indent:-9999px;
}

#specials_5 {
	width: 185px;
	height: 71px;
	float:left;
	text-indent:-9999px;
}

#specials_5 a {
	width: 185px;
	height: 71px;
	display:block;
	background-image:url(../images/specials_hero5.gif);
}

#before_after_container {
	width: 632px;
	height: 248;
	float: left;
	margin-top: 18px;
}

#specials_free_1 {
	width: 457px;
	height: 248px;
	float:left;
	background-image:url(../images/specials_beforeAfter1.gif);
	text-indent:-9999px;
}

#specials_free_2 {
	width: 175px;
	height: 200px;
	float:left;
	background-image:url(../images/specials_beforeAfter2.jpg);
	text-indent:-9999px;
}

#specials_free_3 {
	width: 175px;
	height: 48px;
	float:left;
	text-indent:-9999px;
}

#specials_free_3 a {
	width: 175px;
	height: 48px;
	display:block;
	background-image:url(../images/specials_beforeAfter3.jpg);
}

#specials_dbl_guarantee {
	width: 291px;
	height: 248px;
	float:left;
	text-indent:-9999px;
	margin-top: 18px;
	margin-left: 15px;
}

#specials_dbl_guarantee a {
	width: 291px;
	height: 248px;
	display:block;
	background-image:url(../images/specials_dbl_guarantee.gif);
}


/* --- LANDING PAGE --- */

#landing_hero {
	width:100%;
	height:336px;
	background:transparent url(../images/landing_hero1.jpg) no-repeat scroll 0 0;
	margin:0 0 10px 0;
	text-indent:-9999px;
}

#landing_hero_a {
	width:100%;
	height:336px;
	background:transparent url(../images/landing_hero1a.jpg) no-repeat scroll 0 0;
	margin:0 0 10px 0;
	text-indent:-9999px;
}

#landing_hero_b {
	width:100%;
	height:336px;
	background:transparent url(../images/landing_hero1b.jpg) no-repeat scroll 0 0;
	margin:0 0 10px 0;
	text-indent:-9999px;
}

.landing_left {
	width:461px;
	float:left;
}

#landing_hero ul,
#landing_hero_a ul,
#landing_hero_b ul {
	list-style:none;
	float:left;
	padding:0;
}

#landing_hero h1, #landing_hero h2 {
	float:left;
}

#landing_slider {
	float:right;
	width:471px;
	height:326px;
	background:transparent url(../images/landing_hero2.jpg) no-repeat scroll 0 0;
	padding:10px 0 0 4px;
	text-indent:0;
}

#landing_slider_a,
#landing_slider_b {
	float:right;
	width:471px;
	height:326px;
	background:transparent url(../images/landing_hero2ab.jpg) no-repeat scroll 0 0;
	padding:10px 0 0 4px;
	text-indent:0;
}

#landing_fillslot_1 {
	height: 256px;
	width: 298px;
	float:left;
	background-image:url(../images/home_activeslist.gif);
	text-indent:-9999px;
}

#landing_fillslot_1 a {
	height: 256px;
	width: 298px;
	display:block;
	outline:none;
}

#landing_fillslot_1 li {
	list-style:none;
}

#landing_fillslot_2 {
	height: 256px;
	width: 341px;
	float:left;
	background-image:url(../images/landing_treatprevent.gif);
	text-indent:-9999px;
}

#flashcontent {
	text-indent:0;
	padding:73px 20px 0 20px;
}

#landing_fillslot_3 {
	height: 256px;
	width: 299px;
	float:left;
	background-image:url(../images/landing_dbl_guarantee.gif);
	text-indent:-9999px;
}

#landing_fillslot_3 a {
	height: 256px;
	width: 299px;
	display:block;
	outline:none;
}


/* --- FOOTER --- */

#footer {
	clear:both;
	height:108px;
	background:#E5E5E5 url(../images/footer_bg.jpg) no-repeat scroll 0 0;
	margin:0;
	padding:15px 25px 0 25px;
}

#footer_secure {
	clear:both;
	height:108px;
	background:#E5E5E5 url(../images/footer_bg.jpg) no-repeat scroll 0 0;
	margin:0;
	padding:15px 25px 0 25px;
}

#footer h3,
#footer_secure h3 {
	color:#fff;
	font-size:11px;
}

#footer p, #footer li, #footer li a, #footer a,
#footer_secure p, #footer_secure li, #footer_secure li a, #footer_secure a {
	color:#fff;
	line-height:14px;
}

#footer ul,
#footer_secure ul {
	list-style:none;
	padding:0;
}

p.copyright {
	margin:20px 0 0 0;
}

.column {
	float:left;
	margin:0 20px 0 0;
}

.last {
	margin:0;
}

#cola {
	width:375px;
}

#colb {
	width:110px;
}

#colc {
	width:142px;
}

#cold {
	width:104px;
}

#footer_secure #cola {
	width:580px;
}

#addthis {
	margin:20px 0 0 0;
}

#asterisk {
	background:#E5E5E5;
	padding:8px 25px;
	display:none;
}

#asterisk p {
	color:#666;
}

body.home #asterisk,
body.ordernow #asterisk {
	display:block;
}


/* ----- COMPARE TABLE ------ */


.compare {
	background-color:#fff;
}

.compare table {
	margin:10px auto;
	border-collapse:collapse;
}

.compare table td {
	padding:4px 0px;
	border:1px solid #ccc;
	font-size:13px;
}

.compare .toprow td,
.compare .labelbar td,
.compare .shaded td {
	border:0;
}

.labelbar td.col1 h2 {
	text-indent:-9999px;
	background:transparent url(../images/lbl_products.gif) no-repeat scroll 0 0;
	height:27px;
}

.labelbar td.col2 h2 {
	text-indent:-9999px;
	background:transparent url(../images/lbl_trial.gif) no-repeat scroll center 0;
	height:27px;
}

.labelbar td.col3 h2 {
	text-indent:-9999px;
	background:transparent url(../images/lbl_basic.gif) no-repeat scroll center 0;
	height:27px;
}

.labelbar td.col4 h2 {
	text-indent:-9999px;
	background:transparent url(../images/lbl_expanded.gif) no-repeat scroll center 0;
	height:27px;
}

.compare td.col1 {
	padding-left:10px;
	padding-right:30px;
	border-left:0;
	color:#52773B;
}

.compare td.col4 {
	border-right:0;
}

.compare td.col2,
.compare td.col3,
.compare td.col4 {
	text-align:center;
	width:170px;
}

.compare .toprow td {
	padding:6px 0;
	font-weight:bold;
	vertical-align:bottom;
	color:#52773b;
	font-size:14px;
}

.compare .labelbar td {
	background:transparent url(../images/lbl_bkgd.gif) repeat-x scroll 0 0;
	height:27px;
	padding:0;
}

.compare .shaded td.col2,
.compare .shaded td.col3,
.compare .shaded td.col4 {
	background-color:#ddecd4;
}

.compare .shaded td {
	font-size:11px;
	padding:10px 0;
}

.compare td.col1 strong, 
.compare .shaded td strong {
	font-size:16px;
	color:#000;
}

.compare .shaded td img {
	margin-top:8px;
}