/*-------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------*/

/*

/*-------------------------------------------------------------------------------------------------------*/

/*	www.solacenutrition.com (site CSS updated by Ryan Robillard 10-25-2006)

/*-------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------------------*/

/*	Product Page Specific Styles

/*-------------------------------------------------------------------------------------------------------*/

.cytotinepage a:link, .cytotinepage a:visited{ color: #f4a429; text-decoration:underline; }

.cytotinepage a:hover{ color: #e98d00; }

.cytotine { color: #e98d00; font-weight: bold;}



.revivpage a:link, .revivpage a:visited{ color: #336699; }

.revivpage a:hover{ color: #003366; }



.cytopage a:link, .cytopage a:visited{ color: #9999ff; }

.cytopage a:hover{ color: #6666FF; }



.neophepage a:link, .neophepage a:visited{ color: #cc3333; }

.neophepage a:hover{ color: #990000; }



.prekunilpage a:link, .prekunilpage a:visited{ color: #3399cc; }

.prekunilpage a:hover{ color: #66ccff; }



.solomegapage a:link, .solomegapage a:visited{ color: #ff6b43; }

.solomegapage a:hover{ color: #ff3600; }



.avonilpage a:link, .avonilpage a:visited{ color: #00A340; }

.avonilpage a:hover{ color: #00A340; }



.phenpage a:link, .phenpage a:visited{ color: #00A340; }

.phenpage a:hover{ color: #00A340; }



.phen75page a:link, .phen75page a:visited{ color: #00A340; }

.phen75page a:hover{ color: #00A340; }



.soltyrpage a:link, .soltyrpage a:visited{ color: #00A340; }

.soltyrpage a:hover{ color: #00A340; }



table.nutritioninfo {

	width: 215px;

}



td.nutrients {

	font-size: 9px !important;

	line-height: 14px;

}



td.nutrientssub {

	font-size: 9px !important;

	line-height: 14px;

	padding-left: 10px;

}



td.nutritioninfo {

	font-size: 17px !important;

	font-weight: bold;

}



.nutritionper {

	font-size: 10px !important;

	font-weight: bold;

	padding-right: 10px;

	border-bottom: 1px solid #666666;

	text-align: center;

}



td.column {

	border-left: 1px solid #666666; border-right: 1px solid #666666;

}



.gradientbox {

	background: url(../../../images/bg_widget.gif);  

	border: 1px solid #666666; 

	padding: 10px;

}



.imgcaption

{

	color:				rgb(115,115,115);

	width:				160px;

	padding:			10px;

border: 1px solid #666666; 

	line-height:		1.3em;

	font-family:		verdana,arial,sans serif;

	font-size:			.9em;

	margin:				25px 0px 20px 20px;



	text-align:			center;

}







/*-------------------------------------------------------------------------------------------------------*/

/*	Image Attachments

/*-------------------------------------------------------------------------------------------------------*/

/* Images 1 & 2 in the content area (wrap enabled)*/

.imagecaption-wrap

{

	color:				rgb(115,115,115);

	width:				160px;

	padding:			5px 0px;

	line-height:			15px;

	font-family:			verdana,arial,sans serif;

	font-size:			10px;

	float:				right;

	margin:				45px 0px 20px 20px;



	text-align:			center;

}



.imagecaption-wrap img

{

	display:			block;

	margin-bottom:		10px;

}





/* Images 1 & 2 in right column (wrap disabled)*/

.imagecaption

{

	color:				rgb(115,115,115);

	width:				160px;

	padding:			5px 0px;



	line-height:		1.3em;

	font-family:		verdana,arial,sans serif;

	font-size:			0.65em;

	float:				right;

	margin:				25px 0px 20px 20px;



	text-align:			center;

}



.imagecaption img

{

	display:			block;

	margin-bottom:		10px;

}



/* Formatter */

img.right

{

	float:				right;

	margin:				0px 0px 20px 20px;

}



img.left

{

	float:				left;

	margin:				0px 20px 20px 0px;

}









/*-------------------------------------------------------------------------------------------------------*/

/*	Popup Window Page

/*-------------------------------------------------------------------------------------------------------*/

body.popup

{

	margin:				0px;

	padding:			0px;

	

	background-color:		white;

}



table#poplayout

{

	width:				auto;

}



col#popupcolumn

{

	width:				auto;

}



td#popupcolumncontent

{

	vertical-align:			top;

	width:				auto;

	padding:			20px 20px 20px 30px;

	margin:				0em 0em 1.6em 0px;

	line-height:			2.0em;

	font-family:			verdana,arial,sans serif;

	font-size:			0.70em;

	color:				#626a73;

}



/* Images 1 & 2 in popup window */

.imagecaptionpopup

{

	display:			block;

	color:				#626a73;

	width:				160px;

	line-height:			1.3em;

	font-family:			verdana,arial,sans serif;

	font-size:			1em;

	float:				none;

	margin:				10px;

}



a#popuppagetitle

{

	display:			block;

	margin:				0em;

	margin-bottom:			15px;

	padding:			0em;

	line-height:			18px;

	font-family:			verdana;

	font-weight:			normal!important;

	font-size:			18px;

	color:				#2276ef!important;

}



a#popuppagetitle:hover

{

	font-weight:			normal!important;

	color:				#2276ef!important;

}





#popupclosebutton

{

	display:			block;

	padding-top:			10px;

	font-weight:			bold;

}





/*-------------------------------------------------------------------------------------------------------*/

/*	HTML Elements

/*-------------------------------------------------------------------------------------------------------*/

body

{

	margin:				20px 20px 20px 20px;

	padding:			0px 0px 0px 0px;

	background-color:		white;	

	width:				740px;

	font-size: 11px;

	line-height: 18px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	color: #666666;

}



hr

{

	/*	Do not show <hr> tags */

	display:			none;

}



hr .thinline

{

	display: block;

	color: #CCCCCC;

	border-top:thin;

	border-top-color: #009900;

	border-top-style:solid;

	border-top-width: medium;

}



p

{

	/*	Disable margin when <p> tags used */

	margin:				0px;

}



a

{

	text-decoration:		none;

	color:				#009933;

	font-weight: bold;

}



a:hover

{

	color:				#006633;

	text-decoration:		none;

	font-weight:bold;

}



h1

{

	margin:				.5em 0em 0em 0em;

	padding:			0em;

	line-height:			18px;

	font-family:			verdana;

	font-weight:			normal;

	font-size:			18px;

	color:				#666666;

}



h4

{

	color: 				#636363;

	font-size:			11px;

	margin:				0em;

	padding:			0em;

	line-height:			18px;

	font-family:			verdana,arial,sans serif;

	font-weight:			normal;

}



blockquote

{

	margin:			1em 3em;

	border-top:		1px solid #cacaca;

	border-bottom:		1px solid #cacaca;

	padding:		0.5em 0em;

	font-family:		verdana;

	font-size:		1.15em;

	font-style:		italic;

	line-height:		1.4em;

	color:			#2176ef;

}





/*-------------------------------------------------------------------------------------------------------*/

/*	Text Styling

/*-------------------------------------------------------------------------------------------------------*/

.txtSize10 {

	font-size: 10px;

}



.txtSize8 {

	font-size: 8px;

}







/*-------------------------------------------------------------------------------------------------------*/

/*	Form Elements

/*-------------------------------------------------------------------------------------------------------*/

form

{

	margin:				0em;

}



label

{

	display:			block;

	margin-top:			1.0em;

	font-family:		verdana,arial,sans serif;

}



label.checkbox, label.radio

{

	display:			block;

	margin:				0px 0px 0px 0px;

	padding:			0px 0px 0px 0px;

	font-family:			verdana,arial,sans serif;

}



checkbox

{

	display:			inline;

	margin:				0px 0px 0px 0px;

	width:				50px;

}



input.text, select

{

	font-family:		verdana,arial,sans serif;

}



input.button

{

	margin-top:			20px;

	font-family:		verdana,arial,sans serif;

}



/*-------------------------------------------------------------------------------------------------------*/

/*	Attribute Search Form 

/*-------------------------------------------------------------------------------------------------------*/

.attributesearch

{

	/*	Entire attribute table */

	font-family:		verdana,arial,sans serif;

	line-height:		1.4em;

	margin-top:			2.0em;

	margin-bottom:		1.3em;

	font-size:			1.0em;

	color:				black;

}



.attributesearch td

{

	padding:			2px 10px 2px 5px;

	font-size:			0.8em;

}



.attributesearch td input.textfield

{

}



.attributesearch td input.button

{

	font-size:			0.8em;

}



/*-------------------------------------------------------------------------------------------------------*/

/*	Attribute Details Page 

/*-------------------------------------------------------------------------------------------------------*/

.attributelist

{

	/*	Entire attribute table */

	font-family:		verdana,arial,sans serif;

	line-height:		1.4em;

	margin-top:			2.0em;

	margin-bottom:		1.3em;

	font-size:			1.0em;

	color:				black;

	border:				1px solid gray;

	border-bottom:		none;

	border-right:		none;

	empty-cells:		show;

}



.attributelist td

{

	padding:			2px 10px 2px 5px;

	border-bottom:		1px solid gray;

	border-right:		1px solid gray;

}



.attributelist td.label

{

}



.attributelist td.data

{

}



/*-------------------------------------------------------------------------------------------------------*/

/*	Gallery

/*-------------------------------------------------------------------------------------------------------*/

/*	Thumbnail table	*/

table#thumbnailtable

{

	margin-top:			20px;

	margin-right:		0px;

}



/*	Thumbnail cell	*/

td.thumbnailitem

{

	padding:			0px 25px 20px 0px;

	text-align:			center;

}



/*	The thumbnail image	*/

td.thumbnailitem img

{

}



/*	The thumbnail description container	*/

.thumbnaildescription

{

	line-height:		1.4em;

	font-family:		arial,sans serif;

	font-size:			0.85em;

	display:			none;

}



/*	Thumbnail description links	*/

.thumbnaildescription a

{

	color:				rgb(204,204,204);

	display:			block;

	font-weight:		bold;

}



.thumbnaildescription a:hover

{

	color:				rgb( 118, 134, 176 );

}



/*	The thumbnail description abstract text	*/

.thumbnailabstract

{

	line-height:		1.4em;

	font-family:		arial,sans serif;

	font-size:			0.85em;

	width:				75px;

	text-align:			left;

}



/*	The results, forward/next line	*/

#results

{

	border-top:			1px solid rgb( 118, 134, 176 );

	margin-top:			13px;

	color:				rgb( 118, 134, 176 );

	padding-top:		3px;

	font-size:			11px;

}



#results a

{

	color:				white;

}	



#results a:hover

{

	color:				white;

}



/*	The 'Back to Gallery' link	*/

a.backlink

{

	display:			block;

	color:				rgb(204,204,204);

	margin-top:			20px;

}	



a.backlink:hover

{

	color:				rgb( 118, 134, 176 );

}



/*	The subpage previous/next navigation  */

#prev-next-nav

{

	display:			block;

	margin-top:			10px;

}



#prev-next-nav a

{

	margin-right:		10px;

}



#prev-next-nav img

{

}



/* Conference info */

.conference {

	display: block;

	padding-bottom: 20px;

}



.conferencedetails {

	line-height: 12px;

	padding-left: 5px;

}



.subsubsectioncontent {

	display: block;

	margin: 5px 15px 20px 15px;

}



#upcomingconference {

	line-height: 13px;

	padding: 3px;

	border: 1px #666666 solid;

	background: url(images/bg_footer.gif) top left #FAFAEF;

}



#letterbox {

	height: 75px;

	line-height: 13px;

	border: 1px #666666 solid;

	background: url(images/bg_footer.gif) top left #FAFAEF;

}



#letterboxpad {

	padding-left: 85px;

	padding-top: 17px;

	padding-bottom: 20px;

	background: url(images/letter-icon.gif) no-repeat 10px;

}



/*////////////////////////////////*/

/*/// PAGE LAYOUT CONTENT BOXES //*/

/*////////////////////////////////*/



.twoColSplit {

}

.twoCSLeft {

	width: 260px;

	float: left;

	text-align: center;

}

.twoCSRight {

	width: 260px;

	text-align: center;

	margin-left: 260px;

}



.threeColSplit {

}

.threeCSLeft {

	width: 212px;

	float: left;

	text-align: center;

}

.threeCSMiddle {

	width: 50px;

	float: left;

}

.threeCSRight {

	width: 212px;

	text-align: center;

	margin-left: 262px;

}



/* NEW TYPE STYLING */



h3 {

	line-height: 18px;

	font-size: 13px;

	color: #636363;

	font-weight:bold;

}



/* IN THE KITCHEN RECIPES */



.recipecard {

	width: 440px;

	border: 1px solid #000000;

	background: url(images/recipecard-topbg.gif) no-repeat;	

}



.recipecardpad {

	padding: 10px 10px 23px 10px;

	background: url(images/recipecard-bottombg.gif) no-repeat;	

	background-position: center bottom;

}



.cardtop {

	padding-top: 35px;

	text-align: left;

	font-size: 16px;

	font-weight: bold;

	padding-bottom: 15px;

	padding-left: 130px;

	margin-bottom: 0px;

	color: #FFFFFF;

}



.cardcontent {

	padding-left: 10px;

	padding-right: 10px;

	padding-top: 0px;

	margin-top: 8px;

	font-family: "Times New Roman", Times, serif;

	font-size: 12px;

	color: #000000;

	background: url(images/recipecontent-bg.gif) repeat;

	line-height: 17px;

}



.cardcontent ol {

	margin-bottom: 0px;

	margin-top: 0px;

}

.cardcontent ul {

	margin-bottom: 0px;

	margin-top: 0px;

}