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

* {margin:0; padding:0; }
body {background:url(img/bg.gif) repeat-x; height:118px; }
.clear {clear:both; }

#wrapper {width:920px; margin:0 auto; }

/* ------- CSS FOR NAVIGATION ----------- */
#header {background:url(img/headerbg.gif) no-repeat; height:50px; width:920px; padding-top:23px; }
#navcontainer {margin-top:17px; background:url(img/buy-product.gif) no-repeat right; width:920px; height:26px; }
#nav ul {padding-left:7px; }
#nav ul li {float:left; list-style:none; padding-right:20px; font:14px arial; color:#0065a5; margin-top:5px; }
	li a {text-decoration:none; color:#0065a5; }
	li a:hover {text-decoration:underline; }
	.navorder {font:bold 12px arial; float:right; padding:5px 30px 0 0; }
	.navorder a {color:#fff; text-decoration:none; }
	.navorder a:hover {text-decoration:underline; }
/* ------- END CSS FOR HOME PAGE ----------- */

	
/* ------- CSS FOR HOME PAGE ----------- */
#home-container {width:920px; margin-top:35px; }


#home-left {float:left; width:282px; height:474px; }

#top-left {width:282px; height:194px; background:#f6f6f6; padding-top:5px; }
#top-left #freecontainer {background:url(img/trysignalsfree-home.jpg) no-repeat; width:270px; height:188px; margin:0 auto; }
	#freecontainer .free-p {font:15px "Century Gothic", Arial, Verdana, serif; color:#0197c2; width:145px; padding:81px 0 0 10px; line-height:18px; }
	#freecontainer #freebtn {padding:10px 0 0 18px; } 

#bottom-left { width:282px; height:263px; background:#f6f6f6; margin-top:6px; padding-top:5px; }
#bottom-left #amazing {background:url(img/guarantee-bg.jpg) no-repeat; width:270px; height:258px; margin:0 auto; }
	#amazing #sub {width:265px; text-align:center; font: 14px "Century Gothic", Arial, Verdana, serif; color:#0066a4; line-height:15px; padding-top:45px; margin:0 auto; }
	#amazing .orange {color:#f98904; }
	#amazing #content {font:14px "Century Gothic", Arial, Verdana, serif; color:#0066a4; line-height:17px; width:251px; margin:0 auto; padding-top:9px; }
	#amazing #content2 {font:14px "Century Gothic", Arial, Verdana, serif; color:#0066a4; line-height:17px; width:180px; margin:0 auto; padding-left:80px; }



#home-middle {float:left; width:422px; height:474px; background:#f6f6f6; margin-left:6px; }

#imagewrapper {height:464px; width:410px; background:url(img/homepage-bottombg.gif) bottom no-repeat; margin:5px auto; }
.findout-btn {padding:47px 0 0 180px; }


#home-right {float:left; width:201px; height:474px; background:#f6f6f6; margin-left:5px; }
#testimonials {background:url(img/testimonials-bg.jpg) no-repeat; width:189px; height:464px; margin:5px auto; }
.quote {width:173px; margin:0 auto; padding-top:6px; }
.readmore {font:18px "Century Gothic", Arial, Verdana, serif; color:#fff; padding:16px 0 0 20px; line-height:20px; }
.readmore a {text-decoration:none; color:#fff; }
.readmore a:hover {color:#F90; }


	
	
#footer {margin-top:50px; height:75px; }
#ban {background:#91ccf3; height:23px; width:100%; }
#footerlinks {margin:0 auto; width:850px; text-align:center; }
#footerlinks li {float:left; padding-left:12px; list-style:none; font:11px arial; color:#fff; padding-top:4px; }
	#footerlinks li a {color:#fff; }
#copyinfo {font:11px arial; color:#79bdea; padding-top:10px; line-height:12px; width:550px; margin:0 auto; }
#copyinfo a {text-decoration:none; color:#39F; }
#copyinfo a:hover {text-decoration:underline; }
/* ------- END CSS FOR HOME PAGE ----------- */


/* ------- CSS FOR STANDARD PAGE LAYOUT ----------- */
#container {width:920px; margin-top:35px; }

#leftcolumn {width:189px; background:#f6f6f6; float:left; }

#sidenav {background:url(img/sidenav-box.gif) no-repeat; width:179px; height:260px; margin:5px auto; }
#browsing-title {font:16px arial; color:#0066a4; padding:22px 0 0 25px; }
#sidenav-links {margin:7px 0 0 10px; }
#sidenav-links ul { }
#sidenav-links li {list-style:none; font:13px arial; color:#79bdea; line-height:26px; }
	#sidenav-links li a {color:#79bdea; text-decoration:none; }
	#sidenav-links li a:hover {text-decoration:underline; }

#offer-box {width:179px; height:227px; background:url(img/freecopy-bg.gif) no-repeat; margin:5px auto; }
#offer-btn {padding:180px 0 0 22px; }
#testimonials-box {width:179px; height:227px; margin:5px auto; }

#maincolumn-wrap { width:718px; background:#f6f6f6; float:left; margin-left:11px; }
#maincolumn { width:708px; background-color:#fff; margin:5px auto;  }

/* ------- END CSS FOR STANDARD PAGE LAYOUT ----------- */


/* ------- CSS FOR PRODUCT PAGE ----------- */
#product #container {width:935px; }
#product #expanded {width:729px; background:url(img/product-bg.jpg) no-repeat; height:385px; float:left; margin-left:11px; }
#product #maincolumn-wrap {width:717px; background:#f6f6f6; margin-left:11px;  }
#product #maincolumn {width:708px; background:#fff; margin-top:0px; height:1630px;  }

#product #toptitle {margin:8px 0 0 30px; }
#product #toptitle h1 {font:30px "Century Gothic", Arial, Verdana, serif; color:#fff; line-height:35px; }
#product #toptitle h1 .h1big {font-size:35px; }

#product #topsubtitle {margin:39px 0 0 350px; width:200px; }
#product #topsubtitle h3 {font:16px "Century Gothic", Arial, Verdana, serif; color:#79bdea; line-height:19px; text-align:right; }

#product #maincolumn #subtitle {background:url(img/subtitle-bg.gif) no-repeat; width:717px; height:56px; text-align:center; }
#product #maincolumn #subtitle h2 {font:20px "Century Gothic", Arial, Verdana, serif; color:#018aba;  }

#product #product-content {float:left; width:480px; margin-left:10px; }
#product #product-quotes {float:right; width:208px; margin-top:5px; }
#product p {font:13px arial; color:#666666; line-height:19px; margin-top:15px; }

#product #quote1 {background:url(img/quote-bg.gif) no-repeat; width:201px; height:128px; }
#product #quote1 .quotep {font:16px "Century Gothic", Arial, Verdana, serif; color:#0066a4; line-height:22px; width:183px; padding:12px 0 0 10px;  }

#tryproduct-small {background:url(img/product-rightcolumn.jpg) no-repeat; width:200px; height:205px; margin-top:25px; }

#product #quote2 {background:url(img/quote-bg2.gif) no-repeat; width:196px; height:82px; margin-top:25px; }
#product #quote2 .quotep {font:16px "Century Gothic", Arial, Verdana, serif; color:#0066a4; line-height:23px; width:180px; padding:8px 0 0 16px;  }

#product #tryitbutton {margin:25px 0 0 335px; }

#product p a {font-style:italic; font-weight:bold; color:#f2831a; text-decoration:none; }
#product p a:hover {text-decoration:underline; }

#tryitfree-btn {padding:159px 0 0 23px; }

#individual {width:476px; background:url(img/single-bg.gif) no-repeat left bottom ;  }
#individual-title, .individual-title {font:bold 16px arial; color:#f77907; text-align:center; }
#individual .single {font:11px arial; color:#0066a4; padding-top:20px; width:335px; padding-left:200px; }
#individual .single .single-title {font:bold 13px arial; color:#0197c2; }

/* ------- END CSS FOR PRODUCT PAGE ----------- */


/* ------- CSS FOR TRY SIGNALS PRODUCT PAGE ----------- */
#trysignals #maincolumn {background:url(img/trysignalsproduct-bg.jpg) #fff no-repeat; width:708px; }

#trysignals #trysignals-title {position:absolute; padding:0 0 0 17px; }
#trysignals #trysignals-title h2 {font:40px "Century Gothic", Arial, Verdana, serif; color:#fff; }

#trysignals #left {width:285px; float:left; padding-top:81px; padding-left:13px; }
#trysignals #left p, #trysignals #right p {padding-bottom:10px; }
#trysignals #left .title {font:bold 14px arial; color:#0197c2; padding:9px 0 3px 0; }
#trysignals #left .content, #trysignals #right .content {font:13px arial; color:#666; line-height:18px; }

#trysignals #right {width:390px; float:right; }
#trysignals #largeimage {padding-left:17px; }
#trysignals #productdetails {text-align:center; color:#0066a4; margin-top:20px; padding-right:13px; }
#trysignals #productdetails #names {font:bold 16px "Century Gothic", Arial, Verdana, serif; padding-bottom:10px; }
#trysignals #productdetails #costs {font:12px arial; }
#trysignals #productdetails .costlarger {font:bold 14px arial; }

#trysignals #freetrialnow-btn {padding:25px 0 0 6px; }

#trysignals #guarantee-sidebox {background:url(img/guarantee-sidebox.gif) no-repeat; width:179px; height:417px; margin:7px auto 0 auto; padding-bottom:6px; }
	#guarantee-sidebox .guarantee-subtitle {text-align:center; font:bold 14px "Century Gothic", Arial, Verdana, serif; color:#0066a4; width:148px; margin:0 auto; padding-top:75px; line-height:15px; }
	#guarantee-sidebox .free2months {font:bold 16px "Century Gothic", Arial, Verdana, serif; color:#f98904; width:148px; line-height:17px; }
	#guarantee-sidebox .guarantee-content {font:14px "Century Gothic", Arial, Verdana, serif; color:#0066a4; width:166px; padding:11px 0 0 9px; line-height:17px; }
/* ------- END CSS FOR TRY SIGNALS PRODUCT PAGE ----------- */


/* ------- CSS FOR INGREDIENTS PAGE ----------- */
	#ingredients #maincolumn {background:url(img/about-bg.jpg) no-repeat #fff; }
	#ingredients #abouttitle {font:33px "Century Gothic", Arial, Verdana, serif; color:#fff; padding:14px 0 0 120px; }
	#ingredients #leftsquare {float:left; width:160px; height:120px; }
	#ingredients #text {padding:20px 15px 10px 15px; font:13px arial; color:#666; line-height:19px; }
		.ingredients-p {padding-bottom:20px; }
		.benefits-title {font-weight:bold; color:#0066a4; text-decoration:underline; }
		.type {font:bold 16px arial; }
		.ingredient {font-weight:bold; color:#0297c2; }
		p {padding-bottom:10px; }
	
/* ------- END CSS FOR ABOUT PAGE ----------- */


/* ------- CSS FOR FAQ PAGE ----------- */
#faq #maincolumn {background:url(img/faq-content-bg.jpg) no-repeat #fff; }
#faq #introtext {font:13px arial; color:#0197c2; line-height:20px; width:580px; padding:66px 0 0 110px; }
#faq #questions {padding:10px 10px 0 130px; }
#faq #questions ul {padding-left:15px; }
#faq #questions ul li {list-style:circle; font:14px arial; color:#0066a4; padding-top:3px; }
	#faq #questions ul li a:hover {color:#0197c2; }
#faq #answers {font:18px arial; color:#0066a4; padding:40px 40px 0 25px; }
#faq #answers .answer {font:16px arial; color:#666666; padding-left:30px; line-height:23px; }

.backtotop {font:bold 11px arial; text-align:right; padding-right:15px; }
.backtotop a {text-decoration:none; color:#000; }
.backtotop a:hover {text-decoration:underline; color:#0066a4; }
/* ------- END CSS FOR FAQ PAGE ----------- */


/* ------- CSS FOR REAL STORIES PAGE ----------- */
#realstories #maincolumn {background:url(img/realstories-bg.gif) no-repeat #fff; width:708px; }
#realstories #realstoriestable {font:18px "Century Gothic", Arial, Verdana, serif; color:#0197c2; padding:0 0 0 40px; }
#realstories #realstoriestable .tdheight {height:66px; }
#realstories #realstoriestable .title-column {width:250px; }

#realstories #fletcher {padding:30px 0 0 40px; }
#realstories .fletcherimage {margin-top:15px; }
#realstories #title-fletcher {font:18px arial; color:#0066a4; }
#realstories #quote-fletcher {font:15px arial; color:#666; line-height:22px; }
#realstories #readmore {font:16px arial; color:#ec7c0f; font-style:italic; font-weight:bold; padding-top:8px; }
	#realstories #readmore a {text-decoration:none; color:#ec7c0f; }
	#realstories #readmore a:hover {text-decoration:underline; }

.hbar {background:url(img/hbar.jpg) no-repeat; width:620px; height:4px; margin:35px auto; }

#realstories .testimonial {width:600px; padding-left:30px; }
#realstories .title {font:15px arial; color:#0066a4; }
#realstories .quote {font:17px arial; color:#666; line-height:22px; width:600px; }
/* ------- END CSS FOR REAL STORIES PAGE ----------- */


/* ------- CSS FOR REAL STORIES - MARIA FLETCHER PAGE ----------- */
#mariafletcher #maincolumn-wrap {width:920px; }
#mariafletcher #maincolumn {background:url(img/fletcherstory-title.gif) no-repeat #fff; width:908px; }
#mariafletcher #column1 {float:left; width:407px; font:14px arial; color:#666666; line-height:20px; padding-left:15px;  }
#mariafletcher #column2 {float:left; width:435px; font:14px arial; color:#666666; line-height:20px; margin-left:28px; }
#mariafletcher p {margin:15px auto; margin-top:0px; }
#mariafletcher #column1 {padding-top:100px; }

#mariafletcher #column2 {padding-left:5px; }
/* ------- END CSS FOR REAL STORIES - MARIA FLETCHER PAGE ----------- */


/* ------- CSS FOR CONTACT PAGE ----------- */
#contact #contactholder {width:300px; margin:0 auto; padding:20px 0 56px 0; }
#contact h2 {font:30px "Century Gothic", Arial, Verdana, serif; color:#0066a4; }
#contact p {font:15px arial; padding-bottom:25px; }
#contact .title {font-weight:bold; font-family:"Century Gothic", Arial, Verdana, serif; color:#0066a4; }
#contact p a {color:#0197c2; text-decoration:none; }
#contact p a:hover {text-decoration:underline; }
/* ------- END CSS FOR CONTACT PAGE ----------- */