/* CSS Document */

body, p, h1, h2, h3, h4, h5, h6, ul {
	margin:0;
	padding:0;
	}
body {
	/*font-family:"Century Gothic", Verdana, Arial, Helvetica;*/
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background:#fff url(../images/bg_grad_02.gif) repeat-x;
	}
ul {list-style:none;}
img {border:none;}

a:link, a:visited, a:hover, a:active {
	color:#0f4997;
	text-decoration:none;
	}
.text_replace {
	text-indent:-999em;
	overflow:hidden;
	}


#container {
	background:url(../images/bg_main_02.png) no-repeat bottom;
	width:823px;
	padding:0 0 24px 0px;
	margin:auto;
	}
* html #container {
	background:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_main_02.png', sizingMethod='crop');
	}
#content { /*THIS may only go in the site.css*/
	position:relative;
	padding:0px 2px 0 24px;
	width:803px;
	}

#header {
	background:url(../images/santicatvheader.jpg) no-repeat;
	width:812px;
	height:82px;
	margin-left:6px;
	}

.celluscience #header {
	background:url(../images/celluscienceheader.jpg) no-repeat;
	}

#header a {
	display:block;
	width:100%;
	height:100%;
	}


/*MAIN NAV
----------------------------*/	
#main_nav {
	background:url(../images/main_nav.gif) no-repeat;
	width:764px;
	height:24px;
	}

#foot_nav {
	background:url(../images/foot_nav.gif) no-repeat;
	width:767px;
	height:25px;
	margin-top:20px;
	clear:both;
	}

.nav {
	clear:both;
	position:relative;
	}
.nav li {
	height:24px;
	}
.nav a {
	display:block;
	height:24px;
	text-indent:-999em;
	overflow:hidden;
	}
.nav .nav_home {left:0;width:62px;}
.nav .nav_formula {width:62px;}
.nav .nav_directions {width:120px;}
.nav .nav_faq {width:42px;}
.nav .nav_press {width:40px;}
.nav .nav_success {width:107px; }
.nav .nav_about {width:70px; }
.nav .nav_santica {width:90px; }
.nav .nav_contact {width:83px; }
.nav .nav_privacy {width:107px; }
.nav .nav_cancellation {width:136px; }

#main_nav li { position: absolute; }

#main_nav .nav_home {left:0px;}
#main_nav .nav_formula {left:70px;}
#main_nav .nav_directions {left:145px;}
#main_nav .nav_press {left:280px}
#main_nav .nav_faq {left:340px}

#main_nav .nav_success {left:400px}
#main_nav .nav_about {left:500px}
#main_nav .nav_contact {left:600px}
#main_nav .nav_cart {left:710px;width:60px;}

#foot_nav li { float: left; }
/*------------------------------*/

.lnk_buy {
	text-align: center;
	}

/* Section Specific */
	/* Success */
.success .lnk_buy {
	float: none;
	padding-bottom: 20px;
	}

	/* Copy */
.copy .lnk_buy {
	padding-left: 20px;
	padding-bottom: 10px;
	}

.copy #content {
	width: 780px;
	}

/* Page specific */
	/* Press */
#press h1 {
	float: left;
	}

#press #buy_now {
	float: right;
	margin: 0;
	margin: 15px 23px 0 0;
	background-color: #fff;
	}
* html #press #buy_now {
	margin-right: 0;
	padding-right: 23px;
	}

	/* FAQs */
#faq #content {
	width: 790px;
	}

	/* About */
#about .lnk_buy {
	padding-left: 20px;
	padding-bottom: 10px;
	}

#about #content {
	width: 780px;
	}

#about body {
	line-height:1.5em;
	}

#about .lower_paragraph {
	margin-right:48px;
	}

	/* Contact */
#contact .lnk_buy {
	padding-left: 20px;
	padding-bottom: 10px;
	}

#contact #content {
	width: 780px;
	}


	/* Formula */
#formula #content {
	padding-right:12px;
	width:794px;
	}

#formula h2 {
	font-weight:bold;
	font-size:14px;
	margin-bottom:0;
	}

#formula h2 .sub {
	font-size:12px;
	}

#formula p {
	margin-right:18px;
	}

#formula #supp_facts {
	position:absolute;
	top:40px;
	left:272px;
	}

#formula .ingredients {
	line-height:1.7em;
	font-size:11px;
	}

#formula #foot_nav {
	margin-top:250px;
	clear:both;
	}

#formula p.lnk_buy {
	margin-top:12px;
	}


/* SITE SECTIONS */
	/* STORIES */
.story #video {
	float: left;
	}

.story #offer {
	float: right;
	}

.story #story_nav {
	width: 450px;
	}

.story #story_prev {
	float: left;
	padding: 10px 0;
	}

.story #story_next {
	float: right;
	padding: 10px 0;
	}

.story #text {
	width: 459px;
	background: url(../images/story_text_bg.gif) left top repeat-y;
	margin-top: -40px;
	float: left;
	}
* html .story #text {
	margin-top: 0;
	}

.story #text .n {
	background: url(../images/story_text_top.gif) left top no-repeat;
	}

.story #text .s {
	background: url(../images/story_text_bottom.gif) left bottom no-repeat;
	padding: 12px 17px 0 11px;
	}

.story #text h2 {
	padding: 0 0 10px 0;
	color: #5ebae6;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 15px;
	}


.story #text p {
	padding:  0 0 15px 0;
	}

.story #text #portrait {
	float: left;
	padding: 0 10px 10px 0;
	}

.story p,
.story h2 {
	margin: 0;
	padding: 2em 0;
	}

.story #primary {
	float: left;
	clear: both;
	width: 800px;
	padding-top: 15px;
	}

.story #primary h1 {
	padding-top: 0;
	margin-top: 0;
	}

.story #secondary {
	float: left;
	clear: both;
	padding-bottom: 10px;
	width: 780px;
	}

.story #offer p {
	padding: 0;
	}

.story #offer #one_month_free {
	padding-right: 10px;
	}

.story #before_after {
	width: 307px;
	padding: 0 0 0 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 1.3em;
	margin-top: -20px;
	float: left;
	}
* html .story #before_after {
	margin-top: 0;
	}

.story #before_after #order_now {
	padding-bottom: 20px;
	}

.story #before_after p {
	padding: 5px 0;
	}

.story #before_after h2 {
	background-color: #000;
	color: #fff;
	font-size: 18px;
	padding: 3px 0 3px 6px;
	}

.story #before_after .more_info {
	text-align: justify;
	}

.story #before_after .caption {
	padding: 5px 5px;
	color: #fff;
	background-color: #000;
	margin-bottom: 10px;
	}

.story #before_after .no_pad {
	padding: 0;
	}

.story #before_after #share_story {
	text-align: center;
	padding-top: 25px;
	}
	/* /STORIES */
/* /SITE SECTIONS */



/* SITE PAGES */
	/* SUCCESS STORIES */
#success #text {
	background: none;
	}

#success #text .person {
	background: url(../images/story_text_bg.gif) left top repeat-y;
	float: left;
	width: 459px;
	margin-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	}

#success #text .n {
	float: left;
	width: 459px;
	}

#success #text img {
	padding-bottom: 6px;
	}

#success #text .s {
	float: left;
	width: 437px;
	}

#success #text p {
	text-align: center;
	}

#success #text a {
	color: #5ebae6;
	}
	/* /SUCCESS STORIES */
/* /SITE PAGES */
        /* RECEIPT PAGE */

#receipt {
        font-size: 12px;
        line-height: 18px;
        margin: 30px 30px 0 30px;
                padding-bottom: 30px;
}
        #receipt h2 {
                font-size: 24px;
                margin-bottom: 10px;
        }
#receipt table {
        width: 100%;
        border-collapse: collapse;
        margin-top: 20px;
}
        #receipt table td, #receipt table th {padding-right: 10px;}
        #receipt table .summary td,
        #receipt table .summary th {padding-top: 100px;}
        #receipt th, #receipt td {text-align: left;}
        #receipt .price {text-align: right;}
        #receipt tbody th {font-weight: normal; text-align: right; padding-right: 50px;}
        #receipt thead th {padding-bottom: 20px;}
        #receipt tbody .total td,
        #receipt tbody .total th {font-weight: bold;}
        #receipt .quantity {text-align: center;}
        #receipt .description {width: 500px; padding-right: 50px;}
        
#receipt .address {margin-top: 20px;}
        #receipt .address caption {
                text-align: left;
                font-weight: bold;
        }
        #receipt .address table {
                margin:0;
                float: left;    
                min-width: 290px;
                width: auto !important;
                width: 290px;
        }
.shopping_cart #content {width: auto; padding: 44px 24px 4px 24px;}
.shopping_cart #header {margin-left: -1px;}
.shopping_cart td {text-align: left;}
.shopping_cart {_background: #FFF; }

/* 5) FLOAT CLEARS/HACKS/SPECIAL CLASSES ------------------------------------ */
.clear	{
	clear: both !important;
	font-size: 0 !important;
	line-height: 0 !important;
	visibility: hidden !important;
	float: none !important;
	padding: 0 !important;
	display: block !important;
	}
.row, #footer ul, .content, .qty_price, .main {
	zoom:1;
}
.row:after, #footer ul:after, .content:after, .qty_price:after, .main:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	width:0;
	line-height:0;
	visibility:hidden;
}

/* /FLOAT CLEARS/HACKS/SPECIAL CLASSES ------------------------------------ */
