/*
		Arla CNO
		Styles: Print

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

body {
	text-align: left;
	background-color: white;
	font-size: 11px;
	font-family:Arial;
}

#page {
	width: auto;
	text-align: left;
}

#pageWrapper{background: none;}
#pageContent{margin-top: 30px;}

a.originalRecipe,
a.back,
.myPagesTopContent,
.menuTabs,
.accessibility,
.searchContainer,
.jumpto,
#top,
.beta,
#header #nav,
#header .service,
#footer,
#search,
#commentBox,
#content div.recipeOptions,
#content div.outerRecipeOptions,
.recipeActions,
#contentRelated,
#pageRelated,
div#leftMenu,
.ingredients .scaleRecipe,
.shoppingList .scaleRecipe{display: none;}
 
.noprint{display: none;}
#header a.logo{width: 120px; margin: 0; position: absolute; top: 0;}
.logo img {border:0; } /*width: 145px; height: 94px;*/

.themePageTopContent h1,
.basicTheme h1,
#content h1 {margin:-20px 0 20px 120px; line-height:30px; zoom:1;}

.themePageTopContent h1,
.basicTheme h1{
	margin: -70px 0 40px 155px;
}	
a {
color:#00850F;
text-decoration:none;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
		Content elements
 * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * */
/* ------ Generic ------ */
#pageContent{float: none; width: auto;}
#header{width: 500px; height: 80px;}
#content{width: auto;}
.threeColumn,
.article, .double{width: auto;}
#content.double div.right{float: left; width: 210px; margin:0 0 0;}

/* ------ Recipe ------ */
.ingredients {margin:0 0 10px; }
#content div.ingredients div.content {border:1px solid #ccc; padding:10px;}
ul.ingredientList {list-style:none; margin:0; padding:0;}
ul.ingredientList li {margin:0 0 3px 0; padding:0;}
ul.ingredientList li strong {margin-top: 15px; display: block;}
h4.ingredientsHeading,
.recipeInstructions h4 {font-weight:bold; text-transform:uppercase; margin:0; color:#191919;}
.portionController p {margin:5px 0;}
#recipe #content span.img{
	float:right;
}

#recipe #content span.img img{
	width:400px;
	margin-bottom:15px;
}
#recipe .threeColumn h1{
	margin-bottom:50px;
}
.relatedProductsPrint
{
    display:block;
}

.recipeRelatedProdList
{
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #d3dee0;
    clear: both;
    overflow: hidden;
    }
    .recipeRelatedProdList h2
    {
        clear: both;
        font-family: Calibri,Arial,Helvetica,Sans-Serif;
        font-size: 21px;
        font-weight: bold;
        margin-top: 0;
    }
    .recipeRelatedProdList ul
    {
        list-style-type: none;
        }
        .recipeRelatedProdList ul li{
            float: left;
            padding-right: 2%;
            text-align: center;
            width: 22%;
            }
            .recipeRelatedProdList ul li h3
            {
                font-size: 14px;
                font-weight: normal;
                margin: 0;
                padding: 15px 0 0;
                }
            .recipeRelatedProdList ul li img
            {
                float: none;
                padding: 0;
                margin: 0;
             }
             
div.ingredients ul.ingredientList li{
    overflow: hidden;
    zoom:1;
}
div.ingredients ul.ingredientList li.subGroup{
    margin-top: 0;
    padding-top: 0.8em;
}
.ingredients .sText 
{
    display: none;
    font-weight: bold;
}
/* ------ Recipe Dk Special ------ */
#page .recipeDkSpecial{width: 100%; margin-top: 80px;}
#page .recipeDkSpecial div.right{float: right; margin: 0 !important; width: 210px;}
#page .recipeDkSpecial div.left{float: left; width: 250px !important; }
#recipe h1{margin:-80px 0 0px 170px; line-height: 35px !important; }
#page .recipeDkSpecial h1 {position: absolute; top: 20px; margin:0 0 20px 170px !important; line-height: 35px; display: block; width: 470px !important; }
.right img {margin:0 0 20px; width: 210px !important;}
#page .recipeDkSpecial .ingredients { margin:0 0 21px; width:300px;}
#page .recipeDkSpecial div.ingredients div.content {border:0; padding:0;}
#page .recipeDkSpecial #uiPLRecipeOrigin { clear: both; }
#page .recipeDkSpecial .recipeInstructions {margin:0 0 22px 0; float: none; width: 425px !important;}
#page .recipeDkSpecial div.right div.relatedBox { width: auto;  }

/* ----- User Recipe ----- */
#page .userRecipePublic .dotUserRecipeLarge { display: none; }
#page .userRecipePublic .noImage { display: none; }

/* User recipe dk */
#pageContent .userRecipeDk div.right {position:absolute; left:285px; top:170px;}
.userRecipeDk .left .ingredients {float:right; width:180px; margin:20px 0 0 20px; }
.userRecipeDk .left .recipeInstructions {float:left; width:270px; margin:20px 0 0;}


.right .nutritionalFacts {border:solid 1px #d3dee0; padding:10px; color:#676767;}
.nutritionalFacts strong {display:block;}
.nutritionalFacts p {margin:0;}
.right .relatedBox {
margin:0 0 22px;
}
#theme #pageContent .threeColumn .print,
#commentBox.print p,
#content .print {
display:block;
}
#theme #pageContent .threeColumn .print .innerBot,
#uiPLRecipeOrigin a,
#commentBox .bot,
#commentBox .top,
#commentBox p,
#commentBox p a span,
#content .print .innerBot,
.hideforprint {
display:none;
}

#uiPLRecipeOrigin img.brandImage {float:left; margin:0 10px 0 0;}
#uiPLRecipeOrigin h3 {margin:10px 0 3px 0;}

.signatureArea {
border-top:1px solid #D3DEE0;
float:left;
margin:20px 0 0;
width:600px;
}
div.signatureArea div.x-portlet {border-top:0;}
.signatureArea {border-top:0; margin:10px 0 10px 0;}

div#commentBox {
clear:both;
}

div#commentBox div.comments {
border-top:solid 4px #7d7d7d;
border-left:solid 1px #d3dee0;
border-right:solid 1px #d3dee0;
border-bottom:solid 1px #d3dee0;
width:90%;
margin:20px 0 0 0;
padding:10px;
}
div#commentBox div.comments ol {list-style:none; margin:0; padding:0;}
div#commentBox div.comments ol li p {margin:3px 0 7px; padding:0;}
div#commentBox div.comments h5 {color:#7d7d7d; font-size:12px; margin:0; text-transform: uppercase;}

div.recipeInstructions {margin:0 0 22px; width:400px; float:right;}


/***************************************************
	Public User Folder page
   ***************************************************/	
#userFolder img
{
    border:none;
}
#userFolder #content div.ingredients div.content
{
    padding:0;
    border:none;
}
#userFolder h2.userFolder {
    font-weight: normal;
    margin:0 0 0.5em 0;
    padding:0;
}
#userFolder p.preamble {
    font-weight: normal;
    font-size:1.2em;
}
#userFolder ul.recipeControl
{
    list-style-type:none;
    padding:0;
    margin:0;
}
#userFolder ul.recipeControl li {
    margin:0 0 15px 0;
    border-bottom:1px solid #ccc;
    padding-bottom:10px;
}
#userFolder ul.recipeControl li .ingredients ul
{
    margin:0px;
    padding:0 0 0 15px;
}
#userFolder ul.recipeControl li .ingredients ul li{
    margin:0px;
    padding:0px;
    font-size:1.1em;
    border:none;
}
#userFolder ul.recipeControl li .ingredients strong{
 font-size:1.1em;
}
#userFolder ul.recipeControl li .ingredients ul li.ingHeading{
    list-style-type:none;
    margin-top:10px;
    margin-left:-15px;

}
#userFolder ul.recipeControl li a.img{
	width: 149px;
	height: 94px;
	float:right;
	position: relative;
	margin-bottom:0.5em;
	
}
#userFolder ul.recipeControl li a.img img{
    max-width:150px;
}

#userFolder div.dotUserRecipe{
    position: absolute;
    top: -6px;
    left: -6px;
    width: 25px;
    height: 25px;
}
#userFolder .userIcon {
    float: right;
    width: 75px;
    height: 75px;
}
#userFolder div.paging, 
#userFolder a.showIng{
    display:none;
}
#userFolder #content h1 {
    margin:0;
}

/* ----- Shopping list (Ajax) ----- */
#printShoppingList {
    width: auto;
    margin: 0 5%;
}
#printShoppingList .logo {
    float: left;
    margin-right: 25px;
}
#printShoppingList h1 {
    font-family: Calibri,Arial,Helvetica,Sans-Serif;
    font-size: 30px;
    margin-bottom: 15px;
    padding-top: 28px;
    clear: right;
    display: block;
}
#printShoppingList h2 {
    font-family: Calibri,Arial,Helvetica,Sans-Serif;
    font-size: 21px;
    font-weight: bold;
    clear: both;
    margin-top: 25px;
}
#printShoppingList table {
    border-collapse: collapse;
    padding: 0;
    border-top: 1px solid #D3DEE0;
    width: 100%;
}
#printShoppingList td {
    font-size: 13px;
    border-bottom: 1px solid #D3DEE0;
    padding: 7px 5px;
    margin: 0;
    vertical-align: top;
}
#printShoppingList td.amount {
    font-weight: bold;
    width:50px;
    white-space:nowrap;
}
#printShoppingList td.ingredient {
    padding-right: 10px;
}
#printShoppingList td.check {
    border-left: 1px solid #D3DEE0;
    border-right: 1px solid #D3DEE0;
    width: 23px;
}  
/* Recipes on list: */
#printShoppingList .shoppingList {
    border-bottom: 1px solid #D3DEE0;
    margin-top: 25px;
}
#printShoppingList .shoppingList .item {
    display: block;
    border-top: 1px solid #D3DEE0;
    min-height: 47px;
    overflow: hidden;
    zoom: 1;
}
#printShoppingList .shoppingList img {
    float: left;
    padding-right: 15px;
}
#printShoppingList .shoppingList h3 {
    float: left;
    padding: 15px 0 0;
    margin: 0;
    font-size: 16px;
    font-weight: normal;
}
#printShoppingList .productsList
{
    border: none;
    overflow: hidden;
    }
    #printShoppingList .productsList .item
    {
        float: left;
        width: 22%;
        text-align: center;
        border: none;
        padding-right: 2%;
        }
        #printShoppingList .productsList .item img
        {
            float: none;
            padding: 0;
        }
        #printShoppingList .productsList .item h3
        {
            float: none;
        }





/* ----- User Mealplan ----- */
.userMealPlan .recipeControl li {
margin:20px 0 0 20px;
width:200px;
}
.userMenu .ingredients .popup,
.userMealPlan .ingredients .popup {
display:none;
}
.userMealPlan .noCalibri h2 {margin:-20px 0 20px 120px;}

/* ---- Theme Page */
#themeHeadingContainer {margin-left:5px;}
#theme #pageContent div.recipeList {width: 640px; margin-top: 20px;}
#theme #pageContent ul.categoryBox {width: 640px;}
#theme #pageContent ul.categoryBox li {width: 300px; overflow: hidden;}
#theme #pageContent ul.categoryBox li h3 {width: 240px; overflow: hidden;}
#theme #pageContent ul.tripleDish  {width: 640px;}
#pageContent .contentPortletArea .x-portlet img {float:none;}
#theme #pageContent div.recipeList h3 {width:auto; margin: 0; font-size: 12px;}
#theme #pageContent ul.recipeControl .showIng {display: none}
#theme #pageContent ul.recipeControl .dotNew{display: none;}
#theme #pageContent ul.oneDishPlusList li a.img{float: left; margin-right: 10px;}
#theme #pageContent ul.oneDishPlusList li {width: 242px; float: left; margin-top: 5px;}
#theme #pageContent ul.oneDishPlusList li.first-child {width: 242px; margin-right: 20px; margin-top: 0;}
#theme #pageContent ul.oneDishPlusList li.first-child h3{font-size: 14px;} 
#theme #pageContent ul.oneDish li {width: 640px; margin-bottom: 20px;}
#theme #pageContent ul.oneDish li h3 {width: 385px; font-size: 14px;}
#theme #pageContent p.themeHeading {font-size: 16px;}
#theme #pageContent h1.themeHeading {max-width: 400px;}
.basicTheme #content {width:700px;}
.recipeCategoryTitle {width:700px; overflow:hidden;}
.recipeCategoryTitle div {float:left; width:150px; margin:0 50px 0 20px; height:40px;}
#theme .threeColumn ul.recipeControl {width:700px; list-style:none; margin:0 0 20px; padding:0; overflow:hidden;}
#theme ul.recipeControl li {float:left; width:150px; list-style-type: none; margin-right: 10px;}
#theme ul.recipeControl li a img {border:0;}
#theme ul.recipeControl li h2 {font-size:12px; margin:0;}
#theme ul.recipeControl li h4 {
	
	border-right:0px solid #EBEBEB;
	float:left;
	font-weight:normal;
	margin:0 5px 0 0;
	padding:1px 5px 0 0px;
	font-size:12px;
}
#theme .recipeControl li p {margin:10px 0 5px;}
#theme .recipeControl li .ingredients .popup{display:none;}

#theme ul.categoryBox {
	margin:0 0 20px;
	padding:0;
	list-style-type:none;
	overflow:hidden;
	width: 700px;
	/*zoom:1;*/
}
#theme ul.categoryBox h3 {
	float: left;
	width: 150px;
}
#theme ul.categoryBox li {
	float:left;
	width:242px;
	margin:0 10px 0 0;
	overflow: hidden;
}
#theme #pageContent .categoryBox li a img {
	float:left;
	margin:0 10px 0 0;
}
#theme .contentPortletArea {
	width:auto;
}
#theme .ingredients {margin:0 0 21px; width:auto; font-size:12px;}

/* ---- Menus ---- */
#menus {width:100%;}
#menus ul.recipeControl div.textRight {width: auto; }
#menus ul.recipeControl li {width:700px;}
#menus ul.recipeControl li h3 {clear: both; display: block; float: none;}
#menus ul.recipeControl li a.img {width: 150px;margin-right:20px;float: left; }
#menus ul.recipeControl li .textRight {width: 320px;float: left;}
#menus div.menuPreamble p {line-height: 30px;}
#menus div.genericListBox {display: none;}
#menus div.ingredients .popup {display: none;}
#menus div.textRight h4 {padding-left: 0; margin-top: 0;}
#menus div.preparations div.content {float: left; width: 300px;}
#menus #selector {display: none;}
#menus div.preparations div.prepImage {float:left;margin:0 0 0 40px;width:180px;}

/* ---- MealPlan ---- */
#content.mealPlan {width:100%;}
#content.mealPlan ul.recipeControl div.textRight {width: auto; }
#content.mealPlan ul.recipeControl li h3 {clear: both; display: block; float: none;}
#content.mealPlan div.menuPreamble p {line-height: 30px;}
#content.mealPlan div.preparations {clear:both; }
#content.mealPlan div.preparations div.content {width:700px;}
#content.mealPlan div.pagingLeft, 
#content.mealPlan div.pagingRight {display:none;}
#mealPlan .recipeControl
{
	list-style:none;
	margin:10px 0px;
	padding:0px;
	display:block;
}
#mealPlan .recipeControl li 
{
	display:block; 
	width:auto; 
	margin:10px 0px 15px 0;
	page-break-after:always;
}
#mealPlan .recipeControl li a.img
{
	float:left;
}
#mealPlan .recipeControl li .textRight, 
#mealPlan .recipeControl li .printOnly
{
	margin-left:255px;
}
#mealPlan .recipeControl li .textRight h3, 
#mealPlan .recipeControl li .textRight h3 a
{
	color:#000;
	font-size:16px;
}
#mealPlan .recipeControl li h2
{
	font-size:22px;
	margin-bottom:10px;
}
#mealPlan .recipeControl a.showIng{
	color:#000;
	font-weight:bold;
}
#mealPlan .recipeControl .ingredients .popup {
	display:block;
}
#mealPlan .recipeControl .ingredients .content, 
#mealPlan .recipeControl .ingredients .content ul, 
#mealPlan .recipeControl .ingredients .content ul li
{
	border:none;
	margin:0px;
	padding:0px;
	width:auto;
	page-break-after:auto;
	list-style:none;
}
#mealPlan .recipeControl .ingredients .content ul li strong
{
	display:block;
	margin-top:10px;
}
#mealPlan #content h1 {
	margin:-89px 0 50px 147px;
}





#mealPlan .paging,
#mealPlan .ingredients .popup {display:none;}
#mealPlan h1 {margin-left:0;}
#mealPlan h2 {margin:0 0 3px; font-size:14px;}
#mealPlan h3 {margin:0 0 3px;}

/* ---- Article ---- */
.article #contentRelated {
display:block;
}
hr.accessibility,
.suitableRecipe {
display:none;
}
.contentPortletArea {float:left; width:310px;}
#contentRelated ul {list-style:none; margin:0; padding:0;}
#contentRelated ul li {margin:0 0 3px 0}
#contentRelated ul li a {display:block;}
#contentRelated {float:left; width:180px; margin:0 0 0 20px;}
#contentRelated .relatedBox {margin:0 0 21px;}
.article a {color:#0099cc;}
p.author {color:#666666;}

/* 08 Food Calendar */
#foodCalendar .popup { display:none; }
#foodCalendar .ingredients {background: none;}
#foodCalendar .ingredients a {color: black;}
#foodCalendar .foodCalendarItem a.arrowSmall {display: none;}
#page #foodCalendar ul.oneDishPlusList li { width: 300px; margin-bottom: .5em;}
#page #foodCalendar ul.oneDishPlusList li.first-child {width: 243px !important;}
#page #foodCalendar ul.oneDishPlusList li.first-child a.img {float: none;}
#page #foodCalendar ul.oneDishPlusList li a.img {height:47px;margin:0 8px 0 0;width:47px;float: left; }
#page #foodCalendar ul.oneDishPlusList li h3 {display: block;}
#foodCalendar ul.recipeControl li {margin-left: 0px; padding-left: 0px;}
#foodCalendar .recipeControl li h4 {font-size:11px; padding: 0 5px 0 0;}
#foodCalendar .thirdItem img { float: left; margin:0 12px 1.5em 0;}
#foodCalendar .fourItems  { clear: both; float: none; }
#foodCalendar ul.categoryBox li a.img { float: left; margin-right: 8px; }

/* 12 Arla Forum */
.addthis_toolbox,
.faqMoreProducts,
.productsPuff{display: none;}

.questionAnswerPage #content h1 {margin:-85px 0 20px 120px; line-height:30px; zoom:1;}
.questionAnswerPage h2.faq span{font-size: 11px;}









/***************************************************
	TMP For Releases
   ***************************************************/	


/* Week 26 */
#content.myShoppingList .toolbar, 
#contentRelated .viewShoppingList .content a.sms, 
#contentRelated .viewShoppingList .content a.email, 
#contentRelated .viewShoppingList .content a.print, 
.recipeOptions div.addThisToShoppingListPopup .content a.sms, 
#page .recipeOptions div.addThisToShoppingListPopup .content a.sms,
.recipeOptions div.addThisToShoppingListPopup .content a.email, 
#page .recipeOptions div.addThisToShoppingListPopup .content a.email, 
.recipeOptions div.addThisToShoppingListPopup .content a.print, 
#page .recipeOptions div.addThisToShoppingListPopup .content a.print, 
#content.myShoppingList .shoppingList div.scaleRecipe{
	display:none;
}

/*recipe page*/
#recipe #content span.img{
    position: relative;
}
.dotNew{
    position: absolute;
    top:-5px;
    right:-4px;
}
.dotNew img{
    width: auto !important;
    height: auto !important;    
}

/*meal plan*/
#mealPlan ul.recipeControl a.img{
    position: relative;
}
ul.recipeControl li div.dotNew{
    position: absolute;
    top:-2px;
    right:-2px;
}

#page ul.oneDishPlusList li a.img {
    position: relative;
}
#page ul.oneDishPlusList li a.img div.dotNew{
    position: absolute;
    top:-2px;
    right:-2px;
}

div.productPage div.productImage{
    position:relative;
    width:173px;
}
div.otherProducts div.content li.product{
    list-style-type:none;
    padding-bottom: 15px;
    clear:both;
}
div.otherProducts div.content li.product a {
    display:block;
    float:left;
    position: relative;
    margin:0 20px 20px 0;
}

#menus ul.recipeControl li {
    width:100%;
    overflow:hidden;
    padding-top:5px;
    margin-bottom:0;
    padding-bottom:20px;
}
#menus ul.recipeControl a.img {
    position:relative;
}