body {
	margin:0;
	font:12px Arial, Helvetica, sans-serif;
}

#main {
	width:800px;
	margin:0 auto;
}
/* header */
#header {
	width:800px;
	float:left;
	height:135px;
	background:url(../images/bg-header.jpg) no-repeat;
	position:relative;
}
/* logo */
h1 {
	margin:0;
}
h1 a {
	display:block;
	text-indent:-9999px;
	width:152px;
	height:57px;
	overflow:hidden;
	position:absolute;
	top:23px;
	left:32px;
}
h2 {
	margin:0;
	font-size:15px;
	color:#f90;
	float:left;
	width:113px;
}
img {
	border:0;
	display:block;
}
.from-vancouver {
	font-size:16px;
	color:#fff;
	padding:12px 0 0 0;
	margin-left:635px;
	width:148px;
	float:left;
	font-weight:bold;
	line-height:18px;
	letter-spacing:-1px;
	display:inline;
	height:88px;
	overflow:hidden;
	border: 0px solid #fff;
}
.from-vancouver span {
	display:block;
	font-size:12px;
	letter-spacing:normal;
}
/* top navigation */
#nav-box {
	width:800px;
	float:left;
	padding-top:10px;
}

#header ul{
padding:0;
margin:0;
list-style:none;
width:798px;
float:left;
} 

#header ul li {
	padding:1px 0 1px 1px;
	float:left;
	display: inline /* fixed IE bug */
	margin-left: 0px;
}
#header ul li a {
	display:block;
	float:left;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
}
#header ul li a.health-link {
	background:url(../images/health-link.gif);
	width:130px;
}
#header ul li a.games-link {
	background:url(../images/games-link.gif);
	width:129px;
}
#header ul li a.boys-link {
	background:url(../images/boys-link.gif);
	width:122px;
}
#header ul li a.info-link {
	background:url(../images/info-link.gif);
	width:123px;
}
#header ul li a.lab-link {
	background:url(../images/lab-link.gif);
	width:128px;
}

#header ul li a.shop-link,
#slenderize-header ul li a.shop-link {
background:url(../images/shop-link.gif);
width:156px;
} 

#header ul li a:hover,
#header ul li a.active {
	background-position:0 -24px;
}
/* search form */
#header form {
	float:left;
	padding:4px 0 0 7px;
}
#header form input {
	float:left;
	margin-right:1px;
}
#header form input.text {
	width:120px;
	height:14px;
	padding:1px 0 1px 5px;
	border:1px solid #ccc;
	color:#801439;
	font:bold 12px Arial, Helvetica, sans-serif;
}
#header form input.button {
	width:18px;
	height:18px;
}
/* slenderize-header */
#slenderize-header {
	width:800px;
	float:left;
	height:135px;
	background:url(../images/bg-header_slenderize.jpg) no-repeat;
	position:relative;
}
/* logo */
h1 {
	margin:0;
}
h1 a {
	display:block;
	text-indent:-9999px;
	width:152px;
	height:57px;
	overflow:hidden;
	position:absolute;
	top:23px;
	left:32px;
}
h2 {
	margin:0;
	font-size:15px;
	color:#f90;
	float:left;
	width:113px;
}
img {
	border:0;
	display:block;
}
.from-vancouver {
	font-size:16px;
	color:#fff;
	padding:12px 0 0 0;
	margin-left:635px;
	width:148px;
	float:left;
	font-weight:bold;
	line-height:18px;
	letter-spacing:-1px;
	display:inline;
	height:88px;
	overflow:hidden;
	border: 0px solid #fff;
}
.from-vancouver span {
	display:block;
	font-size:12px;
	letter-spacing:normal;
}
/* top navigation */
#nav-box {
	width:800px;
	float:left;
	padding-top:10px;
}
#slenderize-header ul {
	padding:0;
	margin:0;
	list-style:none;
	width:798px;
	float:left;
}
#slenderize-header ul li {
	padding:1px 0 1px 1px;
	float:left;
}
#slenderize-header ul li a {
	display:block;
	float:left;
	height:24px;
	text-indent:-9999px;
	overflow:hidden;
}
#slenderize-header ul li a.health-link {
	background:url(../images/health-link.gif);
	width:130px;
}
#slenderize-header ul li a.games-link {
	background:url(../images/games-link.gif);
	width:129px;
}
#slenderize-header ul li a.boys-link {
	background:url(../images/boys-link.gif);
	width:122px;
}
#slenderize-header ul li a.info-link {
	background:url(../images/info-link.gif);
	width:123px;
}
#slenderize-header ul li a.lab-link {
	background:url(../images/lab-link.gif);
	width:128px;
}
#slenderize-header ul li a:hover,
#slenderize-header ul li a.active {
	background-position:0 -24px;
}
/* page content */
#center,
.top-center {
	width:800px;
	float:left;
}
* html #center {
	margin-top:-1px;
}
#center {
	background:url(../images/bg-center.gif) no-repeat 0 100%;
	padding:0 0 58px 0;
	margin-top:1px;
	/*height:523px;*/
}
.top-center {
	padding:18px 0 0 0 !important;
	background:url(../images/bg-top-center.gif) no-repeat;
	/*height:374px;*/
	overflow:hidden;
}
.health-box,
.page-box {
	width:320px;
	float:left;
}

.health-box{
	position:relative;
}

.page-box {
	background:url(../images/bg-page-box.gif) no-repeat 0 100%;
	padding-bottom:18px;
}
/* blueberry box */
.blueberry-box {
	width:160px;
	float:right;
	background:url(../images/bg-blueberry.gif);
	height:374px;
}

/* frontpage blueberry box......................................................................... */
body#frontpage .blueberry-box {
	width:160px;
	float:left;
	background:url(../images/bg-blueberry_blank.gif);
	height:374px;
}
/* orangemango box */
.orangemango-box {
	width:160px;
	float:right;
	background:url(../images/orangemango.jpg);
	height:374px;
}

/* orangemango box......................................................................... */
body#frontpage .orangemango-box {
	width:160px;
	float:left;
	background:url(../images/orangemango_blank.jpg);
	height:374px;
}
/* apple-elderflower box */
.apple-elderflower-box {
	width:160px;
	float:right;
	background:url(../images/appleelder.jpg);
	height:374px;
}


.vitalize {
background:url(../images/vitalize_footer.gif) no-repeat; }
.slenderize {
background:url(../images/slenderize_footer.gif) no-repeat; } 


/* apple-elderflower box......................................................................... */
body#frontpage .apple-elderflower-box {
	width:160px;
	float:left;
	background:url(../images/appleelder_blank.jpg);
	height:374px;
}
/* peach-passionfruit box */
.peach-passionfruit-box {
	width:160px;
	float:right;
	background:url(../images/peachpassion.jpg);
	height:374px;
}

/* peach-passionfruit box......................................................................... */
body#frontpage .peach-passionfruit-box {
	width:160px;
	float:left;
	background:url(../images/peachpassion_blank.jpg);
	height:374px;
}
/* competition box */
.competition-box {
	width:160px;
	float:right;
	background:url(../images/bg-blueberry_compettion_ad.jpg);
	height:374px;
}

/* competition box......................................................................... */
body#frontpage .competition-box {
	width:160px;
	float:left;
	background:url(../images/bg-blueberry_compettion_ad_blank.jpg);
	height:374px;
}
/* four boxes width ganes, lab, boys and info */
.games-box,
.lab-box {
	width:87px;
	height:147px;
	float:left;
	padding:31px 27px 0 46px;
	font-weight:bold;
	line-height:12px;
}

.boys-box,
.info-box {
	width:87px;
	height:157px;
	float:left;
	padding:21px 27px 0 46px;
	font-weight:bold;
	line-height:12px;
}
.page-box p {
	margin:0 0 11px 0;
}
.page-box a {
	text-decoration:none;
	color:#000;
}
.page-box a:hover {
	text-decoration:none;
	color:#801439;
}
.games-box {
	background:url(../images/bg-games-box.gif);
}
.lab-box {
	background:url(../images/bg-lab-box.gif);
}
.boys-box {
	background:url(../images/bg-boys-box.gif);
}
.info-box {
	background:url(../images/bg-info-box.gif);
}
/* health box */
.health-box {
	height:374px;
	background:url(../images/bg-health-box.gif);
}
/* scroll in health box */
.scroll {
	width:31px;
	height:227px;
	float:left;
	background:url(../images/bg-scroll.gif);
	padding-top:145px;
}
.scroll div {
	width:25px;
	float:left;
	padding-left:6px;
}
.scroll-line {
	height:133px;
	padding:6px 9px 6px 9px !important;
	width:13px !important;
}
.scroll-line div {
	width:11px;
	height:62px;
	padding:0;
	float:left;
	border:1px solid #EFF0C7;
}

.health-info {
	position:absolute;
	width:248px;
	height:225px;
	float:left;
	padding: 0px 0 65px 21px;
	overflow:hidden;
}
.health-info div {
	width:248px;
	float:left;
}
.health-info div.health-line {
	padding-top:12px;
}
.health-info div img {
	float:right;
	margin-left:9px;
}
.health-info p {
	margin:10px 0 0 0;
}
.health-info span {
	font-size:11px;
	font-weight:bold;
	color:#f90;
}
.health-info a {
	color:#000;
	text-decoration:none;
}
.health-info a:hover {
	text-decoration:underline;
}
.bottom-box,
#footer {
	float:left;
	background:url(../images/bg-bottom-box.gif) no-repeat;
}
.bottom-box {
	padding:20px 0 0 0;
	width:800px;
	height:112px;
	overflow:hidden;
}
.bottom-box p {
	margin:7px 0 0 0;
	line-height: 14px;
}
.vitalize {
	width:254px;
	float:left;
	padding:0 34px 0 32px;
}
.slenderize {
	width:255px;
	float:left;
	padding:0 30px 0 35px;
}
.like-site {
	width:121px;
	float:left;
	padding:0 24px 0 15px;
	color:#666;
}
.like-site a {
	color:#666;
	text-decoration:none;
}
.like-site a:hover {
	text-decoration:none;
}
/* footer */




.footer {
	padding:20px 0 0 0;
	width:800px;
	height:112px;
	overflow:hidden;
	font:10px Arial, Helvetica, sans-serif;
}
.footer p {
	margin:7px 0 0 0;
	line-height: 14px;
}
.footerleft {
	width:254px;
	float:left;
	padding:0 34px 0 32px;
}
.footercenter {
	width:255px;
	float:left;
	padding:0 30px 0 35px;
}
.footerright {
	width:121px;
	float:left;
	padding:0 24px 0 15px;
	color:#666;
}
.footerleft a, .footercenter a, .footerright a {
	color:#666;
	text-decoration:none;
}
.footerleft a:hover, .footercenter a:hover, .footerright a:hover {
	text-decoration:none;
	color:#acc216 !important;
}

/* green hover */
.green,
.green a,
.green h2,
.green span {
	color:#acc216 !important;
}
.nogreen:hover,
.nogreen:hover a,
.nogreen:hover h2,
.nogreen:hover span {
	color:#acc216 !important;
}

/* DROPDOWNMENU SYSTEM */

#dropmenudiv{
position:absolute;
border:1px solid #acc216;
border-bottom-width: 0;
font:normal 12px Verdana;
line-height:16px;
z-index:100;
font-weight: bold;
color:#999 !important;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
padding: 1px 0;
text-decoration: none;
color:#333 !important;
border-bottom: 1px solid #99cc00;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #99cc00;
	color:#fff !important;
}

/* maincontent areas are here............................................... */

.line-inner {
	width:640px;
	float:left;
	font-weight:bold;
	padding-top:47px;
}
.line-inner-big {
	width:568px;
	float:left;
	padding:47px 36px 0 36px;
	font-weight:bold;
}
.line-inner-normal {
	width:568px;
	float:left;
	padding:47px 36px 0 36px;
}
.line-inner div {
	width:283px;
	float:left;
	padding-left:37px;
}

/* MAIN CONTENT ADDED BITS */


div.line-inner h1 {
	margin:0;
}
div.line-inner h1 a {
	display:block;
	text-indent:-9999px;
	width:152px;
	height:57px;
	overflow:hidden;
	position:absolute;
	top:23px;
	left:32px;
}
div.line-inner h2, div.line-inner-big h2 {
	margin:0;
	font-size:17px;
	color:#f90;
	float:left;
	width:100%;
}

div.line-inner h3, div.line-inner-big h3 {
	font-size:15px;
	color:#acc216;
}

div.line-inner h4, div.line-inner-big h4 {
	font-size:13px;
	color:#EE6A7D;
}

div.line-inner img, div.line-inner-big img
{
clear: both;
float: left;
border:0;
display:block;
padding: 5px 70px 40px 0;
}

b.highlight {
color: #EE6A7D;
}






div.line-inner h1 {
	margin:0;
}
div.line-inner-normal h1 a {
	display:block;
	text-indent:-9999px;
	width:152px;
	height:57px;
	overflow:hidden;
	position:absolute;
	top:23px;
	left:32px;
}
div.line-inner-normal h2, div.line-inner-big h2 {
	margin:0;
	font-size:17px;
	color:#f90;
	float:left;
	width:100%;
}

div.line-inner-normal h3, div.line-inner-big h3 {
	font-size:15px;
	color:#acc216;
}

div.line-inner-normal h4, div.line-inner-big h4 {
	font-size:13px;
	color:#EE6A7D;
}


div.line-inner-big p.small {
	margin:0;
	margin-top: -15px;
	font-size:9px;
}

div.line-inner-big p.small a{
color: #f90;
text-decoration: none;
}

div.line-inner img, div.line-inner-big img
{
clear: left;
float: left;
border:0;
display:block;
padding: 5px 50px 40px 0;
}

div.line-inner img.rightside, div.line-inner-big img.rightside
{
clear: right;
float: right;
border:0;
display:block;
padding: 5px 10px 40px 0;
}

b.highlight {
color: #EE6A7D;
}