﻿/* OVERVIEW  PAGES   */	

#prodOverHeader						{width:648px; height:225px; padding-bottom:25px;}

.prLogos							{padding:15px;}



/* LANDING  PAGES --  THOSE CLASSES ARE SHARED BY ALL THE DIFFERENTS COLOURED SCHEMES  */	

#topLink								{font-family:verdana; font-size:70%; text-align:right; margin:0 0 15px 0;}

#topLink.marginRight15					{margin-right:15px;}



#mcProdHeader						{width:648px; min-height:334px; }

#mcProdHeaderContent				{margin-left:414px; padding-top:23px; width:210px;}

#mcProdHeader h2						{font-size:110%; font-weight:bold; padding-bottom:8px; line-height:120%}

#mcProdHeader p						{font-size:70%;}



#mcProdList							{width:644px; padding:2px; margin:20px 0 15px 0;}

#mcProdList h3						{font-size:80%; font-weight:bold; width:629px; height:1.7em; padding:3px 0 0 15px;}



.mcProdNameRoundedCorners			{width:152px; height:9px; background-repeat:no-repeat; clear:both; overflow:hidden;}

.mcProductsName						{padding:10px 0 10px 7px; width:152px; float:left;}

.mcProductsName	span				{width:138px; text-align:center; padding:5px 7px 2px 7px; display:block; font-size:65%; line-height:1.1em; height:2.1em;}

div.prodShot							{padding-top:10px; width:152px; height:110px; text-align:center;}







/* LANDING  PAGES -- THOSE CLASSES ARE SPECIFIC TO EACH COLOUR SCHEMES */



/* MILK  */

	.plH2TitleMilk						{color:#00b1ed;}

	.plH3TitleMilk						{color:#fff; background-color:#00b6f1; height:22px;}

	.plH3footerTitleMilk				{color:#004561}

	

	.bgProdListMilk						{background-color:#99dffb;}

	.bgSpanMilk							{background:#cceffd url(]products/prod_spanMilk.gif) repeat-y;}

	

	p.footerMilk						{color:#000;}

	p.footerMilk a						{color:#00b1ed;}

	p.footerMilk a:hover					{color:#cd1d0d;}

	

	a.linkColorMilk						{color:#00b1ed;}

	a.linkColorMilk:hover				{color:#cd1d0d;}

	

/* CHOCOLAT  */

	.plH2TitleChoc						{color:#601800;}

	.plH3TitleChoc						{color:#fee6c2; background-color:#601800; height:22px;}

	.plH3footerTitleChoc				{color:#601800}

	

	.bgProdListChoc						{background-color:#ffe8bf;}

	.bgSpanChoc							{background:#fdcf7a url(]products/prod_spanChoc.gif) repeat-y;}

	

	p.footerChoc						{color:#000;}

	p.footerChoc a						{color:#601800;}

	p.footerChoc a:hover					{color:#601800;}

	

	a.linkColorChoc						{color:#601800;}

	a.linkColorChoc:hover				{color:#cd1d0d;}



/* FRUITS  */

	.plH2TitleFruits					{color:#fd9d0a;}

	.plH3TitleFruits					{color:#fff; background-color:#acd039; height:22px;}

	.plH3footerTitleFruits				{color:#fd9d0a}

	

	.bgProdListFruits					{background-color:#dbebad;}

	.bgSpanFruits						{background:#e6f2c3 url(]products/prod_spanFruits.gif) repeat-y;}

	

	p.footerFruits						{color:#000;}

	p.footerFruits a						{color:#648202;}

	p.footerFruits a:hover				{color:#c20728;}

	

	a.linkColorFruits					{color:#648202;}

	a.linkColorFruits:hover				{color:#c20728;}

	

/* NEUTRAL  */

	.plH2Title							{color:#cd1d0d;}

	.plH3Title							{color:#cd1d0d; background-color:#fff; height:22px;}

	.plH3footerTitle					{color:#000}

	

	.bgProdList							{background-color:#fef2e1;}

	.bgSpan								{background:#ffe8bf url(]products/prod_span.gif) repeat-y;}

	

	p.footer							{color:#000;}

	p.footer a							{color:#cd1d0d;}

	p.footer a:hover						{color:#cd1d0d;}

	

	a.linkColor							{color:#cd1d0d;}

	a.linkColor:hover					{color:#601800;}







/* DETAILED PAGES --  THOSE CLASSES ARE SHARED BY ALL THE DIFFERENTS COLOURED SCHEMES  */	

#mcFRSelectBrand					{margin:0 0 10px 15px; width:620px;}



/* header box */

	#mcProdListHeader					{
	display:block;
	width:632px;
	height:212px;
	background-repeat:no-repeat;
	text-align:right;
	position:relative;
	top:-1px;
	clear: none;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 15px;
}

	#mcProdListHeader form				{margin-right:20px; padding-top:170px;}



/*intro text */

	#mcProdListIntroText				{margin:0 0 20px 15px;}

	#mcProdListIntroText h3				{color:#000; font-weight:bold; margin-bottom:10px;}



/* product info summary */

	#mcProdInfo							{width:659px; padding-bottom:10px; margin-bottom:10px;}



/* nutri info summary */

	#mcNutri							{width:355px; float:left; margin:10px 0 0 15px;}

	#mcNutri p							{font-weight:bold; clear:both; padding-top:5px;}

	#mcNutri h3							{font-size:70%}



	.mcNutriBox							{width:65px; float:left; color:#000;}

	.mcNutriBox	table					{font-size:60%; font-weight:bold;}

	.mcNutriBox	th						{background-repeat:no-repeat; padding:10px 0 5px 0; text-align:center;}

	.mcNutriBox	td.middle				{width:65px; background-repeat:repeat-y; padding-bottom:3px; text-align:center;}

	.mcNutriBox	td.bottom				{width:65px; height:39px; background-repeat:no-repeat; text-align:center;}



/* package info */

	#mcPackage							{width:178px; float:left; margin:30px 0 10px; background:#fff; position:relative}

	.mcPackageRoundedCorners			{width:178px; height:7px; background-repeat:no-repeat; clear:both; overflow:hidden;}	

	.mcPackageCont						{width:172px; float:left; border-left:3px solid; border-right:3px solid;}

	

	#mcPackage div.divRow					{float:left; width:149px; padding:0 0 5px 23px;}

	#mcPackage div.divProduct 			{float:left; width:150px; font-size:70%;}

	#mcPackage div.divProduct span 		{font-size:150%}

	#mcPackage div.divProduct img			{vertical-align:middle} 

	#mcPackage h3						{font-size:70%;  padding:10px 10px 10px 23px;}





/* ingredients box */

	#mcIngredients						{width:632px; margin:0 0 20px 15px;}

	.mcIngredientsRoundedCorners		{width:632px; height:9px; background-repeat:no-repeat; clear:both; overflow:hidden;}		

	#mcIngredients h3					{width:606px; background:#fff; font-size:70%; padding:0px 5px 5px 15px; border-left:3px solid; border-right:3px solid;}

	#mcIngredients div.tout				{width:265px; float:left; font-size:95%; text-align:center; line-height:1.3em; padding:18px 20px 20px 20px; font-weight:bold}

	#mcIngredients div.tout strong		{font-size:120%;}

	#mcIngredients div.text				{width:307px; float:left; font-size:70%; line-height:1.3em; text-align:center; padding:20px 10px;}



/* nutrition info */

	#mcNutrionInfo						{width:555px; padding:15px 0; padding-left:104px; margin-bottom:10px;}

	.mcNutrionInfoTopRoundedCorners		{width:445px; height:8px; background-repeat:no-repeat; clear:both; overflow:hidden;}

	#mcNutrionInfo h3					{width:424px; background:#fff; font-size:70%; padding:5px 5px 5px 10px; border-left:3px solid; border-right:3px solid;}



	#mcNutrionInfo table					{width:445px; background:#fff; border-left:3px solid; border-right:2px solid;}

	#mcNutrionInfo th					{font-size:60%; font-weight:normal}

	#mcNutrionInfo tr						{border:0; height:1.4em;}

	#mcNutrionInfo td					{border-top:1px solid; border-right:1px solid;  text-align:center; font-size:60%; }

	#mcNutrionInfo td p					{text-align:left; font-size:100%; margin:2px 0 0 10px;}

	.col1								{width:148px;}

	.col2								{width:86px; text-align:center;}

	.col3								{width:86px; text-align:center;}

	.col4								{width:105px; border-right:1px solid; text-align:center;}





/* DETAILED PAGES -- THOSE CLASSES ARE SPECIFIC TO EACH COLOUR SCHEMES */



/* MILK  */	

	/* tabs */

	#mcProdListTabsMilk					{width:100%; height:1.57em;}

	#mcProdListTabsMilk  ul     				{margin-left:4px; padding:0 10px; margin-left:13px; list-style:none;}

	#mcProdListTabsMilk li				{display:inline; font-size:70%;}

	#mcProdListTabsMilk a				{float:left; padding:0 0 0 8px; text-decoration:none; margin-right:2px; min-height:1.15em; background:url(tab_left_milk.gif) no-repeat top left; cursor:pointer;}

	#mcProdListTabsMilk a span 			{float:left; display:block; padding:5px 8px 4px 0px; font-weight:bold;  min-height:1.15em; text-align:center; background:url(tab_right_milk.gif) no-repeat top right; color:#004561;}

	#mcProdListTabsMilk a:hover span 		{color:#004561; }

	#mcProdListTabsMilk #current a		{background-position:0 -100px;}

	#mcProdListTabsMilk #current a span	{background-position:100% -100px; color:#fff;}

	#mcProdListTabsMilk a:hover			{background-position:0% -100px; }	

	#mcProdListTabsMilk a:hover span		{background-position:100% -100px;}



	.pdH2TitleMilk						{color:#00b1ed; padding-bottom:10px;}

	.mcNutriTextColorMilk				{color:#004561;}

	

	/*gda items*/

	.thBackMilk							{background-image:url(bg_ni_topMilk.gif);}

	.trMiddleMilk						{background-image:url(bg_ni_middleMilk.gif);}

	.trBottomMilk						{background-image:url(bg_ni_bottomMilk.gif);}

	

	.lightBackgroundMilk				{background-color:#f0f9fd;}

	.darkBackgroundMilk					{background-color:#99dffb; color:#000}

	.h3ColorMilk						{color:#004561;}

	

	

/* CHOCOLAT  */

	/* tabs */

	#mcProdListTabsChoc					{width:100%; min-height:1.57em;}

	#mcProdListTabsChoc  ul     				{margin-left:4px; padding:0 10px 0 10px; margin-left:13px; list-style:none;}

	#mcProdListTabsChoc li				{display:inline; font-size:70%;}

	#mcProdListTabsChoc a				{float:left; padding:0 0 0 8px; text-decoration:none; margin-right:2px; min-height:1.15em; background:url(tab_left_choc.gif) no-repeat top left; cursor:pointer;}

	#mcProdListTabsChoc a span 			{float:left; display:block; padding:5px 8px 4px 0px; font-weight:bold;  min-height:1.15em; text-align:center; background:url(tab_right_choc.gif) no-repeat top right; color:#601800;}

	#mcProdListTabsChoc a:hover span 		{color:#fff; }

	#mcProdListTabsChoc #current a		{background-position:0 -100px;}

	#mcProdListTabsChoc #current a span	{background-position:100% -100px; color:#fff;}

	#mcProdListTabsChoc a:hover			{background-position:0% -100px; }	

	#mcProdListTabsChoc a:hover span		{background-position:100% -100px;}

	

	.pdH2TitleChoc						{color:#601800; padding-bottom:10px;}

	.mcNutriTextColorChoc				{color:#601800;}

	

	/*gda items*/

	.thBackChoc							{background-image:url(bg_ni_topChoc.gif);}

	.trMiddleChoc						{background-image:url(bg_ni_middleChoc.gif);}

	.trBottomChoc						{background-image:url(bg_ni_bottomChoc.gif);}

	

	.lightBackgroundChoc				{background-color:#ffefd2;}

	.darkBackgroundChoc					{background-color:#601800; color:#fff}

	.h3ColorChoc						{color:#601800;}

	

/* FRUITS  */

	/* tabs */

	#mcProdListTabsFruits				{width:100%; min-height:1.57em;}

	#mcProdListTabsFruits  ul     			{margin-left:4px; padding:0 10px; margin-left:13px; list-style:none;}

	#mcProdListTabsFruits li				{display:inline; font-size:70%;}

	#mcProdListTabsFruits a				{float:left; padding:0 0 0 8px; text-decoration:none; margin-right:2px; min-height:1.15em; background:url(tab_left_fruits.gif) no-repeat top left; cursor:pointer;}

	#mcProdListTabsFruits a span 			{float:left; display:block; padding:5px 8px 4px 0px; font-weight:bold; min-height:1.15em; text-align:center; white-space:nowrap; background:url(tab_right_fruits.gif) no-repeat top right; color:#648202;}

	#mcProdListTabsFruits a:hover span 	{color:#fff; }

	#mcProdListTabsFruits #current a		{background-position:0 -100px;}

	#mcProdListTabsFruits #current a span	{background-position:100% -100px; color:#fff;}

	#mcProdListTabsFruits a:hover		{background-position:0% -100px; }	

	#mcProdListTabsFruits a:hover span	{background-position:100% -100px;}



	.pdH2TitleFruits					{color:#fd9d0a; padding-bottom:10px;}

	.mcNutriTextColorFruits				{color:#2a3700;}

	

	/*gda items*/

	.thBackFruits						{background-image:url(bg_ni_topFruits.gif);}

	.trMiddleFruits						{background-image:url(bg_ni_middleFruits.gif);}

	.trBottomFruits						{background-image:url(bg_ni_bottomFruits.gif);}

	

	.lightBackgroundFruits				{background-color:#f7f9ed;}

	.darkBackgroundFruits				{background-color:#dbebad; color:#000}

	.h3ColorFruits						{color:#2a3700;}

	

/* NEUTRAL  */

	/* tabs */

	#mcProdListTabs						{width:100%; min-height:1.57em;}

	#mcProdListTabs ul 					{margin-left:4px; padding:0 10px; margin-left:13px; list-style:none; }

	#mcProdListTabs li 					{display:inline; font-size:70%;}

	#mcProdListTabs a					{float:left; padding:0 0 0 8px; text-decoration:none; margin-right:2px; min-height:1.15em; background:url(tab_left.gif) no-repeat top left; cursor:pointer;}

	#mcProdListTabs a span 				{float:left; display:block; padding:5px 8px 4px 0px; font-weight:bold;  min-height:1.15em; text-align:center; background:url(tab_right.gif) no-repeat top right; color:#000;}

	#mcProdListTabs a:hover span 			{color:#8b6d4c;}

	#mcProdListTabs #current a			{background-position:0 -100px;}

	#mcProdListTabs #current a span  		{background-position:100% -100px; color:#8b6d4c;}

	#mcProdListTabs a:hover 				{background-position:0% -100px; }

	#mcProdListTabs a:hover span			{background-position:100% -100px;}



	.pdH2Title							{color:#cd1d0d; padding-bottom:10px;}

	.mcNutriTextColor					{color:#000;}

	

	/*gda items*/

	.thBack								{background-image:url(bg_ni_top.gif);}

	.trMiddle							{background-image:url(bg_ni_middle.gif);}

	.trBottom							{background-image:url(bg_ni_bottom.gif);}

	

	.lightBackground					{background-color:#fef2e1;}

	.darkBackground						{background-color:#ffe8bf; color:#000}

	.h3Color							{color:#000;}

