/* RESET */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-style:inherit;font-size:100%;font-family:inherit}
body            {line-height:1.2;color:black;background:white}
ol, ul          {list-style:none}
table           {border-collapse:collapse;border-spacing:0}
caption, th, td {text-align:left;font-weight:normal}
blockquote:before, blockquote:after,q:before, q:after {content:""}
blockquote, q	{quotes:"" ""}
img				{border:none}
ol				{margin:3px}
/* RESET */

/* IE float fix */
.floatbox		{margin:0 auto}
.floatbox:after	{content:"."; display:block; height:0; clear:both; visibility:hidden}
.floatbox		{display:inline-block}
*html .floatbox	{height:1%}
.floatbox		{display:block}
/*IE float fix */

/* GENERAL */				
body		{font-family:arial, Sans-Serif;font-size:80%;color:#333}
.spacer		{margin-bottom:15px;height:1px}
sup, sub	{font-size:80%;font-weight:bold}
ol			{padding-left:20px;list-style-type:decimal}
ul			{padding-left:20px}
ul.bullets	{list-style-type:disc}
strong,b	{font-weight:bold}
em,i		{font-style:italic}
u			{text-decoration:underline}
blockquote	{padding-left:10px}
p			{margin:8px 0}
a           {color:#333}
a:hover     {color:#007800}

.fl			{float:left}
.fr			{float:right}
.al			{text-align:right}
#stretch #content div.endfloat, .endfloat	{clear:both;font-size:1px;visibility:hidden;display:block;height:1px;padding:0px;margin:0}
.dots		{padding-bottom:8px;background:url(../SiteCollectionImages/bg_hr.gif) bottom left repeat-x}	
.clear		{clear:both}
.block		{display:block}
.hide		{display:none}

.imgmargleft	{margin-left:10px}
.imgmargright	{margin-right:10px}
/*the image caption width is now set automatically so the padding is not necessary*/
/*padding:9px 12px;*/  
.imgcaption {margin-top:4px;color:#333333}
.mandatory		{color:red}

h1			{color:#93002e;font-weight:bold;font-size:1.2em;padding-left:12px;margin-bottom:8px}
h2			{color:#333333;font-weight:bold;font-size:1.1em;padding:5px 0;margin-bottom:8px}
h2.section	{background:#fcf6e3;padding-left:10px}
h2.error	{color:#ffffff;background:#93002e;margin-bottom:0;padding-left:12px}
h2.recipe	{color:#333;background:#dfdcca;margin-bottom:0;padding-left:12px}
h3			{color:#333333;font-weight:bold;padding:6px 9px;margin-bottom:8px; background:#f0f0f0}

			
.errorbox			{color:#93002e;background:#f4e5ea;padding:10px 37px}
.linkbox			{color:#6d6b70;border:1px solid #6d6b70;background-color:#dcdcdc;text-transform:uppercase;height:1.52em;text-decoration:none}
.linkbox:hover		{background:#4f8e6f;color:#fff}

.arrowright			{background-image:url(../SiteCollectionImages/ar-r.gif);background-position:100% 0.5em;background-repeat:no-repeat;padding:0 12px 0 5px}
.arrowright:hover	{background-image:url(../SiteCollectionImages/ar-r-g.gif);background-repeat:no-repeat;background-position:100% 0.5em}
.arrowleft			{background-image:url(../SiteCollectionImages/ar-l.gif);background-position:0% 0.5em;background-repeat:no-repeat;padding:0 5px 0 12px}
.arrowleft:hover	{background-image:url(../SiteCollectionImages/ar-l-g.gif);background-repeat:no-repeat;background-position:0% 0.5em}
.arrowup			{background-image:url(../SiteCollectionImages/ar-up.gif);background-position:100% 0.5em;background-repeat:no-repeat;padding:0 2% 0 0}
.arrowdown			{background-image:url(../SiteCollectionImages/ar-d.gif);background-position:100% 0.5em;background-repeat:no-repeat;padding:0 2% 0 0}
		
.paddingall		{padding:10px}
.margintop		{margin-top:10px}
.marginbottom	{margin-bottom:10px}
.paddingbottom	{padding-bottom:10px}
.nomargin		{margin:0}

/* HEADER */
#header			{min-width:960px;width:expression(document.body.clientWidth < 961? "960px": "auto");height:16.3em}
#header ul      {padding:0;list-style-type:none}
#header ul li   {display:inline}

/* site settings and tools  */
#settingstools	                {height:2.3em;margin-bottom:3px;background:#f0f0f0}
#settingstools ul				{height:2em;border-left:1px solid #fff;padding:6px 4px 0;color:#6d6b70}
#settingstools ul li            {margin:3px 6px 0 6px}
#settingstools ul li.firstitem  {border-right:1px solid #6d6b70;height:1em;padding-right:12px}
#settingstools ul li a		    {color:#6d6b70;text-decoration:underline}
#settingstools ul li a:hover	{color:#007800}

#icons							{border-left:1px solid #fff;height:2.3em}
a.print							{background:url(../SiteCollectionImages/icon_print_off.gif) no-repeat;width:16px;height:16px;margin:0.4em 6px 0 12px;float:left}
a.print:hover					{background:url(../SiteCollectionImages/icon_print_on.gif) no-repeat;margin:0.4em 6px 0 12px}

a.email							{background:url(../SiteCollectionImages/icon_email_off.gif) no-repeat;width:16px;height:16px;margin:0.4em 12px 0 6px;float:left}
a.email:hover					{background:url(../SiteCollectionImages/icon_email_on.gif) no-repeat;margin:0.4em 12px 0 6px}

/* persistent navigation and main search box  */
#persnav						{font-size:0.9em;height:2.3em;background:#fefefe url(../SiteCollectionImages/bg_persNav.gif) repeat-x}
#persnav ul li					{float:left;border-right:1px solid #fff;height:2.3em;margin:0}
#persnav ul li a				{display:block;color:#6d6b70;text-decoration:none;padding:0px 10px;line-height:2.3}
#persnav ul li a:hover			{color:#fff;background:#4f8e6f}
#persnav ul li.selected	a		{color:#6d6b70;background:#fff; padding:0px 10px;line-height:2.3}
#persnav form					{margin:3px 12px 0 0;}	
#persnav input					{border:1px solid #6d6b70;color:#6d6b70;float:left;width:170px;font-size:94%;font-family:Arial;}
#persnav input.btnsubmitsearch	{background:url(../SiteCollectionImages/btn_submit_search.gif) no-repeat;cursor:pointer;width:17px;border:0;height:18px;float:left;}
#persnav input.btnsubmitsearch:hover{background:url(../SiteCollectionImages/btn_submit_search_on.gif) no-repeat;cursor:pointer;width:17px;border:0;height:18px;float:left;}

#settingstools,	#persnav, #footer{font-size:0.9em}

/* specific navigation*/
#banner						{height:5.2em;background:#FFF}
#primnav					{height:2.3em;background:#6d6b70 url(../SiteCollectionImages/bg_primNav.gif) repeat-x;border-top:3px solid #93002e}
#signbar					{height:2.3em;background:#fcf6e3 url(../SiteCollectionImages/bg_signBar.gif) repeat-x bottom left;font-size:95%}
#primnav ul li				{float:left;border-right:1px solid #b3b4b7;height:2.3em}
#primnav ul li a			{display:block;color:#fff;text-decoration:none;padding:0 10px;line-height:2.3}
#primnav ul li a:hover		{background:#4f8e6f;color:#fff}
#primnav ul li.selected	a	{background:#fcf6e3;color:#333;padding:0 10px;line-height:2.3}

/* sign in */
#signbar					{height:2.2em}
#signbar span				{margin:0.5em 12px;color:#6d6b70;padding-left:3px}
#signbar ul li				{float:left;height:1em;margin:0.5em 0}
#signbar ul li a			{border-left:1px solid #b3b4b7;color:#6d6b70;text-decoration:underline;padding:0 12px}
#signbar ul li a:hover		{color:#007800}

/* BASE TEMPLATES */
#container 					{min-width:960px;width:expression(document.body.clientWidth < 961? "960px": "auto" )}			
#content					{float:left;width:100%}
#lhc						{width:192px;float:left}
#rhc						{width:189px;float:right}
.cntleft					{margin-left:200px}
.cntright					{margin-right:209px}
.cntdisplay					{display:inline}
.cntmarginleft				{margin-left:12px}
.cntmarginleft h1			{color:#93002e;font-weight:bold;font-size:1.2em;padding-left:0px;margin-bottom:8px}
.cntmarginright				{margin-right:12px}
.bglhc						{background:url(../SiteCollectionImages/bg_lhc.gif) top left repeat-y;width:100%}
	
/* SUBDIVISION */
.subdivision5050			{float:left;width:49.9%;padding:0;margin:0}
.subdivision5050rtl			{float:right;width:49.9%;padding:0;margin:0}
/* Use in edit mode */
.subdivision4850rtl			{float:right;width:48%;padding:0;margin:0}
.subdivision3x				{float:left;width:33%}
.subdivision60				{float:left;width:60%}
.subdivision40				{float:left;width:40%}
.subdivision60rtl			{float:right;width:60%}
/* Use in edit mode */
.subdivision58rtl			{float:right;width:58%}
.subdivision40rtl			{float:right;width:40%}
.subdivision75				{float:left;width:74.5%}
.subdivision25				{float:left;width:25.5%}
.subdivision33				{float:left;width:33.5%}
.subdivision66				{float:left;width:65.5%}
.buffer						{margin:8px 12px}
.borderRight				{border-right:1px solid #000}
.borderLeft					{border-left:1px solid #000}
.content-third				{width:32.65%}

/* FOOTER */
#footer						{min-width:960px;width:expression(document.body.clientWidth < 961? "960px": "auto" );margin-top:8px;height:4em;border-top:4px solid #960030;background:#f0f0f0;clear:both;color:#6d6b70}
#footer span,#footer ul		{margin:1.3em 0;padding-left:12px}
#footer img {vmargin:0.9em 0;vertical-align:bottom;}
#footer	ul li				{display:inline;border-left:1px solid #6d6b70;padding:0 12px}
#footer	ul li a				{display:inline;color:#6d6b70;text-decoration:underline}
#footer	ul li a:hover		{color:#007800}
#footer	ul li.visited		{color:#6d6b70}

/* LHN */
#subnav					{width:192px;background:#f0f0f0;padding:0}
#subnav a				{color:#333;display:block;padding:4px 12px;border-bottom:solid 1px white;text-decoration:none}
#subnav a:hover			{background:#4f8e6f;color:#fff}
#subnav li.active		{background:#fff;font-weight:bold;color:#333333;display:block;border-bottom:solid 1px white}
#subnav li.active		{padding:4px 12px 4px 12px}
#subnav li li.active	{padding:4px 12px 4px 20px}
#subnav a.arrow			{background:url(../SiteCollectionImages/ln-ar-d.gif) no-repeat 180px 0.6em}
#subnav a.arrow:hover	{background:#4f8e6f url(../SiteCollectionImages/ln-ar-d-on.gif) no-repeat 180px 0.6em}
#subnav li				{display:inline}
#subnav li ul			{padding:0}
#subnav li li a			{padding:4px 12px 4px 20px;background:#dcdcdc}
.lhncta					{margin:12px}
.lhncta	a.arrowright	{padding:0 12px 0 0;display:inline-block}

/* RHC */
#rhc .box					{margin-bottom:12px;padding:0 0 4px;width:100%}
#rhc .box *					{display:block;padding:5px 12px}
#rhc .box * *				{padding:0 0 0}
#rhc .box li				{padding:0.5em 0 0.5em 12px;background:url(../SiteCollectionImages/ar-r.gif) 0 0.8em no-repeat;line-height:1.2}
#rhc .box li.filter			{background:url(../SiteCollectionImages/dash.gif) 0 1em no-repeat}
#rhc select, #rhc input.inputtext{border:solid 1px #6d6b70;color:#6d6b70;margin-bottom:5px}
#rhc input.inputtext		{width:160px;display:block}
#rhc select					{width:150px}
#rhc label					{margin:3px 2px;width:140px;}
#rhc input.btnsubmit		{color:#6d6b70;border:1px solid #6d6b70;background:#dcdcdc;text-transform:uppercase;height:1.52em;padding:0;cursor:pointer}
#rhc input.btnsubmit:hover	{background:#4f8e6f;color:#fff}


 /* CONTENT AND BOX MODULES */
#content h3					{padding:8px 12px;margin:0}
#content .box input			{display:block;margin:10px 10px 0 0}
#content .box div			{display:block;padding:0 0 10px 0;margin:0}
#content .box div p			{padding:9px 12px;margin:0}
#content div.caption		{display:inline;margin:5px;padding:0}
#content div.caption img	{display:block;border:solid 4px white}
#content .box div h4		{padding:8px 12px 0}
#content .box p.date		{color:#333;margin:0;padding:3px 12px;font-size:85%;font-style:italic}


#content .imgleft .fr	{float:none;display:block;_display:inline-block}
#content .imgright .fl	{float:none;display:block;_display:inline-block}

#content .box ul			{padding:0 0 5px 12px}
#content .box li			{padding:0 12px;line-height:1.3em;background:url(../SiteCollectionImages/ar-r.gif) center left no-repeat}
#content .box li.filter		{background:url(../SiteCollectionImages/dash.gif) 20% 0% no-repeat}
#content li,#content .box li{margin:0.3em 0}
#content select, #subcontent .inputtext{width:165px;margin-bottom:5px}
#content select.branddropdownlist{width:100%}
/* FORM ELEMENTS */
input,select,textarea		{font-size:100%;font-family:Arial;}
#content label				{display:block;margin:10px 12px 5px 0;padding:0;}
#content label span			{font-style:italic}
#content label img,#content fieldset legend img	{vertical-align:bottom; margin-right:5px}
#content input,#content select,#content textarea{display:block;border:solid 1px #6d6b70;color:#333;}
#content fieldset label		{display:inline;float:left;padding:3px;margin:0}
#content textarea			{height:8em;font-family:Arial, Sans-Serif;font-size:120%}
#content fieldset			{display:block;clear:both}
#content fieldset legend	{display:block;padding:8px 0 5px}
#content input.btnsubmit	{color:#6d6b70;border:1px solid #6d6b70;background:#dcdcdc;text-transform:uppercase;height:1.58em;padding:0;cursor:pointer}
#content input.btnsubmit:hover		{background:#4f8e6f ;color:#fff}
#content input.btnarrleft			{background:#dcdcdc url(../SiteCollectionImages/ar-l.gif) 6% 50%  no-repeat;padding-left:11px}
#content input.btnarrleft:hover		{background:#4f8e6f url(../SiteCollectionImages/ar-l-w.gif) 6% 50% no-repeat;color:#fff}
#content input.btnarrright			{background:#dcdcdc url(../SiteCollectionImages/ar-r.gif) 95% 50% no-repeat;padding-right:12px}
#content input.btnarrright:hover	{background:#4f8e6f url(../SiteCollectionImages/ar-r-w.gif) 95% 50% no-repeat;color:#fff}
#content .radinput					{float:left;clear:left;border:0}
#content .checkinput				{float:left;clear:left;border:0}
#content input.width20,#content select.width20, #content textarea.width20	{width:20%}
#content input.width40,#content select.width40, #content textarea.width40	{width:40%}
#content input.width60,#content select.width60, #content textarea.width60	{width:60%}
#content input.width80,#content select.width80, #content textarea.width80	{width:80%}
#content input.width100,#content select.width100, #content textarea.width100{width:100%}
#content input.width79  {width:79%}
#content input.width45  {width:45%}

/* CONTENT SEARCH and STATUS BARS */
#content div.searchbartitle			{background:#dcdcdc;font-weight:bold;padding:0.6em 12px 0;height:1.5em}
#content div.searchbar				{background:#f0f0f0;height:2.5em;margin-bottom:10px}
/* Modify MRM: add span */
#content div.searchbar label,#content div.searchbar span    {font-weight:bold;padding:0.6em 12px 0;margin:0}
#content div.searchbar input,#content div.searchbar select	{margin:0.45em 5px;}
#content div.searchbar input.btnsubmit	{height:1.59em;}
#content div.statusbar				{background:#dcdcdc;padding:4px 8px}

/* BOX COLOURS */
.colour1 h3	{background:#dcdcdc} 
.colour1	{background:#f0f0f0} /* Grey - Functionality boxes, filters or dropdowns etc. Are not displayed on printed pages. */
.colour2 h3	{background:#f1d399} 
.colour2	{background:#f8e9cc} /* Orange */
.colour3 h3	{background:#e9ccd5}
.colour3	{background:#f4e5ea} /* Red*/
.colour4 h3	{background:#bad9cb}
.colour4	{background:#dbebe4} /* Green -Informational */
.colour5 h3	{background:#b9d5ef}
.colour5	{background:#dceaf7} /* Blue */
.colour6 h3	{background:#f9ecc0} 
.colour6	{background:#fcf5de} /* Yellow - Default option */
.colour7 h3	{background:#dfdcca} 
.colour7	{background:#f2eee8} /* Olive */
/* [BLB] EVO_100 */ 
.colour8 h3	{background:#93002e} 
.colour8	{background:#be6682} /* Aromatic Red */
.colour9 h3	{background:#000000} 
.colour9	{background:#666666} /* Black */
.colour10 h3	{background:#f2d473} 
.colour10	{background:#f4db89} /* Delicious Cream */
.colour11 h3	{background:#6d6b70} 
.colour11	{background:#a7a6a9} /* Soapstone Grey */
.colour12 h3	{background:#b3b4b7} 
.colour12	{background:#d1d2d4} /* Steal Grey */
.colour13 h3	{background:#dc9200} 
.colour13	{background:#eabe66} /* Zesty Orange */


.box .colour1, .box .colour2, .box .colour3, .box .colour4, .box .colour5, .box .colour6, .box .colour7, .box .nocolor {margin:10px}

/* NIT Added */
.nocolor h3 {background:#ffffff}
.nocolor {background:#ffffff} /* White (no color) */
.leftalignbuffer			{margin:8px 0px}

/* SITEMAP AND COUNTRY SELECTOR */
.box									{border-bottom:10px solid #fff}
.box ul									{line-height:1.7;padding:5px 0}
.box form								{padding:5px 12px}
#content .countryselect h3				{color:#333;font-weight:bold}
#content .countryselect .box li			{background:none;padding:2px 0}
#content .countryselect .box li a		{text-decoration:none}
#content .countryselect .box li a span	{text-decoration:underline}
#content .countryselect ul a img		{display:inline;margin:0 5px 0 0;position:relative;top:2px;border:solid 1px #999}
#content .countryselect ul a:hover img	{border:solid 1px #007800}

.padd {margin:0 1% 0 0}

/* NIT Added */
.box div                         {padding:5px 12px}      /* Add div to replace form */

/* RECIPE COSTING CALCULTATOR */
#calcwrap table      {width:100%; clear:both}
#calcwrap tr			{padding-bottom:8px;background:url(../SiteCollectionImages/bg_hr.gif) bottom left repeat-x;height:2.2em}
#calcwrap th			{background:#fcf6e3;font-weight:bold}
input[type='hidden'] {display: none;border: 0px; visibility:hidden;}

#calcwrap			{width:70%}
#calcwrap p			{padding:8px 12px;display:block;background:#dbebe4}
#calcwrap table	caption	{font-weight:bold;background:#fcf6e3;padding:12px}
#calcwrap table th	{background:#f0f0f0}
#calcwrap td, #calcwrap th {padding:6px 12px;width:50%;vertical-align:top}
#calcwrap table td input,#calcwrap table td select	{margin-top:10px}
#calcwrap .third td {padding:6px 12px;width:32%}
#calcwrap .third th {padding:6px 12px;width:32%}

#calcwrap .step1		{background:url(../SiteCollectionImages/bg_step1.gif) top center repeat-y;width:100%}
#calcwrap .step2		{background:url(../SiteCollectionImages/bg_step2.gif) top center repeat-y;width:100%}
#calcwrap .step1 span,#calcwrap .step2 span	{width:49%;padding-bottom:10px}


/* TABLES */
/*table		{width:100%; clear:both}
tr			{padding-bottom:8px;background:url(../SiteCollectionImages/bg_hr.gif) bottom left repeat-x;height:2.2em}
th			{background:#fcf6e3;font-weight:bold}*/
tr.func	th	{background:#dcdcdc}
/*td,th		{width:25%;vertical-align:top;padding:0.5em 12px 0.5em 12px}*/
.tableend	{background:#f0f0f0}
th.width25	{width:25%}
th.width50	{width:50%}
th.width75	{width:75%}

/* RECIPE */
.displaytablinks				{
   /*background:#f0f0f0; [Remove the background of the non-tab area on the right]*/
   height: 30px; /*[HDN: 25px is the minimum for IE7, other browsers can do fine with less than 25px]*/
   margin-top:20px;
}
.displaytablinks ul				{padding:0;margin:0;}
#tablinks ul li					{
   float:left;
   margin:0 5px 0 0; /*[5px space between each tab]*/
}

.displaytablinks ul li a {   
   color:#333;text-decoration:underline;font-weight:bold;line-height:1.2;
   padding:5px 5px 5px 5px; /*[Padding around tab title]*/
   background: #dcdcdc;
   margin-left:0px;
   cursor:pointer;

   display:block; /*[Display block is a must]*/
   border-left: 1px solid #c0c0c0; /*[Tab border color]*/
   border-right: 1px solid #c0c0c0; /*[Tab border color]*/
   text-align: center; /*[Tab title is center-aligned]*/
   
   /*[Each tab (except the selected tab) is pushed 5px to align to the tab content at the bottom]*/
   position: relative;
   top: 5px;
}
.displaytablinks ul li a:hover	{color:#007800}
.displaytablinks ul li a.selected{
   background: #f0f0f0; /*[Tab selected background-color]*/
   
   top: 1px; /*[The 1px blending, so there's no separator between the selected tab and the tab content]*/
   padding-top: 8px;
   padding-bottom: 6px;
   margin-bottom: -1px;
}
.displaytablinks ul li div{
   top: 6px; /*[The top-border of the tab is pushed the same amount as the tab*/
   position: relative;
}
.displaytablinks ul li div.selected{
   top: 1px; /*[The top-border of the tab is pushed the same amount as the tab*/
   position: relative;
}


.roundedHorizontalLineArea { /*[Rounded top area of each tab]*/
   background: white;
   /*[HDN: If you get lazy and put "position:relative" here,
     instead of doing it for ".displaytablinks ul li div" and ".displaytablinks ul li div.selected",
     the 1px blending won't work, at least on IE6 */
}
.roundedOuterLine { /*[The rounded outer border-line]*/
   display: block;
   height: 1px;
   overflow: hidden; /*[HDN: IE6 fix]*/

   background: #c0c0c0;
   border-left: 1px solid #e0e0e0;
   border-right: 1px solid #e0e0e0;

   margin-left: 1px;
   margin-right: 1px;
}
.roundedInnerLine { /*[The rounded inner border-line]*/
   display: block;
   overflow: hidden; /*[HDN: IE6 fix]*/
   height: 1px;

   background: #f0f0f0;
   border-left: 2px solid #e0e0e0;
   border-right: 2px solid #e0e0e0;
}


.tabButton-first { /*[10px on the left of the first tab]*/
   padding-left: 10px;
}
.tabButton-topLineArea { /*[Default tab width when Javascript is disabled]*/
   width: 150px;
}
#recipeIngredients .IngredientTableHeader {
   color: #333;
   background: #dfdcca;
   font-size: 1.1em;
   font-weight: bold;
}

#recipeIngredients .IngredientQuantity {
   text-align: right;
   width: 50px;
   padding-left: 10px;
   padding-right: 10px;
}

#recipeIngredients .IngredientUnit {
   width: 70px;
   padding-left: 10px;
   padding-right: 10px;
}

#recipeIngredients .IngredientName {
   padding-left: 10px;
   padding-right: 10px;
}

#recipeIngredients .IngredientNamePrep {
   padding-left: 10px;
   padding-right: 10px;
}

#recipeIngredients .IngredientPrep {
   padding-left: 10px;
   padding-right: 10px;
}

/*
CUSTOMIZATION: for Recipes details page 
*/
#recipeIngredients table		{width:100%; clear:both}
#recipeIngredients tr			{padding-bottom:8px;background:url(../SiteCollectionImages/bg_hr.gif) bottom left repeat-x;height:2.2em}
#recipeIngredients th			{background:#fcf6e3;font-weight:bold}
#recipeIngredients th		{width:25%;vertical-align:top;padding:0.5em 12px 0.5em 12px}

#recipeInstructions table		{width:100%; clear:both}
#recipeInstructions th			{background:#fcf6e3;font-weight:bold}
#recipeInstructions td,th		{width:25%;vertical-align:top;padding:0.5em 12px 0.5em 12px}

#recipeChefTip table		{width:100%; clear:both}
#recipeChefTip tr			{padding-bottom:8px;background:url(../SiteCollectionImages/bg_hr.gif) bottom left repeat-x;height:2.2em}
#recipeChefTip th			{background:#fcf6e3;font-weight:bold}
#recipeChefTip td,th		{width:25%;vertical-align:top;padding:0.5em 12px 0.5em 12px}

#recipeNutrition table		{width:100%; clear:both}
#recipeNutrition tr			{padding-bottom:8px;background:url(../SiteCollectionImages/bg_hr.gif) bottom left repeat-x;height:2.2em}
#recipeNutrition th			{background:#fcf6e3;font-weight:bold}
#recipeNutrition td,th		{width:25%;vertical-align:top;padding:0.5em 12px 0.5em 12px}

#recipeNutritionistSuggestions table		{width:100%; clear:both}
#recipeNutritionistSuggestions tr			{padding-bottom:8px;background:url(../SiteCollectionImages/bg_hr.gif) bottom left repeat-x;height:2.2em}
#recipeNutritionistSuggestions th			{background:#fcf6e3;font-weight:bold}
#recipeNutritionistSuggestions td,th		{width:25%;vertical-align:top;padding:0.5em 12px 0.5em 12px}

/*
END CUSTOMIZATION: 
*/

/*
CUSTOMIZATION: for Recipes finder page 
*/

#searchResult table		{width:100%; clear:both}
#searchResult tr			{padding-bottom:8px;background:url(../SiteCollectionImages/bg_hr.gif) bottom left repeat-x;height:2.2em}
#searchResult th			{background:#fcf6e3;font-weight:bold}
#searchResult td,th		{width:25%;vertical-align:top;padding:0.5em 12px 0.5em 12px}


/*
END CUSTOMIZATION: 
*/


/*START BEVERAGE SOLUTIONS*/
#beveragaSolutionsDetail #switchtabs .tab			{padding:3px 10px;}

/*[MTL]: Work-around to fix the case that the image width is higher then the text's in the tab*/
#beveragaSolutionsDetail #switchtabs .endfloat {display:block !important;}

#beveragaSolutionsDetail #switchtabs {/*[The styles for the tab content]*/
   border-left: 1px solid #c0c0c0;
   border-right: 1px solid #c0c0c0;
}
.alwaysVisible, .alwaysVisible div		{display:block !important;visibility:visible !important}

.machinetext
{
	width: 190px;
}
	
.machinefilter span
{
	width: 153px;
    display:inline-block;
	margin: 5px 20px 5px 0px;
	vertical-align: top;
	text-align: left;
}

.machinefilter span h2 {
	margin:0;
	padding:0;
}
.machinefilter td
{
	vertical-align: top;
}

.machinefilter
{
	width: 100%;
   padding-bottom:10px;
}	
.machine
{
	height: 150px;
	padding-bottom: 5px;
	width :32%;
	float: left;
}

.machine .imgmargright {
	padding-left:0px;
}

.machine h4 {padding:0px !important;}

.machine p {padding:8px 0px !important; }

.machine div {
	padding:5px 12px !important;	
}
	
.facetbutton
{
   background:#DCDCDC none repeat scroll 0 0;
   border:1px solid #6D6B70;
   margin:1px 10px 0 0;
   padding:3px 3px 3px 4px;
   text-align:center;
   cursor: default;
}

.facetbuttonselected
{
	font-weight: bold;
}
/*END BEVERAGE SOLUTIONS*/


#recipedetail #switchtabs {/*[The styles for the tab content]*/
   border-left: 1px solid #c0c0c0;
   border-right: 1px solid #c0c0c0;
}
#recipedetailstab, #recipenutritiontab, #recipephototab, #reciperatingtab { /*[Padding around tab content]*/
   padding: 5px 5px 5px 5px;
}
#recipelanding #switchtabs .tab			{margin-bottom:12px;}
#recipelanding #switchtabs .tab ul		{padding:0;margin:0}
#recipelanding #switchtabs .tab ul li	{float:left;margin:3px 12px;width:16em;height:2.4em;}

#recipedetail .tab,#recipelanding .tab {display:block;visibility:visible}
#recipelanding .tab					{background:#f0f0f0;}

#recipelanding #switchtabs {
   border-left: 1px solid #c0c0c0;
   border-right: 1px solid #c0c0c0;
}
#recipelanding .displaytablinks				{
   height: 30px; /*[HDN: 25px is the minimum for IE7, other browsers can do fine with less than 25px]*/
   margin-top:20px;
}

#recipelanding .displaytablinks ul li div.selected{
   top: 1px;
   position: relative;
}

#recipelanding .displaytablinks ul li a		{
   color:#333;text-decoration:underline;font-weight:bold;line-height:1.2;
   padding:5px 5px 5px 5px; /*[Padding around tab title]*/
   background: #dcdcdc;
   margin-left:0px;
   cursor:pointer;

   display:block; /*[Display block is a must]*/
   border-left: 1px solid #c0c0c0; /*[Tab border color]*/
   border-right: 1px solid #c0c0c0; /*[Tab border color]*/
   text-align: center; /*[Tab title is center-aligned]*/
   
   /*[Each tab (except the selected tab) is pushed 5px to align to the tab content at the bottom]*/
   position: relative;
   top: 5px;
}

#recipelanding .displaytablinks ul li a.selected{
   background: #f0f0f0; /*[Tab selected background-color]*/
   
   top: 1px; /*[The 1px blending, so there's no separator between the selected tab and the tab content]*/
   padding-top: 8px;
   padding-bottom: 6px;
   margin-bottom: -1px;
}
#recipelanding .displaytablinks ul li div{
   top: 6px; /*[The top-border of the tab is pushed the same amount as the tab*/
   position: relative;
}
/*
CUSTOMIZATION: for Recipes Landing page - table width 100%
*/
#recipelanding table		{width:100%; clear:both}
#recipelanding tr			{padding-bottom:8px;background:url(../SiteCollectionImages/bg_hr.gif) bottom left repeat-x;height:2.2em}
#recipelanding th			{background:#fcf6e3;font-weight:bold}
#recipelanding td, #recipelanding th		{width:25%;vertical-align:top;padding:0.5em 12px 0.5em 12px}
/*
END CUSTOMIZATION: 
*/


#recipelanding td.col1		{width:15%}
#recipelanding td.col2		{width:85%}

#recipefinder table			{margin-top:12px}	
#recipefinder th			{background:#dcdcdc}
#recipefinder th.col1		{width:85%}
#recipefinder th.col2		{width:15%}

#recipefinder th,#recipefinder td	{width:1%;vertical-align:top;padding:0.5em 12px 0.5em 12px}

#recipesummary,#recipecostingicon	  {float:left;width:47.9%;padding:0;margin:0}
#recipesummary table		{width:90%}
#recipesummary th			{background:#fff}
#recipesummary th       {font-weight:normal;width:40%}
#recipesummary td       {font-weight:normal;width:60%}
#recipesummary tr			{background-image:none;}

#recipecostingicon			{background:#dbebe4;padding:10px}

#recipedetail h2 span		{font-weight:normal}

#recipedetailstab ol									{padding:0.5em 27px;margin:0}
#recipenutritiontab ul li								{background:url(../SiteCollectionImages/dash.gif) center left no-repeat;padding:0.5em 10px;margin:0}
#recipedetailstab div p,#recipenutritiontab div p		{padding:0.5em 12px;margin:0}
#recipedetailstab div.dots,	#recipenutritiontab div.dots{height:2.3em;background-position:0 50%}

#recipenutritiontab table	{width:50%}
#recipenutritiontab th		{background:#dfdcca}
#recipenutritiontab th, #productsdetail td	{vertical-align:top}


#recipenutritiontab div		{display:block !important;visibility:visible !important}
#recipedetailstab div		{display:block !important;visibility:visible !important}
#reciperatingtab div		{display:block !important;visibility:visible !important}

/* rhc */
#rhc #rfrhc .box					{margin:0;padding:0;border:0}
#rhc #rfrhc .box *					{display:block;padding:10px 12px}
#rhc #rfrhc .box h3					{margin:0;padding:5px 12px}
#rhc #rfrhc .box * *				{padding:0 0 0;}
#rhc #rfrhc fieldset				{margin:5px 0}
#rhc #rfrhc fieldset legend			{font-weight:bold}

#rhc #rfrhc .box #subfilter a				{color:#333;font-weight:bold;display:block;padding:4px 20px;text-decoration:none;}
#rhc #rfrhc .box #subfilter a:hover			{color:#007800}
#rhc #rfrhc .box #subfilter a.opened		{background:url(../SiteCollectionImages/icon_minus.gif) 0 50% no-repeat;}
#rhc #rfrhc .box #subfilter a.closed		{background:url(../SiteCollectionImages/icon_plus.gif) 0 50% no-repeat;}

#rhc #rfrhc .box #subfilter li				{display:inline;background-image:none;}
#rhc #rfrhc .box #subfilter li ul			{padding:0 2px}
#rhc #rfrhc .box #subfilter li li a			{padding:2px 12px;font-weight:normal;background:url(../SiteCollectionImages/dash.gif) 0 50% no-repeat;}

/* BRANDS AND PRODUCTS */
/* Customize some style sheets of MRM */
#productsindex .subfilter	{padding:4px 8px}
#productsindex table		{width:100%}
#productsindex tr			{padding-bottom:8px;background:url(../SiteCollectionImages/bg_hr.gif) bottom left repeat-x;height:2.2em}
#productsindex th			{background:#dcdcdc;font-weight:bold}
#productsindex th,#productsindex td	{vertical-align:top;padding:0.5em 12px 0.5em 12px}
#productsindex td img		{border:solid 4px white;margin:0;padding:0;display:block}
#productsindex table .col1	{width:1%}
#productsindex table .col2	{width:70%}
#productsindex table .col3	{width:29%}

#content .crumbarea{color:#786f68;padding:8px 0;border-bottom:solid 1px #f0f0f0;margin:0 0 5px 0}
#content .crumbarea a:link{}
#content .bg1{background:#fcf6de}
#content .bg2{background:#faefcf}

.contentbanner		{margin-bottom:10px;text-align:center}
.contentbanner p	{padding:10px;color:#fff}

#productsbrands {margin:8px 0}
#productsbrands img{border:solid 4px white}
#productsbrands li{float:left;margin:10px 12px;width:100px;text-align:center;height:9.5em}
#productsbrands a{display:block}

/* Customize some style sheets of MRM */

#productsbrands	table		{width:100%; margin:10px 0}
#productsbrands	table tr	{background-image:none}	
#productsbrands	table td	{width:25%; margin:10px 0;vertical-align:top;padding:0.5em 12px 0.5em 12px}

#productsdetail table		{width:50%}
#productsdetail th			{background:#dfdcca}
#productsdetail th, #productsdetail td	{vertical-align:top}
#productsdetail .box		{padding-bottom:8px;background:url(../SiteCollectionImages/bg_hr.gif) bottom left repeat-x;width:100%}
#productsdetail .box p		{padding:0}
#productsdetail .box ul		{margin:12px 0;padding:0 0 0 0;line-height:1}
#productsdetail .box ul img	{display:inline}
#productsdetail .box h2		{padding:5px 0}
#productsdetail .box ul h3	{background:none;color:#333;font-weight:bold;padding:0 0 5px}
#productsdetail .box ul li	{margin:0;padding:0;float:left;width:99%;background-image:none}
#productsdetail .box ul li div{margin:0 0 5px 62px}
#productsdetail .box .filter {padding:0 10px}
#productsdetail .box ul.filter li{background:url(../SiteCollectionImages/dash.gif) center left no-repeat;padding-left:10px;margin:1em 0;float:none}

/* box without dots */
#productsdetail .boxwd div      {padding:8px 0px}  
#productsdetail .boxwd p		{padding:0}
#productsdetail .boxwd ul		{margin:12px 0;padding:0 0 0 0;line-height:1}
#productsdetail .boxwd ul img	{display:inline}
#productsdetail .boxwd div h2		{padding:5px 0px 0px 0px}
#productsdetail .boxwd ul h3	{background:none;color:#333;font-weight:bold;padding:0 0 5px}
#productsdetail .boxwd ul li	{margin:0;padding:0;float:left;width:99%;background-image:none}
#productsdetail .boxwd ul li div{margin:0 0 5px 62px}
#productsdetail .boxwd .filter {padding:0 10px}
#productsdetail .boxwd ul.filter li{background:url(../SiteCollectionImages/dash.gif) center left no-repeat;padding-left:10px;margin:1em 0;float:none}

/* Sub-title box */
#productsdetail .boxst 		{padding-bottom:8px;background:url(../SiteCollectionImages/bg_hr.gif) bottom left repeat-x;width:100%}
#productsdetail .boxst p		{padding:0}
#productsdetail .boxst ul		{margin:12px 0;padding:0 0 0 0;line-height:1}
#productsdetail .boxst ul img	{display:inline}
#productsdetail .boxst h2		{padding:5px 0}
#productsdetail .boxst ul h3	{background:none;color:#333;font-weight:bold;padding:0 0 5px}
#productsdetail .boxst ul li	{margin:0;padding:0;float:left;width:99%;background-image:none}
#productsdetail .boxst ul li div{margin:0 0 5px 62px}
#productsdetail .boxst .filter {padding:0 10px; margin:0px}
#productsdetail .boxst ul.filter li{background:url(../SiteCollectionImages/dash.gif) center left no-repeat;padding-left:10px;margin:0px;padding-top:7px;padding-bottom:7px;float:none}
.subtitle {color:#333333;font-weight:bold;font-size:1.1em;padding-left:0px;padding-right:0px; padding-top:5px;padding-bottom:5px}
.boxst 									{border-bottom:10px solid #fff}
.subcategoryborder					{border-left:5px solid #fff}
.pagetop	                        {text-align:right;padding:0 12px;line-height:1.3em;background:url(../SiteCollectionImages/ar-up.gif) left center no-repeat;float:right}

/* CONTACT DETAILS */
.contactdetails				{line-height:1.7em;margin:5px 0;padding-bottom:10px}
.contactdirections			{padding:12px 5px;display:block;clear:both}
.contactdirections li		{margin:4px 0; font-weight:bold} 
.contactdirections li span	{font-weight:normal} 
		
/* HOMEPAGE */			
div.register				{background:#f0f0f0;margin-bottom:12px;padding:0 0 4px;width:100%}
div.register h3				{color:#666666; font-size:120%}		
div.register *				{display:block;padding:5px 12px}
div.register a				{padding:2px 12px 0 8px;margin:0 12px 5px 0}
h2.homesubtitle				{font-weight:bold;color:#960330;font-size:150%}

/* PRINT CSS */
@media print
{
   .backToTopLinkZone {visibility:hidden !important;}
   .crumbarea {display:none;}
	body {padding:0px !important;margin:0 !important;background:white;font-size: 8pt}
	#header, #lhc,#findagain,.displaytablinks ul{display:none !important}
	*{font-family:Georgia, serif !important;line-height:1.5;color:#000000 !important;background:none !important}
	.cntleft, .cntright{margin:0}
	a:link, a:visited {font-weight:bold !important;text-decoration:underline !important}
	
	/*Do not use below line if you don't want hyperlink value is shown up when printing.*/
	/*a:link:after, a:visited:after {content: " (" attr(href) ") ";font-size: 90%}*/
	
	.box {border: solid 1px #000 !important}
	#footer span.fl {display:block !important}
	#content{float:none !important}
	#rhc{float:right !important; margin:0 0 12px 12px !important;padding:0 !important}
	#recipedetailstab,#recipenutritiontab {visibility:visible !important;display:block !important;}
	#recipeclassificationtab,#recipebrandtab,#recipemealtab,#recipeingredientstab{visibility:visible !important;display:block !important;}
	#recipelanding #switchtabs .tab ul li	{float:none !important;width:inherit}
	#switchtabs h3	{display:block !important;font-size:10pt;}
	#switchtabs		{border: solid 0px #000 !important; float:none;}
	#recipedetail .box {border: solid 0px #000 !important;}
   #switchtabs td{border-top: 1px solid #DFDFDF !important;}
	*html .floatbox	{width:100%; display:block}
	#content .box div p{ padding:9px 20px;margin:0 5px;}
	.recipedescriptionprint {margin-left:12px !important;}
   #recipecostingicon,#rhc,#recipephototab,#reciperatingtab {display:none !important;}
   #recipephotoheadertext,#reciperatingheadertext  {visibility:hidden !important; padding-top:0px !important}
   #footer  {display:none !important;}
   .dots-print{
      border-style:dotted;
      border-width:1px;
      border-bottom-style:none;
      border-left-style:none;
      border-right-style:none;
      width:100%;
   }
  	.reciperight80{
      display:block;
      float:right;
      width:90%;
      padding-bottom:2px !important;
   }
  	.reciperight20{
      display:block;
      float:right;
      width:10%;
      padding-bottom:2px !important;
   }
   .recipelogo{
   	display:block !important;
   	visibility:visible !important;
   }
   .recipeenfloat	{clear:both;}
   .footerprint, .headerprint	{display:block !important;}
   .headerprint   {padding-bottom: 10px;}
   .dots	{padding-bottom:0px !important;}
   #tablinks {display:none !important;}
   #recipedetail .linkTab {display:none;}
   
   .roundedHorizontalLineArea, .roundedOuterLine, .roundedInnerLine {border: solid 0px #000 !important;}
/* =============================Brands and Product ===================================================*/
   #productsdetail .box {border: solid 0px #000 !important}
   #productsdetail .producttable .boxst td{border-top: 1px solid #DFDFDF !important;}
   #toplink {display:none;}
   #container {display:inline;}
}
.recipelogo{
	display:none;
}
.footerprint	{display:none;}
.headerprint   {display:none;}

/* ============================================= CUSTOMIZATION ZONE ================================== */

/* As SharePoint uses a relative size for these classes and BODY is already at 70%, we set them back to a readable size */
.ms-formlabel, .ms-formbody {
	font-size:100%;
}

/* For table html, we ignore the COMPLETE overriden of MRM above that cause the mess in the default admin pages of SP.
   In this case, we override the attributes table html for the specific div with the id="operatortable" ONLY.
 */
#operatortable table		{width:100%; clear:both}
#operatortable tr			{padding-bottom:8px;background:url(../SiteCollectionImages/bg_hr.gif) bottom left repeat-x;height:2.2em}
#operatortable th			{background:#fcf6e3;font-weight:bold}
#operatortable td,#operatortable th		{width:25%;vertical-align:top;padding:0.5em 12px 0.5em 12px}
#operatortable th.width25	{width:25%}
#operatortable th.width50	{width:50%}
#operatortable th.width75	{width:75%}

/* For tables which background is grey, we override the attributes table html for the specific div with the id="gridviewtable" ONLY.
 */
#gridviewtable table		{width:100%; clear:both}
#gridviewtable tr			{padding-bottom:8px;background:url(../SiteCollectionImages/bg_hr.gif) bottom left repeat-x;height:2.2em}
#gridviewtable th			{background:#dcdcdc;font-weight:bold}
#gridviewtable td,#gridviewtable th		{width:25%;vertical-align:top;padding:0.5em 12px 0.5em 12px}
#gridviewtable th.width25	{width:25%}
#gridviewtable th.width50	{width:50%}
#gridviewtable th.width75	{width:75%}

/* For tables in product detail page with header colour is #dfdcca
 */
.producttable table		{width:50%; clear:both}
.producttable tr			{padding-bottom:8px;background:url(../SiteCollectionImages/bg_hr.gif) bottom left repeat-x;height:2.2em}
.producttable th			{background:#dfdcca;font-weight:bold}
.producttable td,#producttable th		{width:25%;vertical-align:top;padding:0.5em 12px 0.5em 12px}
.producttable th.width25	{width:25%}
.producttable th.width50	{width:50%}
.producttable th.width75	{width:75%}

/* Customize the font-size=8pt INSTEAD of 0px as SP Default */
.ms-dttimeinput {
	PADDING-RIGHT: 4px; PADDING-LEFT: 0px; FONT-SIZE: 8pt; PADDING-BOTTOM: 0px; VERTICAL-ALIGN: middle; PADDING-TOP: 0px
}
/* Increase the font-size from 0.7em to 1em to make the font-size = 0.7em with 70% font-size attribute inheritance in .body*/
.ms-formbodysurvey {
	font-size:0.9em;
}
/* Customize the full width */
.fullwidth {
   width:100%;
}

/* For application pages: creating category */
.ms-formerroricon {
	border-top:1px solid #D8D8D8; 
	padding-bottom:6px; 
	padding-right:4px;
	padding-top:3px; 
	text-align:left
}

/*
CUSTOMIZATION: for NitRecipesRefineResultsControl 
*/
#rhc #rfrhc .box #subfilter a.GroupFacet		{padding-top:0}
/*
END CUSTOMIZATION: for NitRecipesRefineResultsControl
*/

/* For FAQs landing page */
.faqol {
margin-left:16px;
}

/* For Breadcrumb & BackToTop link*/
.bcPrefixText {   
}

.bcItem {   
}

.bcCurrentItem {   
}

.backToTopLinkZone {
   float: right;
   margin: 5px 12px 0 0;
}

.backToTopLink {
   color: #6D6B70;   
}

.crumbarea {
	color: #786f68;
	padding: 8px 0;
	border-bottom: solid 1px #f0f0f0;
	margin: 0 0 5px 10px
}

.crumbarea a:link {	
}

.bcMarginLeft {
	margin-left: 10px;
}

#content .bcMarginLeft {
	margin-left: 10px;
}

/* Title css for search */
h1.searchTitle {
	color:#333333;font-weight:bold;font-size:1.1em;padding:5px 0;margin-bottom:8px
}
/* Css used for render text and control in the same line */
#content select.twocolumns-width, #content textarea.twocolumns-width {
   width:60%; display:inline-block;
}
#content input.twocolumns-width {
   width:59.1%; display:inline-block;
}

#summaryField-relatedArticleLinks .ms-menuimagecell {
   border: none;
}

.textBeforeSearchBox {
   display: inline;
   color: #6D6B70;
   float: left;
   line-height: 1.7;   
   margin-right: 5px;
}

.searchPageHelpString {
   display: block;   
   color: #6D6B70;
   font-weight: normal;
   padding-bottom: 8px;
   padding-left: 9px;
}

.recipesSearchBox {
   height: 2.5em;
}

.recipesSearchBoxText {
   float: left;
   padding: 0.6em 12px 0;
   font-weight: bold;
}

.recipesSearchBox .inputtext {
   float: left;   
   width: 60%;
   margin: 0.45em 5px;
}

.recipesSearchBox .btnsubmit {
   float: left;   
   height: 1.59em;
   margin: 0.45em 5px;
   background: #DCDCDC;
   border: 1px solid #6D6B70;
   color: #6D6B70;
   cursor: pointer;
   text-transform: uppercase;
   padding: 0;
}

.recipesSearchBox .btnsubmit:hover {
   background: #4F8E6F;
   color: #FFFFFF;
}

.contactUs-ChoicesFieldHelpString {
   padding-left: 6px;
}

.contactUs-LongChoicesFieldHelpString {
   padding-left: 6px;
}
.ms-rteCustom-bullet {
   padding: 0 0 0 12px !important; 
   background: url(../SiteCollectionImages/Bullet.gif) top left no-repeat; 
   display: block;   
}