/* HTML Redefintions */
html {
	min-height: 100%; 
	margin-bottom: 1px; 
}



.bodynormal {
	/*text-align:center;*/
	margin:0px; 
	padding:0px; 
	background:#fff url(../images/organicyoung/back_body.gif) repeat-x;
    font-size:11px;
	font-family:Verdana, Arial, Sans-Serif;
	height:100%;
}

.bodyprint {
	/*text-align:center;*/
	margin:0px; 
	padding:0px; 
    font-size:11px;
	font-family:Verdana, Arial, Sans-Serif;
	height:100%;
}


img { border:0px;}

p {margin-top:0px;margin-bottom:10px;}



h1 {
	color:#ff9900;
	font-weight:bold;
	font-size:20px;
	margin-top:5px;
	margin-bottom:8px;				
}

h3 {
	margin-top:5px;		
}

/* Text Styles */

.bold{
	font-weight:bold;
}

.whitetiny{
	color: #fff;
	font-size:9px; 
}
.whitesmall{
	color: #fff;
	font-size:10px;  
}
.whiteverylargebold{
	color: #fff;
	font-size:17px;
	font-weight:bold;
}

.whitelargebold{
	color: #fff;
	font-size:15px;
	font-weight:bold;
}

.whitemediumbold{
	color: #fff;
	font-size:14px;
	font-weight:bold;
}

.redtext{
	color: #fff;
	font-size:10px;  
}

.pricetext{
	color: #CC0033;
	font-size:12px;
	font-weight: bold;  
}

.turquoisesmall{
	color: #0099cc;
	font-size:9px;  
}

.turquoise{
	color: #0099cc;
}

.turquoisebold{
	color: #0099cc;
	font-weight:bold;
}

.productrange {
	color:#ff9900;
	font-weight:bold;
	font-size:16px	
}

.linkname {
	color:#ff9900;
	font-weight:bold;
	font-size:14px	
}

.featuredproducts{
	color: #0099cc;
}


/* Link Classes */  






a {
	text-decoration:none;
	color:#0099cc;
	font-weight:bold;
}
a:hover {
	color:#0099cc;
	text-decoration:underline;
	font-weight:bold;
}

a.linknormal {
	text-decoration:none;
	font-weight:normal;
}
a.linknormal:hover {
	text-decoration:underline;
	font-weight:normal;	
}



a.linknormalmedium {
	text-decoration:none;
	font-size:12px;
	font-weight:normal
}
a.linknormalmedium:hover {
	text-decoration:underline;	
	font-size:12px;
	font-weight:normal
}


a.yearselected {
	text-decoration:none;
	color:red;
	font-weight:bold;
}
a.yearselected:hover {
	color:red;
	text-decoration:underline;
	font-weight:bold;
}




a.sitemaptoplevel {
	color:#ff9900;
	font-weight:bold;
	font-size:15px
}
a.sitemaptoplevel:hover {
	color:#ff9900;
	font-weight:bold;
	font-size:15px
}

/*
a.greenlarge {
	color:#ff9900;
	text-decoration:none;
	font-weight:bold;	
}
a.greenlarge:hover {
	color:#ff9900;
	font-weight:bold;
}
*/

a.productrange {
	text-decoration:none;
	color:#ff9900;
	font-weight:bold;
	font-size:14px	
}

a.productrange:hover {
	text-decoration:underline;
	color:#ff9900;
	font-weight:bold;
	font-size:14px	
}

a.redbutton {
	color:#fff;
	text-decoration:none;
	font-weight:bold;	
}
a.redbutton:hover {
	color:#000;
	font-weight:bold;
}

a.redbuttonsmall {
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	font-size:10px;  
			
}
a.redbuttonsmall:hover {
	color:#000;
	font-weight:bold;
	font-size:10px;
}

a.readmorebutton {
	text-decoration:none;
	color:#0099cc;
	font-weight:bold;
}
a.readmorebutton:hover {
	color:red;
	font-weight:bold;
}

/*
a.link {
	text-decoration:none;
	color:#00cccc;
}
a.link:hover {
	color:#00cccc;
	text-decoration:underline;
}

a.turquoiselinkbold {
	text-decoration:none;
	color:#00cccc;
	font-weight:bold;
}
a.turquoiselinkbold:hover {
	color:#00cccc;
	text-decoration:underline;
	font-weight:bold;
}
*/

a.link {
	text-decoration:none;
	color:#0099cc;
}
a.link:hover {
	color:#0099cc;
	text-decoration:underline;
}

a.turquoiselinkbold {
	text-decoration:none;
	color:#0099cc;
	font-weight:bold;
}
a.turquoiselinkbold:hover {
	color:#0099cc;
	text-decoration:underline;
	font-weight:bold;
}



a.faqlink {
	text-decoration:none;
	font-weight:normal;
	color:#000;
}
a.faqlink:hover {
	text-decoration:underline;
	font-weight:normal;
	color:#000;
}


a.editlink {
	color:#0099cc;
	text-decoration:underline;
	font-weight:bold;
	 padding-top:50px;
}



/* Sitewide */

#frame {
	width:911px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
	overflow:hidden;
	background:#fff url(../images/organicyoung/back_main.gif) repeat-y;	
}

#frameright {
	padding: 9px 11px 10px 7px;
	width:728px;
    float:right;
}

#frameprint {
	width:600px;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	text-align:left;
	overflow:hidden;
}


/*
#frameleftdropshadow {
	background:#fff url(../images/organicyoung/back_left_drop_shadow.jpg);
	height:1060px;
	width:5px;
    float:left;	
}	
*/



#leftnav {
	width:145px;
    float:left;
	padding-left:20px;
} 

#leftnav img {	
	 display:block;     
} 

.leftnavcontainer{
	width:140px; 
	border-bottom: solid 2px #fff;
	padding-top:10px; 
	padding-bottom:2px;
	padding-left:2px;  
}

.leftnavcontainer a{
	color:#000;
	text-decoration:none;
	font-weight:normal;
}

.leftnavcontainer a:hover{
	color:#000;
	text-decoration:underline;
	font-weight:normal;
}

.leftnavcms a{
	color:red;
	text-decoration:none;
	font-weight:normal;
}

.leftnavcms a:hover{
	color:red;
	text-decoration:underline;
	font-weight:normal;
}




#footeraddresscontainer{
	background:#0099cc url(../images/organicyoung/back_address_footer.gif);	
	width: 725px;
	height:29px;
	margin-top:15px;
	text-align:center;
	float:left;
}

#footeraddress{
	padding-top:7px;
}

#exploregpcontainer{
	overflow:hidden;
	width: 725px;
	border: solid 1px #cccccc;	
	margin-bottom:18px;   
		margin-top:-10px;  
	padding-bottom:10px;
}

#exploregpheader{
	height:25px;
	background:#0099cc url(../images/organicyoung/back_header_explore_gp.gif);	
	text-align:left;
	padding-top:5px;
	padding-left:10px;	
	border-left: solid 1px #cccccc;		
	border-right: solid 1px #cccccc;		
}


#exploregpleft{
	padding-left:8px;	
	padding-top:8px;
	width:360px;
	float:left;
}

#exploregpright{
	padding-top:8px;
	padding-right:10px;	
	width:339px;
	float:right;
}


#exploregpcontainer a{
	color:#0099cc;
	text-decoration:none;
	font-weight:bold;
	font-size:15px;
}  
#exploregpcontainer a:hover{
	color:#0099cc;
	text-decoration:underline;		
}


/* Right Hand Nav */

#rightnavawards{
	height: 156px;
}

#rightnavtestimonials{
	height: 118px;
}

#rightnavawardpoints{
	height: 69px;
}

#rightnavloyalty{
	height: 69px;
}

.rightnavcontainer{
	overflow:hidden;
	width: 140px;
	border: solid 1px #cccccc;	
	margin-bottom:0px;		
	padding-bottom:16px;
}

.rightnavheader{
	height:25px;
	background:#0099cc url(../images/organicyoung/back_header.gif);	
	text-align:center;
	padding-top:5px;
	border-left: solid 1px #cccccc;		
	border-right: solid 1px #cccccc;
	color: #fff;
	font-size:15px;
	font-weight:bold;	
			
}

.rightnavcontent{
	padding-left:5px;
	padding-right:5px;	
	padding-top:8px;
	text-align:center;
}


.rightnavbutton{
	padding-left:9px;
	padding-top:8px;
	padding-bottom:0px;	
	margin-bottom:0px;	
	
	margin-top:-20px;
	overflow:visible;
	position:relative;	
	width:124px;
	text-align:center;
	height:32px;
}

.rightnavimage{
	 margin-bottom:5px;
}

.rightnavtext{
	 margin-bottom:5px;
}



/*
.homefeature {
	border: solid 1px #cccccc;
	width:357px;
	height:251px;
	margin-bottom:30px;		
}	

*/


#backtotop{
	float:right;
	margin-top:-30px;
	padding-right:5px;
}
/*
#footergplinksbak{
	height:14px;
	margin-top:2px;
	text-align:center;
	padding-top:2px;
	padding-bottom:1px;  
}

#footergplinksbak a{
	color:#0099cc;
	text-decoration:none;		
}  
#footergplinksbak a:hover{
	color:#0099cc;
	text-decoration:underline;		
}
*/




/* Classes */
.floatleft {float:left}
.floatright {float:right}
.clear {clear:both;}
.clearleft {clear:left;}
.clearright {clear:right;}		
.aligncenter { text-align:center;}







div.verticallycentered { 
	position: relative; 
	top: 25%; 
	left: 25%; 
	width: 50%; 
	height: 50%; 
} 



/* Buttons */
.buttonleft {float:left; text-align:center;	width:124px;}
.buttonright {float:right; text-align:center;width:124px;}
.buttoncenter {text-align:center;width:124px;}


.rednavbuttonold{
	width:125px;
	text-align:center;     
	height:25px;
	padding-bottom:10px;
}
		
span.buttonold{
	position:relative;
	bottom:20px;  
	cursor: pointer;
	text-align:center;		
}	

.rednavbutton{
	width:125px;
	text-align:center; 
	height:35px;		    
}
		
span.button{
	position:relative;
	bottom:20px;  
	cursor: pointer;
	text-align:center;	
}	


span.buttonrighthandnav{
	position:relative;
	bottom:23px;  
	cursor: pointer;
	text-align:center;		
}	

/* Home page */
#homenewsflash {
	background:url(../images/organicyoung/back_news_flash.gif) repeat-x ;
	height:35px;
	width:576px;
	text-align:center;
	padding-top:10px;
}

#homefeaturewrap h1 {
	padding:8px;
	margin:0px;
	color:#ff9900;
	font-weight:bold;
	font-size: 15px;
}					
#homefeaturewrap {
	padding-top:5px;
	width:728px;
}
.homefeaturebak {
	border: solid 1px #cccccc;
	width:357px;
	height:251px;
	margin-bottom:30px;		
}	 

.homefeature {
	border: solid 1px #cccccc;
	width:357px;
	height:251px;
	margin-bottom:30px;		
	padding-bottom:0px;
			
}	 


.homefeaturetextimagewrap{
	height:223px;
}
.homefeatureimage {
	float:left;
	width:180px;
    text-align:center;
}	 
.homefeaturetext {
	float:right;
	width:162px;
	padding-right:15px;	
}
.homefeaturetwobuttons {
	padding-right:45px;
	padding-left:45px;								
}
.homefeatureonebutton {
	padding-right:116px;
	padding-left:116px;
				
}
.homefeaturebak span{
	position:relative;
	top:-20px;
	cursor: pointer;
}



/* Products */
#productscontainer{
	padding-left: 15px;
	padding-right: 20px; 
}


/* Content */
.contentimagebelow{
	text-align:center;
}

.contentimageabove
{
	padding-left: 15px;
	padding-right: 15px;	
	padding-bottom: 5px;
}

/* Advice */
#relatedarticlescontainer{
	width: 380px;
	border: solid 1px #cccccc;	
	margin-bottom:10px;  
	padding-bottom:10px;
	float:left;
	text-align:left;
}

#relatedarticlescontainerheader{
	height:25px;
	background:#fff url(../images/organicyoung/back_articles_header.gif);	
	padding-top:5px;
	padding-left:10px;	
	border-left: solid 1px #cccccc;		
	border-right: solid 1px #cccccc;		
}


#relatedarticlescontainercontent{
	padding-top:8px;
	padding-left:10px;
}

#relatedarticlescontainer a{
	color:#0099cc;
	text-decoration:none;
	font-weight:bold;
}  
#relatedarticlescontainer a:hover{
	color:#0099cc;
	text-decoration:underline;
	font-weight:bold;		
}

.adviceimagepanel{
	margin-bottom:15px;
}

.advicearticlewithimage{
	padding-right:10px;
	width:380px;
	float:right;
}


/* Listing Pages */
.listseperator{
	padding-bottom:15px;
	padding-top:15px;
	margin-left:-4px
}


/* Stockists */
.stockistsbody{
	width:370px;
	padding-right:30px;
	float:right;	
}

/* Links */
.linksbodywithimage{
	width:395px;
	padding-right:30px;
	float:right;	
}


.linksbodynoimage{
	width:540px;
	padding-right:30px;
	float:right;	
}


.linksbody h1 {
	margin:0px;
	 padding:0px;
	color:#ff9900;
	font-weight:bold;
	font-size: 15px;
}		


/* ingredients glossary */
.ingredientsbodywithimage{
	width:443px;
	padding-right:20px;
	padding-bottom:17px;
	float:right;	
}


.ingredientsbodynoimage{
	width:550px;
	padding-right:20px;
	padding-bottom:17px;
	float:right;	
}


.ingredientsbody h1 {
	margin:0px;
	 padding:0px;
	color:#ff9900;
	font-weight:bold;
	font-size: 15px;
}		

.ingredientsimage {
   margin-bottom:15px;
   float:left;
}		




/* Press/News Articles */

.pressarticlesbody{
	width:370px;
	padding-right:30px;
	float:right;	
}

.newsarticlesbody{
	width:385px;
	padding-right:30px;
	float:right;	
}


/* Faqs */
.faqtopicsbody{
	width:395px;
	padding-right:20px;
	float:right;	
}

#faqquotecontainer{
	width: 140px;
	text-align:center;
}

.faqquote{
	 font-style:italic;
	  font-size:12px;
}


.faqquestionanswer{
	padding-bottom:8px;
	padding-right:10px;
	width:400px;
	float:right;
}



/* Testimonials */
.testimonialsseperator{
	padding-bottom:3px;
	padding-top:10px;
	margin-left:-4px
}

/* Tips */

.tipslogocontainer{
	/*width: 140px;*/
	border: solid 1px #cccccc;	
	text-align:center;
}




/* Sitemap */

.sitemapimage{
	width: 100px;
	float:left;
}



/* Shared */

.listseperator{
	padding-bottom:15px;
	padding-top:15px;
	margin-left:-4px
}

#topiccontainer{
	width: 140px;
	border: solid 1px #cccccc;	
	text-align:center;
}

#topiccontainerheader{
	height:25px;
	background:#fff url(../images/organicyoung/back_articles_header.gif);	
	padding-top:5px;
	border-left: solid 1px #cccccc;		
	border-right: solid 1px #cccccc;		
}


/* Forms */
label{
float:left;
width:110px;
padding:0 1em;
text-align:right;
margin-top:12px;
}

.emailform input, textarea{
width:420px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding:2px;
margin-top:10px;
color:#333;
overflow: auto;
}

.newsletterform input, textarea{
width:220px;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
padding:2px;
margin-top:10px;
color:#333;
overflow: auto;
}



/* TOP NAV DROPDOWN MENU */
.menu {  
color: #fff;
background: #ff9900;  
} 



/* The rest of the top nav styles are shared and should be moved into a shared css file */

.topnav {
	width:911px;
	 height:18px;
}	

.round { 
	border-collapse:collapse;
} 

.round td { 
	padding:0px;
	border-collapse:collapse;	
	vertical-align:top;
} 

.round a{ text-decoration: none; font-weight: bold; } 
.round a:hover { color:#AAAAAA; } 

td div { 
/* this makes TDs a container with their own coordinate system. 
absolutely-positioned elements will be offset relative to them */ 
position: relative; 
} 



.topnavcontainer{
	text-align:center;
	z-index:5; 
	background:url(../images/organicyoung/back_top_nav.gif); 
	height:18px;
}

.round a{
	color: #fff; 
}
.topnavitem{
	padding-top:2px;
}

.topnavseperator{
	float:right;
	margin-top:-18px;
	z-index:5;
}

.topnavhomecontainer{
	width:127px;
	text-align:center;
	z-index:5; 
	background:url(../images/organicyoung/back_top_nav.gif); 
	height:18px;	
}
.topnavaboutuscontainer{
	width:129px;
	text-align:center;
	z-index:5; 
	background:url(../images/organicyoung/back_top_nav.gif); 
	height:18px;	
}
.topnavproductscontainer{
	width:131px;
	text-align:center;
	z-index:5; 
	background:url(../images/organicyoung/back_top_nav.gif); 
	height:18px;	
}
.topnavinfocontainer{
	width:131px;
	text-align:center;
	z-index:5; 
	background:url(../images/organicyoung/back_top_nav.gif); 
	height:18px;	
}
.topnavadvicecontainer{
	text-align:center;
	z-index:5; 
	background:url(../images/organicyoung/back_top_nav.gif); 
	height:18px;	
	width:131px;
}
.topnavwheretobuycontainer{
	text-align:center;
	z-index:5; 
	background:url(../images/organicyoung/back_top_nav.gif); 
	height:18px;
	width:131px;
}
.topnavcontactuscontainer{
	text-align:center;
	z-index:5; 
	background:url(../images/organicyoung/back_top_nav.gif); 
	height:18px;
	width:124px;
}


.topnavhome{
 width:128px;
}
.topnavaboutus{
 width:130px;
}
.topnavproducts{
 width:132px;
}
.topnavinfo{
 width:132px;
}		
.topnavadvice{
 width:132px;
}
.topnavwheretobuy{
 width:132px;
}
.topnavcontactus{
 width:125px;
}

.subnavitem a{
	color: #fff; 
}

.subnavitem{
	border-bottom: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding-top:8px;
	padding-left:3px;
	padding-bottom:2px;
	padding-right:2px;	
}