/* BODY*/

html, body {
height:100%; /* gives layout 100% height */
overflow:inherit; /* triggers 100% height in Opera 9.5 */
}

body 
    {	
	margin: 0;
	padding: 0;
	border: 0;
	text-align: center; /* Hack to center the wrapper in IE5.x pc */	
	
	font-family: Verdana, Arial, Helvetica;
	background: #1095B1 url(../images/bg.jpg) repeat-y center;		
}

@font-face{ /* for IE */
font-family: futura;
src: url(futuralt_2-webfont.eot);
}

@font-face {
    font-family: futura;
    src: url('FuturaLT.otf');	
}


@font-face{ /* for IE */
font-family: futuraHeavy;
src: url(futurah0-webfont.eot);
}

@font-face {
    font-family: futuraHeavy;
    src: url('FUTURAH0.ttf');	
}


@font-face{ /* for IE */
font-family: futuraXtraB;
src: url(futuraxk-webfont.eot);
}

@font-face {
    font-family: futuraXtraB;
    src: url('futuraxk.ttf');	
}





p {
 font-family: Verdana, Arial, Helvetica;
}	
	 	
h1 {
	font-family: Verdana, Arial, Helvetica;
	font-size:19px;
	font-style:normal;
	text-align:center;	
	/* font-style:italic;*/	
	font-weight:normal;
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
}
		 
a:link {color: #626262; text-decoration:none;}
a:visited {color: #626262 !important; text-decoration:none;}
a:hover {color: #626262 !important; text-decoration:underline;}	 
	 	
img {border:0px;}		

		 
/* LAYOUT HOMEOAGE*/	 

#container
	{ 	
	 position:relative;
	 width:950px;	
	 margin:0px auto;
	 text-align:center;		}
	
#sellsheet_container
	{ 	
	 position:relative;
	 width:1076px;	
	 margin:0px auto;
	 text-align:center;			 
	 margin-top:15px;
	 margin-bottom:15px;
	}	
	
#news_container
	{ 	
	 position:relative;
	 width:710px;	
	 margin:0px auto;
	 text-align:center;			 
	 margin-top:15px;
	 margin-bottom:15px;
	}		

#container_recipes
	{ 	
	 position:relative;
	 width:950px;	
	 margin:0px auto;
	 text-align:center;		
	 background: url(../images/shadow.png) no-repeat top center;		
	}	

	
#lb_logo
    {		
	 position:relative;
	 width:950px;
	 height:57px;
	 padding-top:25px;	
	}
	
#learnthetruth	
	{		
	width:950px;
	height:119px;
	padding-top:25px;	
	}
	
#products
    {		
	width:685px;
	height:317px;
	width:840px;
	height:340px;
	margin:0px auto;
	margin-bottom:35px;		
	border:0px solid red;
	background: url(../images/products.png) no-repeat center;	
	}
	
#products_links
    {	
	position:absolute;
	top:301px;
	top:265px;
	left:850px;
	left:870px;
	width:169px;
	height:313px;
	margin:0px auto;	
	}	
	
#products a{
display:block;
position:absolute;
} 

#products a#trueblack{
width:130px;
height:295px;
top:260px;
left:70px;
} 

#products a#trueblue{
width:130px;
height:320px;
top:240px;
left:220px;
} 

#products a#unwine{
width:100px;
height:330px;
top:220px;
left:370px;
} 

#products a#pureblue{
width:90px;
height:210px;
top:350px;
left:485px;
} 	

#products a#babyblue{
width:140px;
height:305px;
top:250px;
left:590px;
} 	

#products a#juiceblend{
width:140px;
height:305px;
top:250px;
left:740px;
} 

#products_subpage
    {		
	width:918px;
	height:468px;
	height:457px;
	margin:0px auto;	
	margin-bottom:62px;
	}
	
.products_image {
 float:left;
}		
	
#products_title {
    float:left;	
	text-align:left;	
	width:500px;
	height:32px;
	margin-top:220px;	
	margin-left:37px;
	
}	

#producttext_wrapper {
    float:left;	
	text-align:left;	
	width:500px;	
	height:177px;
	margin-top:0px;	
	margin-left:0px;	
		
}	

#flags {
    float:left;		
	text-align:left;
	width:300px;	
	height:27px;
	margin-left:37px;
}	
	
.open_quote {
	background: url(../images/open_quote.png) no-repeat top left;
    float:left;
	margin-left:0px;
	margin-top:22px;
	text-align:left;
	width:30px;
	height:150px;
}	

#products_text 	{		
	width:425px;	
    float:left;	
	margin-top:22px;
	margin-left:6px;
	text-align:left;
	font-family: Verdana, Arial, Helvetica;
	font-size:14px;
	line-height:18px;
	color:#626262;
	}
	
.close_quote {
	background: url(../images/close_quote.png) no-repeat left;
	display:inline-block;
	width:30px;
	height:26px;
	margin-left:5px;
	margin-bottom:-15px;

}		
	
.signatures {
margin-top:8px;
font-family: Verdana, Arial, Helvetica;
font-size:14px;
color:#ffffff;
float:left;

}	
	
.more_btn {
float:right;
margin-top:28px;

}	
		
	
#truth_bg
    {		
	width:800px;
	height:514px;
	margin:0px auto;
	margin-top:-10px;
	background: url(../images/bg_truth.png) no-repeat center;
	font-family: Verdana, Arial, Helvetica;
	font-size:13px;
	color:#585858;	
	}	
	
#truth_bg #madeincanada{
position:absolute;
width:116px;
height:100px;
top:90px;
left:85px;
cursor:pointer;
} 	

#truth_bg #kidssuperfruit{
position:absolute;
width:106px;
height:100px;
top:85px;
left:200px;
cursor:pointer;
}

#truth_bg #kidsgentle{
position:absolute;
width:106px;
height:95px;
top:90px;
left:310px;
cursor:pointer;
}

#truth_bg #makers{
position:absolute;
width:100px;
height:95px;
top:95px;
left:420px;
cursor:pointer;
}

#truth_bg #comparesodium{
position:absolute;
width:100px;
height:95px;
top:95px;
left:520px;
cursor:pointer;
}

#truth_bg #comparesuperfruit{
position:absolute;
width:100px;
height:95px;
top:90px;
left:625px;
cursor:pointer;
}

#truth_bg #winegrapes{
position:absolute;
width:100px;
height:95px;
top:100px;
left:735px;
cursor:pointer;
}






#truth_bg #bestjuice{
position:absolute;
width:116px;
height:100px;
top:470px;
left:135px;
cursor:pointer;
}

#truth_bg #canadianwildblueberries{
position:absolute;
width:116px;
height:100px;
top:470px;
left:250px;
cursor:pointer;
} 

#truth_bg #hadyourwildblueberries{
position:absolute;
width:106px;
height:100px;
top:470px;
left:370px;
cursor:pointer;
}

#truth_bg #polyphenols{
position:absolute;
width:106px;
height:100px;
top:480px;
left:480px;
cursor:pointer;
} 

#truth_bg #twoservings{
position:absolute;
width:106px;
height:100px;
top:475px;
left:590px;
cursor:pointer;

}

#truth_bg #potassium{
position:absolute;
width:106px;
height:100px;
top:475px;
left:700px;
cursor:pointer;
} 







#tabcontentcontainer {

position:relative;
top:145px;
margin:0px auto;
display:inline-block;
width:760px;
height:230px;
padding-right:10px;
overflow:auto;
color:#626262;
scrollbar-base-color: #4BD4DD;
scrollbar-arrow-color: white;
scrollbar-track-color: #4BD4DD;
scrollbar-shadow-color: #4BD4DD;
scrollbar-lightshadow-color: #4BD4DD;
scrollbar-darkshadow-color: gray;
scrollbar-highlight-color: white;
scrollbar-3dlight-color: #4BD4DD;
}

#tabcontentcontainer h1{
	text-align:center;
}

.detail {
	font-family:futuraHeavy;
	font-size:15px;
	line-height:17px;
	color:#626262;
}

.detail_bold {
	font-family:futuraXtraB;
	font-size:15px;
	color:#626262;
}

#contact
    {		
	width:720px;
	height:500px;
	margin:0px auto;
	padding-top:4px;	
	padding-bottom:0px;	
	color:#626262;		
	}
	
.contact_title {   
   font-family:futura, Helvetica,Verdana;
   letter-spacing:1px;
   font-size:18px;
   font-weight:normal;
   line-height:18px;
   padding:0px;
   margin:15px 0 0 0;
}		




.contact_body {
	font-family:futura;	
	font-size:13px;
	line-height:15px;
	color:#636363;
}	

	


#contact_address
    {		
	width:360px;	
	float:left;	
	margin-top:25px;
	
	}
	
#contact_corporate
    {		
	width:360px;
	float:left;
	margin-top:25px;	
	}	
	


#recipes {
	background: url(../images/shadow.png);
	height:500px;
	width:740px;
	margin: 0px auto;
	margin-top:25px;
	position: relative;
}	
	


#navigation
    {	
	width:950px;
	height:36px;
	margin:0px auto;
	margin-top:15px;		 
	}

.home a,.products a,.recipes a,.news a,.truth a,.contact a {
float:left;
height:36px;
margin-right:0px;
display:block;
text-indent:-1500px;

}

.home a:hover,.products a:hover,.recipes a:hover,.news a:hover,.truth a:hover,.contact a:hover {background-position: 0 -36px;}
.home .active,.products .active,.recipes .active,.news .active,.truth .active,.contact .active {background-position: 0 -72px;}

.home a {
width:106px;
background:url(../images/btn_home.png) 0 0;
}

.products a {
width:133px;
background:url(../images/btn_products.png) 0 0;
}

.recipes a {
width:123px;
background:url(../images/btn_recipes.png) 0 0;
margin:0 0px 0 3px;
}

.news a {
width:190px;
background:url(../images/btn_news.png) 0 0;
margin:0 2px 0 6px;
}

.truth a {
width:214px;
background:url(../images/btn_truth.png) 0 0;
background-repeat:no-repeat;
margin:0 3px 0 3px;
}

.contact a {
width:160px;
background:url(../images/btn_contact.png) 0 0;
margin:0 0px 0 3px;
}

.trueblue100 a,.pureblends a, .babyblue a, .unwine a, .trueblue a, .trueblack a {
position:relative;
width:169px;
height:36px;
display:block;
margin-bottom:15px;
text-indent:-1500px;
}

.trueblue100 a:hover,.babyblue a:hover,.pureblends a:hover, .unwine a:hover, .trueblue a:hover, .trueblack a:hover{background-position: 0 -36px;}
.trueblue100 .active, .babyblue .active, .pureblends .active, .unwine .active, .trueblue .active, .trueblack .active{background-position: 0 -72px;}

.trueblue100 a {
background:url(../images/btn_trueblue100.png) 0 0;
}

.babyblue a {
background:url(../images/btn_babyblue.png) 0 0;
}

.pureblends a {
background:url(../images/btn_pureblends.png) 0 0;
}

.unwine a {
background:url(../images/btn_unwine.png) 0 0;
}

.trueblue a {
background:url(../images/btn_trueblue.png) 0 0;
}

.trueblack a {
background:url(../images/btn_trueblack.png) 0 0;
}

a.active:hover {
background-position: 0 -72px;
background-repeat:no-repeat;}
}


#social_media {	
	height:36px;
	float:left;

	}
	
#social_media img {
	margin-top:28px;	
	margin-right:10px; 
	}	


	
#footer {
margin:0px auto; 
margin-top:20px;
padding-bottom:10px;
font-family: Helvetica,Verdana, Arial, Helvetica;
font-size:13px;
color: #ffffff;
}


#footer a:link {
color:#cccccc;
}

#footer a:link {
color:#cccccc;
}

#footer a:hover {
color:#ffffff !important;
}

	
	




	

