﻿/* general reset */
body{
	margin:0;
	color:#231f20;
	font:11px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
	background:#fff;
}
img{border-style:none;}
a{
	text-decoration:none;
	color:#00adee;
}
a:hover{text-decoration:underline;}
/* wrapper */
#wrapper{
	position:relative;
	width:957px;
	margin:0 auto;
}
#main{
	display:table;
	width:100%;
}
/* header */
#header{
	width:100%;
	display:table-header-group;
}
#header .holder{
	width:100%;
	padding:24px 0 9px;
	background:#f1f2f2 url(../images/bg-header.jpg) repeat-x;
}
/* logo */
.logo {
	margin:0;
	width:322px;
	height:49px;
	position:absolute;
	top:24px;
	z-index:50;
	cursor:pointer;
	background:url(../images/logo.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.logo a{
	display:block;
	height:100%;
}
/* add-nav */
.add-nav{
	margin:0;
	padding:9px 35px 0 0;
	list-style:none;
	float:right;
	font-size:10px;
	line-height:12px;
	background:url(../images/bg-add-nav.gif) no-repeat;
	text-transform:uppercase;
}
.add-nav a{
	color:#26a9e0;
}
/* nav */
#nav{
	margin:0;
	text-transform:uppercase;
	padding:36px 0 0 73px;
	margin-top: 30px;
	font-size:11px;
	line-height:13px;
	width:884px;
	overflow:hidden;
	list-style:none;
}
#nav li{
	width:70px;
	float:left;
	display:inline;
	margin:0 25px 0 0;
}
* html #nav li{
	overflow:hidden;
}
#nav span{
	text-indent:-9999px;
	overflow:hidden;
	display:block;
	cursor:pointer;
}
.home span{
	width:34px;
	height:8px;
	background:url(../images/text-home.gif) no-repeat;
}
.about span{
	width:53px;
	height:22px;
	background:url(../images/text-about.gif) no-repeat;
}
.press span{
	width:32px;
	height:8px;
	background:url(../images/text-press.gif) no-repeat;
}
.video span{
	width:42px;
	height:8px;
	background:url(../images/text-video.gif) no-repeat;
}
.tru span{
	width:59px;
	height:34px;
	background:url(../images/text-tru.gif) no-repeat;
}
.ramona span{
	width:52px;
	height:47px;
	background:url(../images/text-ramona.gif) no-repeat;
}
.true span{
	width:65px;
	height:22px;
	background:url(../images/text-true.gif) no-repeat;
}
.amazon span{
	width:76px;
	height:48px;
	background:url(../images/text-amazon.gif) no-repeat;
}
.contact span{
	width:54px;
	height:8px;
	background:url(../images/text-contact.gif) no-repeat;
}
#nav li a{
	color:#404041;
	height:1%;
	display:block;
	width:70px;
	padding:11px 0 0;
	position:relative;
	background:url(../images/bg-nav-a.gif) no-repeat;
}
#nav li a:hover{
	text-decoration:none;
	background:url(../images/bg-nav-a-hover.gif) no-repeat;
}
/* header-image */
.header-image{
	position:absolute;
	top:24px;
	left:357px;
}
.header-image img{
	vertical-align:top;
}
/* threecolumns */
#threecolumns{
	width:100%;
	display:table-footer-group;
}
.threecolumns-holder{
	background:url(../images/bg-threecolumns.gif) repeat-y;
	overflow:hidden;
	padding:0 0 127px;
	width:100%;
}
/* container */
.container{
	width:648px;
	float:left;
}
/* content */
#content{
	float:right;
	width:412px;
	padding:19px 12px 0;
}
#content p{
	margin:0 0 18px;
}
/* content h2 */
#content h2{
	margin:0 0 18px;
	font-weight:normal;
	font-size:18px;
	line-height:22px;
	color:#00a551;
}

.h2blue 
{
	color: #00ADEE !important;
}

#content .buy-box h2{
	margin:0;
}
/* content h3 */
#content h3{
	color:#00a551;
	margin:0 0 13px;
	font-weight:normal;
	font-size:12px;
}

#divProductImages{
	float:left; 
	width:130px; 
	margin:0 20px 10px 0; 
	text-align:center
}
/* info */
.info{
	margin:0 0 16px;
}
.info span{
	float:left;
	padding:0 8px 0 0;
	margin:0 5px 0 0;
	background:url(../images/bg-info-span.gif) no-repeat 100% 70%;
}
/* ingredients */
.ingredients{
	margin:0;
}
.ingredients dt{
	display:inline;
}
.ingredients dd{
	margin:0;
	display:inline;
}
/* buy-box */
.buy-box{
	padding:0 0 5px;
	margin:0 0 15px;
	background:url(../images/divider.gif) repeat-x 0 100%;
}
.buy-box .holder{
	height:1%;
}
/* special-tip */
.special-tip-intro{
	color:#00ADEE;
	font-weight: bold;
}
/* item */
.item{
	padding:0 0 13px 4px;
	background:url(../images/divider1.gif) repeat-x 0 100%;
}
.item .holder{
	margin:-4px 0 0;
}
/* diff */
.diff{
	padding-bottom:7px;
	background:url(../images/bg-buy-box-diff.gif) repeat-x 0 100%;
}
.buy-box .holder:after{
	content:"";
	display:block;
	clear:both;
}
.buy-box dl{
	margin:0;
	padding:2px 0 0;
	float:left;
}
.diff dl{
	padding:4px 0 0;
}
.buy-box dt{
	float:left;
	display:inline;
	margin:0 2px 0 0;
}
.buy-box dd{
	margin:0;
	float:left;
}
/* btn  */
.btn-sign,
.btn-list a{
	display:block;
	padding:4px 8px 0 0;
	width:141px;
	height:32px;
	cursor:pointer;
	text-align:center;
}
.btn-sign:hover,
.btn-list a:hover{
	text-decoration:none;
}
/* btn-add */
.btn-list .add{
	color:#00adee;
	background:url(../images/btn-add.png) no-repeat;
}
.btn-list .add:hover{
	color:#fff;
	background:url(../images/btn-add-hover.png) no-repeat;
}
/* btn-sign btn-check */
.btn-sign,
.btn-list .check{
	color:#fff;
	margin:0 0 0 -4px;
	position:relative;
	background:url(../images/btn-check.png) no-repeat;
}
/* btn-sign */
.btn-sign{
	margin:0;
	font-size:11px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.btn-sign:hover{
	background:url(../images/btn-sign-hover.png) no-repeat;
}
.btn-list .check:hover{
	background:url(../images/btn-check-hover.png) no-repeat;
}

/* btn-list */
.btn-list{
	margin:0 -11px 0 0;
	position:relative;
	display:inline;
	padding:0;
	line-height:17px;
	float:right;
	list-style:none;
}
.btn-list li{
	float:left;
}
/* testimonials */
.testimonials{
	margin:-2px 0 10px;
	color:#58595b;
	overflow:hidden;
	height:1%;
	padding:0 0 8px;
	background:url(../images/divider1.gif) repeat-x 0 100%;
}
#content .testimonials h2{
	color:#929497;
}
/* blockqoute */
.testimonials blockquote{
	margin:0;
	overflow:hidden;
	font-style:italic;
	width:100%;
}
/* qoutes reset */
q{quotes: none;}
q:before{content:"";}
q:after{content:"";}
/* cite */
.testimonials cite{
	display:block;
	height:1%;
	padding:0 0 0 11px;
	background:url(../images/bg-cite.gif) no-repeat 0 60%;
	margin:0 0 0 72px;
}
/* price */
.price{
	float:left;
	margin:4px 0 0;
}
/* save */
.save{
	display:block;
	margin:-14px 0 0;
	color:#00adee;
}
/* LeftContent */
.LeftContent{
	float:left;
	width:199px;
	padding:23px 0 0 13px;
}
/* TopLeftContent */
.TopLeftContent{
	margin:0 0 21px;
}
.TopLeftContent img{
	vertical-align:top;
}
/* connect */
.connect{
	padding:9px 0 24px;
	background:url(../images/bg-nav-a-hover.gif) no-repeat;
}
.connect strong{
	display:block;
	color:#26a9e0;
	font-weight:normal;
	font-size:12px;
	letter-spacing:1px;
	margin:0 0 14px;
}
.connect ul{
	margin:0;
	padding:0 0 0 3px;
	overflow:hidden;
	height:1%;
	list-style:none;
}
.connect ul li{
	float:left;
	padding:0 10px 0 0;
}
.connect .twitter img{
	margin:-2px 0 0;
}
.connect ul img{
	vertical-align:top;
}
/* block */
.block{
	color:#231f20;
	padding:0 10px 0 0;
	margin:0 0 14px;
	font:12px/18px Georgia,serif;
}
.block p{
	margin:0 0 4px;
}
.LeftContent .block h3{
	margin:0;
	font:bold 12px/18px Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.LeftContent .block h3 a{
	color:#231f20;
}
.blog a{
	padding:9px 0 0 29px;
	background:url(../images/ico-b.gif) no-repeat;
}
/* RightContent */
#RightContent{
	font-size:13px;
	width:273px;
	float:right;
	padding:39px 24px 0 12px;
}
/* RightContent h3 */
#RightContent h3{
	margin:0;
	font-size:14px;
	color:#00adee;
}
#RightContent h3 a{
	color:#00adee;
}
#RightContent p{
	margin:0 0 20px;
}
/* products */
.products{
	margin:0 -26px 25px 0;
	padding:0;
	width:299px;
	font-size:9px;
	line-height:12px;
	list-style:none;
}
.products:after{
	content:"";
	display:block;
	clear:both;
}
.products li{
	width:149px;
	float:left;
	padding:0 0 10px;
}
.products li span{
	display:block;
	padding:0 12px 0 0;
	text-align:center;
}
/* image-holder */
.image-holder{
	width:149px;
	margin:0 0 -5px;
	height:148px;
	background:url(../images/bg-image-holder.png) no-repeat;
}
.products a{
	float:left;
	position:relative;
}
.products a:hover{
	margin:-1px -1px 0 -1px;
	border:1px solid #38bef1;
}
.products .focused a{
	margin:-1px -1px 0 -1px;
	border:1px solid #38bef1;
}
.image-holder img{
	vertical-align:top;
}
/* news */
.news{
	padding:12px 0 0 16px;
	margin:0 0 0 -4px;
	background:url(../images/bg-nav-a.gif) no-repeat 15px 0;
}
.news h4{
	font-size:12px;
	text-transform:uppercase;
	margin:0 0 14px;
}
.news ul{
	font-size:12px;
	line-height:15px;
	margin:0 0 0 -16px;
	padding:0;
	width:224px;
	list-style:none;
}
.news li{
	padding:0 0 0 15px;
	margin:0 0 18px;
	background:url(../images/bullet-news.gif) no-repeat 0 5px;
}
.news li a{
	color:#231f20;
}
.news div{
	padding:0 0 8px;
	background:url(../images/divider2.gif) repeat-x 0 100%;
}
/* footer */
#footer{
	font-size:9px;
	color:#6d6e70;
	letter-spacing:-1px;
	word-spacing:1px;
	padding:0 0 15px;
	overflow:hidden;
	height:1%;
}
/* section */
#footer .section{
	padding:19px 0 6px 10px;
	height:1%;
	border-bottom:2px solid #dbdbdc;
}
/* nav */
.nav{
	margin:0 0 0 -5px;
	padding:0;
	text-transform:uppercase;
	height:1%;
	overflow:hidden;
	list-style:none;
}
.nav span{
	text-transform:none;
}
.nav li{
	float:left;
	margin:0 1px 0 -1px;
	display:inline;
	padding:0 7px;
	background:url(../images/separator-nav.gif) no-repeat 0 60%;
}
#footer a{
	color:#6d6e70;
}
/* by */
.by{
	float:right;
	display:inline;
	margin:0 15px 0 0;
	overflow:hidden;
}
.by dt{
	float:left;
	display:inline;
	margin:0 6px 0 -1px;
	padding:0 0 0 9px;
	background:url(../images/separator-nav.gif) no-repeat 0 60%;
}
.by dd{
	margin:0;
	float:left;
	padding:0 12px 0 0;
}
/* Temporary Hidden */
.temporary-hidden
{
	display: block;
}
/* Lightbox */
.lightbox-image
{
	float: left;
	margin-right: 7px;
	margin-bottom: 10px;
	border: 1px solid #CCCCCC;
}
