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

tab_html {
height:100%;	
}

body {
margin:0px;
padding:0px;
height:100%;
font:12px Helvetica, Arial, sans-serif;
color:#e20177;
background:bottom center repeat-x url('../images/bg.jpg');
background-color:#0099d2;
background-attachment:fixed;
}

img {
border:none;
vertical-align:middle;
margin:0px;
padding:0px;
}

input {
vertical-align:middle;
}

a {
cursor:pointer;	
color:#e20177;
text-decoration:underline;
}
a:hover {
text-decoration:none;
}

h2 a {
text-decoration:none;
}

h2 {
margin:0px;
font:bold 18px Helvetica, Arial, sans-serif;
}

h2.name {
margin-top:20px;
}

form {
margin:0px;
}

input.text {
vertical-align:middle;
color:#434343;
padding:1px;	
font-size:14px;
}

.thumb {
float:left;	
margin-right:10px;
}

.clear {
clear:both;
}

.blue {
color:#aadef1;
}

.orange {
color:#f99d1c;
}

.yellow {
color:#d9e13a;	
}

.green {
color:#8bcfb7;
}

input.short {
width:70px;	
}

#content {
position:relative;
top:15px;
margin:auto;
width:955px;
padding-top:115px;
}

#footer {
position:relative;
top:0px;
width:100%;
height:61px;
z-index:1000;
}

#footer_bg {
width:100%;
height:61px;
background:url('../images/footer.png');
position:relative;
}

#footer_content {
position:relative;
top:57px;
width:935px;
margin:auto;
color:#FFFFFF;
z-index:5;
}

#footer_content a {
color:#FFFFFF;
}

#logo {
position:absolute;
top:5px;
left:36px;
}

#signup {
position:absolute;
top:0px;
right:15px;
color:#FFFFFF;
font-size:14px;
}

#signup img,
#signup input {
vertical-align:middle;
margin-left:5px;
color:#434343;
padding:1px;
}

#nav {
position:absolute;
top:55px;
right:0px;
}

#nav a {
float:left;
display:block;
margin-right:7px;
}

#mainbg {
position:absolute;
top:115px;
left:0px;
font-size:0px;
}

#sidebarbg {
position:absolute;
top:115px;
right:0px;
font-size:0px;
}

#main_flash {
position:relative;
padding:10px 13px 13px 10px;
width:610px;
height:386px;
color:#FFFFFF;
z-index:20;
}

#main_products {
position:relative;
padding:57px 0px 13px 10px;
overflow:hidden;
width:937px;
height:400px;
color:#FFFFFF;
z-index:20;
}

#main_products .box {
display:block;
position:relative;
float:left;
margin:0px 10px 10px 0px;
padding:10px 10px 0px 10px;
background:url('../images/box_product.png');
width:204px;
height:190px;
text-decoration:none;
}

#main_products .placeholder {
background:url('../images/box_product_placeholder.png');
}

#main_products .box .text {
position:absolute;
top:10px;
right:10px;
width:204px;
height:190px;
font-size:22px;
font-weight:bold;
text-align:right;
}

#main_products .box img {
float:left;
}

#main_products .box .details {
font-size:12px;
font-weight:normal;
color:#e20177;
}

#main_product_details {
position:relative;
padding:10px 0px 13px 10px;
width:950px;
height:450px;
z-index:20;
}

#main_product_details .features {
color:#ffffff;
margin-top:10px;
width:224px;
}

#main_product_details .product {
position:absolute;
top:20px;
left:252px;
}

#main_product_details .product .product_image {
display:block;
float:left;
margin-right:10px;
}

#main_product_details .product .product_info {
display:block;
float:left;
width:550px;
}

#main_product_details .product .product_info h1 {
margin:0px;
padding:0px 0px 5px 0px;
background:bottom repeat-x url('../images/border_pink.png');
font-size:34px;
font-weight:bold;
display:inline;
}

.tabs {
padding-top:10px;
height:32px;
background:bottom repeat-x url('../images/border_tabs.png');	
}

.storytabs {
margin-bottom:20px;
}

#tab_joonstory {
display:block;
float:left;
height:32px;
width:86px;
background:url('../images/tab_joonstory.png');
background-position:right;
}
#tab_advisors {
display:block;
float:left;
height:32px;
width:127px;
background:url('../images/tab_advisors.png');
background-position:left;
}
#tab_founders {
display:block;
float:left;
height:32px;
width:135px;
background:url('../images/tab_founders.png');
background-position:left;
}
#tab_philosophy {
display:block;
float:left;
height:32px;
width:155px;
background:url('../images/tab_philosophy.png');
background-position:left;
}

#philosophy,
#founders,
#advisors {
display:none;
}

#tab_how_to_use {
display:block;
float:left;
height:32px;
width:155px;
background:url('../images/tab_howtouse.png');
background-position:right;
}

#tab_ingredients {
display:block;
float:left;
height:32px;
width:167px;
background:url('../images/tab_ingredients.png');
background-position:left;
}

#how_to_use,
#ingredients {
padding:10px 0px;
}

#ingredients {
display:none;
width:570px;
}

.ingredient {
display:block;
float:left;
position:relative;
margin-right:4px;
margin-bottom:4px;
background:url('../images/bg_ingredient.png');
width:77px;
height:50px;
font-size:9px;
color:#e20177;
padding:6px;
cursor:default;
}

.ingredient img {
position:absolute;
top:0px;
left:0px;
}

#page {
position:relative;
top:10px;
left:10px;
width:612px;
background-color:#FFFFFF;
z-index:20;
font-size:0px;
float:left;
}

#page .page_content {
width:592px;
padding:0px 10px;
font-size:12px;
}

#page h1 {
margin:0px;
padding:0px 0px 8px 0px;
width:100%;
font-size:22px;
font-weight:bold;
background:bottom left no-repeat url('../images/border_h1.png');
}

#page p {
margin:10px 0px 20px 0px;
}

#page .page_content h1.retailers {
font-size:36px;
text-transform:uppercase;
line-height:36px;
background:none;
width:auto;
}

#rightcolumn {
position:absolute;
top:115px;
right:0px;
width:313px;
overflow:hidden;
font-size:0px;
}

#rightcolumn a {
text-decoration:none;
}

#rightcolumn .box {
padding:10px 12px 12px 10px;
width:291px;
color:#FFFFFF;
font-size:12px;
}

#rightcolumn .box a,
#rightcolumn .box h2 {
color:#d9e13a;	
}

#rightcolumn .box p {
display:inline;
margin:0px;
}

#rightcolumn .box .thumb {
background-position:center;
background-repeat:no-repeat;
}

.pagination {
float:right;
}

div.bloginfo {
color:#f99d1c;
padding:5px 0px;
font-weight:bold;
}

#page .blog a {
color:#f99d1c;
font-weight:bold;
}

#page .blog h1 {
font-size:36px;
}

#page .blog h1 a {
color:#e20177;
text-decoration:none;
}

#page .blog h2 {
padding-top:10px;
}

#page .blog h2 a {
color:#e20177;
text-decoration:none;
}

#sidebar {
position:relative;
float:right;
width:273px;
padding:20px;
overflow:hidden;
z-index:20;
}

#sidebar ul {
margin:0px;
padding:10px 0px 20px;
list-style:none;
line-height:1.5em;
}

.theauthor {
float:left;
display:inline;
margin-right:-10px;
}

#author_image {
border:1px solid #e50b7d;
float:left;
margin-right:10px;
}

.commentlist {
margin:0px;
padding:0px;
list-style:none;
}

.commentlist li {
padding:10px 0px;
}

.avatar {
float:left;
padding-right:10px;
}

.commentmetadata {
font-size:10px;
}

.commentlist p {
padding-left:42px;
}

#flash_video {
padding:10px 0px 20px 0px;
}