/* ************************************************** Arla Styles: General Sections: Typography Forms Elements Generic Elements Main containers Main navigation Content 01 Startpage 02 Search 03 Recipe 04 Theme 05 Article 06 Products 07 Arlafarm 08 Food calendar 09 My pages 10 Mealplan 11 menu 12 Arla forum 13 Top lists 14 Blog 22 Brandworld 23 Portlets 24 Print X-forms Footer Booking ************************************************** */ html {overflow-y:scroll;} body { /*background:#ebebeb url(http://gfx.arla.dk/elements/bodyCenterBg.gif) repeat-y scroll 50% 0;*/ color:#1A1A1A; text-align:center; } a { text-decoration:none; color: #009114; } a:active, a:hover, a:focus { text-decoration: underline; color: #009114; } body.noJavascript {background-image: none;} p {line-height: 1.3;} .highlight{font-weight: bold;} .hr hr{display: none;} .hr{ background: #d3dee0; height:1px; margin:1em 0; clear: both; } .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix{display: inline-block;} .clearfix{display: block} .accessibility{ position: absolute !important; top: -999em; left: -999em; } legend.accessibility {display: none;} /* ************************************************** Typography ************************************************** */ /* ----------- Font-size heading and font face ------------ */ h1 {font-size: 3.0em; font-family: Calibri, Arial, Helvetica, Sans-Serif; font-weight: bold;} h2 {font-size: 2.1em; font-family: Calibri, Arial, Helvetica, Sans-Serif; font-weight: bold;} h3 {font-size: 1.3em; font-family: Calibri, Arial, Helvetica, Sans-Serif; font-weight: bold;} h4 {font-size: 1.3em; font-family: Calibri, Arial, Helvetica, Sans-Serif; font-weight: bold;} h5 {font-size: 1.3em; font-family: Calibri, Arial, Helvetica, Sans-Serif; font-weight: bold;} h6 {font-size: 0.916em; font-family: Calibri, Arial, Helvetica, Sans-Serif; font-weight: bold;} span.noCalibri { font-size: .85em; } /* ------------ Elements using Arial -------------------- */ h3.heart, .relatedLinks h2, div.TWINGLY h4, div.genericListBox h4, ul.recipeControl li h2, div#basicTheme ul.recipeControl li h4, div.searchResults div.recipesFromOtherResources h4, .myPagesMenues h3, div.searchResults h3, ul.products li h2 a, ul.products li h3 a, div#themeResults ul.row li h2, div#themeResults ul.row li h4, div.searchResults div.infoResults h4, #search div.noHits div#recipeResults h1, #search div.noHits div#recipeResults h3, #search #searchFilters h3.allergy, div.relatedRecipes h4, h2.themeArticleManchet, #article #content h3, #article #content h4, .weeklyMealPlaning li h2 a, #pageRelated h4, div.moreSearchResults h4 span, ul.toolBar .printOption .printWrapper ul li h2, #theme ul.recipeControl h4, #theme #ContentArea div.recipeList h3, #productBrand .linkList h3, ul.recipeControl li h3, ul.recipeControl li h4, #myPagesMealPlan h2, #forum h2.faq, #topList .contentPortletArea .relatedBox ul li h3, #staticXForm h3, #forum h3.faq, ul.products h2, ul.products h3, .myMealPlans .weeklyMealPlaning li h2, #foodCalendar .foodCalendarItem h2, #foodCalendar ul.categoryBox h3, .ownRecipeBox div.dropDown .items h3, #recipe h2.userRecipe, #userFolder h2.userFolder, #book-a-farm .requestAccepted .info h3, #book-a-farm h4 { font-family: Arial, Helvetica, Sans-Serif; } #page .myFolders div.paging { font-size:0.85em; } /* ------------ Elements using Calibri -------------------- */ ul#nav li, #header div.service ul li, div.searchResults h3.gateway, .myPagesMenues .menuTabs h3, div.searchContainer p.instructions, #article #contentRelated h3, #page #article .relatedBox h3, #staticXForm .relatedBox h3, #mealPlan h2, div.pagingLeft, div.pagingRight, #staticXForm fieldset.complaints span.formHeading, #productLanding .nfProducts .productInfo p, div.nfInspiration .btnRight a, div.searchNav p.left, div.externalHits h3, ul.recipeControl div.recipeContainer h2.recipeName, span.submit.big input { font-family: Calibri, Arial, Helvetica, Sans-Serif; } /* --------- Font-size Generic elements ---------- */ #header div.service ul li {font-size: 1.3em;} #header div.service ul li.noCalibri {font-size: 1.2em;} a.submitMetal {font-size: 1.2em;} .backLink {font-size: 1.2em;} a.teaserLink {font-size: 1.2em;} .showAll {font-size: 1.2em;} .preamble p {font-size: 1.4em;} div.pagingLeft, div.pagingRight {font-size: 1.5em;} #pageRelated h4 {font-size: 1.2em;} span.submit.big input { font-size: 18px; } /* RecipeControl */ #pageContent ul.recipeControl li.big h1 {font-size: 2.3em;} #pageContent li.big h2{font-size: 1.2em;} /*#pageContent .recipeControl h2{font-size: 0.916em;}*/ ul.recipeControl div.ingredients {font-size: .917em;} ul.recipeControl div.theme {font-size: .917em;} ul.recipeControl li h3 {font-size: .917em;} ul.recipeControl div.dotNew div.content { font-size: .917em; } #recipe div.ratingTips p {font-size: 1.0em;} /* CommentBox */ #pageContent h3.commentBox{font-size: 1.2em;} .errorMessage {font-size: 1.1em;} .captchaHelpTrigger {font-size: 1.2em;} .confirm a {font-size: 1.2em;} #commentFieldset .errorMessage {font-size: 1.2em;} div#commentForm fieldset input {font-size: 1.2em;} /* Dot */ div.dot {font-size: .917em;} .bigdot {font-size:2em;} /* Content portlet zone */ div.genericListBox h4 {font-size: 1.2em;} #pageContent .x-portlet h2 {font-size: 2.1em; line-height: 1.1em;} /* Content related */ #content div.left div.relatedBox ul{font-size: 1em;} #contentRelated .ecoToDoPortlet h3{font-size: 2.1em;} #contentRelated div.relatedBox ul.arrowList li {font-size: 1em;} /* Page related */ #pageRelated h2 {font-size: 1.5em;} /*My pages*/ #pageRelated h3{font-size: 1.3em;} #pageRelated h3.allergy{font-size: 1.2em;} #pageRelated input {font-size: 1.2em;} #pageRelated div.relatedBox p {font-size: 1.2em;} #pageRelated li {font-size: 1.2em;} #pageRelated .relatedBox p a {font-size: 1em;} #page #pageRelated .tagCloud h3 { font-size: 14px;} /* Header */ #leftMenu ul ul li{font-size: .917em;} #leftMenu ul ul ul li{font-size: 1.0em;} #leftMenu ul ul ul ul li{font-size: 1.0em;} div.innerTopContent {font-size: 1.1em;} ul#nav li {font-size: 1.4em;} #header ul#nav .noCalibri { font-size: 1.3em; } #header ul#nav ul .noCalibri { font-size: 1em; } ul#nav ul li {font-size: 1em;} #footer p {font-size: 1.1em;} #footer #sitePolicy li {font-size: 1.1em;} #footer .popup {font-size: 1.1em;} div.optionsBoxContent label {font-size: 1em;} /* General */ li p, p p, li h1, li h2, li h3, li h4, li ul li, ul li .numbering, li textarea, li label, table tbody tr td textarea, table tbody tr td input, table tbody tr td label{ font-size: 1em; } p {font-size: 1.2em;} li {font-size: 1.2em;} dt{font-size: 1.2em;} dd{font-size: 1.2em;} label {font-size: 1.2em;} textarea {font-size: 1.2em;} /* 01 Startpage */ div.nfInspiration h1 {font-size: 2.1em;} div.nfInspiration .btnRight a {font-size: 1.2em;} /* 02 Search */ div.searchNav p.left{font-size: 1.6em;} #search div.noHits h1 {font-size: 1.8em;} #search div.noHits h3{font-size: 1.3em;} #search div.searchResults div.dot{font-size: .8em;} #search div.searchFilter h4 a.moreFilters {font-size: .9em;} #search div.searchFilter h4 {font-size: 1.2em;} #search div.searchFilter h4 a.moreFiltersTrigger {font-size: 1em;} #search div.searchFilter h5 {font-size: 1.2em;} #search div.searchFilter li label {font-size: 1.2em;} #pageRelated div.moreSearchResults h4 {font-size: 1.2em;} #search div.infoResults h4 {font-size: 1.2em;} div#searchRefine div#allergySelect div.allergyTab span.content {font-size: 1.2em;} div#searchRefine a.filter {font-size: 1.2em;} div#searchRefine fieldset.buttons label {font-size: 1.2em;} div#searchRefine h5 {font-size: 1.3em;} div.searchContainer a#optionsLink {font-size: 1.2em;} div.searchContainer input.searchField {font-size: 1.3em;} div.searchContainer #searchButton input { font-size: 1.2em; } div.searchContainer p.instructions {font-size: 1.3em;} div.externalHits h3 {font-size: 1.6em;} div#themeResults ul.row li h4 {font-size: .917em;} /* 03 Recipe */ #recipe h2.dishPreamble{font-size: 1.5em;} #recipe div.shareLinks ul li a {font-size: .917em;} #recipe div.recipeOptions ul.toolBar li {font-size: 1.1em;} #recipe div.recipeOptions .voting {font-size: 1.1em;} #recipe div.nutritionalFacts p {font-size: 1.1em;} #recipe p.signature {font-size: 1.1em;} #recipe span.portionDisclaimer {font-size: 1.1em;} #recipe div.relatedRecipes h4 {font-size: 1.2em;} #recipe div.TWINGLY h4 {font-size: 1.2em;} #page div.signatureArea div.x-portlet h4 {font-size: 1.5em;} #recipe h2.userRecipe { font-size: 1.4em; } #recipe .inputSelector .items li { font-size: 1em; } #recipe .relatedProductsPrint {display:none;} /* 04 Theme */ #theme h3.preamble {font-size: 1.6em;} #theme div.themeOptions ul.toolBar li a{font-size: 0.916em;} #theme div.themeBox h3 {font-size: 2em;} #theme h2.themeArticleManchet{font-size: 1.6em;} #theme .oneDish h3 a {font-size: 1.334em;} ul.tema li .dotTheme .content {font-size: .8em;} #theme ul.recipeControl .popup li {font-size: .833em;} #theme div.ingredients div.popup div.content {font-size: 1.2em;} #theme ul.recipeControl h4{font-size: .916em;} #theme ul.recipeControl h3{font-size: 1em;} #theme div.recipeCategoryTitle div h2 {font-size: 2.1em;} .themeFrontPage h3.themeList {font-size: 1.083em;} #page ul.oneDishPlusList li.first-child h3 {font-size: 1.167em;} /* 05 Article */ #article #content h3{font-size: 1.6em;} #article #content ul.recipeControl h3 {font-size: .917em;} #article #content h4{font-size: 1.2em;} #article #contentRelated h3 {font-size: 1.3em;} #article .suitableRecipe h2 {font-size: 1.3em;} #article .suitableRecipe .addComment .content p {font-size: 1em;} #article .suitableRecipe ul.recipeControl li .theme a {font-size: 1em;} #article .suitableRecipe ul.recipeControl li .ingredients a {font-size: 1em;} #article .suitableRecipe ul.recipeControl li h2 {font-size: 1em;} #article .suitableRecipe ul.recipeControl h3 {font-size: .916em;} #article #content div.left ul ul {font-size: 1em;} #article #content .text table, #article #content .text li, #article #content .text div, #article #content .text table p {font-size: 12px;} #page #article .contentPortletArea div.relatedBox h3 {font-size: 1.3em;} /* 06 Products */ #product .productInfo {font-size: .917em;} #product .productInformation h2 {font-size: 1.3em;} #productLanding div.productTeasers h2 {font-size: 2.1em;} #product div.productTeasers a {font-size: 1.2em;} #product .moreProducts {font-size: 1.2em;} #product .productCarousel h1{font-size: 2.8em;} #product .productHeading{font-size: 1.3em;} #productBrand h2 {font-size: 1.3em;} #productLanding div.genericListBox h3 {font-size: 1.3em;} #productLanding .nfProducts h1 { font-size: 2.8em; line-height: 1em; } #productLanding .nfProducts .productInfo p { font-size: 1.4em; line-height: 1.2em; } /* 07 Arlafarm */ #arlaFarm .farmImage{ margin-bottom: 1.0em; display: block } /* 08 Food calendar */ #foodCalendar #calendar .month dl {font-size: .916em;} #foodCalendar .foodCalendarItem h2 { font-size: 2em; } #foodCalendar .fourItems h2 { font-size: 1.6em; } #foodCalendar .foodCalendarItem a.arrowSmall {font-size: 1.2em;} #foodCalendar ul.recipeControl h3 { font-size: 1em; } #foodCalendar ul.recipeControl h4 { font-size: .916em; } #foodCalendar .oneDish h3 a {font-size: 1.334em;} /* 09 My pages */ /*h1.mypages {font-size: 2em;}*/ h2.myFolders{font-size: 1.3em;} .myPagesTheme h2 {font-size: 1.3em;} .myPagesTheme ul.recipeControl h2 {font-size: 1em;} .moreMyPages{font-size: 1.2em;} div.loginReminder div.top {font-size: 0.1em;} .myPagesLogin .loginForm div.popup .content {font-size: .9em;} #page div.saveItemPopup .content p{font-size: 1.1em;} #page .delMyItem .content p , #page .moveMyItem .content p {font-size: .916em;} #page div.saveItemPopup span.error, #page .delMyItem span.error, #page .moveMyItem span.error{font-size: 1.1em;} #page div.saveItemPopup a.forgotPassWord {font-size: 1.1em;} #page div.saveItemPopup div.confirmation h3{font-size:1.0em;} #page .delMyItem h3, #page .moveMyItem h3{font-size:.916em;} #page #pageRelated div.saveItemPopup div.confirmation h3{font-size:1.1em;} #page div.saveItemPopup div.confirmation p a{font-size:1.0em;} #page div.saveItemPopup a.checkbox, #page div.settingsBox a.checkbox {font-size: 1.1em;} #page div.saveItemPopup div.confirmation a {font-size: 1.2em;} #page div.saveItemPopup div.confirmation h3{font-size: 1.2em;} div.settingsBox span.confirm {font-size: 1.1em;} div.settingsBox span.error {font-size: 1.1em;} div.loginReminder p {font-size: 1.1em;} #content.myPagesShoppingList .shoppingList div.listAmount {font-size: 1.2em;} #content.myPagesShoppingList .toolbar a {font-size: 1.2em;} #content.myPagesShoppingList .toolbar em {font-size: 1.2em;} #content.myPagesShoppingList a.clearList {font-size: 1.2em;} #pageRelated .myPagesLogin{margin-bottom: 2.2em;} #pageRelated .myPagesLogin input {font-size: 1.2em;} #pageRelated .myPagesLogin .loginWrapper a.arrowSmall {font-size: .917em;} .relatedLinks .moreMyPagesImages {font-size: 1.2em;} .relatedLinks .headlineLink {font-size: 1.2em;} #pageContent div.saveItemPopup input {font-size: 1.2em;} #pageContent div.delMyItem input, #pageContent div.moveMyItem input {font-size: .916em;} div.settingsBox input {font-size: 1.2em;} div.settingsBox dl dt input{font-size: 1em;} div.settingsBox dl dt strong{font-size:1em;} div.settingsBox dl dd{font-size:1em;} div.settingsBox label.checkbox {font-size:1.1em;} div.myPagesTopContent p {font-size: 1.6em;} #content.myPagesShoppingList .shoppingList img {font-size:1.8em;} #content.myPagesShoppingList .shoppingList h3 {font-size:1.8em;} ul li.first .numbering{font-size: 2.2em;} .myPagesShoppingList h2 {font-size: 2.1em;} #content.myPagesShoppingList .ingredientsList h3 {font-size: 2.1em;} .menuTabs h3.tabMenu { font-size: 1.084em; } .userRecipe a {font-size:1.2em;} .userRecipe .portionController {font-size:.9em;} .folderMenu a {font-size:.917em;} .folderMenu a.createNewFolder {font-size:1em;} .myFolders .popup fieldset input.folderName {font-size: 1em;} .myFolders .popup p {font-size: .917em;} .addFolder .popup p {font-size: 1.1em; } .myRecipes .addFolder a { font-size: 1.2em; } .ownRecipeBox textarea { font-size: .917em; } .ownRecipeBox .left .selectedCategories { font-size: 0.917em; } #userFolder h2.userFolder {font-size: 1.4em;} #userFolder p.preamble {font-size: 1.6em;} .myFolders div.shareLinks ul li a { font-size:0.917em; } ul.recipeControl div.recipeContainer h2.recipeName { font-size: 2.4em; } ul.recipeControl div.recipeContainer div.ingredients { font-size: 1em; } ul.recipeControl div.recipeContainer div.recipeOptions { font-size: 0.917em; } ul.recipeControl div.recipeContainer .nutritionalFacts { font-size: 0.917em; } ul.recipeControl div.recipeContainer div#commentBox h5 { font-size: 1em; } ul.recipeControl div.recipeContainer div#commentBox li { font-size: 1em; } ul.recipeControl div.recipeContainer div.actionLinks a { font-size: 0.917em; } /* 10 Mealplan */ #mealPlan ul.recipeControl h2{font-size: 1.75em;} #mealPlan ul.recipeControl li h4 {font-size: .917em;} #mealPlan ul.recipeControl li h3 {font-size: 1em;} #mealPlan div.recipeOptions ul.toolBar li a {font-size: .917em;} .weeklyMealPlaning li h2 {font-size:1em;} a.back {font-size:1.2em;} .userMealPlan .recipeControl li h2 {font-size:1.6em; font-weight:bold;} .userMealPlan ul.recipeControl li h3 {font-size:1em;} /* 11 menu */ #menus ul.recipeControl h2{font-size: 1.75em;} #menus ul.recipeControl li h4 {font-size: .917em;} #menus ul.recipeControl li h3 {font-size: 1em;} #menus ul.recipeControl h1 {font-size: 1.4em;} #menus div.menuPreamble p {font-size: 1.6em;} #menus div.recipeOptions ul.toolBar li a {font-size: .917em;} .myPagesMenues h3 {font-size:1.2em;} /* 12 Arla forum */ #forum .faqPreamble {font-size: .9em;} #forum h3.faq {font-size: 1.6em;} #forum h2.faq {font-size: 2em;} #forum h2.faq span {font-size: .55em;} #forum .latestQuestions h2{font-size: 1.8em;} #forum #contentRelated .latestQuestions h2 {font-size: 1.3em;} #forum .faq h3{font-size: 1.2em;} #forum ol.faq li span {font-size: .917em;} #forum #contentRelated .latestQuestions ul li span {font-size: 1em;} #forum #contentRelated .latestQuestions ul li a {font-size: 1em;} #forum #contentRelated .latestQuestions ul li span.date {font-size: 1.1em;} #forum #pageContent .contentPortletArea .latestQuestions.x-portlet ul li a {font-size: 1em;} #forum ol.faq li span a {font-size: 1em;} #forum .faqPreamble p {font-size: 1.6em;} #forum .moreProducts {font-size: 1.2em; font-weight:bold;} .rosaBottom input {font-size: 1.1em;} .rosaBottom label {font-size: 1.3em;} .complaints ul li label {font-size: 1em;} .complaints ul li input {font-size: 1em;} table tbody tr td span.formHeading {font-size: 1.2em;} #staticXForm fieldset.complaints span.formHeading {font-size: 1.3em;} #forum .productsPuff .content ul li h2 {font-size: 1.084em;} #forum .answerWrapper h3{font-size: 2em;} #staticXForm table td { font-size: 12px; } .addthis_toolbox ul.toolBar li {font-size: 1.1em;} #forum div.tags a {font-size: 11px;} /* 13 Top lists */ #topList .contentPortletArea .relatedBox ul li ol li {font-size: 1em;} #topList .contentPortletArea .relatedBox ul li h3 {font-size: 1em;} #pageContent .newRecipe ul.recipeControl h2.toplist {font-size: 1em;} div.topList p {font-size: 1.4em;} #topList .recipeControl li h3 {font-size:1em; font-weight:bold;} #topList .recipeControl li h4 {font-size:.917em;} #topList .x-portlet a.toplist {font-size:1.2em;} #topList .x-portlet h2 {font-size:1.4em;} /* 22 Brandworld */ /* 23 Portlets */ div.informationbox h4 {font-size: 1.5em;} div.signatureArea div.x-portlet h4{font-size: 1.4em;} div.signatureArea div.x-portlet h3{font-size: 1.6em;} .contact span.phone {font-size:2.7em;} .relatedLinks h2{font-size: 1.2em;} div.currentTopicsBox div.content h6{font-size: 1.1em;} #pageRelated div.relatedBox fieldset.subscribe input.textfield {font-size: 1.1em;} /* 24 Print */ ul.toolBar .printOption .printWrapper ul li a.printButton span { font-size:.9em; font-weight:bold; } ul.toolBar .printOption .printWrapper ul li label { font-size:11px;} ul.toolBar .printOption .printWrapper ul li p { font-size:.9em;} ul.toolBar .printOption .printWrapper ul li.picture h1 {font-size:.8em !important;} /* Book a farm */ #book-a-farm .form fieldset dt, #book-a-farm .form fieldset label { font-size: 12px; } #book-a-farm .form fieldset dd { font-size: 12px; } #book-a-farm .form fieldset div.note { font-size: 12px; } #book-a-farm .form span.error { font-size: 12px; } /*#book-a-farm #pageRelated div.relatedBox { font-size: 12px; }*/ #book-a-farm #pageRelated .farmInfo h4 { font-size: 12px; } #book-a-farm .requestAccepted .info { font-size: 12px; } #book-a-farm div.formFooter div { font-size: 12px; } /* ************************************************** Forms ************************************************** */ /* !FORMS */ /* Arla Custom Form List - using strong selectors to override */ #pageCenter #page #pageContainer ul.arlaCustomFormList { list-style-type:none; margin:0px; padding:0px; float:none; } #pageCenter #page #pageContainer ul.arlaCustomFormList li { float:none; font-size:12px; margin:0px 0px 3px 0px; padding:0px 0px 0px 20px; background:transparent no-repeat url('http://gfx.arla.dk/icons/radio_button.png') 0px 0px; cursor:pointer; } #pageCenter #page #pageContainer ul.arlaCustomFormList li.checkbox { background-image:url('http://gfx.arla.dk/icons/checkbox.gif'); } #pageCenter #page #pageContainer ul.arlaCustomFormList li.checked { background-position:0px -500px; } /*-------- Generic ----------- */ ._toolTip{position:absolute;z-index:9999;width:1px;height:1px;overflow:visible;} .__toolTip{position:relative;width:1px;height:1px;overflow:visible;} .toolTip { position:absolute; width: 200px; left:-100px; bottom:0px; background: transparent url(http://gfx.arla.dk/containers/popupBottomArrow.gif) no-repeat scroll center bottom; } .toolTip.inverted { background-image: url(http://gfx.arla.dk/containers/popupTopArrow.gif); background-position:center top; } .toolTip .close{ background: url(http://gfx.arla.dk/elements/btnClose.png) no-repeat; width: 15px; height: 15px; float: right; margin:10px; cursor:pointer; } .toolTip.inverted .close{ margin-top:17px; } .toolTip .content { border-top: 1px solid #abcdaf; border-right: 1px solid #abcdaf; border-left: 1px solid #abcdaf; margin-bottom: 7px; padding: 12px; background: #edfcef; text-align:left; font-size:9px; } .toolTip .content h3 { font-size:13px; display:inline; position:relative; } .toolTip.inverted .content { border-top: none; border-bottom: 1px solid #abcdaf; margin-top: 7px; margin-bottom: 0px; } .toolTip .content .clear { clear:both; } .toolTip .content input { font-size:12px; padding:2px; width:165px; margin-top:5px; float:left; } .toolTip .content input.clearOnFocus { color:#7D7D7D; } .toolTip .content input.focus { color:#000; } .toolTip .content .submit, .toolTip .content .cancel { float:right; margin:5px 15px -2px 0; height:20px; } .toolTip .content .submit a, .toolTip .content .cancel a { font-size:11px; padding-bottom:0; } .toolTip .content .error { color:#f00; padding:2px 0 0 1px; font-size:11px; float:left; } .loaderAnim { background:transparent no-repeat url(http://gfx.arla.dk/icons/ajaxAnimGreen.gif) 50% 50%; height:50px; } input.chkbox{ margin-right: 3px; } /*Error messages*/ div.errorMessage{ border: 1px solid #ff0000; padding: 5px; float: left; margin-left: 14px; position: relative; width: 120px; display: none; background-color: #fff; } div.errorMessage div.arrow{ background: transparent url("gfx/containers/errorMessageArrow.gif") center left no-repeat; margin-left: -9px; width: 10px; height: 15px; left: 0; position: absolute; } div#commentForm fieldset label.error{width: auto; font-weight: normal;} .errorBox { background-color:#fff; border:1px solid #ff0000; float:left; padding:4px 0 0 6px; width:100%; margin-bottom: 10px; clear: left; } .popup div.errorMessage{ position: absolute; right: -140px; top: 0; z-index: 999; } /* -------- Buttons ---------- */ .ownRecipeBox a.submit, .ownRecipe a, span.submit { position: relative; background: transparent url("gfx/elements/btnGreenGradientLeft.png") top left no-repeat; padding: 0 0 5px 7px; display: block; float: left; height:23px; margin:0 20px 0 0; } span.submit.big { background: transparent url("gfx/elements/btnGreenGradientBigLeft.png") top left no-repeat; height: 48px; padding-left: 12px; margin: 0; } span.submit.big:hover { background-position: 0 -57px; } .subscribe span.submit{margin-right: 8px;} .ownRecipeBox a.submit span, .ownRecipe a span, span.submit input, span.submit a{ background: transparent url("gfx/elements/btnGreenGradientRight.png") top right no-repeat; padding: 3px 7px 5px 12px; display: block; float: left; cursor: pointer; overflow: visible; color: #fff; font-weight: bold; border: 0; margin: 0 -12px 0 -12px; position: relative; top: 0px; left: 0px; height:26px; /*letter-spacing: .1em;*/ } span.submit.big input { background: transparent url("gfx/elements/btnGreenGradientBigRight.png") top right no-repeat; height: 52px; padding: 0px 25px 16px 12px; font-weight: normal; margin-right: -20px; } span.submit.big:hover input{ background-position: right -57px; } span.submit a { font-size:12px; padding-right:15px; margin-left:-5px; line-height:18px; text-decoration:none; } span.submit:hover input, span.submit:hover a{ background-position: right -52px; text-decoration: none; color:#FFF; } span.submit:hover{ background-position: 0 -52px; } /* Submit search */ .searchContainer .searchForm span.submit{ background: transparent url("gfx/elements/btnSearchSubmitLeft.gif") top left no-repeat; } .searchContainer .searchForm span.submit input { background: transparent url("gfx/elements/btnSearchSubmitRight.gif") top right no-repeat; color: #FF0000; } .searchContainer .searchAssistant { position: relative; float: right; } .searchContainer .searchAssistant .flashCover{ position: absolute; top: 0; right: 0; height: 60px; width: 180px; background: url(http://gfx.arla.dk/blank.gif) 0 0 repeat; } .ownRecipeBoxRight a.cancel, span.cancel { position: relative; background: transparent url("gfx/elements/btnWhiteGradientLeft.png") top left no-repeat; padding: 0 0 5px 7px; display: block; float: left; height: 23px; margin-right: 12px; } .ownRecipeBoxRight a.cancel span, span.cancel input, span.cancel a{ background: transparent url("gfx/elements/btnWhiteGradientRight.png") top right no-repeat; padding: 3px 6px 5px 12px; height: 26px; display: block; float: left; cursor: pointer; overflow: visible; color: #009114; font-weight: bold; border: 0 none; margin: 0 -10px 0 -12px; position: relative; top: 0px; left: 0px; } span.cancel a { font-size:12px; padding-right:15px; margin-left:-5px; line-height:18px; text-decoration:none; } span.cancel:hover input, span.cancel:active input, span.cancel:hover a, span.cancel:active a{ background-position: right -52px; text-decoration: none; color:#00aa14; } span.cancel:hover, span.cancel:active { background-position: 0 -52px; } /* metal a span */ a.submitMetal { background: transparent url("gfx/elements/btnMetalLeft.png") top left no-repeat; padding: 0 0 5px 9px; display: block; float: left; height: 23px; position: relative; margin-right: 12px; } a.submitMetal span { background: transparent url("gfx/elements/btnMetalRight.png") top right no-repeat; padding: 4px 9px 5px 12px; height: 26px; display: block; float: left; cursor: pointer; color: #880361; font-weight: bold; border: 0 none; margin: 0 -10px 0 -12px; overflow: visible; position: relative; top: 0px; left: 0px; } a.submitMetal:hover span, a.submitMetal:active span { background-position: right -52px; text-decoration: none; color:#880361; } a.submitMetal:hover, a.submitMetal:active { background-position: 0 -52px; text-decoration:none; } /* metal input button */ span.submitMetal { background: transparent url("gfx/elements/btnMetalLeft.png") top left no-repeat; padding: 0 0 5px 9px; display: block; float: left; height: 23px; position: relative; margin-right: 12px; } span.submitMetal input { background: transparent url("gfx/elements/btnMetalRight.png") top right no-repeat; padding: 4px 6px 5px 8px; height: 26px; display: block; float: left; cursor: pointer; color: #880361; font-weight: bold; border: 0 none; margin: 0 -10px 0 -12px; overflow: visible; position: relative; top: 0px; left: 0px; } span.submitMetal:hover input, span.submitMetal:active input { background-position: right -52px; text-decoration: none; color:#880361; } span.submitMetal:hover, span.submitMetal:active { background-position: 0 -52px; } /* end */ a.metalButton { background: url("gfx/elements/btnMetalRight.png") top right no-repeat; padding: 0 10px 0 0; display: block; float: left; cursor: pointer; overflow: visible; color: #009114; font-weight: bold; } a.metalButton span { background: url("gfx/elements/btnMetalLeft.png") top left no-repeat; padding: 6px 5px 5px 15px; display: block; float: left; height: 18px; white-space: nowrap; } a.metalButton:focus, a.metalButton:hover { background-position: right -104px; text-decoration: none; color: #333; } a.metalButton.selected { background-position: right -52px; text-decoration: none; color: #333; } a.metalButton:hover span, a.metalButton:focus span { background-position: 0 -104px; } a.metalButton.selected span { background-position: 0 -52px; } /* ------- Paging ---------*/ #page .noHits div.paging{display: none;} #page div.paging { width: 100%; position: relative; padding-bottom: 1em; margin-bottom: 2em; clear: both; float: none; z-index: 1; } #page .fixedPagingHeight { min-height:391px; } #page .myRecipes div.paging { margin-bottom: 4em; } #page div.paging .inactive { visibility: hidden; } #page div.paging .pages { position: absolute; width: 100%; text-align:center; padding: 4px 0 2px 0; top: 1.3em; } #page div.paging .pages span { background: url('http://gfx.arla.dk/elements/circleGray.gif') no-repeat right top; height: 18px; padding: 3px 7px 6px 0px; } #page div.paging .pages a { background:url('http://gfx.arla.dk/elements/circleGray.gif') no-repeat left top; padding: 3px 0px 6px 8px; } #page div.paging .pages a.selected, #page div.paging .pages a.selected span { background-image:url('http://gfx.arla.dk/elements/circleGreen.gif'); color:#fff; } #page div.paging .pages a:hover, #page div.paging .pages a:hover span { background-image:url('http://gfx.arla.dk/elements/circleGreenHover.gif'); color:#fff; text-decoration: none; } /* Forward/back-buttons (paging) */ div.pagingLeft { background: transparent url('http://gfx.arla.dk/elements/pagingLeftLeft.gif') no-repeat 0 0; height: 25px; position: absolute; overflow:hidden; left: 0px; top: .7em; z-index: 999; } div.pagingLeft:hover { background-position: 0 -25px; } div.pagingLeft div { background: transparent url('http://gfx.arla.dk/elements/pagingLeftRight.gif') no-repeat top right; margin: 0; padding: 0; height: 22px; padding: 3px 10px 0 30px; font-weight: bold; } div.pagingLeft img { border: 0; padding-top: 1px; } div.pagingLeft div a { display: block; margin-left: -30px; padding-left: 30px; } div.pagingLeft div:hover a { color: #00aa14; text-decoration: none; } div.pagingRight { background: transparent url('http://gfx.arla.dk/elements/pagingRightLeft.gif') no-repeat top left; height: 25px; overflow:hidden; position: absolute; right: 0px; top: .7em; z-index: 999; } div.pagingRight div { background: transparent url('http://gfx.arla.dk/elements/pagingRightRight.gif') no-repeat right 0; margin: 0; padding: 0; height: 22px; padding: 3px 30px 0 10px; font-weight: bold; } div.pagingRight div:hover { background-position: right -25px; } div.pagingRight img { border: 0; padding-top: 1px; } div.pagingRight div a { display: block; margin-right: -30px; padding-right: 30px; } div.pagingRight div:hover a { color: #00aa14; text-decoration: none; } /* --- OLD ----*/ span.pagingLeft { background: transparent url('http://gfx.arla.dk/elements/pagingLeftLeft.gif') no-repeat top left; padding: 6px 0 8px 0; float: left; } span.pagingLeft a { background: transparent url('http://gfx.arla.dk/elements/pagingLeftRight.gif') no-repeat top right; padding: 10px 15px 15px 30px; } span.pagingLeft img { border: 0; } span.pagingRight { background: transparent url('http://gfx.arla.dk/elements/pagingRightLeft.gif') no-repeat top left; padding: 6px 0 8px 0; float: right; } span.pagingRight a { background: transparent url('http://gfx.arla.dk/elements/pagingRightRight.gif') no-repeat top right; padding: 10px 30px 15px 15px; } span.pagingRight img { border: 0; } /* white input button */ a.submitWhite { background: transparent url("gfx/elements/btnBlueLeft.gif") top left no-repeat; padding: 0 0 5px 9px; display: block; float: left; height: 23px; position: relative; margin-right: 12px; margin-left:12px; text-decoration:none; } a.submitWhite span { background: transparent url("gfx/elements/btnBlueRight.gif") top right no-repeat; padding: 6px 8px 5px 12px; height: 26px; display: block; float: left; cursor: pointer; color: #009114; font-weight: bold; border: 0 none; margin: 0 -10px 0 -12px; overflow: visible; position: relative; top: 0px; left: 0px; } a.submitWhite:hover span, a.submitWhite:active span { background-position: right -50px; text-decoration: none; } a.submitWhite:hover, a.submitWhite:active { background-position: 0 -50px; text-decoration:none; } /* end */ /*------ Page related forms start ------*/ #page #pageRelated fieldset legend{ display:none; } #page #pageRelated input.textfield{ border-color:#828899 #EADFE2 #EADFE2 #828899; border-style:solid; border-width:1px; padding:4px 5px; margin:0px 0px 10px 0px; color:#7d7d7d; float: left; width: 165px; } #page #pageRelated input.focus{ color: #000; } #page #pageRelated .content span.submit { float:right; margin-top:0; margin-right: 10px; } #page #pageRelated span.error{ float:left; width:163px; color:#f00; font-weight:normal; margin-left:1px; display:none; margin-top:-3px; margin-bottom:1px; } /*------ Uploadify ------*/ .fileUpload { background:transparent no-repeat url(themes/da/gfx/elements/btnFileUpload_DK.gif) left top; } .uploadifyQueue { position:relative; } .uploadifyQueueItem { position:absolute; z-index:999; font: 11px Arial, Verdana, Geneva, sans-serif; border: 1px solid #abcdaf; background-color: #edfcef; margin-top: 5px; padding: 10px; width: 274px; } .uploadifyError { border: 1px solid #FBCBBC !important; background-color: #FDE5DD !important; } .uploadifyQueueItem .cancel { float: right; } .uploadifyProgress { background-color: #FFFFFF; border-top: 1px solid #abcdaf; border-left: 1px solid #abcdaf; border-right: 1px solid #abcdaf; border-bottom: 1px solid #abcdaf; margin-top: 10px; width: 100%; } .uploadifyProgressBar { background-color: #abcdaf; width: 1px; height: 3px; } .fileUploadPreview { display:none; height:47px; background-color:#E6E6E6; border:1px solid #D3DEE0; margin:11px 0 0 0; padding:10px; } .fileUploadPreview img { height:45px; border:1px solid #D3DEE0; max-width:200px; } .fileUploadPreview a.delFileUpload { background:transparent no-repeat url(http://gfx.arla.dk/icons/delete.png) right top; padding-right:20px; float:right; line-height:14px; } /* ************************************************** Elements ************************************************** */ p.preamble { font-weight: bold; margin-bottom: 1em; } dt{margin-top: .6em;} dd{margin-bottom: .4em} sup { height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; bottom: 1ex; } a.comingSoon{ color: #999; cursor: default; } ul.arrowList{ margin-bottom: 0.6em; } ul.arrowList li { background: url('http://gfx.arla.dk/icons/linkArrowSmallGreen.gif') no-repeat 0 4px; padding-left: 8px; line-height: 1.4em; } /* ul li{ display: block } */ p.back {margin-bottom:0.8em;} .showAll { float:right; margin-bottom:1em; } a.arrowSmall { background: url('http://gfx.arla.dk/icons/linkArrowSmallGreen.gif') no-repeat 0 4px; padding-left: 8px; cursor:pointer; } a.arrowSmall.aligned { float: left; background: url('http://gfx.arla.dk/icons/linkArrowSmallGreen.gif') no-repeat 0 4px; margin-bottom:0.6em; } a.arrowSmall.rightAligned { float: right; background: url('http://gfx.arla.dk/icons/linkArrowSmallGreen.gif') no-repeat 0 3px; } a.arrowSmall.left { background: url('http://gfx.arla.dk/icons/linkArrowSmallGreenLeft.gif') no-repeat 0 4px; padding-left: 8px; } a.arrowSmall.expanded { background: url('http://gfx.arla.dk/icons/linkArrowSmallRedDown.gif') no-repeat -1px 4px; padding-left: 8px; } a.arrowSmallOrange { background: url('http://gfx.arla.dk/icons/linkArrowSmallOrange.gif') no-repeat 0 0; padding-left: 8px; } img.flashPlaceholder { margin-bottom: 2em; } /* ------- BULLETS AND NUMBERING. ------- */ /* Orange Numbering-bullet (fixed size) */ div.dotNumber { background-image:url('http://gfx.arla.dk/elements/dotNumber.png'); background-position:left top; background-repeat:no-repeat; position:absolute; top:-6px; left:-6px; z-index: 9999; color:#fff; padding:4px 0 4px 0; width:24px; height: 16px; text-transform:uppercase; font-weight:bold; text-align:center; } /* "New" bullet (Icon is inserted in HTML) */ div.dotNew { position:absolute; top:-2px; right:-3px; } #recipeResults div.dotNew { position:absolute; top:-2px; right:-2px; } .brandProducts div.dotNew { position:absolute; top:-1px; right:-3px; } ul.recipeControl li div.dotNew { position:absolute; top:-2px; right:-2px; } ul.oneDishPlusList li div.dotNew { position:absolute; top:-2px; right:-10px; } .fourDishesArea .dishImage div.dotNew { position:absolute; top:-2px; right:-1px; } /* Orange "theme" bullet (Icon is inserted in HTML) */ div.dotTheme { position:absolute; top:-5px; right:-8px; } /* User recipe dot large */ .otherRecipes div.recipeInstructions .image div.dotUserRecipeLarge { position: absolute; top: -10px; left:-20px; width: 75px; height: 75px; } /* User recipe dot small */ div.dotUserRecipe { position: absolute; top: -6px; left: -6px; width: 25px; height: 25px; } /* Message box - "Yellowbox" */ .messageBox { background: white url(http://gfx.arla.dk/containers/bg-messagebox-yellow.png) no-repeat left top; margin: 1em 0; padding: 5px 0 0 0; display: block; width: 508px; } .messageBox p { background: white url(http://gfx.arla.dk/containers/bg-messagebox-yellow.png) no-repeat left bottom; padding: 3px 10px 7px 10px; } /* ************************************************** Generic Elements ************************************************** */ /* !Generic Elements */ /* Like Dislike This*/ .likeDislikeThis .thumbsUp, .likeDislikeThis .thumbsDown, .likeDislikeThis .thumbsScore { float:left; height:26px; line-height:26px; border:1px solid #dcdcdc; background:#f2f2f2 no-repeat url('http://gfx.arla.dk/icons/thumbs_up.png') 5px 2px; -moz-border-radius:3px; -webkit-border-radius:3px; padding:0; width:30px; margin-right:5px; color:#646464; font-size:11px; text-decoration:none; } .likeDislikeThis .thumbsDown { background-image:url('http://gfx.arla.dk/icons/thumbs_down.png'); background-position:5px 5px; } .likeDislikeThis .thumbsUp:hover { background-position:5px -98px; } .likeDislikeThis .thumbsDown:hover { background-position:5px -95px; } .likeDislikeThis .thumbsScore { background-image:none; width:50px; cursor:pointer; } .likeDislikeThis .thumbsScore ul, .likeDislikeThis .thumbsScore ul li { margin:0; padding:0; font-size:8px; line-height:10px; float:none; display:block; } .likeDislikeThis .thumbsScore ul { margin-top:3px; margin-left:5px; } .likeDislikeScoreBar { background: #dcdcdc; float:left; padding:0; margin:2px 2px 0 0; height:6px; line-height:6px; overflow:hidden; } .likeDislikeThis .thumbsScore:hover .likeDislikeScoreBar, .likeDislikeThisActive .likeDislikeScoreBar { background: #02a215; } .likeDislikeThis .thumbsScore:hover .down .likeDislikeScoreBar, .likeDislikeThisActive .down .likeDislikeScoreBar { background: #f30f0f; } /*------- Generic Portlets styles -------------*/ .x-portlet{float: left;} .last-portlet{margin-right: 0;} #contentRelated .x-portlet{margin-bottom: 2.2em;} #pageRelated .x-portlet{width: 204px; margin-bottom:2.2em; } #pageContent .contentPortletArea .x-portlet {margin:0 0 2em;} #pageContent .contentPortletArea .x-portlet img { float:left; margin:10px 20px 10px 1px; } #pageContent .contentPortletArea .x-portlet h2 img { float:none; margin:0; } #pageContent .contentPortletArea .x-portlet h2 { margin:10px 0 3px; } #pageContent .contentPortletArea .x-portlet p { margin:0 0 5px; } #pageContent .x-portlet h4 { text-transform: uppercase; } span.img { display: block; position: relative; } /*------- No flash ---------- */ div#noFlashInspiration { width: 672px; } div#noFlashInspiration img.loader { margin-left: 300px; } div#flashPromo div#noFlashInspiration img.loader { /* Negative margin on frontpage */ margin-left: 400px; } /*------- textbox focus -------------*/ #page .focus, #page #pageRelated .focus{color: #000;} /*------- Hover White Box -------------*/ .hoverWhite{ background:transparent url(http://gfx.arla.dk/elements/hoverBoxWhite.gif) no-repeat left top; } .hoverWhite span.hoverWhiteRight{ visibility: visible; } span.hoverWhiteRight{ width: 4px; float: right; display: block; height: 1.8em; background:transparent url(http://gfx.arla.dk/elements/hoverBoxWhite.gif) no-repeat right top; visibility: hidden; } /*------- Generic List Box -------------*/ div.genericListBox { float: left; margin-bottom: 2em; width: 672px; } div.genericListBox a { margin-bottom: .1em; } div.genericListBox h3 { margin-bottom: .3em; text-transform: uppercase; clear: left; } div.genericListBox div.top { background:transparent url(http://gfx.arla.dk/containers/genericListBoxTop.gif) no-repeat scroll left top; height: 5px; } div.genericListBox div.bot { background:transparent url(http://gfx.arla.dk/containers/genericListBoxBot.gif) no-repeat scroll left top; height: 5px; clear: both; } div.genericListBox div.content { background: #ffffff url(http://gfx.arla.dk/containers/genericListBoxBg.gif) repeat-x bottom; float: left; padding: 0.5em 12px 0.3em 12px; border-left:1px solid #D4DFE1; border-right:1px solid #D4DFE1; width: 646px; } div.genericListBox ul { float: left; margin-right: 39px; } div.genericListBox ul li { margin: 0 0 0.3em 0; } div.genericListBox ul.lastItem { margin: 0; } /*------- Generic POPUP -------------*/ .close{ background: url(http://gfx.arla.dk/elements/btnClose.png) no-repeat; width: 15px; height: 15px; display: block; } div.popup{ position: absolute; z-index: 999; background: transparent url(http://gfx.arla.dk/containers/popupBottomArrow.gif) no-repeat scroll center bottom; } #page div.arrowTop{ background: transparent url(http://gfx.arla.dk/containers/popupTopArrow.gif) no-repeat scroll center top; } div.popup .content, #pageRelated div.relatedBox div.popup .content{ width: 150px; border: 1px solid #abcdaf; border-bottom: 0; margin-bottom: 7px; padding: 12px; background: #edfcef; } div.popup .close { position: absolute; top: 12px; right: 12px; } #page div.arrowTop div.content{ border-bottom: 1px solid #abcdaf; border-top: 0; margin-top: 7px; } div.popup h3{ font-weight: bold; margin-bottom: 0.8em; width: 125px; } div.popup li{ margin-bottom: 0.8em; position: relative; } div.popup p{padding-bottom: 2px;} /* ------ Toolbar ------ */ div.recipeOptions, div.addthis_toolbox { position:relative; background-color: #e5f6e7; padding: 0.3em 10px 0 8px; float: left; width: 452px; margin-bottom: 1.5em; display: inline; z-index: 999; } div.addthis_toolbox {width: 162px; float: right;} div.recipeOptions ul.toolBar, div.addthis_toolbox ul.toolBar{ float: right; } div.themeOptions ul.toolBar li, div.recipeOptions ul.toolBar li, div.addthis_toolbox ul.toolBar li { float:left; padding-left:2px; margin-right:2px; } div.addthis_toolbox ul.toolBar li{line-height: 18px;} div.themeOptions ul.toolBar li.hoverState, div.recipeOptions ul.toolBar li.hoverState, div.addthis_toolbox ul.toolBar li.hoverState { float:left; background:url(http://gfx.arla.dk/containers/toolbarBtnleft.gif) no-repeat; } div.themeOptions ul.toolBar li.selected, div.recipeOptions ul.toolBar li.selected, div.addthis_toolbox ul.toolBar li.selected { float:left; background:url(http://gfx.arla.dk/containers/toolbarBtnleftSelected.gif) no-repeat; } div.themeOptions ul.toolBar li div, div.addthis_toolbox ul.toolBar li div { float:left; padding: 3px 4px 4px 0; } div.recipeOptions ul.toolBar li div { float:left; padding:3px 4px 4px 0; } div.themeOptions li.hoverState div, div.recipeOptions li.hoverState div, div.addthis_toolbox li.hoverState div { background:url(http://gfx.arla.dk/containers/toolbarBtnRight.gif) no-repeat top right; } div.themeOptions li.hoverState a.print, div.recipeOptions li.hoverState a.print, div.addthis_toolbox li.hoverState a.print { background: url(http://gfx.arla.dk/icons/recipeOptionPrint.gif) no-repeat scroll left top; } div.themeOptions li.selected div, div.recipeOptions li.selected div, div.addthis_toolbox li.selected div { background:url(http://gfx.arla.dk/containers/toolbarBtnRightSelected.gif) no-repeat top right; } div.themeOptions a.print, div.recipeOptions a.print { background: url(http://gfx.arla.dk/icons/recipeOptionPrint.gif) no-repeat scroll left top; padding:1px 0 2px 17px; float: left; } div.recipeOptions a.favorite, div.recipeOptions a.favoriteSaved { background: url(http://gfx.arla.dk/icons/recipeOptionFavorite.gif) no-repeat scroll left top; padding: 1px 0 2px 20px; float: left; cursor:pointer; } div.recipeOptions a.favoriteSaved, div.recipeOptions a.favoriteSaved:hover { background: url(http://gfx.arla.dk/icons/recipeOptionFavoriteSaved.gif) no-repeat scroll left top; color:#e60000; text-decoration:none; cursor:default; } div.recipeOptions li.hover a.favorite, div.recipeOptions li.selected a.favorite { background: url(http://gfx.arla.dk/icons/recipeOptionFavoriteHover.gif) no-repeat scroll left top; } div.addthis_toolbox ul.toolBar li div{padding-bottom: 0px;} div.addthis_toolbox .addthis_button_email{ margin-top: 2px; } div.addthis_toolbox .addthis_button_expanded{text-decoration: none;} div.addthis_toolbox .addthis_button_expanded img{float:left; margin-right:2px; margin-top:1px; margin-left: 2px; } div.addthis_toolbox .addthis_button_expanded span{ line-height: 16px; } div.addthis_toolbox .addthis_button_expanded{ margin-left: 0px; } div.recipeOptions span.hover { background:transparent url(http://gfx.arla.dk/icons/recipeOptionHover.gif) no-repeat scroll left top; } div.recipeOptions div.voting { margin-top: 0.35em; float: left; } .outerRecipeOptions { margin-top: 1.5em; float:left; background: white url(http://gfx.arla.dk/elements/bg-rating-tab.gif) no-repeat scroll left top; height: 28px; padding-left: 4px; } .outerRecipeOptions div.voting { margin-top: 0em; padding: 7px 13px 5px 7px; float:left; background: white url(http://gfx.arla.dk/elements/bg-rating-tab.gif) no-repeat scroll right -28px; } .recipeDkSpecial .outerRecipeOptions, .recipeDkSpecial .outerRecipeOptions div.voting { background: none; margin-top: 0; height: auto; } div.recipeOptions ul.rating, ul.rating { margin-right: 3px; position: relative; } div.recipeOptions strong, strong.voteHeading { float: left; margin-top: 1px; margin: .1em 0 0 0; } /*-------- Comment box ------------- */ div#commentBox { clear: both; width: 470px; margin-top:15px; } div#commentBox h5 { margin-bottom: .8em; float: left; font-weight: bold; text-transform: uppercase; } div#commentBox div.top { background:transparent url(http://gfx.arla.dk/containers/commentsTop.gif) no-repeat scroll left top; height:4px; clear: both; } div#commentBox div.bot { background:transparent url(http://gfx.arla.dk/containers/commentsBot.gif) no-repeat scroll center top; height: 4px; clear: both; } div#commentBox div.comments { border-left:1px solid #d3dee0; border-right:1px solid #d3dee0; padding: 1.2em 10px; overflow: hidden; width: 448px; } div#commentBox div.comments ol.comments { clear: left; } div#commentBox div.comments ol.comments li { margin-bottom: 1em; } div#commentBox div.comments ol.comments li.noComments { margin-bottom: 0; } div#commentBox div.comments ol.comments li span { display:block; margin-bottom:0.2em; } div#commentBox div.comments a.showHideComments { background: url('http://gfx.arla.dk/icons/imploderMinus.gif') no-repeat left; padding-left: 15px; } div#commentBox div.comments a.exploder { background: url('http://gfx.arla.dk/icons/exploderPlus.gif') no-repeat left; padding-left: 15px; } div#commentBox div.innerBot { border:1px solid #d3dee0; border-bottom: 0; padding: .7em 10px .3em; } div#commentBox div.innerBot p.commentLinkCon{ position: relative; height: 20px; } div#commentBox strong.gradeRecipe { float: right; margin-right: 1em; color: #7d7d7d; margin-top: .3em; } div#commentBox a.commentLink { background: url('http://gfx.arla.dk/icons/speechBubble01.gif') no-repeat left; padding-left: 15px; } div#commentBox .confirm{ font-weight: bold; } /* --------- Commentform ----------- */ div#commentForm { width:448px; margin-top:1.6em; } div#commentForm fieldset label { width:448px; margin-bottom:0.2em; font-weight:bold; float:left; } div#commentForm fieldset input { float:left; margin-bottom:0.5em; } div#commentForm fieldset textarea { float: left; margin-bottom:0.5em; line-height: 1.5em; width:285px; height: 100px; min-height: 100px; } div#commentForm fieldset p { float:left; width:260px; } div#commentForm fieldset .captchaHelpTrigger { float:left; position: relative; } div#commentForm fieldset .captchaHelpTrigger a { float:left; padding: .3em 4px 0 8px; } div#commentForm div.captcha { padding-top: 1.0em; clear: both; margin:0 0 2em 0; } div#commentForm div.captcha label { width:auto; margin:0.2em 6px 0 0; } div#commentForm div.captcha input { width:50px; } div#commentForm div.controls { clear: both; } div#commentForm div.controls a.cancel { margin-right: 0.5em; } div.captchaHelp { width: 210px; margin-left: -30px; left: 0; top: 2.2em; } div.captchaHelp div.content {width: 184px;} /* ------ number of votes ------- */ a.comments { background:transparent url(http://gfx.arla.dk/icons/recipeOptionSpeech.gif) no-repeat scroll 1px 1px; float:left; padding: 1px 0 2px 3px; height: 15px; } a.comments.hover { background:transparent url(http://gfx.arla.dk/icons/recipeOptionSpeech.gif) no-repeat scroll 1px 0; } a.comments:hover, a.comments:focus { text-decoration: none; } a.comments:hover span, a.comments:focus span { text-decoration: underline; } a.comments span.copy { margin-top: 2px; } a.comments span.noOfVotes { color: #fff; font-weight:bold; float:left; margin-top: -1px; padding-right:8px; width: 11px; display: block; overflow: hidden; text-align: center; cursor: pointer; } a.comments:hover span.noOfVotes, a.comments:focus span.noOfVotes { text-decoration: none; } div.noOfVotes{ float: left; position: relative; } .noOfVotesBg{ position: absolute; background-color: #d9f0f8; width: 100%; height: 100%; display: none; } /* ------ Login reminder ------ */ div.loginReminder { width: 202px; float: left; clear: both; } div.loginReminder div.top { background:transparent url(http://gfx.arla.dk/containers/loginReminderTop.gif) no-repeat scroll left top; height: 4px; clear: both; } div.loginReminder div.bot { background:transparent url(http://gfx.arla.dk/containers/loginReminderBot.gif) no-repeat scroll left top; clear:both; height:10px; } div.loginReminder div.content { background: #ecfafc; float: left; padding: 1em 10px; width: 180px; border-left: 1px solid #c3e0ee; border-right: 1px solid #c3e0ee; } div.loginReminder p { color: #000000; text-align: left; } div.loginReminder fieldset { display: block; } div.loginReminder fieldset input.text { float:left; padding:0.2em 0; width:110px; } div.loginReminder fieldset a { margin-left: 5px; } div.loginReminder a.closeLogin { display: block; float: right; background: transparent url('http://gfx.arla.dk/elements/btnCloseLogin.gif') no-repeat; height: 15px; width: 15px; } div.loginReminder a.closeLogin:hover { background: transparent url('http://gfx.arla.dk/elements/btnCloseLoginHover.gif') no-repeat; } /* ------ Recipe control ------ */ ul.recipeControl { width: 672px; margin: 0 0 1.8em 0; float:left; } ul.recipeControl li { margin:0 0 0 24px; width: 149px; float: left; background: #fff; } ul.recipeControl li a.img{ width: 149px; height: 94px; display: block; position: relative; margin-bottom:0.5em; } ul.recipeControl p{ margin-bottom: .3em; } ul.recipeControl .popup{ left: -60px; top: 1.7em; z-index: 999; position: absolute; display: none; } ul.recipeControl div.ingredients div.popup div.content strong{ margin-bottom: 0.5em; display: block; } ul.recipeControl div.ingredients div.popup div.content ul { list-style-type: square; } #page ul.recipeControl div.ingredients div.popup div.content ul li { display: list-item; margin: 0 0 0 12px !important; width: 145px; vertical-align: top; background-color: Transparent; padding:0 0 3px 0; border-bottom:0; } #page ul.recipeControl div.ingredients div.popup div.content ul li.ingHeading { list-style-type: none; margin: 1.0em 0 0 0px !important; } ul.recipeControl .ingredientsPopup{display: none;} ul.recipeControl .active{ position: relative; z-index: 99; } /* ul.row li.hoverState, ul.recipeControl li.hoverState { padding: 12px; margin-right: -24px; margin-bottom: -24px; top: -12px; left: -12px; position: relative; } */ ul.recipeControl li.hoverState .dot { top: 6px; right: 6px; } ul.recipeControl li div.dot { position: absolute; top: -6px; right: -6px; } ul.recipeControl li.first-child{ margin-left:0; } ul.recipeControl li h2{ float:left; width:149px; margin-bottom:0.3em; } ul.recipeControl li h3, .userMealPlan ul.recipeControl li h4, div#theme ul.recipeControl li h4, #mealPlan ul.recipeControl li h4, #menus ul.recipeControl li h4, #topList ul.recipeControl li h4, div#basicTheme ul.recipeControl li h4, #foodCalendar ul.recipeControl h4 { font-weight: normal; float:left; padding:1px 5px 0 14px; background:url(http://gfx.arla.dk/icons/time-15.gif) no-repeat 0 2px; margin:0 5px 0 0; border-right:1px solid #ebebeb; } ul.recipeControl div.ingredients { float:left; background:url(http://gfx.arla.dk/icons/ingredients.gif) no-repeat -5px 1px; padding:1px 0 0 10px; margin: 0 0 0 1px; position: relative; } #page ul.recipeControl a.showIng { position: relative; white-space:nowrap; } ul.recipeControl .popup li{float: none;} ul.recipeControl div.theme { float:left; width:150px; clear: both; margin-top: .3em; } /* Special displays for handling different number of recipes. Used on eg. theme and food calendar */ /* Customization of listcontrol for oneDishPlusList DIV */ #page ul.oneDishPlusList{ margin: 0; float: left; width: auto; } #page #pageContent ul.oneDishPlusList li{ margin: 0 0 .7em 0; width: 207px; } #page ul.oneDishPlusList li li{ margin: auto; width: auto; } #page ul.oneDishPlusList li a.title { } #page ul.oneDishPlusList li img { float: left; margin: 0 8px 8px 0; } #page ul.oneDishPlusList li a.img { width:57px; margin:0; } #page ul.oneDishPlusList li h3{ width: 150px; overflow: hidden; } #page #pageContent ul.oneDishPlusList li.first-child{ width: 243px; padding-right: 20px; display: block; } #page ul.oneDishPlusList li a.img { width: 47px; height: 47px; float: left; margin: 0 8px 0 0; } #page ul.oneDishPlusList li.first-child a.img { width: 243px; height: auto; margin: 0 0 8px 0; } #page ul.oneDishPlusList li.first-child img { float: left; max-width: 243px; } #page ul.oneDishPlusList li.first-child h3{ width: 243px; overflow: hidden; } /* Customization of recipeControl for oneDish DIV */ #page ul.oneDish{ width: 470px; margin: 0; } #page ul.oneDish li{ margin: 0; width: 470px; padding-bottom: 0; } #page ul.oneDish li a { float: left; margin-right: 8px; } #page ul.oneDish img { width: auto; max-width: 243px; } #page ul.oneDish li h3{ width: 210px; border: 0; } #page ul.oneDish li.big{ border: none; } #page ul.oneDish li.last-child{ margin: 13px 0 0 0; } /* Customization of listcontrol for tripleDish DIV */ #page ul.tripleDish{ width:470px; margin: 0; } #page ul.tripleDish img{ margin: 0 0 10px 0; max-width: 150px; } #page ul.tripleDish h3 { clear: both; float: none; } #page ul.tripleDish h4 { clear: left; } #page ul.tripleDish li{ margin:0 0 0 10px; width: 150px; } #page ul.tripleDish li.first-child{ margin-left:0; } /* dish list in the main area */ #page ul.categoryBox { float: left; margin: .2em 0 .4em 0; } #page ul.categoryBox li { margin: .3em 4px .4em 0; float: left; line-height:1.2em; width: 230px; height: 47px; } #page ul.categoryBox li h3{ width:170px; overflow:hidden; } #page ul.categoryBox li img { float: left; margin-right: 8px; max-width: 47px; max-height: 47px; overflow: hidden; } #page #ContentArea div.last-portlet{ padding-bottom: 2.2em; margin: 0; } /* Dishlist portlet end */ #pageRelated div.relatedBox ul.linkList, #content ul.linkList { float: left; margin: .2em 0 2.0em; } #pageRelated div.relatedBox ul.linkList li { margin: .3em 0 .4em; float: left; line-height:1.3em; display: table; } #content ul.linkList li { float: left; line-height:1.3em; width: 150px; margin-left: 24px; } #content ul.linkList li.first { margin-left:0; } #content ul.linkList li a { display: block; clear: both; font-weight: bold; } #content ul.linkList li img { display: block; clear: both; border: 1px solid #d4dfe1; margin-bottom: 0.3em; } /* Disabling box*/ .disablingBox{ display: none; bottom: 25px; left: 10px; } .recipeActions .disablingBox{ bottom: 7.3em; left: -10px; } #pageRelated div.relatedBox div.disablingBox .content{ width: auto; padding: inherit; float: none; } /* ------- Global selector eg themes ------- */ #selector { width: 673px; float: none; clear: both; background: transparent url(http://gfx.arla.dk/containers/selectorTop.png) no-repeat top left; padding: .3em 0 0 0; margin: 2em 0 2em 0; } #selector div.content { clear: both; border-right: 1px solid #d3dee0; height: 100%; /* ---¬ */ overflow: hidden; /* -- So menu BG is all the way down */ } #selector div.content h2 { background-color: #fff; } #selector div.content div.menu { float: left; width: 154px; border-left: 1px solid #d3dee0; border-right: 1px solid #d3dee0; border-bottom: 1px solid #d3dee0; background: #ededed url(http://gfx.arla.dk/elements/selectorMenuBg.jpg) no-repeat top left; padding-bottom: 5000px; /* X + padding-bottom. Menu bg all the way down. */ margin-bottom: -5000px; /* X */ } #selector div.menu h3 { margin: .8em 7px .5em 13px; text-transform: uppercase; } #selector div.menu ul li { border-bottom: 1px solid #d3dee0; background: transparent url(http://gfx.arla.dk/icons/linkArrowSmallGreen.gif) no-repeat 142px .9em; } #selector div.menu ul li a { display: block; padding: .65em 7px .5em 13px; } #selector div.menu ul li.sel { margin-right: -1px; width: 155px; background: #ffffff url(http://gfx.arla.dk/icons/linkArrowSmallGreenDark.gif) no-repeat 142px .9em; font-weight: bold; color: #005019; } #selector div.menu ul li.first { border-top: 1px solid #d3dee0; } #selector div.content div.items { margin: 2.2em 0 1.8em 20px; float: left; width: 475px; } #selector div.items ul { width: 486px; margin: .6em -12px 2em 0; } #selector div.items ul li { float: left; margin: 1em 12px 0 0; } #selector div.items ul li img { margin-bottom: .4em; display: block; } #selector div.items ul li a.img { position: relative; display: block; } #selector div.items div.paging { clear: both; float: left; border-top: 1px solid #e5e5e5; margin: 2.4em 0 0 0; height: 2em; } #selector div.bot { clear: both; background: transparent url(http://gfx.arla.dk/containers/selectorBot.png) no-repeat left top; height: 2px; } /* ------- /Global selector eg themes ------- */ /* ------- Special designed dropdown ------- */ div.dropDown { background: transparent url(http://gfx.arla.dk/elements/nfProductsDropDown.png) no-repeat top left; height: 22px; padding-left: 10px; width: 150px; margin: 0; } #page div.dropDownSel { /*background-image: url(http://gfx.arla.dk/elements/nfProductsDropDownSel.png);*/ background-position: 0 -41px; } #page div.dropDownSel p { /*background-image: url(http://gfx.arla.dk/elements/nfProductsDropDownSel.png) !important;*/ background-position: right -41px; } #page #pageContent div.dropDown ul li { background: #ffffff; border-left: 1px solid #cdd3d4; border-right: 1px solid #cdd3d4; border-top: 1px solid #cdd3d4; border-bottom: none; padding: .5em 0 .5em 10px; color: #009114; line-height: 1.3em; height: 1.3em; } #page #pageContent div.dropDown ul li:hover { background: #e5f6e7; } #page #pageContent div.dropDown ul li a { padding: 0; } div.dropDown p { background: transparent url(http://gfx.arla.dk/elements/nfProductsDropDown.png) no-repeat top right; padding: 3px 0 5px 0; font-weight: bold; border: none; margin: 0; color: #009114; } div.dropDown .items { position: absolute; bottom: -359px; left: 0px; display: none; width: 158px; height: 360px; overflow: auto; margin: 0; border-bottom: 1px solid #cdd3d4; } /* ------- / Special designed dropdown ------- */ /* ------- Special field with dropdown ------- */ #page .inputSelector { position:relative; float: left; } #page .moveMyItem .inputSelector { margin-top:2px; } #page .inputSelector .items li { background-color: White; } #page .inputSelector .fieldContainer { position: relative; height: 20px; width: 47px; } #page .moveMyItem .inputSelector .fieldContainer { width: 113px; } #page .inputSelector .fieldContainer input { position: absolute; top: 0; left: 0; padding-right: 5px; } #page .moveMyItem .inputSelector .fieldContainer input { font-size:1em; padding-top:1px; padding-left:2px; padding-right:12px; height:17px; width:100px; } #page .inputSelector .fieldContainer img.arrow { position: absolute; z-index: 10; right: 0; top: 0; cursor: pointer; padding: .7em 2px .7em 2px; } #page .inputSelector ul { /*max-height: 200px; overflow: auto;*/ background-color: White; } #page .inputSelector .longList { height: 200px; } #page .inputSelector .items { position:absolute; z-index: 1000; width: 100px; bottom: auto; top: 19px; margin-top: 1px; display: none; border-left: 1px solid #cdd3d4; border-right: 1px solid #cdd3d4; border-top: 1px solid #cdd3d4; max-height: 200px; overflow: auto; } #page .moveMyItem .inputSelector .items { width: 114px; } #page .saveItemPopup .inputSelector .items { width: 135px; } #page .inputSelector .items li { background-color: white; border-bottom: 1px solid #cdd3d4; cursor: pointer; padding: .5em 15px .5em 5px; margin: 0; width: auto; float: none; line-height: 1em; height: auto; min-height: 0; } #page .inputSelector .items li:hover, #page .inputSelector .items li.sel { background-color: #e5f6e7; } /* ------- / Special field with dropdown ------- */ /* ************************************************** Main containers ************************************************** */ #pageCenter{ margin:0 auto; width: 940px; } #page{ margin:auto; text-align:left; width: 940px; /* was 898 */ } #header { position: relative; width: 940px; height: 15em; margin: 52px 0 0px; float: left; clear: both; background: transparent url(http://gfx.arla.dk/elements/bg-page-header.png) no-repeat top left; } #header a.logo { float: left; margin: 14px 0 0 25px; } #pageContainer{ width: 100%; float: left; padding-top: 5px; background: transparent url(http://gfx.arla.dk/elements/bg-box-sprite.png) no-repeat -941px 0; } #pageContainerBottom { width: 100%; float: left; padding-top: 5px; background: transparent url(http://gfx.arla.dk/elements/bg-box-sprite.png) no-repeat -1883px 0; margin-bottom: 2em; } #pageBackground { background: transparent url(http://gfx.arla.dk/elements/bg-box-sprite.png) repeat-y 0 0; width: 100%; float: left; } #pageContent { float: left; width: 673px; padding: 20px 14px 3.2em 14px; /*margin-bottom: 3.2em;*/ } #content { float: left; } #pageContent {background-position: -2825px top; } .combinedRelatedColumn #pageContainer {background-position: -3767px 0;} .combinedRelatedColumn #pageContainerBottom {background-position: -4708px 0;} .combinedRelatedColumn #pageBackground {background-position: -2825px 0;} .withoutNav {width:auto;} .withNav {width: 508px;} .wideContent #pageContent {width:913px; /*was 898*/ background-position: -2825px top; } .wideContent #pageContainer {background-position: -3767px 0;} .wideContent #pageContainerBottom {background-position: -4708px 0;} .wideContent #pageBackground {background-position: -2825px 0;} .wideContent #pageRelated { padding: 0; } .wideContent{float: right;} .single { width:672px; } #pageContent .double .fourColumn { width: 308px; float: left; } #pageContent .double.withoutNav .fourColumn { width: 472px; float: left; } #pageContent .double .faq { width: 508px; } #contentRelated { width:180px; float:left; margin: 0 0 0 20px; } #pageRelated { float: right; width: 210px; padding: 15px 8px 2em 13px; /*margin-bottom: 2em;*/ } #PageRelatedArea { width:204px; } .threeColumn { float:left; width:472px; } .threeColumn .text img { padding: 10px 0; } .threeColumn .text img.left { float:left; padding-right:10px; } .threeColumn .text img.right { float:right; padding-left:10px; } .threeColumn .text img.left-top { float:left; padding: 0 10px 0 0; } .threeColumn .text img.right-top { float:right; padding: 0 0 0 10px; } .threeColumn .contentPortletArea { margin:0; float:left; width:100%; } .fourColumn .contentPortletArea { margin:0; float:left; width:100%; position:relative; } .withNav .threeColumn .contentPortletArea { width: 308px; } /* ************************************************** Main navigation ************************************************** */ /* --------- Calibri check -----------*/ #header .hasCalibri { font-family: Calibri, Arial, Helvetica; font-size: 11px; } #header .hasArial { font-family: Arial, Helvetica; font-size: 11px; } /* --------- 1st level navigation ----------- */ #header ul#nav { position: absolute; text-align: right; top: 59px; right: 25px; margin: 8px 0 0 27px; line-height: 2em; float: right; } #header ul#nav li a.active { color: #005019; text-decoration: none; } #header ul#nav li a { color: #ffffff; display: block; text-decoration: none; } #header ul#nav li a:hover, #header ul#nav li a:active { color: #005019; text-decoration: none; } /* ---------- 2nd level navigation ----------- */ #header ul div.subMenu { position: absolute; right: 0; width: 850px; float: right; } #header ul#nav ul { top: 21px; right: -40px; position: absolute; float: right; } /* Applies to both 1st and 2nd level LIs */ #header ul#nav li { float: left; margin:0pt 19px 5px 0pt; font-weight: bold; line-height: 1.5em; } #header ul#nav li.last { margin-right: 0; } #header ul#nav ul li { font-weight: 100; margin-right: 1.6em; border: none; padding: 0; } #header ul#nav ul li a { color: #505050; font-weight: bold; } #header ul#nav ul li a:hover, #header ul#nav ul li a:focus { color: #009114; text-decoration: none; } #header ul#nav ul li a.active { color: #009114; background: none; } #header ul#nav ul li a.active:hover, #header ul#nav ul li a.active:focus { text-decoration: none; } /* --------------- Left hand navigation, 3rd level ---------------- */ .sub{clear: left; float: left} #leftMenu { float:left; width:142px; margin:0 22px 0 0; } #leftMenu h3 { margin-bottom: .6em; } #leftMenu ul li { border-top:1px solid #D3DEE0; } #leftMenu ul li a { color: #616161; padding: 0.5em 0; display: block; font-weight:bold; background:transparent url(http://gfx.arla.dk/icons/linkArrowSmallGray.gif) no-repeat scroll 0 0.6em; padding-left: 8px; width: 136px; } #leftMenu ul li a:hover { color: #009114; background:transparent url(http://gfx.arla.dk/icons/linkArrowSmallGreen.gif) no-repeat scroll 0 0.75em; } #leftMenu ul li a.selected { background:transparent url(http://gfx.arla.dk/icons/linkArrowSmallGreen.gif) no-repeat scroll 0 0.75em; color: #009114; } #leftMenu ul li.has-children a.selected, #leftMenu ul li.selected-path a.selected-path { background:transparent url(http://gfx.arla.dk/icons/linkArrowSmallGreenDown.gif) no-repeat scroll -1px 1em; border-bottom:1px solid #DDDDDD; color:#009114; text-decoration:none; } #leftMenu ul li.selected-path ul li a.selected-path { border-bottom:0; background-position:-1px 5px; } #leftMenu ul ul { margin: .4em 0 0 15px; } #leftMenu ul ul a { background:transparent url(http://gfx.arla.dk/icons/linkArrowTinyGray.gif) no-repeat scroll 0 4px; color: #616161; font-weight: normal; padding: 0 0 0 8px; display: block; width: 120px; } #leftMenu ul ul a:hover { background:transparent url(http://gfx.arla.dk/icons/linkArrowTinyGreen.gif) no-repeat scroll 0 4px; color: #009114; } #leftMenu ul ul li { border:0 none; padding:0.19em 0; margin-right: 0px; } #leftMenu ul ul li.last-item { margin-bottom: 0.2em; } #leftMenu ul ul li.selected a.selected { background:transparent url(http://gfx.arla.dk/icons/linkArrowTinyGreen.gif) no-repeat scroll 0 4px; border: none; font-weight: bold; } #leftMenu ul ul ul a { width: 105px; } #header li.top.active a { color: #ff0000; } #header div.service { position: absolute; top: -30px; right: 7px; } #header div.service ul li { float: left; margin-left: 20px; } #header div.service ul li a { color: #505050; } #header div.service ul li a:hover, #header div.service ul li a:active { color: #009114; text-decoration: none; } /* ************************************************** Content ************************************************** */ #content h1 { position:relative; } #content h1 span { position:absolute; left:-9000px; } #content.single div.colRow { float: left; width: 672px; margin: 0 0 2.2em 0; } #content.single div.colRow.last { margin: 0; } #content.double div.right { width: 180px; float: left; } #content.double div.right.wide { margin-top:1.1em; width: 508px; } #content.double div.left { width: 470px; float: left; } #content.double div.right .left { width: 300px; float: left; } #content.double div.left.narrow { margin-top:1.1em; width: 142px; } #content #flashPromo { margin-top:1em; margin-left: -60px; width: 732px; overflow: hidden; } #page .flashTellAFriend { position:relative; overflow:visible; float:left; clear:both; } #page .flashTellAFriend ol { list-style-type:none !important; margin:0px !important; padding:0px !important; } #page .flashTellAFriend div.popup h3 { font-weight:bold !important; margin-bottom:0.8em !important; width:125px !important; font-family:Calibri,Arial,Helvetica,Sans-Serif !important; font-size:13px !important; } #page .flashTellAFriend .tellAFriend { bottom:-300px; display:none; left:87px; position:absolute; } /* ************************************************** 01 Startpage ************************************************** */ /* -------- Inspirational module no-Flash version -------- */ div.nfInspiration h1 { font-weight: bold; } div.nfInspiration h4 { font-weight: bold; } div#frontpage div.nfInspiration { width: 672px; position: relative; margin: 0 0 2em 60px; } div.nfInspiration div.content { border: 1px solid #c8dee4; border-bottom: none; /*height: 234px;*/ float: left; width: 670px; } div.nfInspiration div.content div.image { margin: 0; float: left; max-width: 372px; /*height: 234px;*/ overflow: hidden; margin-bottom: -3px; } div.nfInspiration div.content div.text { padding: 28px 0 0 28px; float: left; width: 250px; overflow: hidden; } div.nfInspiration div.content h1 { margin: .4em 0 .5em 0; color: #880361; line-height: .8em; margin-bottom:0.5em !important; } div.nfInspiration div.content div.a h1 { color: #ff0000; } div.nfInspiration div.content div.b h1 { color: #fd6e00; } div.nfInspiration div.content div.c h1 { color: #007dca; } div.nfInspiration div.content div.d h1 { color: #00b349; } div.nfInspiration div.content a { display: block; float: none; } div.nfInspiration div.tabs { height: 37px; border-top: 5px solid #ff0000; clear: left; } div.nfInspiration div.tabs ul li { float: left; height: 32px; margin: 0 0 0 -1px; background: transparent url(http://gfx.arla.dk/elements/nfInspirationLeft.gif) no-repeat top left; } div.nfInspiration div.tabs ul li a { float: left; display: block; margin: 0 0px 0 0; padding: 9px 12px 8px 12px; background: transparent url(http://gfx.arla.dk/elements/nfInspirationRight.gif) no-repeat top right; color: #1a1a1a; text-transform: uppercase; font-weight: bold; } div.nfInspiration div.tabs ul li a:hover { text-decoration: none; } div.nfInspiration div.tabs ul li.sel { background: transparent url(http://gfx.arla.dk/elements/nfInspirationSelLeft.gif) no-repeat top left; } div.nfInspiration div.tabs ul li.sel a { background: transparent url(http://gfx.arla.dk/elements/nfInspirationSelRight.gif) no-repeat top right; color: #ffffff; text-decoration: none; } div.nfInspiration div.tabs ul li a img { margin: -3px 4px 0 0; float: left; } div.nfInspiration div.tabs ul li.right { float: right; margin-left: 0; } div.nfInspiration div.searchButton { position: absolute; right: 20px; bottom: 60px; } div.nfInspiration div.btnRight { background: transparent url('http://gfx.arla.dk/elements/pagingRightLeft.gif') no-repeat top left; height: 25px; float: left; } div.nfInspiration div.btnRight div { background: transparent url('http://gfx.arla.dk/elements/pagingRightRight.gif') no-repeat top right; margin: 0; padding: 0; height: 25px; padding: 0 30px 0 10px; display: table-cell; vertical-align: middle; } div.nfInspiration div.btnRight div:hover { background: transparent url('http://gfx.arla.dk/elements/pagingRightRightHover.gif') no-repeat top right; } div.nfInspiration div.btnRight img { border: 0; padding-top: 5px; } div.nfInspiration div.btnRight div a { display: block; margin-right: -30px; padding-right: 30px; } div.nfInspiration div.btnRight div a:hover { text-decoration: none; } /* ------ Four Dishes Box ------*/ #frontpage .fourDishesArea{ margin-bottom: 1.5em; float: left; } div.fourDishesBox { position: relative; width: 672px; float: left; } div.fourDishesBox a.teaserLink { position: absolute; top: 16px; right: 20px; } div.fourDishesBox div.top { background:transparent url('http://gfx.arla.dk/containers/fourDishesBoxTop.gif') no-repeat scroll left top; height: 5px; } div.fourDishesBox div.innerTop { background:transparent url('http://gfx.arla.dk/containers/fourDishesBoxInnerTop.gif') no-repeat scroll left top; height: 30px; padding: .6em 10px .3em 10px; width: 652px; float: left; overflow: hidden; } div.fourDishesBox div.innerTop ul.buttons { width: 420px; float: left; } div.fourDishesBox div.innerTop ul.buttons li { float: left; margin-right: 9px; } div.fourDishesBox div.innerTop a.arrowSmall { float: right; margin-top: 5px; } div.fourDishesBox div.bot { background:transparent url('http://gfx.arla.dk/containers/fourDishesBoxBot.gif') no-repeat scroll left top; height: 5px; clear: both; } div.fourDishesBox div.content { border-left: 1px solid #d4dfe1; border-right: 1px solid #d4dfe1; padding: 0 10px .4em 10px; width: 650px; float: left; } div.fourDishesBox h3{ float:left; margin: 4px 10px 0 4px; } div.fourDishesBox p { margin: 0 0 0.2em 0; } div.fourDishesBox ul.dishList { clear: both; float: left; margin: .4em 0 0 3px; font-weight:bold; width: 642px; } div.fourDishesBox ul.dishList li { float: left; margin-right: 14px; width: 150px; display: block; } div.fourDishesBox ul.dishList li span.img { position: relative; display: block; /* dowNew */ } div.fourDishesBox ul.dishList li p a{ height: auto; display: block; } div.fourDishesBox ul.dishList li img { display: block; } div.fourDishesBox ul.dishList li a { display:block; width:150px; font-weight: bold; } div.fourDishesBox ul.dishList li a.img { position: relative; } div.fourDishesBox ul.dishList li.lastItem { margin-right: 0; } div.fourDishesBox ul.dishList li .dishImage { height: 97px; width: 150px; margin-bottom: .2em; } /* SECTION PAGE */ #page #frontpage #ctrlPageLowerContent { background:transparent; } #page #frontpage #ctrlPageLowerContent .brandingBox .content { background:transparent url(http://gfx.arla.dk/containers/brandingBoxBot.gif) no-repeat left bottom; padding-top:10px; padding-bottom:10px; } #page #frontpage #ctrlPageLowerContent .latestQuestions { background:transparent url(http://gfx.arla.dk/containers/brandingBoxBot.gif) no-repeat left bottom; width:326px; margin:0px; } #page #frontpage #ctrlPageLowerContent .latestQuestions img { display:none; } #page #frontpage #ctrlPageLowerContent .latestQuestions h2 { background:transparent url(http://gfx.arla.dk/containers/brandingBoxTop.gif) no-repeat left top; margin:0; padding:10px 5px 5px 10px; font-size:1.8em; } #page #frontpage #ctrlPageLowerContent .latestQuestions ul { margin:0 5px 0px 10px; } #page #frontpage #ctrlPageLowerContent .latestQuestions ul li { margin:0 0 5px; } #page #frontpage #ctrlPageLowerContent .latestQuestions ul li a { background:transparent url("gfx/icons/linkArrowSmallGreen.gif") no-repeat 0px 4px; cursor:pointer; display:block; padding:0 0 0 10px; } #page #frontpage #ctrlPageLowerContent .latestQuestions a.moreProducts { display:block; font-weight:bold; font-size:1.2em; margin:0px 5px 10px 10px; } #page #frontpage #ctrlPageLowerContent .latestQuestions ul li span { font-size:0.9em; display:block; margin-left:10px; } #page #frontpage #ctrlPageLowerContent .x-portlet { margin:0px 0px 20px 0px; float:left; } #page #frontpage #ctrlPageLowerContent .x-portlet:nth-child(2n), #pageContent .contentPortletArea .latestQuestions:nth-child(2n){ margin-left:20px; } #page #frontpage #ctrlPageLowerContent .x-portlet-even, #pageContent .contentPortletArea .x-portlet-even { margin-left:20px; } #page #frontpage #ctrlPageLowerContent div.row { float: left; } #page #frontpage #ctrlPageUpperContent .latestQuestions { width:179px; background:url("gfx/containers/smallFaqContent.gif") no-repeat scroll left bottom transparent; } #page #frontpage #ctrlPageUpperContent .latestQuestions img { display:none; } #page #frontpage #ctrlPageUpperContent .latestQuestions h2 { background:url("gfx/containers/smallFaqHeader.gif") no-repeat scroll left top transparent; color:#fff; font-size:1.4em; height:24px; line-height:24px; display:block; overflow:hidden; padding:0 0 0 10px; } #page #frontpage #ctrlPageUpperContent .latestQuestions ul { margin:8px 5px 10px 10px; } #page #frontpage #ctrlPageUpperContent .latestQuestions ul li { margin:0 0 5px 0; } #page #frontpage #ctrlPageUpperContent .latestQuestions ul li a { background:transparent url("gfx/icons/linkArrowSmallGreen.gif") no-repeat 0px 4px; cursor:pointer; display:block; padding:0 0 0 10px; } #page #frontpage #ctrlPageUpperContent .latestQuestions a.moreProducts { display:block; font-weight:bold; font-size:1.2em; margin:0 5px 10px 10px; } #page #frontpage #ctrlPageUpperContent .latestQuestions ul li span { display:none; } /* ************************************************** 02 Search ************************************************** */ /* disabling search on products*/ a.comingSoon, a.comingSoon:hover{ color: #999; cursor: default; } div.searchContainer { width: 672px; float: left; position: relative; z-index: 100; margin: -5px 0 1.3em 0; } div.searchContainer div.searchForm { background: url('http://gfx.arla.dk/elements/searchFieldBg.gif') no-repeat; width: 462px; float: left; color: #ffffff; padding: 5px 0 12px 10px; margin: 0 16px 0 0; } div.searchContainer div.searchForm fieldset{clear: both;} div.searchContainer p.instructions { font-weight: bold; text-transform: uppercase; display: block; margin-bottom: 5px; float: left; width: 300px; } div.searchContainer p.allRecipes { float: right; /*width: 142px;*/ margin-top: 1px; padding-right: 63px; text-align: right; } div.searchContainer p.allRecipes a { color: #fff; } div.searchContainer p.allRecipes a:hover {text-decoration: none;} div.searchContainer p.allRecipes .allRecipesIcon{ background: transparent url(http://gfx.arla.dk/elements/btnAllRecipes.gif) no-repeat 0 4px; width: 10px; height: 10px; } div.searchContainer p.allRecipes .allRecipesText{ font-size: 11px; } div.searchContainer div.searchFieldContainer { height: 26px; background: transparent url(http://gfx.arla.dk/elements/searchField.png) no-repeat top left; float: left; width: 399px; overflow: hidden; } div.searchContainer input.searchField { width: 391px; background-color: Transparent; float: left; padding: 6px 4px 0px; border-style: none; border: 0; color:#666; } div.searchContainer a.btnBlueGradient { margin-left: 10px; float: left; } div.searchContainer div.searchHelp { float: left; margin: 6px 0 0 7px; } div.searchContainer div.searchHelp a { color: white; text-decoration: none; font-size: 11px; padding: 1px 0 0 20px; background: url(http://gfx.arla.dk/icons/help-small.png) no-repeat 0 0; } div.searchContainer div.searchHelp a:hover { text-decoration: underline; } div.searchContainer a#optionsLink { color:#FFFFFF; display:block; float:right; font-weight:bold; background:url(http://gfx.arla.dk/elements/btnRefineSearchLeft.gif) no-repeat 0 0; margin-right:16px; } div.searchContainer a#optionsLink.selected { background:url(http://gfx.arla.dk/elements/btnRefineSearchLeft-open.gif) no-repeat 0 0; background-position:0 -35px; text-decoration:none; } div.searchContainer a#optionsLink.selected span { background-position:100% -35px; } div.searchContainer a#optionsLink:hover, div.searchContainer a#optionsLink:focus { text-decoration:none; } div.searchContainer a#optionsLink span { display:block; padding:5px 10px 6px 19px; background:url(http://gfx.arla.dk/elements/btnRefineSearchRight.gif) no-repeat 100% 0; } div.feedbackBanner { background: url('http://gfx.arla.dk/elements/feedbackPuff.gif') no-repeat; width: 186px; height: 68px; position: absolute; top: -3px; right: -3px; } div.feedbackBanner p { width: 120px; padding: 12px; } div.feedbackBanner span.heading { font-weight: bold; display: block; clear: both; } div.feedbackBanner a { font-weight: normal; display: block; } #searchButton { left: 10px; } /* ---------- Search refine ---------- */ div#searchRefine { float:left; width:672px; background:url(http://gfx.arla.dk/elements/searchFieldRefineTop.gif) no-repeat; padding-top:0.6em; margin-top:6px; z-index: 100; position: relative; } div#searchRefine div.content { float:left; width:662px; background:url(http://gfx.arla.dk/elements/searchFieldRefineBot.gif) no-repeat left bottom; padding:0 0 9px 10px; } div#searchRefine div.content h5 { color: #ffffff; text-transform: uppercase; float: left; margin: 4px 10px 0 0; } div#searchRefine img { float:left; margin: 4px 7px 0 0; } div#searchRefine fieldset.buttons { float: left; } div#searchRefine fieldset.buttons img { margin-left:15px; } div#searchRefine fieldset.buttons label { float:left; color:#fff; margin:5px 5px 0 20px; font-weight:bold; } div#searchRefine fieldset.buttons input { margin-top:4px; float:left; } div#searchRefine fieldset.buttons select { float:left; } div#searchRefine a.filter { display:block; background:url(http://gfx.arla.dk/elements/btnSearchLeftNoIcons.gif) no-repeat; float:left; color:#000000; font-weight:bold; margin-right:4px; padding-left: 20px; } div#searchRefine a.filter.selected { color: #005019; } div#searchRefine a.filter span { display:block; padding:5px 12px 5px 12px; background: url(http://gfx.arla.dk/elements/btnSearchRight.gif) no-repeat 100% 0; } div#searchRefine a.filter:hover, div#searchRefine a.filter:focus { background-position:0 -170px; text-decoration:none; } div#searchRefine a.filter:hover span, div#searchRefine a.filter:focus span { background-position:100% -34px; } div#searchRefine a.filter.selected span { background-position:100% -68px; } div#searchRefine a { text-decoration:none; } /* div#searchRefine a.searchSnabba {background-position:0 0;} div#searchRefine a.searchSnabba:hover, div#searchRefine a.searchSnabba:focus {background-position:0 -170px;} div#searchRefine a.searchSnabba.selected {background-position:0 -340px;} div#searchRefine a.searchGrona {background-position:0 -34px;} div#searchRefine a.searchGrona:hover, div#searchRefine a.searchGrona:focus {background-position:0 -204px;} div#searchRefine a.searchGrona.selected {background-position:0 -374px;} div#searchRefine a.searchSmala {background-position:0 -68px;} div#searchRefine a.searchSmala:hover, div#searchRefine a.searchSmala:focus {background-position:0 -238px;} div#searchRefine a.searchSmala.selected {background-position:0 -408px;} div#searchRefine a.searchBudget {background-position:0 -102px;} div#searchRefine a.searchBudget:hover, div#searchRefine a.searchBudget:focus {background-position:0 -272px;} div#searchRefine a.searchBudget.selected {background-position:0 -442px;} div#searchRefine a.searchFest {background-position:0 -136px;} div#searchRefine a.searchFest:hover, div#searchRefine a.searchFest:focus {background-position:0 -306px;} div#searchRefine a.searchFest.selected {background-position:0 -476px;} */ div#searchRefine a.filter{background-position:0 0;} div#searchRefine a.filter:hover, div#searchRefine a.filter:focus {background-position:0 -37px;} div#searchRefine a.filter.selected {background-position:0 -76px;} div#searchRefine div#allergySelect { position: relative; margin: 0px; height: 100%; } div#searchRefine div#allergySelect div.allergyTab { position: absolute; right: -3px; padding: 8px; margin-bottom: -6px; margin-top: -3px; z-index: 100; } div#searchRefine div#allergySelect div.allergyTab.active { background: url(http://gfx.arla.dk/containers/allergyTabLeft.png) no-repeat scroll left top; } div#searchRefine div#allergySelect div.allergyTab span.content { padding: 8px 10px 5px 4px; } div#searchRefine div#allergySelect div.allergyTab span.content.active { background: url(http://gfx.arla.dk/containers/allergyTabRight.png) no-repeat scroll right top; display: block; margin-top: -8px; } div#searchRefine div#allergySelect div.allergyTab span.content a { color: White; } div#searchRefine div#allergySelect div.allergyTab span.content.active a { color: Black; } div.optionsBox { width: 149px; position: absolute; right: -6px; top: 17px; z-index: 20; margin-top: 2px; } div.optionsBox .top{ background: url(http://gfx.arla.dk/containers/allergySelectTop.png) no-repeat; background-position: left top; width: 149px; height: 8px; } div.optionsBox .bot{ background: url(http://gfx.arla.dk/containers/allergySelectBot.png) no-repeat; background-position: left bottom; width: 149px; height: 7px; } div.optionsBoxContent { background: url(http://gfx.arla.dk/containers/allergySelectMain.png) no-repeat; padding: 2px 0px 10px 9px; width: 149px; } div#searchRefine div#allergySelect div.optionsBoxContent fieldset { margin: 5px 0 0 5px; width: 120px; overflow: hidden; z-index: 21; position: relative; } div#searchRefine div#allergySelect div.optionsBoxContent input.checkbox { margin: 2px 5px 5px 0; clear: left; float: left; } div#searchRefine div#allergySelect div.optionsBoxContent p{line-height: normal;} div#searchRefine div#allergySelect div.optionsBoxContent label { display:block; float:left; } div#searchRefine div#allergySelect div.optionsBoxContent div.buttons { clear: both; padding-top: 5px; float: none; } div#searchRefine div#allergySelect div.optionsBoxContent div.helpText { padding-top: 3px; clear: both; color: #404040; } div#searchRefine div#allergySelect div.optionsBoxContent div.helpText span.header { font-weight: bold; display: block; } div#searchRefine div#allergySelect div.optionsBoxContent div.innerTop{ margin-bottom: 7px; } div.innerTopContent { background: #e5f8e7; padding: 3px; font-weight: bold; width: 125px; } div#searchRefine div#allergySelect .close { position: absolute; top: 12px; right: 12px; cursor: pointer; } /* ----------- Search navigation ------------ */ .noHits div.searchNav{display: none;} div.searchNav { float: left; width: 672px; padding:0.2em 0 0.7em; border-bottom:1px solid #d3dee0; margin-bottom:1.3em; } div.searchNav p.left { float: left; width: 472px; } div.searchNav p.right { float: right; margin-top: .3em; width: 193px; text-align: right; white-space: nowrap; } div.searchNav p.left a{ background: url(http://gfx.arla.dk/elements/btnSearchfilterExclude.gif) no-repeat right; padding-right: 16px; color: #000; display: inline-block; } div.searchNav p.left a:hover{text-decoration: none;} div.searchNav .excludeText{ font-weight: bold; } div.searchNav p.right a.selected { color:#000; } div.searchNav p.right a.selected { text-decoration:none; } div.searchNav span.divider { color: #a3a3a3; } div.articleResults{ margin-top: 3em; } div.articleResults .lnkShowAll{font-weight: bold; } /* ------------ Search results ------------- */ ul.row { width: 672px; margin: 0 0 12px 0; float:left; } ul.row.last { margin:0; } ul.row li { position:relative; margin:0 0 0 24px; width:149px; float:left; } ul.recipeControl li a img { /* Safari fix */ max-width: 150px; } ul.recipeControl li.big div.hit { float:left; width:407px; padding-bottom: 1em; } ul.recipeControl li.big { margin-left:0; width:670px; border:1px solid #d3dee0; float: left; } ul.recipeControl li.big span.img { float: left; } ul.recipeControl li.big img { margin:0 20px 0 0; line-height:0; float:left; max-width: 243px; } ul.recipeControl li.big a.img { display: inline; } ul.recipeControl li.big h1 { font-weight:bold; margin:14px 0 0.3em 0; width:407px; } ul.recipeControl li.big h2 { font-weight:normal; margin-bottom:1em; width:407px; } ul.row li.first-child { margin-left:0; } ul.row li img { margin-bottom:0.5em; } ul.row li h2 { font-weight:bold; float:left; width:150px; margin-bottom:0.3em; } div.searchResults ul.small li { width:210px; margin-left:20px; } div.searchResults ul.small li img { float:left; margin-right:8px; } div.searchResults .externalHitsArea{ width:674px; float:left; padding-top:3em; } div.searchResults .externalHits h3 { font-weight: normal; border-bottom:1px solid #D3DEE0; float:left; margin-bottom:1.3em; padding:0.2em 0 0.7em; width:672px; } /* ----------- Searchresults Products ------------ */ div.searchResults h3{ margin-bottom:0.5em; } div.searchResults .genericListBox a, div.searchResults div.infoResults .content a{ display: block; margin-bottom: 0.1em; font-weight: bold; float: left; width: 100%; } div.searchResults .genericListBox p, div.searchResults div.infoResults div.content p{ color:#333333; margin-bottom:0.6em; padding-left:8px; } div.searchResults div.infoResults .content h4 a { clear: left; float: none; } div.searchResults .infoResults span.source { display: block; padding-bottom: .3em; } div.searchResults .infoResults span.source a { display: inline; float: none; font-weight: normal; } ul.products li a { background: #fff; display:block; text-align:center; border:1px solid #d3dee0; height:84px; margin-bottom:0.5em; padding:5px 0; overflow: hidden; width:148px; } ul.products li h2 a, ul.products li h3 a { border: 0; background: transparent; display:inline; width:auto; height:auto; padding:0; margin:0; font-weight:normal; } div.searchResults div.infoResults div.content { padding:5px 12px 0.2em 12px; } /* ----------- Searchresults themes ------------ */ div#themeResults ul.row li h2 { margin-bottom: .2em; } div#themeResults ul.row li h2 a { font-weight: normal; } div#themeResults ul.row li h4 { font-weight: normal; } /* ----------- Searchresults No Hits ------------ */ #search div.noHits div#recipeResults h1, #search div.noHits div#recipeResults h3 { font-weight: normal; } #search div.noHits h2{ margin: 0.5em 0 0.3em 0;} .noHits .themeBox{ width: 156px; float: left; margin-left: 17px; overflow: visible; } .noHits div.themeBox p a{font-weight: bold;} .noHits div.themeBox div.themeImage{width: 156px; overflow: visible;} /* ************************************************** 03 Recipe page difinitionID = #recipe ************************************************** */ #recipe #content span.img { /* for the newDot */ display: block; position: relative; width: 470px; min-height: 150px; clear:both; font-size:0; } #recipe #content span.img img.dish{ float:none; } #recipe #content span.img div.dotNew{ position:absolute; right:-4px; top:-5px; } #recipe #content.recipeDkSpecial span.img { width:220px; } #recipe .ingredients h4, #recipe .recipeInstructions h4 { text-transform: uppercase; } img.dish { float: left; } /* ------ Recipe instructions ------ */ div.recipeInstructions { float: left; width: 276px; margin: 0 0 2.2em 15px; } div.recipeInstructions p { margin-top: .8em; color: #000000; } /* ------ Nutrition ------ */ p.nutrition { margin-bottom:0.5em; } p.nutrition strong { display: block; } /* ------ Ingredients ------ */ div.ingredients { margin: 0 0 1.2em 0; background:transparent url(http://gfx.arla.dk/containers/ingredientsTop.gif) no-repeat scroll left top; } div.ingredients div.content { padding: 1em 10px; border-bottom: 1px solid #e5f0e6; clear: both; } div.ingredients div.content span.portionDisclaimer { color: #6e7d7f; margin-bottom: .5em; float: left; } div.ingredients img.heading { margin-bottom:0.8em; } div.ingredients li.subGroup{ margin-top: .8em; } div.ingredients strong.expander { margin-bottom: .7em; float: left; } div.ingredients span.plusMinus { margin: .1em 0 0 5px; float: left; } div.ingredients ul.ingredientList { clear: both; } div.ingredients ul.ingredientList li { margin-bottom:0.2em; } div.ingredients ul.ingredientList li strong { display: block; margin-top: 1em; } div.ingredients a.addToPurchaseList { background: url('http://gfx.arla.dk/icons/addToPurchaseList.gif') no-repeat 0 0; padding-left: 1.7em; padding-top: 1px; } div.ingredients div.divider { background: url('http://gfx.arla.dk/elements/divider01.gif') no-repeat; width: 155px; height: 2px; display: block; margin: .8em 0; } div.ingredients div.portionController { margin-bottom: .8em; } div.ingredients div.portionController .sText{ display: none; } div.ingredients div.portionController .messageBox { background: white url(http://gfx.arla.dk/containers/bg-narrow-messagebox-recipe-ingredients.png) no-repeat left top; margin: 1em 0; padding: 5px 0 0 0; width: 160px; } div.ingredients div.portionController .messageBox p { background: white url(http://gfx.arla.dk/containers/bg-narrow-messagebox-recipe-ingredients.png) no-repeat left bottom; padding: 3px 10px 7px 10px; } .recipeDkSpecial div.ingredients div.portionController .messageBox p { background: white url(http://gfx.arla.dk/containers/bg-narrow-messagebox-recipe-ingredients-dkspecial.png) no-repeat left bottom; } .recipeDkSpecial div.ingredients div.portionController .messageBox { background: white url(http://gfx.arla.dk/containers/bg-narrow-messagebox-recipe-ingredients-dkspecial.png) no-repeat left top; width: 220px; } div.ingredients div.portionController a.left { width: 26px; height: 21px; background: transparent url('http://gfx.arla.dk/icons/ingredientMinus.gif') no-repeat; float: left; } div.ingredients div.portionController a.left:hover, div.ingredients div.portionController a.left:focus { background: transparent url('http://gfx.arla.dk/icons/ingredientMinusHover.gif') no-repeat; } div.ingredients div.portionController a.right { width: 25px; height: 21px; background: transparent url('http://gfx.arla.dk/icons/ingredientPlus.gif') no-repeat; float: left; margin: 0; } div.ingredients div.portionController a.right:hover, div.ingredients div.portionController a.right:focus { background: transparent url('http://gfx.arla.dk/icons/ingredientPlusHover.gif') no-repeat; } /*div.ingredients div.portionController div.center { background-color: #cce8eb; height: 21px; float: left; width:5em; text-align: center; }*/ div.ingredients div.portionController div.center strong { line-height: 1.7em; } ul.recipelist { margin-bottom: .5em; } ul.recipelist li{ background: url('http://gfx.arla.dk/icons/linkArrowSmallGreen.gif') no-repeat 0 4px; padding-left: 8px; } #page div.TWINGLY h4 { font-weight: normal; text-transform: none; margin: .4em 0; } div.relatedTheme p {margin-bottom: .2em;} div.TWINGLY h6, div.nutritionalFacts h6 { margin-bottom: .6em; } div.nutritionalFacts{ color: #676767; } /* ----------- Star rating system ------------- */ ul.rating{ width:74px; height:16px; padding:0; list-style:none; position:relative; background: url(http://gfx.arla.dk/icons/star-rating.gif) no-repeat 0 0; float: left; margin-left: 5px; } ul.rating:hover{ background:none; } ul.rating1 {background-position:0 -16px} ul.rating2 {background-position:0 -32px} ul.rating3 {background-position:0 -48px} ul.rating4 {background-position:0 -64px} ul.rating5 {background-position:0 -80px} ul.rating li { cursor: pointer; float:left; text-indent:-999em; } ul.rating li a { position:absolute; left:0; top:0; width:14px; height:16px; text-decoration:none; z-index: 200; } ul.rating li.rating1 a {left:0} ul.rating li.rating2 a {left:14px;} ul.rating li.rating3 a {left:28px;} ul.rating li.rating4 a {left:42px;} ul.rating li.rating5 a {left:56px;} ul.rating li a:hover { z-index:2; width:74px; height:16px; overflow:hidden; left:0; background: url(http://gfx.arla.dk/icons/star-rating.gif) no-repeat 0 0 } ul.rating li.rating1 a:hover {background-position:0 -96px;} ul.rating li.rating2 a:hover {background-position:0 -112px;} ul.rating li.rating3 a:hover {background-position:0 -128px} ul.rating li.rating4 a:hover {background-position:0 -144px} ul.rating li.rating5 a:hover {background-position:0 -160px} div.ratingTips{ display: none; right: -25px; bottom: 20px; } div.ratingTips .content { width: 80px; padding: 3px 5px 0 5px; } div.ratingTips p { color: #000000; text-align: center; } div.ratingTips p strong{ float: none; } div.relatedTheme p {margin-bottom: .2em;} div.TWINGLY h6, div.nutritionalFacts h6 { margin-bottom: .6em; } div.nutritionalFacts{ color: #676767; } /* ------ Related recepies ------ */ div.relatedRecipes{width: 180px;} div.relatedRecipes ul li { margin-bottom: 1.5em; position:relative; } #uiRecipeRelatedPortlets div.dotNew { position: absolute; right: -1px; top: -2px; } div.relatedRecipes ul li.last { margin-bottom: 0; } div.relatedRecipes ul li a { display: block; margin-top:5px; font-weight:bold; } div.relatedRecipes h6 { color: #000000; font-weight: bold; margin-bottom: .8em; } #pageContent div.relatedRecipes h4 { text-transform: none; } /* ------ Recipe actions ------ */ div.recipeActions { width: 180px; float: left; padding-bottom: 2em; position: relative; z-index: 1000; } div.recipeActions li{height: 1.8em;} div.recipeActions li li{height: auto;} div.recipeActions ol li{height: auto;} div.recipeActions ul li a{float: left; margin-left: 7px; margin-top: 0.3em; width: 80%;} div.recipeActions ul.recipeActions li { float: left; width: 100%; padding: 0 0 .2em; margin-bottom:0.2em; } div.recipeActions ul.recipeActions li a.addToPurchaseList { background:transparent url(http://gfx.arla.dk/icons/addToPurchaseList.gif) no-repeat scroll left 1px; float:left; padding-left:20px; padding-top:2px; } div.recipeActions ul.recipeActions li a.sendAsSms { background:transparent url(http://gfx.arla.dk/icons/sendAsSms.gif) no-repeat scroll left top; float:left; padding-left:20px; padding-top:2px; } div.recipeActions ul.recipeActions li a.shareRecipe { background:transparent url(http://gfx.arla.dk/icons/shareRecipe.gif) no-repeat 0 3px; float:left; padding-left:20px; padding-top:2px; } div.recipeActions ul.recipeActions li a.shareRecipe:hover { background:transparent url(http://gfx.arla.dk/icons/shareRecipeHover.gif) no-repeat 0 3px; } /* ------ Share recipe ------ */ li.shareRecipeTrigger{position: relative;} div.shareLinks { width: 177px; left: 0; top: 0.5em; margin-top: 1.4em; display: none; } div.shareLinks div.content { float: left; padding: 0 5px; width: 165px; } div.recipeActions div.shareLinks ul li { float: left; width: 100%; padding: .3em 0; border-bottom: 1px solid #d3dee0; background: none; } div.shareLinks ul li.bordered { background:transparent url(http://gfx.arla.dk/containers/shareLinksDivider.gif) no-repeat scroll left top; } div.shareLinks li a.mail { background:transparent url(http://gfx.arla.dk/icons/shareViaMail.gif) no-repeat scroll left top; float:left; padding-left:20px; padding-top: 1px; } div.shareLinks li a.facebook, div.shareLinks li a.addthis_button_facebook{ background:transparent url(http://gfx.arla.dk/icons/shareViaFacebook.gif) no-repeat scroll left top; float:left; padding-left:20px; padding-top:2px; } div.shareLinks li a.blog { background:transparent url(http://gfx.arla.dk/icons/shareViaBlogger.gif) no-repeat 0 2px; float:left; padding-left:20px; padding-top:2px; } div.recipeActions div.shareLinks ul li.last { border-bottom: 0; margin-top: -.3em; } .recipeOptions div.shareLinks, #page .recipeOptions div.shareLinks { left:auto; top:auto; right:155px; bottom:30px; } .myCustomRecipe .recipeOptions div.shareLinks, #page .myCustomRecipe .recipeOptions div.shareLinks { right:80px; } .recipeDkSpecial .recipeOptions div.shareLinks, #page .recipeDkSpecial .recipeOptions div.shareLinks { right:64px; bottom:-7px; } .recipeOptions .shareFolder { display:none; } .recipeOptions .shareThis a.shareIt, .recipeOptions .addToShoppingList a.addIt, .recipeOptions .addToShoppingList a.addUserIt { float:left; padding-top:1px; padding-left:18px; background:transparent no-repeat url("gfx/icons/shareRecipe.gif") 0px 1px; } .recipeOptions .addToShoppingList a.addIt, .recipeOptions .addToShoppingList a.addUserIt { background-image:url("gfx/icons/addToPurchaseList.gif"); background-position:0 0; } .recipeOptions .toolBar li.added a, .recipeDkSpecial .recipeActions li.added a, .content .recipeOptions li.added a{ /*filter:alpha(opacity=40); opacity: 0.4;*/ color: #E60000; background-image: url("gfx/icons/addedToPurchaseList.gif") !important; } .recipeOptions div.shareLinks, #page .recipeOptions div.shareLinks { margin-top:0px; } .recipeOptions div.shareLinks .content a.close, #page .recipeOptions div.shareLinks .content a.close { right:8px; top:6px; } .recipeOptions div.addThisToShoppingListPopup, #page .recipeOptions div.addThisToShoppingListPopup { left:auto; top:auto; right:260px; bottom:30px; display:none; } #page .recipeOptions div.addPopupUR { right: 180px; } #mealPlan .recipeOptions div.addThisToShoppingListPopup, #page #mealPlan .recipeOptions div.addThisToShoppingListPopup, #menus .recipeOptions div.addThisToShoppingListPopup, #page #menus .recipeOptions div.addThisToShoppingListPopup { right:100px; } #mealPlan .recipeOptions div.addThisToShoppingListPopup ul li, #page #mealPlan .recipeOptions div.addThisToShoppingListPopup ul li, #menus .recipeOptions div.addThisToShoppingListPopup ul li, #page #menus .recipeOptions div.addThisToShoppingListPopup ul li { margin-bottom:5px; } .recipeOptions div.addThisToShoppingListPopup .content, #page .recipeOptions div.addThisToShoppingListPopup .content { width:180px; } .recipeOptions div.addThisToShoppingListPopup .content a.arrowSmall, #page .recipeOptions div.addThisToShoppingListPopup .content a.arrowSmall { margin-top: 1em; display: block; } .recipeOptions div.addThisToShoppingListPopup .content a, #page .recipeOptions div.addThisToShoppingListPopup .content a { font-size:0.95em; float:none; } .recipeOptions div.addThisToShoppingListPopup .content a.print, #page .recipeOptions div.addThisToShoppingListPopup .content a.print { margin-left:0px; padding-left:19px; } .recipeOptions div.addThisToShoppingListPopup .content a.email, #page .recipeOptions div.addThisToShoppingListPopup .content a.email { background:transparent no-repeat url("gfx/icons/shareViaMail.gif") left top; padding-left:19px; } .recipeOptions div.addThisToShoppingListPopup .content a.sms, #page .recipeOptions div.addThisToShoppingListPopup .content a.sms { background:transparent no-repeat url("gfx/icons/sendAsSms.gif") left top; padding-left:19px; } .recipeDkSpecial .recipeOptions div.addThisToShoppingListPopup, #page .recipeDkSpecial .recipeOptions div.addThisToShoppingListPopup { right:50px; bottom:-7px; } .recipeOptions div.addThisToShoppingListPopup .content .error, #page .recipeOptions div.addThisToShoppingListPopup .content .error { color:#e60000; } .recipeOptions div.addThisToShoppingListPopup .content span.error, #page .recipeOptions div.addThisToShoppingListPopup .content span.error { font-size:1.1em; } .recipeOptions div.addThisToShoppingListPopup .content .loaderAnim, #page .recipeOptions div.addThisToShoppingListPopup .content .loaderAnim { background:transparent no-repeat url(http://gfx.arla.dk/icons/ajaxAnimGreen.gif) 50% 50%; height:50px; } /* ------------- Tell A Friend --------------- */ .tellAFriend{ position: absolute; bottom: 4.3em; left: -10px; display: none; } .tellAFriend .formfield{ width: 138px; height: 16px; padding: 3px; color: #666; } .tellAFriend input{position: relative;} .tellAFriend .textarea{ height: 80px; } .tellAFriend a:hover{text-decoration: none;} .tellAFriend #focusElement{ position: absolute; top: -20px; } a#focusElement, a#focusElement:hover{text-decoration: none;} .tellAFriend .confirm a{margin-top: 10px;} /* ------- Save recipe / move to folder ------- */ #recipe .moveRecipe { margin: 1em 0 2.5em 0; } #recipe .inputSelector { margin-top: .5em; } #recipe .inputSelector .fieldContainer input { height: 14px; padding-left: 3px; padding-right: 12px; padding-top: 3px; } #recipe .moveRecipe span.submit { margin-top: .4em !important; } #recipe .inputSelector .fieldContainer { width: 130px; } #recipe .inputSelector .fieldContainer { width: 130px; } #recipe .inputSelector .fieldContainer .arrow { padding: 1em 0 1em 7px !important; } #recipe .inputSelector .items { top: 21px; } #recipe .inputSelector .items li { line-height: 1.2em !important; } #recipe .inputSelector .items li strong { margin: 0; float: none; } #recipe .moveRecipe .moveError { color: #ff0000; margin: .4em 0 .2em 0; display: none; } /* ------ Recipe signature portlet ------ */ #uiPLRecipeOrigin {width: 265px;} div.signatureArea div.x-portlet img.brandImage {float: right; margin-bottom: -.5em; } div.signatureArea{ margin: 0.8em 0 1.3em 15px; float: left; } div.signatureArea div.x-portlet { width: 265px; border-top: 1px solid #D4DFE1; } div.signatureArea div.x-portlet p, p.signature { font-weight: bold; color: #000000; margin-top: .5em; } div.signatureArea div.x-portlet a {font-weight: normal;} div.signatureArea div.x-portlet p.teaserLink { float: left; margin: .2em 0 0 0; } div.signatureArea div.x-portlet a {float: left;} div.signatureArea div.x-portlet h3, #page div.signatureArea div.x-portlet h4 { color: #999; text-transform: none; font-weight: normal; padding-bottom: .2em; } div.signatureArea div.x-portlet h3 { font-weight: bold; padding: .7em 0 .2em 0; } /* ----------- Recipe DK Special ------------- */ .recipeDkSpecial .recipeActions .disablingBox{ bottom: 20px; } #pageContent .recipeDkSpecial h1 { position: static; display: inline; } .recipeDkSpecial div.recipeActions ul li a{ width: auto;} .recipeDkSpecial div.left div.recipeOptions{ background-color: Transparent; float: left; margin-top: 0; width: auto; padding-left: 0; } .recipeDkSpecial div.recipeOptions div.voting{float: left;} .recipeDkSpecial div.recipeOptions{width: 202px; float: right;} #content.recipeDkSpecial div.right{float: right; width: 220px; margin: 0 0 1em 20px; } .recipeDkSpecial div.ingredients{background: none; clear: left;} .recipeDkSpecial div.ingredients div.content{border: 0; padding: 0;clear:none;} .recipeDkSpecial div.ingredients ul.ingredientList{clear: none;} .recipeDkSpecial .scaleRecipeHolder{overflow:hidden;margin-bottom:10px;} .recipeDkSpecial .ingredients div.scaleRecipe{padding:0;} #content.recipeDkSpecial div.left {width: auto; float: none;} .recipeDkSpecial .recipeInstructions{width: auto; float: none; clear: none; margin-left: 0;} .recipeDkSpecial div.recipeActions{ clear: both; width: 220px; border-top: 1px solid #E9EFF0; border-bottom: 1px solid #E9EFF0; padding: 0; border:none; margin-bottom: 0.5em; margin-top:-0.5em; padding:0; z-index: 10; } .recipeDkSpecial .inputSelector .items {z-index:100;} .recipeDkSpecial div.recipeActions ul.recipeActions li{position: relative;} .recipeDkSpecial div.recipeActions ul.recipeActions li ul li{border-bottom: 1px solid #E9EFF0; width: 100%;} #content.double.recipeDkSpecial div.right div.noTopFill{ background: transparent url(http://gfx.arla.dk/containers/noFillBoxTopDkSpecial.gif) no-repeat scroll left top } #content.double.recipeDkSpecial div.right div.relatedBox div.content{ background: transparent url(http://gfx.arla.dk/containers/noFillBoxBotDkSpecial.gif) no-repeat scroll left bottom; width: auto; margin-left: 0; } #content.double.recipeDkSpecial div.right div.relatedBox {width: 220px;} .recipeDkSpecial div.signatureArea div.x-portlet p {width: auto;} .recipeDkSpecial div.signatureArea div.x-portlet h3 {padding-top: 0;} .recipeDkSpecial #uiPLRecipeOrigin {width: 470px;} .recipeDkSpecial div.signatureArea div.x-portlet { width: 470px; padding-top: 0; margin-bottom: 1em; } .recipeDkSpecial div.signatureArea div.x-portlet img.brandImage {margin: 0 12px 0 0;} .recipeDkSpecial div.signatureArea div.x-portlet { border: 0; margin-top: 0px; padding-top: 1em; } .recipeDkSpecial div.recipeOptions ul.toolBar .printOption .printWrapper ul li.picture img.dish { width:30px !important; position:absolute; right:10px; } .recipeDkSpecial .printWrapper ul li.picture img.normal { display:none; } div.recipeOptions .printWrapper ul li.picture img.speciallDK, div.recipeOptions .printWrapper ul li.picture img.noPackShots, div.recipeOptions .printWrapper ul li.picture img.dkNoPackShots { display:none; } .recipeDkSpecial div.recipeOptions .printWrapper ul li.picture img.speciallDK{ display:inline; } .recipeDkSpecial div.signatureArea { margin-left: 0; } div.recipeOptions ul.toolBar .printOption .printWrapper ul li.picture img.speciallDK { margin:0 0 .3em 0; padding:0; } /* ----------- Public user recipe ------------- */ #page .userRecipePublic #content span.img { min-height: 81px; } .userRecipePublic div.ingredients div.portionController { height: auto; } #recipe h2.userRecipe { font-weight: normal; margin-bottom: .5em; } /*************************************************** 04 Theme pages ***************************************************/ div#theme ul.tripleDish li h3, div#theme ul.oneDishPlusList li h3, div#theme ul.oneDish li h3, div#theme ul.categoryBox li h3{ font-weight: bold; } div#theme #pageRelated h4 {color: #000;} #page .themeSelector .items ul { float: left; margin-bottom: 0; } #page .themeSelector .items li { width: 150px; min-height: 105px; margin-top: .5em; } /* FOR THEMES FRONTPAGE 04.01 */ .themeFrontPage div.themePageContent div.separatorLine{ border-top: solid 1px #E2E9EB; margin-top: 22px; margin-bottom: 22px; } .themeFrontPage div.featuredThemeBox h1.featuredThemeBoxHeader{ color: #000000; margin-bottom: 0; } .themeFrontPage div.featuredThemeBox p{margin-bottom: 0.3em;} .themeFrontPage div.themePageContent h1.themePageHeader{margin-bottom: 0.2em;} .themeFrontPage h2.teasersThemeBoxHeading{margin-top: .2em; margin-bottom: .2em;} h2.themeArticleManchet{ font-weight: normal; margin: .6em 0 .6em 0; } .themeFrontPage div.featuredThemeBox{ background-color: #f6f6f6; width: 672px; } .themeFrontPage div.featuredThemeBox img.featuredThemeImage{ float:left; margin-right: 15px; } .themeFrontPage div.featuredThemeBox div.featuredThemeText{ padding-right: 40px; float: right; width: 270px; padding-bottom: 1em; padding-top: 1em; } .themeFrontPage div.featuredThemeBox div.featuredThemeText p a.arrowSmall{ font-weight: bold; } .themeFrontPage div.featuredThemeBox div.featuredThemeText ul{ margin-top: 1.35em; } .themeFrontPage ul.themeRecipes li{ list-style-type: square; color: #009114; margin-left: 15px; line-height: 1.4em; display: list-item; } .themeFrontPage div.teasersThemeBox{width: 672px;} .themeFrontPage div.teasersThemeBox div.x-portlet{ margin-right: 24px; width: 208px; float: left; margin-bottom: 10px; overflow: hidden; } .themeFrontPage div.teasersThemeBox div.last-portlet{margin-right: 0;} .themeFrontPage div.teasersThemeBox div.x-portlet p{margin: 0 0 .5em 0;} .themeFrontPage div.genericListBox.staticWidth ul { width: 220px; margin-right: 5px; margin-bottom: .5em; } .themeFrontPage div.genericListBox.staticWidth ul.lastItem { width: 190px; overflow: hidden; } .themeFrontPage div.genericListBox.staticWidth ul.lastItem ul {width: 190px;} .themeFrontPage div.genericListBox.staticWidth ul a {display: block;} .themeFrontPage h3.themeList {text-transform: uppercase;} #theme h2.themeRecipeCategories { background: transparent none repeat scroll 0 0; border-bottom: 2px solid #E5E5E5; padding: 0 0 0.2em; } #theme div#contentRelated div.general ul li { font-weight: bold; clear: left; } #theme div#contentRelated div.general ul li a.img { margin: 0 8px 0 0; float: left; width: 47px; } #theme ul.recipeControl { width:470px; padding:0; } #theme #ContentArea ul.recipeControl { width:470px; padding:1.2em 0 0; } #theme ul.recipeControl li {margin:0 0 0 10px;} #theme ul.recipeControl li.first-child {margin:0;} #theme .themeOptions {margin: 0 0 2.2em 0; background-color:#E5F6E7;width: 176px;} #theme h3.preamble {margin:1em 0;} #theme .text {margin:0 0 2em;} #theme .text p {margin:0 0 .6em;} div.themePageTopContent{ margin-top: 1em; float: left; width: 672px; } div.themePageTopContent div.manchet { width: 472px; } div.themePageTopContent img { margin-top: .5em; float: none; } div#theme #ContentArea ul.recipeControl li a.img {height: auto;} div#theme #ContentArea ul.oneDishPlusList li a.img { width: 47px; height: 47px; } div#theme #ContentArea ul.recipeControl li.first-child a.img {height: auto;} div#theme .recipeControl h4 {text-transform: none;} /* for the recipe categories listed in the top of the themePage */ #theme #ContentArea div.first-portlet div.top /* changes to the .x-portlet class */{ margin-top: 0.8em; } #theme ul.categoryBox li a.img { width: 57px; display: block; float: left; } #theme #ContentArea div.recipeList img /* changes to the .x-portlet class */{ margin: 0; /*max-width: 0;*/ } #theme #ContentArea div.recipeList p /* changes to the .x-portlet class */{ clear: left; margin-bottom: 0.5em; } #theme #ContentArea div.recipeList li p /* changes to the .x-portlet class */{ margin: .5em 0 .5em 0; } #theme #ContentArea div.recipeList .oneDish p{ clear: none; } #theme #ContentArea div.recipeList h2 /* changes to the .x-portlet class */{ border-bottom: 2px solid #E5E5E5; background: none; padding: 0 0 0.2em 0; } #theme #ContentArea div.recipeList h3 /* changes to the .x-portlet class */{ background: none; padding: 0; border: 0; margin: 0 0 3px 0; float: left; } #theme h3 { border: 0; margin-right: 0; } /* themeOptions are merely recipeOptions copied and changed to match the need of the themes pages */ div.themeOptions { padding: 0.3em 2px 0 2px; float: left; margin-bottom: .2em; display: inline; position:relative; z-index: 9999; } div.themeOptions ul.toolBar li { float:left; margin:0; } div.themeOptions li.hoverState a { text-decoration:none; } div.themeOptions a.print { background: url(http://gfx.arla.dk/icons/recipeOptionPrint.gif) no-repeat scroll left top; padding:0 0 0 17px; float: left; } div.themeOptions ul.toolBar li.printOption .printWrapper { display:none; } div.themeOptions a.favorite, div.themeOptions a.favoriteSaved { background: url(http://gfx.arla.dk/icons/recipeOptionFavorite.gif) no-repeat scroll 4px top; padding: 0px 0px 2px 24px; float: left; cursor:pointer; } div.themeOptions a.favoriteSaved, div.themeOptions a.favoriteSaved:hover { background: url(http://gfx.arla.dk/icons/recipeOptionFavoriteSaved.gif) no-repeat scroll 4px top; color:#e60000; text-decoration:none; cursor:default; } div.themeOptions a.comments { background-position: 6px 1px; padding:0 0 2px 5px; } div.themeOptions a.comments span.noOfVotes { margin-top: 0px; padding-right:4px; width:17px; } /* Theme recipe popup */ #theme ul.recipeControl div.popup div.content li { margin: 0 0 0 12px; width: auto; } #theme ul.recipeControl div.popup div.content li.ingHeading { margin:1em 0 0 0; } #theme ul.recipeControl div.popup div.content strong { font-size: .909em; } #theme ul.recipeControl div.popup div.content ul li strong { font-size: 1em; } /* ************************************************** 05 Article page definition = #article ************************************************** */ /* !Article */ #article img.article-image { margin: 0 0 18px 0; } #article .tallImage { /*padding-left: 2px;*/ } #article #content h3 { font-weight: normal; } #article #content h4 { margin: .7em 0 0.1em 0; } #article #contentRelated h3 { text-transform: uppercase; margin: .3em 0 .3em 0; font-weight: bold; } #article p.author { color: #666; margin:1.5em 0; } #article .image-right { float: right; margin: 0em 0 1em 1em; } #article .image-left { float: left; margin: 0em 1em 1em 0; } #article #content div.left ul {list-style-type: disc;} #article #content div.left ul li {margin-bottom: 1em;} #article #content div.left ul ul {margin: 1em 0 0 1em;} #article #content div.left ul ul li {margin: 0;} #article .articleImage { margin:0 0 22px; clear:left; } #article .suitableRecipe { border-top:solid 1px #d4dfe1; width:308px; padding:1em 0; } #article .suitableRecipe h2 { text-transform: uppercase; } #article #content .suitableRecipe h3{ margin: 0; } #article .suitableRecipe ul.recipeControl h2 { text-transform :none; } #article .suitableRecipe ul.recipeControl { margin:1em 0 0 0; list-style-type:none; padding:0; width:auto; } #article .suitableRecipe ul.recipeControl ul {margin:0;} #article .suitableRecipe ul.recipeControl li {margin-left:0;} #article .suitableRecipe ul.recipeControl li.first-child {margin:0 10px 0 0;} #article .contentPortletArea div.relatedBox ul { list-style-type:none; padding: 0; } #article .contentPortletArea div.relatedBox li { margin:0 0 0.1em; } #page #article .contentPortletArea div.relatedBox h3 { font-weight: bold; margin: 0; } /* ------ Standard tags definition on article page ------ */ #article .text ul { list-style-type:disc; list-style-position:outside; padding:0 0 0 15px; display:inherit; margin-top: .2em; } #article .text ul li {margin:0 0 .5em ;} #article .text ul li ul {margin:.5em 0;} #article .text ul li ul li {margin:0;} #article .text ol { list-style-type:decimal; list-style-position:outside; padding:0 0 0 20px; margin:1em 0; } #article .text table {margin:1em 0;} #article .text table tbody tr th { border-top:solid 3px #7d7d7d; border-bottom:solid 1px #7d7d7d; padding:2px 5px; } #article .text table tr { vertical-align: top; } #article .text table tbody tr td {padding:2px 5px 2px 0;} #article #contentRelated .relatedBox { margin:0 0 22px; } #article .iframe{margin-top: -2em;} /* ************************************************** 06 Products ************************************************** */ /* ------ General product ------- */ #product ul.recipeControl h2 {float: none;} /* ------ Product category ------ */ #productCategory .otherProducts { margin-top: 1em; } .productCategoryArea, .productBrandFlashArea{ clear: both; margin: 0 0 2.4em 0; float: left; } .productBrandFlashArea{ margin: 0 0 2.0em -3px; } .productCategoryArea .genericListBox{ margin-bottom: 0; } div.productHeader { display: block; float: none; clear: both; } div.productPresentation { float: left; display: block; width: 318px; margin: 1em 0 .5em 0; overflow: hidden; } p.back { margin: -3px 0 1.4em 0; } #content h1.productHeading{ position: static; margin-bottom: 0; } div.productPage div.productImage { float: right; margin: 0px 0 0.4em 0; width: 189px; text-align: center; clear: both; position: relative; } div.productPage div.productImage div.nogleHullet { position: absolute; z-index: 999; bottom: 10px; right: 5px; } div.productPage div.productImage .dotNew{ position:absolute; top:-3px; right:-2px; } div.noDescription div.productInformation{width: 318px; margin-top: 1em; clear: left; float: left;} div.noDescription div.productInformation div.content ul.productInfo li{width: 283px} div.noDescription div.productInformation div.content ul.productInfo li strong{width: 100px} div.noDescription div.productInformation div.content ul.productInfo li p{width: 183px} div.noDescription div.productPresentation{display: none;} div.productInformation { width: 507px; margin-bottom: 2.2em; position: relative; clear: both; float: left; } #product div.withoutNav h1 { max-width: 508px; } #product .productInformation h2 { text-transform: uppercase; } div.productInformation div.odd { background-color: #f2f2f2; padding: .5em 10px; } div.productInformation div.content { border: 1px solid #cad4d6; position: relative; float: left; } div.productInformation div.content ul.productInfo li { padding: 0.7em 25px 0.7em 10px; float: left; width: 470px; } div.productInformation div.content ul.productInfo li strong { width: 100px; float: left; } div.productInformation div.content ul.productInfo li.odd { background-color: #f2f2f2; } div.productInformation div.content ul.productInfo li p { width: 365px; float: right; } div.productPage div.productInformation div.content .tl{top: -1px; left: -1px;} div.productPage div.productInformation div.content .tr{top: -1px; right: -1px;} div.productPage div.productInformation div.content .bl{bottom: -1px; left: -1px;} div.productPage div.productInformation div.content .br{bottom: -1px; right: -1px;} div.otherProducts { clear: both; width: 507px; } h3.moreProductsHeading{ left: 10px; position: relative; bottom: -1px; } div.otherProducts h3 { text-transform: uppercase; } div.otherProducts h3.moreProductsHeading span{ float: left; padding: 9px 10px 0 10px; } div.otherProducts h3.moreProductsHeading, div.otherProducts h3.moreProductsHeading span.tabRight{ background:transparent url(http://gfx.arla.dk/elements/otherProductsInBrand.gif) no-repeat -6px 0; float:left; height:34px; position:relative; z-index:999; } div.otherProducts h3.moreProductsHeading span.tabRight{ background-position:-286px 0; height:34px; width:3px; padding: 0; } div.otherProducts p.allBrandProducts { float: right; width: 253px; padding-top: 1em; padding-right: 10px; } div.otherProducts div.content { width: 504px; float: left; position: relative; } div.otherProducts div.nogleHullet, #recipeResults div.nogleHullet, .brandProducts div.nogleHullet{ position: absolute; top: -4px; left: -4px; } div.productPage div.otherProducts div.content{ width: 505px; background: url(http://gfx.arla.dk/elements/productListHLine.gif) top no-repeat; } div.productPage div.content .tl, div.productPage div.content .tr, div.productPage div.content .bl, div.productPage div.content .br{ position: absolute; height: 2px; width: 2px; background: url(http://gfx.arla.dk/elements/otherProductsInBrand.gif) no-repeat; display: block; z-index: 99999; } div.productPage div.content .tl{background-position: top left; top: 0; left: -1px;} div.productPage div.content .tr{background-position: top right; top: 0; right: 1px;} div.productPage div.content .bl{background-position: bottom left; bottom: 0px; left: -1px;} div.productPage div.content .br{background-position: bottom right; bottom: 0px; right: 1px;} div.otherProducts div.content div.wrapper{ float: left; border:1px solid #D3DEE0; border-top: 0; border-right: 0; background: url(http://gfx.arla.dk/elements/vLine.gif) no-repeat 503px 0; height: 32.9em; margin-left: -1px; width: 504px; margin-top: 1px; } div.otherProducts div.content ul { margin: 0; padding: 0; list-style: none; } div.otherProducts div.content li { display: block; float: left; padding: 10px; width: 147px; height: 12em; border: 1px solid #d3dee0; text-align: center; margin: -1px 0 0 -1px; overflow: hidden; position: relative; } div.otherProducts div.content li.product a{ display: block; width: 145px; height: 9em; text-decoration: none; position: relative; } div.otherProducts div.content li.product:hover a { text-decoration: underline; } div.otherProducts div.content li.product a.txtLink {height: auto; text-align: left;} div.otherProducts div.content li.product:hover, div.otherProducts div.content li.product.over, div.otherProducts div.content li.product:focus{ border: solid 3px #d3dee0 !important; padding: 8px; } div.otherProducts div.content li.product span.txt { float: none; clear: left; display: block; text-align: left; position: absolute; left: 0px; bottom: 0px; } div.otherProducts div.content li.product a:hover span.txt, div.otherProducts div.content li.product a:focus span.txt { text-decoration: underline; } div.otherProducts div.content li.first { width: 148px; } #page div.otherProducts div.content .paging{ border: 1px solid #d3dee0; clear: left; width: 493px; margin: 0; margin-left: -1px; padding: 5px; height: 3.6em; position: relative; top: 0px; border-top: 0; } #page div.otherProducts .paging .pagingLeft { left: 4px; } #page div.otherProducts .paging .pagingRight { right: 4px; } div.otherProducts div.bot { background:transparent url(http://gfx.arla.dk/containers/otherProductsBot.gif) no-repeat scroll bottom left; height: 1px; clear: both; } div.otherProducts h4 { float: left; } div.otherProducts a.arrowSmall { float: right; margin-bottom: .5em; } div.productTeasers { clear:both; float:left; margin:0 0 1em; width:672px; } div.productTeasers h4{ color: #009114; text-transform: uppercase; } div.productTeasers p { margin-bottom: .7em; float: left; width: 200px; } div.productTeasers a { float: left; clear: left; width: 200px; } div.productTeasers img.heading { float: left; clear: left; } div.productTeasers img.icon { float: right; } div.productTeasers div.row { float: left; clear: both; width: 672px; } div.productTeasers div.row span.center {text-align: center;} div.productTeasers div.row.even {border-bottom: 1px solid #d3dee0;} div.productTeasers div.row.even a {margin-bottom: 2em;} div.productTeasers div.row.odd h4 {padding-top: 1.5em;} div.productTeasers div.row.odd img.icon {padding-top: 1.5em;} div.productTeasers div.row div.item { width: 308px; float: left; min-height: 180px; } div.productTeasers div.row div.item.even { border-right: 1px solid #d3dee0; padding-right:20px; border-bottom: 0; } div.productTeasers div.row div.item.odd { padding-left: 15px; border-left: 1px solid #d3dee0; margin-left: -1px; } div.allProducts { width: 672px; float: left; margin-bottom: 2em; } div.allProducts div.top { background:transparent url(http://gfx.arla.dk/containers/allProductsTop.gif) no-repeat scroll left top; height: 5px; } div.allProducts div.bot { background:transparent url(http://gfx.arla.dk/containers/allProductsBot.gif) no-repeat scroll left top; height: 5px; clear: both; } div.allProducts div.content { background: #ebf6f9 url(http://gfx.arla.dk/containers/allProductsBg.gif) repeat-x; float: left; width: 646px; padding: 0.5em 12px 0.3em 12px; border-left:1px solid #D4DFE1; border-right:1px solid #D4DFE1; } div.allProducts ul { float: left; margin-right: 60px; } div.allProducts ul li {margin: 0 0 0.3em 0;} div.allProducts ul.lastItem {margin: 0;} /* ------ Product landing page ------*/ #productLanding .genericListBox h3 {text-transform: uppercase;} /* Colored headings */ #productLanding h4.ecological { color: #005019; } #productLanding h4 { color: #873382; } /* ------ No flash version -------*/ #productLanding .nfProducts { width: 678px; float: left; clear: both; margin: 0 0 2.2em 0; position: relative; } #productLanding .nfProducts div.top { background: transparent url(http://gfx.arla.dk/containers/nfProductsBoxTop.png) no-repeat top left; height: 9px; } #productLanding .nfProducts div.content { background: transparent url(http://gfx.arla.dk/containers/nfProductsBoxBottom.png) no-repeat bottom left; margin: -7px 0 0 0; position: relative; padding-bottom: 4px; } #productLanding .nfProducts .productInfo { position: absolute; left: 22px; top: 22px; float: left; width: 470px; } #productLanding .nfProducts .productInfo p { margin-top: 1em; font-style: italic; } #productLanding .nfProducts .productInfo img { float: right; margin: 0 15px; } #productLanding .nfProducts ul.productsList { position: relative; left: 495px; width: 179px; height: 220px; border-left: 1px solid #d3dee0; } #productLanding .nfProducts ul.productsList li { background: #ffffff url(http://gfx.arla.dk/elements/nfProductsList.jpg) no-repeat top left; border-bottom: 1px solid #d3dee0; float: none; clear: left; line-height: 3em; } #productLanding .nfProducts ul.productsList li:hover, #productLanding .nfProducts ul.productsList li.over { background: #ffffff url(http://gfx.arla.dk/elements/nfProductsListHover.jpg) no-repeat top left; } #productLanding .nfProducts ul.productsList li.first { background-image: url(http://gfx.arla.dk/elements/nfProductsListFirst.jpg); line-height: 2.75em; } #productLanding .nfProducts ul.productsList li.first:hover, #productLanding .nfProducts ul.productsList li.first .over { background-image: url(http://gfx.arla.dk/elements/nfProductsListFirstHover.jpg); } #productLanding .nfProducts ul.productsList li.last { background-image: url(http://gfx.arla.dk/elements/nfProductsListLast.jpg); line-height: 2.7em; padding: .5em 0 .5em 9px; height: 25px; } #productLanding .nfProducts ul.productsList li.last:hover, #productLanding .nfProducts ul.productsList li.last .over { background-image: url(http://gfx.arla.dk/elements/nfProductsListLastHover.jpg); } #productLanding .nfProducts ul.productsList li img { float: right; margin-top: -2.4em; } #productLanding .nfProducts ul.productsList li a { display: block; padding: 0 9px 0 9px; cursor: pointer; } #productLanding div.dropDown { position: absolute; bottom: 10px; } #productLanding .nfProducts .sel { background-image: url(http://gfx.arla.dk/elements/nfProductsDropDownSel.png); } #productLanding .nfProducts .sel p { background-image: url(http://gfx.arla.dk/elements/nfProductsDropDownSel.png) !important; } /* ------ Product branding page ------*/ .productBrand h1{margin: 0;} #productBrand h2{text-transform: uppercase;} .productBrand ul.row {margin: 0 0 2em 0;} .productBrand img.heading {margin-bottom:0;} .productBrand .hr{margin-top: .15em;} /* ------ Product news page ------*/ .productNews h1{margin-bottom: .4em;} .productNews h2{margin-bottom: .4em;} #product .productHeading{text-transform: uppercase;} .productNews .productCarousel { width: 678px; float: left; clear: both; margin: 0 0 2.2em 0; position: relative; background: url(http://gfx.arla.dk/containers/carouselMain.gif) repeat-y; } .productNews .productCarousel .top{background: url(http://gfx.arla.dk/containers/carouselTop.gif) no-repeat top; height: 5px;} .productNews .productCarousel .content{ margin-left: 3px; margin-top: -3px; height: 241px; overflow: hidden; } .productNews .productCarousel .text { padding: 1em 0 1em 2em; width: 360px; position: relative; z-index: 2; } .productNews .productCarousel .productImage { position: absolute; background: #fff no-repeat bottom right; right: 3px; bottom: 87px; z-index: 1; margin: 0; width: auto; } .productNews .productCarousel .slide .top{ background: url(http://gfx.arla.dk/elements/carouselSlideTop.gif) repeat-x top; height: 4px; position: absolute; top: 0; left: 28px; width: 625px; } .productNews .productCarousel .slide { background: url(http://gfx.arla.dk/containers/carouselBot.gif) no-repeat 0 0; height: 90px; position: relative; z-index: 3; width: 678px; } .productNews .productCarousel .slide .prevButton{ width: 25px; height: 85px; float: left; } .productNews .productCarousel .slide a.prev { background: url(http://gfx.arla.dk/icons/carouselArrow.gif) no-repeat -28px 0; width: 25px; height: 85px; float: left; margin-left: 3px; cursor: pointer; } .productNews .productCarousel .slide a.next{ background: url(http://gfx.arla.dk/icons/carouselArrow.gif) no-repeat -58px 0; width: 26px; height: 85px; float: right; margin-right: 4px; cursor: pointer; } .productNews .productCarousel .slide a.prevDisabled{background-position: 0 0; cursor: default;} .productNews .productCarousel .slide a.nextDisabled{background-position: -87px 0; cursor: default;} .productNews .productCarousel .slide ul{ overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; float: left; height: 85px; padding:0 0 0 28px; } .productNews .productCarousel .slide ul li{ float: left; width: 77px; height: 83px; border-right: 1px solid #d3dee0; display: block; } .productNews .productCarousel .slide ul li.last{border-right: 0;} .productNews .productCarousel .slide ul li a{ width: 72px; height: 73px; display: block; position: relative; padding: 2px; text-align: center; margin-top: 3px; } .productNews .productCarousel .slide ul li.sel {border: 2px solid #005019; margin-top: 1px; height: 80px; width: 74px;} .productNews .productCarousel .slide ul li.sel a{cursor: default;} .productNews .productCarousel .slide ul li.hoverState {border: 2px solid #009114; margin-top: 1px; height: 80px; width: 74px;} .productNews .productCarousel .slide ul li.hoverState img, .productNews .productCarousel .slide ul li.sel img{margin: -3px 0 0 -4px;} .productNews .productCarousel .slide .container {position: relative; width: 681px;} .productNews .productCarousel .slide .clip {z-index: 2; overflow: hidden; position: relative; width: 623px;} .productNews .productCarousel .slide .list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0; float: left; } .productNews .productCarousel .slide .popup{ text-align: center; color: #009114; width: 137px; display: none; } .productNews .productCarousel .slide .popup h4{ text-transform: uppercase; font-weight: bold; margin-bottom: 0.15em; } .productNews .productCarousel .slide .popup .content{ min-height: 30px; height: auto; width: 112px; margin-left: 0; margin-top: 0; } .productNews .genericListBox{margin-top: 1em;} #tooltip{ position:absolute; border:1px solid #333; background:#f7f5d1; padding:2px 5px; color:#333; display:none; } .productNews .errorBox{} /* ------ Product category ------*/ /* ************************************************** 07 Arlafarm ************************************************** */ /* ************************************************** 08 Food calendar. id = foodCalendar ************************************************** */ /* LEFT MENU */ #foodCalendar #leftMenu { width: 180px; background:#FFFFFF url(http://gfx.arla.dk/containers/foodCalendarMenuTop.png) no-repeat scroll left top; padding-top: 4px; margin-right: 17px; } #foodCalendar #leftMenu #calendar { background: transparent url(http://gfx.arla.dk/containers/foodCalendarMenuBot.png) no-repeat scroll left bottom; } #foodCalendar #calendar .month { border-bottom: 4px solid #7d7d7d; padding: .5em 0 .2em 0; } #foodCalendar #calendar .year { background-color: #7d7d7d; height: 22px; } #foodCalendar #calendar .year h3 { color: white; margin-top: 0; padding-top: 1px; } #foodCalendar #calendar .last { border: none; } #foodCalendar #calendar h3 { color: #6c6c6c; text-transform: uppercase; margin: .1em 7px .3em 7px; } #foodCalendar #calendar .month dl { display: block; } #foodCalendar #calendar dl dt { font-weight: bold; display: block; float: left; text-align: right; width: 12px; clear: left; margin-right: 5px; margin-top: 8px; margin-left: 7px; } #foodCalendar #calendar dl dd { display: block; clear: right; border-top: 1px solid #d3dee0; margin: 0px 0 0 0; padding-left: 24px; /* for more than one line */ padding-top: 7px; padding-bottom: 5px; } /* /LEFT MENU */ /* CONTENT */ #foodCalendar .foodCalendarItem { border-bottom: 1px solid #e5e5e5; margin-bottom: 1em; float: left; clear: both; width: 472px; } #foodCalendar .foodCalendarItem h2 { font-weight: normal; } #foodCalendar ul.tripleDish { margin-bottom: 1em; } #foodCalendar .foodCalendarItem .text h3, #foodCalendar .fourItems h3 { text-transform: uppercase; color: #7d7d7d; margin-bottom: .2em; } #foodCalendar .foodCalendarItem .text p { margin: .5em 0; } #foodCalendar .foodCalendarItem .text { margin-bottom: 1.8em; } #foodCalendar ul.recipeControl { width: 472px; } #foodCalendar ul.recipeControl h3 { background: none; padding: 0; margin: 0; float: none; font-weight: bold; margin-bottom: .2em; border-right: none; } #foodCalendar ul.recipeControl h4 { text-transform: none; } /* One Dish */ #foodCalendar ul.oneDish li a.img { width: 243px; height: auto; } #foodCalendar ul.oneDish li h3 { float: left; } #foodCalendar ul.oneDish { margin-bottom: 1em; } /* Third item */ #foodCalendar .thirdItem .text h3 { margin-bottom: .6em; } #foodCalendar .thirdItem img { float: left; margin: 0 12px 1.5em 0; } #foodCalendar .fourItems .left { width: 230px; float: left; margin-right: 12px; } /* Fourth to seventh item */ #foodCalendar .fourItems .foodCalendarItem { width: 230px; float: left; clear: none; margin: .5em 0 0 0; border: none; } /*************************************************** 09 My pages ***************************************************/ /*TEMP STUFF */ h1.mypages{ text-transform: uppercase; color: #ff0000; } h3.tabMenu { color: #474747; text-transform: uppercase; font-weight: bold; } h3.tabMenu a { color: #474747; } h3.tabMenu a.selected { color: #1a1a1a; } div.myPagesTopContent p{margin: 3px 0 18px 0;} .myPagesTopContent h1 { background-image:url('http://gfx.arla.dk/icons/bigHeart.gif'); background-repeat:no-repeat; background-position:left top; padding: 0 0 0 45px; } /* ------ My Tabs ------ */ div.menuTabs{ clear:both; background:transparent repeat-x url(http://gfx.arla.dk/elements/myPageMenuContainerBottom.gif) left bottom; height:34px; } div.menuTabs ul{ margin:0px 12px 0px 12px; padding:0px; list-style:none; } div.menuTabs ul li{ float:left; margin:0px 2px 0px 0px; padding:0px; background:transparent url(http://gfx.arla.dk/elements/ul_li_right.gif) no-repeat 100% -2px; } div.menuTabs ul li a{ float:left; padding:3px 18px 0px 22px; margin:0px 4px 0px 0px; line-height:31px; background:transparent url(http://gfx.arla.dk/elements/ul_li_left.gif) no-repeat 0px -2px; } div.menuTabs ul li.selected{ background-position:right bottom; } div.menuTabs ul li.selected a{ background-position:left bottom; color: black; } div.menuTabs ul li.farRightTab { float: right; } /* ------ My Settings ------ */ div.settingsBox{ float:left; width:296px; padding:15px; background:#fff url('http://gfx.arla.dk/containers/settingsBox.gif') no-repeat left bottom; margin-right:20px; margin-top:20px; } div.sections{ width:326px; padding:0px; } div.lastBox, #pageContent div.lastBox, div.sections, #pageContent div.sections{ margin-right:0px; } div.settingsBox .skip{ display:none; } div.settingsBox h3{ font-weight:bold; color:#fff; margin:-15px -15px 15px -15px; padding:0px 10px 0px 15px; line-height:33px; background:#7d7d7d url('http://gfx.arla.dk/containers/settingsBoxH3.gif') no-repeat left top; border-bottom:1px solid #d3dee0; font-family: Arial, Helvetica, Sans-Serif; } div.sections h3{ margin:0px; } div.settingsBox fieldset{ margin:0px; padding:0px; border:none; } div.settingsBox legend{ display:none;} div.settingsBox label { float:left; width:296px; margin-bottom:3px; } div.settingsBox input { border-color:#828899 #EADFE2 #EADFE2 #828899; border-style:solid; border-width:1px; padding:4px 5px; margin:0px 0px 10px 0px; width:284px; color:#000; float:left; } div.settingsBox .checkbox input, div.settingsBox input.checkbox, div.settingsBox .checkbox label, div.settingsBox label.checkbox { width:auto; border:none; color:#7d7d7d; line-height:1.2em; margin-right:5px; cursor:pointer; } div.settingsBox span.confirm, div.settingsBox span.error{ float:left; width:296px; color:#009114; font-weight:bold; margin-bottom:10px; margin-top:-5px; } div.settingsBox span.confirm{font-weight: normal;} div.settingsBox span.error{ color:#f00; font-weight:normal; } div.settingsBox span.error .note{color:#1a1a1a;} div.settingsBox span.submit, div.settingsBox span.cancel{ float:right; margin-right:10px; } div.settingsBox span.submit input, div.settingsBox span.cancel input{ border:none; padding:4px 10px 5px 12px; margin:0px -12px 0px -12px; width:auto; color:#fff; } div.settingsBox span.cancel input{color:#009114;} div.sections dl, div.sections dt, div.sections dd{ width:324px; margin:0px; padding:0px; float:left; } div.sections dl{ margin-left:1px; } div.sections dl dt{ border-top:1px solid #fff; border-bottom:1px solid #d3dee0; background:#f7f7f7; padding:1px 15px 0px 15px; width:294px; } div.sections dl dt strong{ float:left; font-weight:normal; color:#009114; font-family: Arial, Helvetica, Sans-Serif; margin:5px 0px 0px 0px; padding:0px 0px 0px 7px; background:transparent no-repeat url('http://gfx.arla.dk/icons/sectionDot.gif') 0px -94px; cursor:pointer; } div.sections dl dt strong.active{ background-position:0px 6px; } div.sections dl dd{ border-bottom:1px solid #d3dee0; background:#fff; padding:10px 15px 10px 15px; width:294px; display:none; } div.sections dl dd .checkbox{ margin-top:5px; } /* /Settings */ /* My Pages ShoppingList */ #content.myShoppingList .menuTabs{ margin-bottom:20px;} #content.myShoppingList a.clearList{ background:transparent url('http://gfx.arla.dk/elements/btnClearList.gif') no-repeat 0 2px; padding-left:18px; font-weight:bold; line-height:1.6em; float:left; font-size:1.2em; padding-bottom:10px; } #content.myShoppingList .toolbar{ margin-bottom:10px; background:#e0f8e6; padding:3px 0 3px 0; } #content.myShoppingList .toolbar a{ margin-left:10px; line-height:20px; float:left; font-style:normal; font-size:1.1em; } #content.myShoppingList .toolbar a.sms{ background:transparent url(http://gfx.arla.dk/icons/sendAsSms.gif) no-repeat 0% 50%; padding-left:19px; } #content.myShoppingList .toolbar a.email{ background:transparent url(http://gfx.arla.dk/icons/actionEmail.gif) no-repeat 0% 50%; padding-left:19px; } #content.myShoppingList .toolbar a.print{ background:transparent url(http://gfx.arla.dk/icons/recipeOptionPrint.gif) no-repeat 0px 50%; padding-left:19px; } #content.myShoppingList .postIt{ float:right; margin-top:15px; } #content.myShoppingList .shoppingList{ border-bottom:1px solid #d3dee0; margin-bottom:10px; float:left; width:672px; } #content.myShoppingList .shoppingList h2{ margin-bottom:8px; } #content.myShoppingList .shoppingList .item{ border-top:1px solid #d3dee0; min-height:47px; } #content.myShoppingList .shoppingList img { float: left; padding-right: 10px; } #content.myShoppingList .shoppingList h3{ float:left; padding:12px 0 0 0; border:none; } #content.myShoppingList .shoppingList h3 { font-size:1.6em; width:450px; float:left; color:#009114; font-weight:bold; padding:12px 0 0 0; overflow:hidden; white-space:nowrap; } #content.myShoppingList .shoppingList a.listDec, #content.myShoppingList .shoppingList a.listInc, #content.myShoppingList .shoppingList div.listAmount{ float:right; } #content.myShoppingList .shoppingList div.listAmount{ font-size:11px; } .recipeContainer .scaleRecipeHolder{ margin-top:5px; background: url("gfx/containers/whiteBoxBot.png") repeat-y scroll left top transparent; overflow: hidden; margin-bottom:-5px; } #content.myShoppingList .shoppingList div.scaleRecipe { padding:13px 0px 0px 0px; float: right; } #content.myShoppingList .shoppingList a.clearListItem{ background:transparent url('http://gfx.arla.dk/elements/btnClearList.gif') no-repeat 50% 50%; width:14px; height:14px; line-height:11px; height:21px; line-height:21px; float:right; margin:13px 5px 0px 10px; } #content.myShoppingList .shoppingList a.listInc, #content.myShoppingList .shoppingList a.listDec{ background:transparent url('http://gfx.arla.dk/elements/btnListIncrease.gif') no-repeat 0 0; width:26px; height:21px; line-height:21px; } #content.myShoppingList .shoppingList a.listDec{ background:url('http://gfx.arla.dk/elements/btnListDecrease.gif') 0 0 no-repeat; } #content.myShoppingList .shoppingList a.listInc:hover{ background-position: 0 -21px; } #content.myShoppingList .shoppingList a.listDec:hover{ background-position: 0 -21px; } #content.myShoppingList .shoppingList div.listAmount{ background:#ceeed1; color:#181818; font-weight:bold; height:21px; line-height:21px; padding:0 0.5em 0 0.5em; } .myShoppingList .noActiveShoppingList .ingredientsList { width: auto; } .myShoppingList .ingredientsList { float: left; clear: left; padding-bottom: 1.5em; width: 472px; } .ingredients a.listDec, .ingredients a.listInc, .ingredients div.listAmount{ float:right; } .ingredients div.listAmount{ font-size:11px; } .ingredients div.scaleRecipe { padding:13px 0px 0px 8px; float: left; width: 130px; } .ingredients a.listInc, .ingredients a.listDec{ background:transparent url('http://gfx.arla.dk/elements/btnListIncrease.gif') no-repeat 0 0; width:26px; height:21px; line-height:21px; } .ingredients a.listDec{ background:url('http://gfx.arla.dk/elements/btnListDecrease.gif') 0 0 no-repeat; } .ingredients a.listInc:hover{ background-position: 0 -21px; } .ingredients a.listDec:hover{ background-position: 0 -21px; } .ingredients div.listAmount{ background:#ceeed1; color:#181818; font-weight:bold; height:21px; line-height:21px; padding:0 0.5em 0 0.5em; } .ingredientsList table { border:0px; border-collapse:collapse; margin:8px 0px 5px 0px; padding:0px; border-top:1px solid #d3dee0; width:472px; } .ingredientsList table td { padding:3px 0px 0px 0px; padding-bottom:5px; border:0px; font-size:1.2em; border-bottom:1px solid #d3dee0; vertical-align:top; } .ingredientsList table td.amount { padding-right:10px; white-space:nowrap; font-weight:bold; width:50px; } .ingredientsList table td.del { padding-left:5px; } .ingredientsList table td.del a { float:right; width:30px; height:14px; line-height:14px; margin-top:1px; background:transparent url('http://gfx.arla.dk/elements/btnClearList.gif') no-repeat 80% 0%; } .ingredientsAdder { float:left; display: block; padding-top: 1em; padding-bottom: .5em; } .ownRecipeBox .ingredientsAdder { padding-top:0; padding-bottom:0; } .ingredientsAdder label { display:block; clear:both; margin-bottom:5px; } .ingredientsAdder input.autoThis { border-color: #828899 #EADFE2 #EADFE2 #828899; border-style: solid; border-width: 1px; float:left; padding: 4px 2px 3px 3px; margin-top:2px; width:200px; } .ingredientsAdder .submit { margin:0px 0px 0px 5px; } .ownRecipeBox .ingredientsAdder .submit { margin-top:1px; } .ingredientsAdder .submit input { font-size:11px; } .noActiveShoppingList .ingredientsAdder { float:left; } .noActiveShoppingList .ingredientsList { float:left; } .noActiveShoppingList .ingredientsList table td.del a { display:none; } .noActiveShoppingList .ingredientsList table { border-top:1px solid #e9eff0; width:260px; } .noActiveShoppingList .ingredientsList table td { border-bottom:1px solid #e9eff0; color:#b2b2b2; } .noActiveShoppingList .ingredientsList table td.ingredient { color:#c4c4c4; } /* /shoppingList */ /* My Pages Login */ #page #pageRelated .myPagesLogin h3.heart a{ color: #ff0000; background-image:url('http://gfx.arla.dk/text/redHeart.gif'); background-position:left top; background-repeat:no-repeat; /*padding:2px 0 3px 27px; margin:0 0 5px 0;*/ display:block; text-decoration:none; } #page #pageRelated .myPagesLogin .content{ background-image:none; padding-bottom:0; width:177px; } #page #pageRelated .myPagesLogin div.loginWrapper{ background:#f3fbf4 no-repeat url('http://gfx.arla.dk/containers/relatedBoxBotBlue.gif') left bottom; padding-left:13px; float:left; width:191px; padding-top:5px; border-top:1px solid #d3dee0; } #page #pageRelated .myPagesLogin div.loginWrapper p.loginLinks, #page #pageRelated .myPagesLogin .content p.topIntroText{ display:block; } #page #pageRelated .myPagesLogin div.isAuthenticated p.loginLinks{ display:none; } #page #pageRelated .myPagesLogin div.loginWrapper p.logoutLinks{ display:none; } #page #pageRelated .myPagesLogin div.isAuthenticated p.logoutLinks{ display:block; } #page #pageRelated .myPagesLogin div.loginWrapper p.logoutLinks a.arrowSmall, #page #pageRelated .myPagesLogin div.loginWrapper p.loginLinks a.arrowSmall{ display:inline-block; } #page #pageRelated .myPagesLogin div.loginWrapper a.selected{ background-image:url(http://gfx.arla.dk/icons/linkArrowSmallGreenDown.gif); background-position:left center; } #page #pageRelated .myPagesLogin div.saveItemPopup{ background:transparent; padding-bottom:0px; padding:0px; position:static; float:left; } #page #pageRelated .myPagesLogin div.saveItemPopup .content{ background:transparent; margin:0px; padding:0px 14px 0.7em 0px; float:none; border:none; } #page div.saveItemPopup a.close{ position:static; float:right; background-image: url(http://gfx.arla.dk/elements/btnCloseLogin.gif); cursor:pointer; margin-left:5px; margin-bottom:5px; position:absolute; right:10px; top:10px; margin:0px; } #page #pageRelated div.saveItemPopup a.close{ display:none; } #page div.saveItemPopup .content{width:177px;} #page div.saveItemPopup span.submit{ margin-top:10px; margin-right:8px; } #page #pageRelated div.saveItemPopup span.submit{ margin-right:10px; } #page div.saveItemPopup fieldset, #page div.saveItemPopup div.confirmation{ display:none; } #page .recipeOptions div.saveItemPopup .recipeIsSaved a.selected { background:url(http://gfx.arla.dk/icons/linkArrowSmallGreenDown.gif) no-repeat left center; } #page .recipeOptions div.saveItemPopup .moveRecipe{ display:none; } #page #pageRelated div.saveItemPopup div.userIsRegistered{ padding-top:10px; } #page div.saveItemPopup fieldset legend{ display:none; } #page div.saveItemPopup input{ border-color:#828899 #EADFE2 #EADFE2 #828899; border-style:solid; border-width:1px; padding:4px 5px; margin:0px 0px 10px 0px; width:120px; color:#7d7d7d; } #page #pageRelated div.saveItemPopup input{ width:165px; } #page div.saveItemPopup input{ float:left; } #page div.saveItemPopup input.passWord{ background:#fff url(http://gfx.arla.dk/text/password_se.gif) no-repeat 6px 50%; } #page div.saveItemPopup input.passWordSE{ background-image:url(http://gfx.arla.dk/text/password_se.gif); } #page div.saveItemPopup input.passWordDK{ background-image:url(http://gfx.arla.dk/text/password_dk.gif); } #page div.saveItemPopup input.passWordBlank{ background:#fff; } #page #pageRelated .x-portlet a.checkbox, #page div.saveItemPopup a.checkbox, #page div.settingsBox a.checkbox{ float:left; color:#1a1a1a; padding-left:20px; line-height:1.4em; margin-top:4px; background:transparent url(http://gfx.arla.dk/elements/checkbox.gif) no-repeat 0px 0px; text-decoration:none; cursor:pointer; } #page div.settingsBox a.checkbox{ color:#7d7d7d; margin-top:10px; } #page #pageRelated .x-portlet a.checked, #page div.saveItemPopup a.checked, #page div.settingsBox a.checked{ background-position:0px -100px; } #page #pageRelated .x-portlet a.forgotPassWord, #page div.saveItemPopup a.forgotPassWord{ margin-top:-5px; margin-bottom:6px; margin-left:2px; cursor:pointer; display:block; float:left; background: url('http://gfx.arla.dk/icons/linkArrowSmallGreen.gif') no-repeat 0 4px; padding-left: 8px; margin-bottom:0px; width:163px; } #page #pageRelated .x-portlet span.submit input, #page div.saveItemPopup span.submit input, #page #pageRelated div.saveItemPopup span.submit input{ border:none; padding:4px 10px 5px 12px; margin:0px -12px 0px -12px; width:auto; color:#fff; } #page #pageRelated .x-portlet span.error, #page div.saveItemPopup span.error{ float:left; width:163px; color:#f00; font-weight:normal; margin-left:1px; display:none; } #page #pageRelated .x-portlet span.error, #page div.saveItemPopup span.error{ margin-top:-3px; margin-bottom:1px; } #page div.saveItemPopup{ position:absolute; right:2px; bottom:30px; display:none; } #page #pageRelated div.saveItemPopup{ background:transparent; border:none; position:static; } #page #pageRelated div.saveItemPopup .content{ background:transparent; border:none; margin:0px; } #page #pageRelated div.saveItemPopup fieldset, #page #pageRelated div.saveItemPopup div.confirmation{ display:block; } #page #mealPlan #pageContent div.saveItemPopup, #page #menus #pageContent div.saveItemPopup{ left:auto; right:-61px; bottom:30px; } #page div.saveItemPopup a.close, #page a.login, #page div.subscriptionPortlet a.subscribe {cursor:pointer;} #page div.saveItemPopup .popup{display:none;} #page div.saveItemPopup fieldset{ width:177px; } #page div.saveItemPopup p.introText{ margin-right:20px; margin-bottom:5px; margin-top:-4px; padding-bottom:0px; float:left; } #page #pageRelated div.saveItemPopup p.introText{ margin-right:0px; margin-top:0px; } #page div.saveItemPopup .content p.passWordSent{ float:left; margin-top:-5px; width:163px; padding-bottom:0px; margin-bottom:0px; display:none; } #page #pageRelated div.x-portlet a.forgotPassWord, #page #pageRelated div.saveItemPopup a.forgotPassWord, #page #pageRelated div.saveItemPopup .content p.passWordSent{ margin-top:-6px; margin-bottom:6px; } #page div.saveItemPopup div.confirmation h3, #page .delMyItem h3, #page .moveMyItem h3{ font-family: Arial, Helvetica, Sans-Serif; font-weight:bold; background:transparent; text-transform:none; width:auto; margin-right:15px; margin-bottom:5px; margin-top:-2px; color: #000; } #page #pageRelated div.saveItemPopup div.userIsRegistered p{ margin-bottom:0px; } #page div.saveItemPopup div.confirmation p.addInfo{ display:none; margin-top:5px; } #page div.saveItemPopup .content span.submit{ float:right; margin-top:0px; } #page div.saveItemPopup .content span.signUpSubmit{ display:none; } #page div.saveItemPopup .content .signUpState span.submit{ display:none; } #page div.saveItemPopup .content .signUpState span.signUpSubmit{ display:block; } #page div.saveItemPopup span.submit input{width:auto;} /* myFolders */ .addFolder { float: right; margin: .6em 0 0 0; position: relative; } #page .addFolder .popup { position: absolute; bottom: 20px; right: -15px; left: auto; top: auto; } .myRecipes .menuTabs {margin:0 0 2em;} .myFolders {margin:0; clear: both; float: left;width: 670px;} .myFolders li { background-color:#f2f2f2; margin: .5em 0 4px 0; border-bottom: solid 1px #d9d9d9; /*position: relative;*/ min-height: 27px; clear: left; margin-bottom: 15px; float: left; width: 100%; } .myFolders .shareLinks .content, .recipeOptions .shareLinks .content { float: left; display: block; } .myFolders .active { z-index: 1000 !important; } .myFolders .ingredients li { min-height:0; } .myFolders li ul.recipeControl li{ position: static; } .myFolders li.noFolders { border-bottom: none; } .myFolders li.noFolders p.message { background: transparent url('http://gfx.arla.dk/icons/folder-sprite.gif') no-repeat left -40px; padding: 0 0 0 20px; margin: .5em 0 0 12px; color: #7d7d7d; float: left; } .myFolders li a.togglelink { font-weight: bold; display: block; padding: 7px 10px 5px 20px; margin: 0 0 0 12px; background: transparent url('http://gfx.arla.dk/icons/folder-sprite.gif') no-repeat left 7px; cursor: pointer; width: 450px; float: left; } .myFolders li a.selected { background-position: left -14px; } .myFolders li .moreRecipes { float: left; border-top: solid 1px #d9d9d9; background-color: #fff; padding: 10px; width: 653px; } .myFolders li .moreRecipes ul.recipeControl {width:auto;} .myFolders li .moreRecipes ul.recipeControl li { margin:0 0 0 18px; background-color:Transparent; border:0; clear: none; } .myFolders li .moreRecipes ul.recipeControl li.first-child {margin:0;} h2.myFolders { color:#1b1b1b; text-transform: uppercase; padding:1.5em 0 1em; float:left; clear:both; } div.otherRecipes { float:left; clear:both; width:672px; } .ownRecipe { overflow:hidden; margin:0 0 .5em 0; position: relative; float: left; } .ownRecipeList { border-top:solid 1px #d3dee0; border-bottom:solid 1px #d3dee0; overflow:hidden; padding:8px 0 5px; margin:5px 0; clear: both; } .ownRecipeList li { float:left; margin:0 8px 0 0; } .ownRecipeList li label { color:#005019; font-weight:bold; } .ownRecipeList li.links { border-right:solid 1px #d3dee0; padding:0 5px 0 0; } .ownRecipeList li.searchfield { width:284px; text-align:right; } .ownRecipeList li .ownRecipe { margin:0; } .ownRecipeList li input { color:#666666; padding:2px 2px 3px 2px; width:170px; } a.shareFolder { padding-right: 20px; margin-right: 10px; background: transparent url(http://gfx.arla.dk/icons/shareRecipe.gif) no-repeat right top; } a.shareFolder:hover { background: transparent url(http://gfx.arla.dk/icons/shareRecipeHover.gif) no-repeat right top; } #page .myFolders div.shareLinks{ right: 40px; margin-top: 0; width: auto; } #page .myFolders div.shareLinks div.content , #page .recipeOptions div.shareLinks div.content { width: 165px; } #page .myFolders div.shareLinks a.close , #page .recipeOptions div.shareLinks a.close { z-index: 100; } #page .myFolders div.shareLinks li , #page .recipeOptions div.shareLinks li { border-bottom: 1px solid #E9EFF0; width: 100%; height: auto; margin-right: 20px; position: relative; float: left; background: none repeat scroll 0 0 transparent; padding: 0.3em 0; margin: 0 0 0.2em 0; min-height: 0; } #page .myFolders div.shareLinks li a, #page .recipeOptions div.shareLinks li a { width: auto; margin-left: 7px; margin-top: 0.3em; } #page .myFolders div.shareLinks li.last, #page .recipeOptions div.shareLinks li.last { border-bottom: 0; } div.shareLinks li a.publicPage { float: left; } div.shareLinks li a.twitter { background: transparent url(http://gfx.arla.dk/icons/actionTwitter.gif) no-repeat left 1px; padding-left: 20px; padding-top: 4px; float: left; margin-top: 0 !important; margin-bottom: .1em; } div.shareLinks li a.other { background: transparent url(http://gfx.arla.dk/icons/more.gif) no-repeat left 1px; padding-left: 20px; padding-top: 2px; float: left; margin-top: 0 !important; margin-bottom: .2em; } a.createNewFolder { background: transparent url('http://gfx.arla.dk/icons/new-folder.gif') no-repeat left 1px; padding: 0 0 0 20px; cursor: pointer; } #page .myFolders .popup { position: absolute; bottom: 30px; right: -50px; left: auto; top: auto; } #page .myFolders .ingredients .popup { bottom: auto; right:auto; left:-60px; top:1.7em; } #page .myFolders .renameFolder { right: -30px; } #page .myFolders a.renameFolder { border-left:1px solid #D3DEE0; padding-left: 10px; } .myRecipes .popup input.folderName { border-color:#828899 #EADFE2 #EADFE2 #828899; border-style:solid; border-width:1px; color:#7D7D7D; margin:0 0 10px; padding:4px 5px; width: 105px; float: left; } .myRecipes .popup input.folderName:focus { color: #1a1a1a; } #page .myRecipes .popup .content { width: 177px; } .myRecipes .popup a.close { top: 5px; right: 5px; cursor: pointer; } .myRecipes .ingredients .popup a.close { top: 10px; } .myRecipes .popup fieldset { margin-top: 5px; } .myRecipes .popup span.submit { float: right; margin-right: 10px; } .myRecipes .popup span.submit input { width: auto; border: none; } .folderMenu { /*position: relative;*/ float: right; padding: 6px 10px 0 0; z-index: 999; /*Avoid interference with pagerelated portlets*/ } .folderMenu a { cursor: pointer; } .folderMenu .deleteFolder { background: transparent url('http://gfx.arla.dk/icons/delete.png') no-repeat right top; padding: 1px 18px 0 10px; margin: 0 0 0 8px; border-left: 1px solid #d3dee0; } /* Inline display of recipes */ ul.recipeControl li.activeRecipe { background: transparent url(http://gfx.arla.dk/containers/bg-inline-recipe-active-simple.gif) no-repeat 4px 0; /* MOE */ margin: -5px -21px 0 10px !important; padding: 5px 10px 0 14px !important; left: -5px; width: 160px !important; } ul.recipeControl li.activeRecipe.first-child { margin: -5px -21px 0 -14px !important; /* MOE */ padding: 5px 10px 0 14px !important; /* MOE */ } .myFolders li .moreRecipes ul.recipeControl li.activeRecipe { /* MOE */ left:-5px; margin:-5px -21px 0 10px !important; padding:5px 10px 0 8px !important; width:160px !important; background-position:-1px 0px; } .myFolders li .moreRecipes ul.recipeControl div.recipeContainer{ /* MOE */ width:670px; } .myFolders li .moreRecipes ul.recipeControl li.activeRecipe.first-child{ /* MOE */ margin-left:-10px !important; padding-left:10px !important; } ul.recipeControl div.recipeContainer { /* background: #e5f6e7 url(http://gfx.arla.dk/containers/bg-bot-inline-recipe.png) no-repeat left bottom; */ /* MOE */ background: #e5f6e7; /* MOE */ width: 673px; position: absolute; left: -10px; top: 174px; } div.otherRecipes ul.recipeControl div.recipeContainer { width: 687px; /* MOE */ } ul.recipeControl div.recipeContainer .content { float: left; padding: 0; /* background: white url(http://gfx.arla.dk/containers/bg-inline-recipe.png) repeat-y left top; */ /* MOE */ border: 0; width: 653px; padding: 10px; margin-bottom: 2px; } ul.recipeControl div.recipeContainer .bottom { width: 100%; height: 5px; float: left; background: white url(http://gfx.arla.dk/containers/bg-bot-inline-recipe.png) no-repeat left top; } #page ul.recipeControl div.left { width: 195px; float: left; } #page ul.recipeControl div.right { float: left; width: auto; } ul.recipeControl div.recipeContainer div.recipeOrigin { position: absolute; top: 25px; right: 33px; } ul.recipeControl div.recipeContainer div.dotUserRecipeLarge { top: 115px; left: -20px; } ul.recipeControl div.recipeContainer div.infoBox { border: 0; margin: 0 0 1em 0; padding: 0; position: inherit; float: left; clear: left; width: 180px; background: transparent url(http://gfx.arla.dk/containers/whiteBoxTop.png) no-repeat left top; } ul.recipeControl div.recipeContainer div.infoBox .content { background: transparent url(http://gfx.arla.dk/containers/whiteBoxBot.png) repeat-y left bottom; width: 160px; margin-top: 5px; } ul.recipeControl div.recipeContainer a.close { position: absolute; top: 8px; right: 8px; cursor: pointer; } ul.recipeControl div.recipeContainer div.recipeOptions { background: none; margin: 0; padding: 0; position: inherit; width: 100%; margin-bottom: 1em; } ul.recipeControl div.recipeContainer div.voting { margin: .1em 10px 0 0; } ul.recipeControl div.recipeContainer div.voting p { float: left; } ul.recipeControl div.recipeContainer div.voting div { background: transparent url(http://gfx.arla.dk/icons/star-rating.gif) no-repeat left -1px; width: 70px; height: 15px; margin-right: 5px; float: left; } ul.recipeControl div.recipeContainer div.voting div.rating_0 { background-position: 0 -1px;} ul.recipeControl div.recipeContainer div.voting div.rating_1 { background-position: 0 -16px;} ul.recipeControl div.recipeContainer div.voting div.rating_2 { background-position: 0 -32px;} ul.recipeControl div.recipeContainer div.voting div.rating_3 { background-position: 0 -48px;} ul.recipeControl div.recipeContainer div.voting div.rating_4 { background-position: 0 -64px;} ul.recipeControl div.recipeContainer div.voting div.rating_5 { background-position: 0 -80px;} ul.recipeControl div.recipeContainer ul.toolbar li { float: left; margin: 0 10px 0 0; width: auto; border: 0; min-height: 0; background: none; } ul.recipeControl div.recipeContainer div.ingredients li { float: none; border: 0; padding: 0; margin: 0 0 0.3em 0; } ul.recipeControl div.recipeContainer h2.recipeName { display: block; width: 550px; } ul.recipeControl div.recipeContainer div.recipeInstructions { width: 445px; margin: 0; } ul.recipeControl div.recipeContainer div.recipeInstructions .image { float: right; margin: 1em 0 1em 10px; position:relative; } ul.recipeControl div.recipeContainer div#commentBox { width: 445px; margin: 1em 0; float: left; } ul.recipeControl div.recipeContainer div#commentBox div.comments { background-color: white; width: auto; } ul.recipeControl div.recipeContainer div#commentBox div.top { background: transparent url(http://gfx.arla.dk/containers/bg-box-comments445-top.png) no-repeat left top; } ul.recipeControl div.recipeContainer div#commentBox div.bot { background: transparent url(http://gfx.arla.dk/containers/bg-box-comments445-bot.png) no-repeat left top; } ul.recipeControl div.recipeContainer div#commentBox div.innerBot { background-color: White; padding-bottom: 0; float: left; width: 423px; } ul.recipeControl div.recipeContainer div#commentBox li { margin: 0 0 1em 0; width: auto; border: 0; min-height: 0; float: none; } ul.recipeControl div.recipeContainer ol.comments { overflow: auto; } ul.recipeControl div.recipeContainer div#commentBox p { margin-top: 5px; } ul.recipeControl div.recipeContainer div#commentBox p.commentLinkCon { margin-top: 0; } ul.recipeControl div.recipeContainer div.actionLinks { float: left; clear: both; width: 100%; margin-top: 1em; } ul.recipeControl div.recipeContainer div.actionLinks a { margin-right: 10px; } ul.recipeControl iframe { border: 0 !important; position: absolute; bottom: 0; right: 0; } /* END inline display of recipes */ .ownRecipeBoxWrapper { margin-bottom: 1em; float:left; clear:both; width:672px; } .ownRecipeBoxWrapper .ownRecipeBoxTop { background-image:url('http://gfx.arla.dk/containers/ownrecipeBoxTop.gif'); background-position:left top; background-repeat:no-repeat; width:672px; height:12px; margin:0; clear: both; } .ownRecipeEditMode .ownRecipeBoxTop, .ownRecipeSuccesMode .ownRecipeBoxTop { display:none; } .ownRecipeBoxWrapper .ownRecipeBox { border-bottom: solid 1px #d3dee0; border-left: solid 1px #d3dee0; border-right: solid 1px #d3dee0; background-color: #f2f2f2; margin: 0 0 20px; padding: 14px; float: left; position: relative; z-index: 500; } .ownRecipeEditMode .ownRecipeBox { border-top: solid 1px #d3dee0; } .ownRecipeSuccesMode .ownRecipeBox { border-top: solid 1px #abcdaf; } .ownRecipeBoxWrapper .ownRecipeBox .left { margin: 0 20px 0 0; width: 326px !important; float: left; } .ownRecipeBoxWrapper .ownRecipeBox .right { width: 296px !important; float: left; } .ownRecipeBoxWrapper .ownRecipeBox { margin:0; } .ownRecipeBox .left ul li { border: solid 1px #d3dee0; background-color: #e6e6e6; margin: 0 0 10px 0; padding: 1em; float: left; width: 300px; } .ownRecipeBox .left .selectedCategories { margin-top: .5em; } .ownRecipeBox label { font-weight:bold; display:block; margin:0 0 3px; } .ownRecipeBox input { padding: 1px; } .ownRecipeBox input#title { width: 286px; } .ownRecipeBox textarea { width: 290px; height: 165px; padding: 2px; margin-bottom:10px; } .ownRecipeBox .right .buttons { float:right; margin-top:15px; } .ownRecipeBox .left ul li ul li { border:0; padding:0; margin:0; float:left; width:120px; } .ownRecipeBox .left ul li ul li.preptime { width:170px; } .ownRecipeBox ul li ul li a.minus { background-image:url('http://gfx.arla.dk/elements/ownrecipeMinus.gif'); background-position:left top; background-repeat:no-repeat; width:22px; height:20px; display:block; float:left; } .ownRecipeBox ul li ul li a.plus { background-image:url('http://gfx.arla.dk/elements/ownrecipePlus.gif'); background-position:left top; background-repeat:no-repeat; width:22px; height:20px; display:block; float:left; } .ownRecipeBox ul li .portions span, .ownRecipeBox ul li .preptime span { background-color:#fff; height:17px; float:left; font-weight:bold; padding:3px 5px 0 5px; text-align: center; } .ownRecipeBox ul li .portions input.number, .ownRecipeBox ul li .preptime input.number { border: 0; width: 15px; padding: 0; font-weight: bold; font-size: 1em; text-align: center; clear: both; } .ownRecipeBox ul li .preptime input.number { width: 22px; text-align: right; float: left; margin-right: 2px; } .ownRecipeBox ul.ingredientList a.delete { float: right; padding: 0; margin-top:2px; } .ownRecipeBox ul.ingredientList a.delete img { border: 0; } .ownRecipeBox ul.ingredientList span.move { float: right; padding-right: 5px; margin-top:2px; } .ownRecipeBox ul.ingredientList span.move a { background: transparent url(http://gfx.arla.dk/icons/arrows-green-small-sprite.gif) no-repeat 0 0; width: 18px; height: 9px; padding-bottom: 3px; display: block; float: left; } .ownRecipeBox ul.ingredientList a.up { background-position: 50% -4px !important; } .ownRecipeBox ul.ingredientList a.down { background-position: 50% 5px !important; } .ownRecipeBox ul.ingredientList li.last a.down, .ownRecipeBox ul.ingredientList li.first a.up { opacity: 0.3; filter: alpha(opacity=30); cursor: auto; } .ownRecipeBox ul.ingredientList li.last a.up { /*margin-right: 15px;*/ } .ownRecipeBox ul.ingredientList .text { float:left; max-width: 240px; } .ownRecipeBox ul.ingredientList li { margin:0 0 4px 0; padding-top:2px; padding-bottom:1px; } .ownRecipeBox ul.ingredientList li span.ingIng { font-weight: bold; } .ownRecipeBox li.ingredient input { width:100px; } .ownRecipeBox li.volume input { width:30px; } .ownRecipeBox li.ingredient input.error, .ownRecipeBox li.volume input.error, .ownRecipeBox li.unit input.error { border: 1px solid red; padding: 2px 4px 2px 2px; } .ownRecipeBox li.unit div.error { background-position: 0 -82px; } .ownRecipeBox li.unit div.error p { background-position: right -82px; } .ownRecipeBox .left li.volume, .ownRecipeBox .left li.unit, .ownRecipeBox .left li.ingredient{ width:auto; margin:0 0 0 10px; } .ownRecipeBox .left li.unit { margin-right: 15px; } .ownRecipeBox .left li.volume { margin-left:0px; } .ownRecipeBox .left ul li.ingredients ul li.button { padding:15px 0 0 0; margin-left: 15px; float: left; width: auto; } /* Drop Down */ .ownRecipeBox ul li #dishSelector { width: 243px; position: relative; z-index: 500; cursor: pointer; } .ownRecipeBox ul li #dishSelector .items, .ownRecipeBox ul li #dishSelector .items li { width: 251px; } .ownRecipeBox #dishSelector .items { background-color: white; border: 1px solid #cdd3d4; z-index: 999; height: auto; top: 20px; bottom: auto; padding-bottom: .5em; overflow: visible; cursor: default; } .ownRecipeBox #dishSelector span.submit { float: right; margin-top: -25px; } .ownRecipeBox #dishSelector .items ul { float: left; } #page #pageContent .ownRecipeBox #dishSelector .items li { border: none; padding: 0 0 .3em 10px; display:block; background: none; } #page #pageContent .ownRecipeBox #dishSelector .items li a { background:transparent url(http://gfx.arla.dk/icons/checkbox.png) no-repeat scroll 0 0; line-height:1.3em; float:left; padding: 0 2px 2px 20px; } #page #pageContent .ownRecipeBox #dishSelector .items li a:hover { background:url(http://gfx.arla.dk/icons/checkbox.png) no-repeat scroll 0 -23px; } #page #pageContent .ownRecipeBox #dishSelector .items li.checked a { background:url(http://gfx.arla.dk/icons/checkbox.png) no-repeat scroll 0 -47px; text-decoration: none; } .ownRecipeBox #dishSelector .items h3 { background: transparent url(http://gfx.arla.dk/elements/addRecipeBgBlock.png) no-repeat left top; height: 19px; float: none; clear: both; width: 224px; margin: 5px; padding: 2px 8px 0 8px; } .ownRecipeBox #unit { width: 40px; } .ownRecipeBox #unitList { float: left; } #page #pageContent .ownRecipeBox #unitList ul { height: 200px; overflow: auto; } #page #pageContent .ownRecipeBox #unitList .items { width: auto; bottom: auto; top: 19px; margin-top: 1px; display: none; border-left: 1px solid #cdd3d4; border-right: 1px solid #cdd3d4; border-top: 1px solid #cdd3d4; } #page #pageContent .ownRecipeBox #unitList li { background-color: white; border-bottom: 1px solid #cdd3d4; cursor: pointer; padding: .5em 15px .5em 5px; width: auto; float: none; line-height: 1em; height: auto; } #page #pageContent .ownRecipeBox #unitList li:hover, #page #pageContent .ownRecipeBox #unitList li.sel { background-color: #e5f6e7; } .ownRecipeBox .addIngredient span.submit { margin-right: 0px; } .ownRecipeBox .getUserCreatedRecipeLoaderAnim { width:642px; height:290px; background:transparent no-repeat url(http://gfx.arla.dk/icons/ajaxAnimBigGrey.gif) 50% 50%; } .ownRecipeBoxWrapper .getUserCreatedRecipeLoaderError { background-color:#FDE5DD; border-color:#FBCBBC; } .ownRecipeBoxWrapper .getUserCreatedRecipeLoaderErrorMessage { width:642px; float:left; font-size:1.2em; color:#c00; } .ownRecipeBoxWrapper .savingUserCreatedRecipeSucces { background: white url(http://gfx.arla.dk/containers/bg-messagebox-yellow.png) no-repeat left top; padding: 5px 0 0 0; border:none; } .ownRecipeBoxWrapper .savingUserCreatedRecipeSuccesMessage { width:642px; float:left; font-size:1.2em; background: white url(http://gfx.arla.dk/containers/bg-messagebox-yellow.png) no-repeat left bottom; padding: 3px 10px 7px 10px; } #page #pageContent .ownRecipeBox .savingUserCreatedRecipeAnim { background:transparent no-repeat url(http://gfx.arla.dk/icons/ajaxAnimSmallGrey.gif) 100% 40%; } #page #pageContent .ownRecipeBox .savingUserCreatedRecipeAnim input { display:none; } #page #pageContent .ownRecipeBox .savingUserCreatedRecipeError { background:#FDE5DD; border:1px solid #FBCBBC; padding:10px; clear:both; margin-top:10px; float:right; width:274px; font-size:1.2em; color:#c00; } #page #pageContent .ownRecipeBox span.error { display:none; color:red; font-size:0.9em; margin:0px 0px 0px 2px; float:left; width:280px; } #page #pageContent .ownRecipeBox .left li.ingredients span.error { margin-top:-5px; } /* my pages - toolbar */ .positionMyItemToolbar { position:relative; float:right; height:0px; width:0px; overflow:visible; z-index:99999; } .myItemToolbar { display:none; background-color:#fff; height:20px; width:135px; position:absolute; left:8px; top:5px; z-index:99999; border:solid 1px #d9d9d9; } .weeklyMealPlaning li .myItemToolbar, ul.recipeControl li .myItemToolbar{ left:auto; right:-5px; top:-25px; width:110px; } .myRecipes ul.recipeControl { position: relative; } .myThemes ul.recipeControl li .myItemToolbar, .myRecipes ul.recipeControl li .myItemToolbar, .myPagesMenues ul.recipeControl li .myItemToolbar{ right:5px; top:5px; width:135px; } .myPagesTheme h2 {text-transform: uppercase;} .myPagesTheme ul.recipeControl h2 {text-transform: none;} .myItemToolbar a span.skip { display:none; } .myItemToolbar a.comment { background-image:url('http://gfx.arla.dk/icons/add_comment.gif'); background-position:left top; background-repeat:no-repeat; width:22px; height:20px; float:right; cursor:pointer; } .myItemToolbar a.comment:hover { background-image:url('http://gfx.arla.dk/icons/add_comment_hover.gif'); } .myItemToolbar a.delete { background-image:url('http://gfx.arla.dk/icons/delete_comment.gif'); background-position:left top; background-repeat:no-repeat; width:24px; height:20px; float:right; cursor:pointer; } .myItemToolbar a.delete:hover { background-image:url('http://gfx.arla.dk/icons/delete_comment_hover.gif'); } .myItemToolbar a.edit, .myItemToolbar a.move { float:right; cursor:pointer; border-right:1px solid #009114; margin-right:5px; margin-left:0px; padding-right:5px; font-size:0.9em; line-height:1em; margin-top:5px; } #page .delMyItem, #page .myFolders .delMyItem, #page .moveMyItem, #page .myFolders .moveMyItem{ display:none; left:auto; bottom:auto; right:-90px; top:23px; z-index:9999; } #page .moveMyItem, #page .myFolders .moveMyItem{ right:-55px; } #page .myFolders .delMyItem { bottom:25px; right:-80px; top:auto; z-index:99999999; } #page .myFolders .myItemToolbar .delMyItem { bottom:auto; top:25px; right:-90px; } #page .delMyItem .content a.close, #page .moveMyItem .content a.close{ cursor:pointer; top:12px; right:8px; text-decoration:none; } #page .delMyItem .content h3, #page .moveMyItem .content h3{ margin:-5px 0px 5px 0px; background:none; border-right:none; float:none; font-weight:bold; padding:0px; } #page .delMyItem .content p , #page .moveMyItem .content p { margin-bottom:8px; width: 160px; } #page .delMyItem .content p.delError , #page .moveMyItem .content p.moveError { color:#f00; display:none; } #page .delMyItem .content span.submit, #page .delMyItem .content span.cancel, #page .moveMyItem .content span.submit, #page .moveMyItem .content span.cancel{ margin-bottom:0px; margin-left:0px; padding-left:0px; float:right; } #page .delMyItem .content span.submit input, #page .delMyItem .content span.cancel input, #page .moveMyItem .content span.submit input, #page .moveMyItem .content span.cancel input{ margin-left:0px; padding-right:12px; } #page .delMyItem .content span.submit, #page .moveMyItem .content span.submit { margin-right: 20px; } #page .delMyItem .content span.submit input, #page .moveMyItem .content span.submit input{ margin-right:-12px; } /*************************************************** Public User Folder page ***************************************************/ #userFolder h2.userFolder { font-weight: normal; margin-bottom: 0.5em; } #userFolder p.preamble { font-weight: normal; } #userFolder ul.recipeControl { width: 472px; } #userFolder ul.recipeControl li.first-child { margin: 0; } #userFolder ul.recipeControl li { margin: 0 0 0 12px; } #userFolder .userIcon { float: right; width: 75px; height: 75px; } #userFolder div.paging { border-top: 1px solid #E5E5E5; clear: both; float: left; height: 2em; margin: 1.4em 0; width: 472px; } /* Autocomplete */ .ac_results { padding: 0px; margin:0px; border-left: 1px solid #d3dee0; border-right: 1px solid #d3dee0; background-color: white; overflow: hidden; z-index: 99999; } .ac_results ul { width: 100%; list-style-position: outside; list-style: none; margin: 0px !important; padding: 0px !important; } .ac_results li { margin: 0px !important; cursor: default; display: block; text-align:left; border-bottom: 1px solid #d3dee0; padding:4px 4px 4px 8px !important; /* if width will be 100% horizontal scrollbar will apear when scroll mode will be used */ /*width: 100%;*/ /* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */ overflow: hidden; color:#000; font-size:12px; } .ac_loading { background: white url('http://gfx.arla.dk/icons/ajaxAnimSmallWhite.gif') right center no-repeat; } .ac_odd { background-color: #fff; } .ac_over { background-color: #effaf1; } ul.tema li {position:relative;} ul.tema li img.tema { position:absolute; top:-3px; right:-5px; } h2.tema { margin:15px 0 12px; padding:0 0 5px; border-bottom:solid 1px #e5e5e5; } .tema .myItemToolbar .addComment { position:absolute; top:-180px; left:-76px; } .tema .myItemToolbar .addComment label {font-weight:bold;} .tema .myItemToolbar .addComment textarea { padding:2px; margin:10px 0; width:143px; height:55px; } .moreRecipes ul.recipeControl .addComment, .recipeMenu .myItemToolbar .addComment { position:absolute; top:25px; left:-88px; width:200px; } .hoverDiv { position:relative; height:100px; } .suitableRecipe .addComment .content, .moreRecipes ul.recipeControl .addComment .content, .recipeMenu .myItemToolbar .addComment .content { width:176px; padding:30px 12px 12px; } .suitableRecipe .addComment .content p, .moreRecipes ul.recipeControl .addComment .content p, .recipeMenu .myItemToolbar .addComment .content p { margin:0 0 12px; } .tema h2 span { display:inline; font-weight:bold; margin:0 3px 0 0; } /* My pages - not logged in/no items */ .myPagesIntro { margin-top:15px;} .myPagesIntro p {margin:0 0 6px;} .loginWrapper p a {cursor:pointer;} .relatedLinks { border:solid 1px #d3dee0; padding:1em; overflow:hidden; margin:20px 0 0; position:relative; clear:both; } .relatedLinks h2 { font-weight:bold; display:inline; } .relatedLinks ul { margin:6px 0; overflow:hidden; } .relatedLinks ul li { float:left; border-right:solid 1px #cccccc; padding:0 10px 0 0; margin:0 10px 0 0; } .relatedLinks ul li.last-child {border:0;} .relatedLinks ul.images li { border-right:0; padding:0; margin:5px 10px 0 0; } .relatedLinks ul.images li .img { position: relative; display: block; } .relatedLinks .moreMyPages { position:absolute; right:20px; top:30px; } .relatedLinks .moreMyPagesImages { position:absolute; right:20px; top:68px; } .relatedLinks .headlineLink {display:inline;} a.createAccount { cursor:pointer;} .createAccountPopup { top:-160px; left:0px; } /* menues */ .myPagesMenues .menuTabs{ margin-bottom:15px; } .myPagesMenues h3 {text-transform: uppercase;} .myPagesMenues ul.recipeListControl h3 {text-transform: none;} .myPagesMenues ul.recipeListControl h3.menuName { padding-top: 10px; } .myPagesMenues .hr { width: 670px; } .myPagesMenues ul.recipeListControl div.ingredients li { float: none; } .myPagesMenues ul { z-index: 400; } .myPagesMenues ul.recipeListControl li { float: left; } .myPagesMenues ul.recipeListControl li ul li { } .myPagesMenues .positionMyItemToolbar { position: relative; top: 0; left: -145px; } /* User recipe */ .userRecipe .left { margin:2em 0; } a.back { margin:15px 0 15px 0; display:block; } .userRecipe .recipeInstructions { margin:0; width:470px; } .userRecipe .recipeInstructions h4 {margin:0 0 3px 0;} .userRecipe .right {margin:0 0 0 21px;} .userRecipe .portionController {margin:.5em 0;} .userRecipe a.originalRecipe {margin:2em 0 0; display:block;} /* ************************************************** 10 Mealplan ************************************************** */ /* Meal Plans, week display */ #mealPlan div.recipeOptions { background: none; width: auto; border: none; padding: 0; float: right; top: 30px; margin: 0 -14px 0 0; position: relative; z-index: 9999; } #mealPlan div.recipeOptions ul { float: right; margin: 0; width: auto; } #mealPlan div.recipeOptions ul li { margin: 0 3px 0 0; padding: 0 10px 0 3px; width: auto; } #mealPlan div.recipeOptions ul li.hoverState { left: -3px; padding: 0 10px 0 3px; top: 0; } #mealPlan div.recipeOptions div.disablingBox { left: auto; right: -64px; bottom: -62px; } #mealPlan ul.recipeControl { float: none;} #mealPlan ul.recipeControl div.textRight { display: block; float: left; width: 165px; margin: 9px 0 0 10px; } #mealPlan ul.recipeControl a.img { clear: left; float: left; height: auto; } #mealPlan ul.recipeControl img { float: left; margin: 9px 0 0 0; clear: both; } #mealPlan ul.recipeControl li { width: 508px; margin: 0 0 15px 0; } #mealPlan ul.recipeControl li h3 { font-weight: bold; margin-bottom: 0.2em; border: 0; background: none; padding: 0; float: none; } #mealPlan ul.recipeControl li.hoverState { margin: 0 0 -9px 0; } #mealPlan ul.recipeControl h2 { padding-bottom: 5px; height: 30px; border-bottom: 1px solid #d3dee0; float: none; width: auto; } /* weekly Meal Planing */ ul.weeklyMealPlaning { /*overflow:hidden;*/ clear:both; } .weeklyMealPlaning li { float:left; width:182px; height:auto; padding:30px 10px 10px; margin:0 20px 0 0; } .weeklyMealPlaning li.hoverState, .weeklyMealPlaning li.toolActive { background-color:#e5f4e7; } .weeklyMealPlaning li ul { margin:6px 0 0; } .weeklyMealPlaning li ul li { float:left; width:145px; height:auto; padding:0; margin:0 0 2px 0; } .weeklyMealPlaning li h2 { border-bottom:solid 1px #dce7eb; padding:0 0 5px; } .weeklyMealPlaning li h2 a { font-weight:bold; } .weeklyMealPlaning li ul li.day { color:#484848; display:block; float:left; font-weight:bold; margin:0 6px 0 0; width:30px; } .MypageHeading { margin:15px 0 0; } /* userMealplan */ .userMealPlan {margin:15px 0 0;} .userMealPlan p {margin:0 0 15px;} .userMealPlan .recipeControl { border-top:solid 1px #d3dee0; margin:15px 0; } .userMealPlan .recipeControl li { float:none; margin:0 0 40px; width:auto; } .userMealPlan span.img { position:static; display:inline; float:left; } .textRight { float:left; margin:0 0 20px 20px; } .userMealPlan .textRight h3 { background:none; padding:0; border-right:0; font-weight:bold; } .userMealPlan .recipeControl li h2 { margin:10px 0; padding:0 0 10px; display:block; border-bottom:solid 1px #d3dee0; float:none; width:auto; clear:both; } .userMealPlan ul.recipeControl li h3 { margin:0 0 .6em; } .userMealPlan ul.recipeControl li h4 { margin:0 5px 0 0; clear:both; } .userMealPlan .textRight img { float:left; } .userMealPlan .textRight h3 { margin:0 5px 0 15px; } .userMealPlan .textRight .ingredients { margin:0 28px 0 0; } .userMealplanRecipeWrapper { margin:0 0 2em 0; overflow:hidden; } /* ************************************************** 11 menu ************************************************** */ /* Menu front page */ /* Menu overview */ #menus .menuOverview { width: auto; background-image: url(http://gfx.arla.dk/containers/selector509Top.png); } #page #menus .menuOverview .items { width: 308px; } #menus .menuOverview .items ul { width: 100px; } #menus .menuOverview .items ul li { width: 308px; font-weight: bold; } #menus .menuOverview .items ul li span.images { width: 153px; float: left; } #menus .menuOverview .items ul li img { float: left; margin-right: 2px; width: 47px; height: 47px; } #menus .menuOverview .items li img.last { margin-right: 8px; } #menus .menuOverview .bot { background-image: url(http://gfx.arla.dk/containers/selector509Bot.png); } /* /Menu overview */ /* Menues */ #menus h1 { margin-bottom: .5em; } #menus .myPagesMenues .hr{ margin-top:5px; } #menus div.menuPreamble p { margin: 0 0 1.5em 0; font-weight: normal; line-height: 18px; } #menus div.recipeOptions { background: transparent none repeat scroll 0 0; border-bottom: 1px solid #D3DEE0; border-top: 1px solid #D3DEE0; padding: 0; width: 508px; margin: 0 0 15px 0; } #menus div.recipeOptions ul { float: right; margin: 5px 0 5px; } #menus div.recipeOptions { background: none; width: auto; float: right; border: none; padding: 0; top: 25px; margin: -25px -14px 0 0; position: relative; z-index: 9999; } #menus div.recipeOptions ul { float: right; margin: 0; width: auto; } #menus div.recipeOptions ul li { width: auto; padding: 0 10px 0 3px; margin-bottom: 0; margin: 0 3px 0 0; } #menus div.recipeOptions ul li.hoverState { left: -3px; padding: 0 10px 0 3px; top: 0; } #menus div.recipeOptions ul li.last { padding-right: 0; } #menus div.recipeOptions ul li.persons { margin-top: .3em; } #menus div.recipeOptions div.disablingBox { left: auto; right: -55px; bottom: 35px; } #menus ul.recipeControl { float: none; width: 508px; } #menus ul.recipeControl h2 {float: none;} #menus ul.recipeControl p {margin: 0 0 .2em 0;} #menus ul.recipeControl div.textRight { display: block; float: left; width: 165px; margin: 9px 0 0 10px; } #menus ul.recipeControl a.img { height: auto; float: left; clear: left; } #menus ul.recipeControl img { float: left; margin: 9px 0 0 0; clear: both; } #menus ul.recipeControl li { width: 508px; margin: 0 0 15px 0; } #menus ul.recipeControl li.hoverState {margin: 0 0 -9px 0;} #menus ul.recipeControl h1 { padding-bottom: 5px; height: 30px; border-bottom: 1px solid #d3dee0; } #menus ul.recipeControl li h3 { font-weight: bold; margin-bottom: 0.2em; border: 0; background: none; padding: 0; float: none; } #menus ul.recipeControl h2 { margin-bottom: 5px; border-bottom: 1px solid #d3dee0; float: none; width: auto; } /* User menu */ .userMenu .recipeControl { border-top:solid 1px #d3dee0; margin:20px 0; padding:20px 0 0 0; } .userMenu .recipeControl li { margin:0 0 20px 0; padding:0 0 20px 0; width:660px; border-bottom:solid 1px #d3dee0; } .userMenu .recipeControl li a.img { display:inline; } .userMenu .recipeControl li a img { float:left; } .userMenu .menuWrapper { float:left; width:250px; margin:0 0 0 20px; } .userMenu .menuWrapper h2 { width:auto; } .userMenu .menuWrapper h2, .userMenu .menuWrapper p { float:none; } .userMenu p { display:block; float:left; } /* ************************************************** 12 Arla forum FAQ - pagedefinition = #forum ************************************************** */ #forum #contentRelated .latestQuestions h2 { color:#505050; text-transform:uppercase; } #forum .faqMoreProducts {margin:2em 0 0;} #forum .faqStartPortlet { float: left; margin:0 0 1.1em 0; } #forum .first-portlet {margin:0 22px 1.1em 0;} #forum #pageRelated .first-portlet {margin-right: 0;} #forum h2.faq { color:#1a1a1a; padding:0; margin:0 0 .6em 0; font-weight: normal; clear: both; } #forum .faqPreamble, #forum h3.faq { padding:0.5em 0 1em; font-weight: normal; } #forum .faqPreamble {font-weight:normal;} #forum h2 span { display:block; color:#959595; font-weight: normal; } #forum ol.faq { border-top:solid 1px #e2e9eb; margin:0 0 5px; } #forum ol.faq li { border-bottom:solid 1px #e2e9eb; padding:5px 0; position:static; } #forum .answer ul { list-style-type:disc; padding:0 0 1em 1.8em; overflow:hidden; } #forum .popup .question { width: 240px; } #forum .popup .answer ul {padding:0 0 1em .5em;} #forum .answer ul li, #forum .answer ul li { border:none; padding:5px 0; position:static; float:none; } #forum .answer table {margin:20px 0;} #forum ol.faq li span { float:right; color:#959595; } #forum ol.faq li .answer span { float:none; } #forum ol.faq li span a { background-image:none; padding:0; display:inline; } #forum ol.faq a {cursor: pointer;} #forum ol.faq a.questionLink { background-image:url('http://gfx.arla.dk/icons/linkArrowSmallGreen.gif'); background-repeat:no-repeat; background-position:left 4px; padding:0 20px 0 10px; display:inline; } #forum ol.faq li a.selected { font-weight:bold; background-image:url('http://gfx.arla.dk/icons/linkArrowSmallGreenDown.gif'); background-repeat:no-repeat; background-position:left 4px; padding:0 20px 0 10px; } #forum .answer{ margin-top: 2em; } #forum .questioner{ display: block; margin-top: 0.5em; } #forum .moreProducts { margin:0 0 15px; display:block; font-weight:bold; } #forum .productsPuff { margin:6px 0 0; position:relative; } #forum .productsPuff .top { background-image:url('http://gfx.arla.dk/containers/blueGradientBoxTop_508px.gif'); background-repeat:no-repeat; background-position:left top; width:508px; height:10px; } #forum .productsPuff .content { background-image:url('http://gfx.arla.dk/containers/grayGradientBoxMiddle_508px.gif'); background-repeat:no-repeat; background-position:left bottom; width:506px; border-left:solid 1px #d3dee0; border-right:solid 1px #d3dee0; /*overflow:hidden; */ float: left; position: relative; } #forum .productsPuff .content ul { float: left; } #forum .productsPuff .content ul li { width:220px; float:left; margin:0 10px; } #forum .productsPuff .content .popup ul li {width:auto;} #forum .productsPuff .popup .content { background-image: none; border-left: 1px solid #ABCDAF; border-right: 1px solid #ABCDAF; } #forum .productsPuff .content ul li h2 { text-transform:uppercase; margin:0 0 5px; } #forum .productsPuff .content ul li a.popuplink { background-image:url('http://gfx.arla.dk/icons/linkArrowSmallGreen.gif'); background-repeat:no-repeat; background-position:left 4px; padding:0 0 0 10px; cursor:pointer; display:block; margin:0 0 3px; } #forum .productsPuff .bot { background-image:url('http://gfx.arla.dk/containers/grayGradientBoxBottom_508px.gif'); background-repeat:no-repeat; background-position:left bottom; width:508px; height:10px; clear: both; } #page .questionAnswerPage .fourColumn{width: 508px;} .questionAnswerPage h1{width: 308px; float: left;} /* Add this */ .addthis_toolbox{width: 142px; float: right;} .addthis_toolbox .at300m{line-height: 16px;} #at16pm{background-color: white;} .questionAnswerPage #contentRelated{ display: none; } /*#page .questionAnswerPage .productsPuff .bot{ background-image:url('http://gfx.arla.dk/containers/grayGradientBoxBottom_308px.gif'); width: 308px; } #page .questionAnswerPage .productsPuff .top{ background-image:url('http://gfx.arla.dk/containers/grayGradientBoxTop_308px.gif'); width: 308px; } #page .questionAnswerPage .productsPuff .content{ width: 306px; } */ #forum #content .faqPreamble { padding:0 0 20px; margin:20px 0; border-bottom:solid 1px #d3dee0; } #forum #content .faqPreamble p { color:#1a1a1a; line-height:20px; } #ContentArea .latestQuestions { width:225px; float:left; margin:0 0 20px 0; border:0; /* position:relative; */ } /* Portlet latest question */ #forum #ContentArea .last-portlet { margin-left: 20px !important; } #ContentArea .first-portlet { margin:0; } .contentPortletArea .latestQuestions.x-portlet img { margin:0; padding:0; clear: both; float: none; } .contentPortletArea .latestQuestions.x-portlet h2 { margin:0 0 3px; padding:0; } .contentPortletArea .latestQuestions.x-portlet img { margin:0; } .contentPortletArea .latestQuestions.x-portlet ul { margin:0 0 6px; padding:0; } .contentPortletArea .latestQuestions.x-portlet ul li { margin:0 0 3px; padding:0; position: relative; } .contentPortletArea .latestQuestions.x-portlet {display:block;} .contentPortletArea .latestQuestions.x-portlet {margin:0;} .latestQuestions ul li .popup .content {width:260px;} #pageContent .contentPortletArea .latestQuestions.x-portlet ul li a.popuplink { background-image:url('http://gfx.arla.dk/icons/linkArrowSmallGreen.gif'); background-repeat:no-repeat; background-position:left 4px; padding:0 0 0 10px; cursor:pointer; display: block; } /* Contact portlet */ .contact {margin:0 0 22px;} .contact span { color:#1a1a1a; margin:0 0 6px; display:block; } .contact span.phone { padding: .2em 0 .3em 0; } .contact h3 { font-weight:bold; color:#1a1a1a; } .officePhonePopup { position:absolute; bottom:-50px; left:5px; z-index:9999; } #forum #pageRelated .officePhonePopup .content, #pageContent #contentRelated .officePhonePopup .content { background-color:#efffef; border-bottom:solid 1px #9cb2a5; border-right:solid 1px #9cb2a5; border-left:solid 1px #9cb2a5; border-top:0; padding:0.8em 10px 0.5em; width:auto; } /* Latest questions portlet */ #contentRelated .latestQuestions { margin:0 0 22px; float:left; position:relative; } #contentRelated .latestQuestions ul {margin:6px 0;} #contentRelated .latestQuestions ul li { float:none; width:180px; margin:0 0 7px 0; } #contentRelated .latestQuestions ul li a { cursor:pointer; } #contentRelated .latestQuestions ul li span.date { color:#959595; display:block; } /* FAQ portlet */ #forum .faqpopup { position: absolute; left: -35px; bottom: auto; } #forum .productsPuff .faqpopup .content { width:255px; } #forum .faqpopup .content h2 { color:#1a1a1a; font-weight:bold; margin:0 0 6px; } #forum .faqpopup .content .answer { margin-top: 1em; } #forum .productsPuff .separator { /*overflow:hidden;*/ margin:0 0 1em 0; } /* ************************************************** 13 Top lists - page definition = #topList. Subpages: .newRecipe, .topListRecipe ************************************************** */ /* ---------- Top list recipes page -------------- */ #topListRecipeItems{ margin-bottom: 3em; float: left; } #topList ul.recipeControl h2.toplist { border-bottom:0; height:auto; padding-bottom:0; font-weight:bold; } #topList ul.recipeControl .popup{left: -36px;} #topList ul.recipeControl h3 { background: none; padding: 0; float: none; } #topList ul.recipeControl a.toplist { margin-top:5px; display:block; } #topList ul.recipeControl li { width:243px; margin:0; } #topList ul.recipeControl li.odd { margin: 1.2em 0 0 22px; } #topList ul.recipeControl li a.img { width: auto; height: auto; } #topList ul.recipeControl li a img { max-width:243px; } #topList ul.recipeControl { width:508px; margin:0; margin-bottom: 1em; } #topList ul.recipeControl li { margin: 1.2em 0 0 0; position:relative; } #topList ul.recipeControl li p { margin:.3em 0; } /* More top lists selector */ #topList #content .relatedBox { clear:left; } #topList #content .relatedBox img {float:left;} #topList #content .relatedBox ol { list-style-type:decimal; list-style-position:outside; padding:0 0 0 30px; float:left; width: 150px; outline-width: 30px; } #topList #content .relatedBox ul li ol li { height: auto; float: none; width: auto; margin: 0; padding: 0; } #topList #content .relatedBox ul li { float:left; width:230px; margin:0 5px 1em 0; color: #009114; } #topList #content .relatedBox ul li h3 { font-weight:bold; margin:0 0 .2em; text-transform: none; } /* ************************************************** 14 Arla Blog - pagedefinition = #blog ************************************************** */ #blog .blogBanner { display:block; width:472px; height:102px; background:transparent no-repeat url('http://gfx.arla.dk/elements/blogBanner.png') left top; padding:0px; margin:-23px 0px 35px 0px; } #blog #contentRelated .relatedBox { margin-bottom:15px; } #blog #contentRelated .blogArchive ul { margin-top:5px; } #blog #contentRelated .blogArchive ul li ul { margin-top:0px; } #blog #contentRelated .blogArchive ul li ul li a { line-height:14px; } #blog .blogList{} #blog .blogPreamble { margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #999; } #blog .blogList .blogItem { margin-bottom:15px; padding-bottom:20px; border-bottom:1px dashed #999; width:472px; overflow:hidden; } #blog .blogItem .commentThis { float:left; margin-left:10px; margin-top:4px; font-size:12px; } #blog .blogItem .commentThisTop { margin-top:10px; } #blog .blogItem .blogItemContent { margin:10px 0px 15px 0px; font-size:12px; } #blog .blogItem .blogItemContent * { font-size:12px; } #blog .blogItem .blogItemContent p, #page #blog .blogItem .blogItemContent p { margin-bottom:10px; } #blog .blogItem .blogItemContent ul { list-style-type:disc; margin-left:15px; } #blog .blogItem h2 { font-size:22px; font-weight:bold; } #blog .blogItem h2 a { color:#323232; text-decoration:none; } #blog .blogItem em.date { font-size:12px; font-style:normal; color:#999; } #blog .blogItem a.more{ background: url('http://gfx.arla.dk/icons/linkArrowSmallGreen.gif') no-repeat 0 4px; padding-left: 8px; font-size:12px; } #blog .blogCommentDisclaimer { float:right; font-size:12px; margin-top:16px; width:170px; } #blog .commentBubble, #blog .commentBubble span { float:left; white-space:nowrap; height:25px; line-height:21px; color:#fff; font-size:10px; text-decoration:none; background:transparent no-repeat url('http://gfx.arla.dk/elements/blogCommentRight.png') right top; } #blog .commentBubble span { background:transparent no-repeat url('http://gfx.arla.dk/elements/blogCommentLeft.png') left top; padding-left:11px; padding-right:10px; } .rssFeedBox { width:180px; height:30px; overflow:hidden; float:left; margin-bottom:15px; background:transparent no-repeat url('http://gfx.arla.dk/elements/rss_related_box.png') left top; padding-left:10px; font-size:12px; } .rssFeedBox .feedBoxTitle { float:left; margin-top:7px; color:#646464; } .rssFeedBox a.rssFeed { width:20px; height:19px; float:left; margin-top:5px; margin-left:5px; background:transparent no-repeat url('http://gfx.arla.dk/icons/rss_atom.png') left top; } .bloggerInfo { margin-bottom:15px; margin-top:-10px; } .bloggerInfo img { border:1px solid #ccc; margin-bottom:10px; } .bloggerInfo .quote { background:#eaf8ec no-repeat url('http://gfx.arla.dk/elements/blogQuoteTop.png') left top; border-bottom:1px solid #ccc; } .bloggerInfo .quote .content { border-bottom:1px solid #fff; margin:0px; font-style:italic; padding:25px 15px 10px 15px; } .bloggerInfo .quote .content p { line-height:20px; } .bloggerInfo .quote .content a.more { display:block; margin-top:10px; font-size:12px; } .blogComments, #blog .blogComments { margin-top:12px; margin-left:1px; } .blogComments label, #blog .blogComments label { color:#333; font-weight:bold; } .blogComments .captcha label, #blog .blogComments .captcha label { float:left; margin-top:9px; } .blogComments .checkbox label, #blog .blogComments .checkbox label { font-weight:normal; } .blogComments input, #blog .blogComments input, .blogComments textarea, #blog .blogComments textarea { border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; padding:4px; color:#646464; width:250px; margin-bottom:10px; margin-top:4px; margin-left:-1px; } .blogComments textarea, #blog .blogComments textarea { width:450px; height:120px; } .blogComments .checkbox, #blog .blogComments .checkbox { margin-bottom:15px; } .blogComments .checkbox input, #blog .blogComments .checkbox input { border:none; -moz-border-radius:none; -webkit-border-radius:none; width:auto; margin-left:2px; margin-right:3px; margin-bottom:0; } .blogComments .submit input, #blog .blogComments .submit input { border:none; color:#fff; padding:3px 7px 5px 12px; width:auto; margin:0 -12px; } .blogComments input.commentCaptcha, #blog .blogComments input.commentCaptcha { width:45px; margin-left:8px; } .blogComments .captcha, #blog .captcha { margin-top:10px; margin-bottom:10px; } .blogComments .valError, #blog .valError { margin-left:3px; color:#f00; font-weight:bold; } #blog .blogCommentList { margin-top:20px; } #blog .blogCommentList .blogCommentItem { margin-bottom:15px; padding-bottom:20px; border-bottom:1px dashed #999; } #blog .blogCommentList .blogCommentItem h3 { font-size:14px; } #blog .blogCommentList .blogCommentItem em.date { font-size:11px; font-style:normal; color:#999; } #blog .blogCommentList .blogCommentContent { margin-top:10px; } #blog .blogRating { margin:15px 0px 5px 0px; height:26px; } #blog .likeDislikeThis { float:left; } #blog .blogRating h3 { float:left; line-height:28px; margin-right:5px; font-size:12px; color:#646464; } #blog .blogRating div.addthis_toolbox h3 { line-height:22px; font-size:12px; } #blog .blogRating div.addthis_toolbox { float:left; border:1px solid #dcdcdc; background:#f2f2f2; width:auto; -moz-border-radius:3px; -webkit-border-radius:3px; padding:2px 10px 0px 8px; margin:0; height:24px; } #blog .blogRating div.addthis_toolbox .toolBar { float:left; } #blog .blogRating div.addthis_toolbox li.hoverState, #blog .blogRating div.addthis_toolbox li.hoverState div, #blog .blogRating div.addthis_toolbox li.selected, #blog .blogRating div.addthis_toolbox li.selected div { background:transparent; } #blog .blogRating div.addthis_toolbox .at15t_facebook { background:url('http://gfx.arla.dk/icons/blog_share_facebook.png') no-repeat scroll 0 0 transparent; height:18px; line-height:18px !important; width:18px; } #blog .blogRating div.addthis_toolbox .at15t_twitter { background:url('http://gfx.arla.dk/icons/blog_share_twitter.png') no-repeat scroll 0 0 transparent; height:18px; line-height:18px !important; width:18px; } #blog .blogRating div.addthis_toolbox .addthis_button_email{ padding:0px; margin-top:0px; background:url('http://gfx.arla.dk/icons/blog_share_mail.png') no-repeat scroll 0 0 transparent; height:18px; line-height:18px !important; width:26px; } #blog .blogRating div.addthis_toolbox .addthis_button_print{ display:none; } #blog .blogRating div.addthis_toolbox .addthis_button_email img, #blog .blogRating div.addthis_toolbox .addthis_button_expanded img { display:none; } #blog .blogRating div.addthis_toolbox .addthis_button_expanded{ padding:0px 0px 0px 21px; margin:0 0 0 -8px; background:url('http://gfx.arla.dk/icons/blog_share_plus.png') no-repeat scroll 0 0 transparent; height:18px; line-height:18px !important; width:17px; float:left; color:#646464; } #blog .blogRating div.addthis_toolbox .at300bs:hover, #blog .blogRating div.addthis_toolbox .addthis_button_email:hover, #blog .blogRating div.addthis_toolbox .addthis_button_print:hover, #blog .blogRating div.addthis_toolbox .addthis_button_expanded:hover { opacity: 0.8; -moz-opacity:0.8; } .blogAdminContent, #page .blogAdminContent { font-size:12px; } .blogAdminContent legend { font-weight:bold; font-size:16px; margin:0; padding:0; } .blogAdminContent textarea { padding:3px; margin-top:5px; margin-bottom:5px; } .blogAdminContent .backToList, #page .blogAdminContent .backToList { font-size:12px; } .adminBlogItemList { overflow:auto; border:1px solid #bec0c2; margin:10px 0 10px 0; padding:15px; height:200px; } .blogAdminContent input.error { border:1px solid #f00; padding:1px; } .blogAdminContent label.error { color:#f00; } /*************************************************** 22 Brandworld (Campaign) ***************************************************/ .campaignArea { padding: 1em 18px; } .campaignArea .iframe{ width: 904px; overflow: hidden; } /* Full width - no borders */ #brandworldFull .campaignArea { padding:0; } #brandworldFull .campaignArea .iframe{ width: 940px; overflow: hidden; } #brandworldFull #pageContainer { background:transparent; padding-top:0; } #brandworldFull #pageBackground { background:transparent; } #brandworldFull #pageContainerBottom { background:transparent; padding-top:0; } /*************************************************** Book a farm ***************************************************/ .groupSelection tbody tr td span.family, .groupSelection tbody tr td span.adult { display:block; } /* page layout #book-a-farm #pageContent { width: auto; } */ #book-a-farm #content { width: 508px; } #book-a-farm .full { width: 704px; } #book-a-farm .combinedRelatedColumn .threeColumn { width: 515px; } /* #book-a-farm .double.withNav { width: 515px; } */ #book-a-farm .double.withNav .fourColumn { width: 315px; } #book-a-farm div.contentPortletArea { clear: both; } /* related box */ #book-a-farm div.relatedBox { margin-bottom: 1.5em; } #book-a-farm .threeColumn div { margin-top: 6px; } #book-a-farm .threeColumn div ul { display: inherit; list-style-position: outside; padding: 0; } #book-a-farm .threeColumn div ul li { margin-bottom: 10px; } /* #book-a-farm .threeColumn div p { font-size: 13px; } #book-a-farm .threeColumn span { font-weight: bold; font-size: 13px; } */ /* book button */ #book-a-farm #contentRelated .bookButton { width: 100%; text-align: center; margin-bottom: 10px; } /* booking form */ #book-a-farm .form { width: 508px; margin-bottom: 30px; } #book-a-farm .form fieldset div, #book-a-farm .form fieldset dt, #book-a-farm .form fieldset dd, #book-a-farm .form fieldset label { margin-bottom: .5em; } #book-a-farm .form fieldset label.checkboxLabel, #book-a-farm .form fieldset label.radioLabel , #content .form fieldset label.checkboxLabel, #content .form fieldset label.radioLabel{ margin-bottom:0; display:inline; cursor:pointer; position:relative; top:-2px; } #book-a-farm .form fieldset input.checkboxInput, #book-a-farm .form fieldset input.radioInput, #content .form fieldset input.checkboxInput, #content .form fieldset input.radioInput{ padding:0; width:auto; border:none; margin:3px 5px 0px 0px; } #content .form input.submitInput, #book-a-farm .form input.submitInput, #content input.farmerLoginSubmit{ background-color:#009114; border:1px solid #009114; cursor:pointer; font-weight:bold; padding:2px 4px; width:auto; color:#fff; font-size:1.2em; margin-top:5px; } #content .recoveryPasswBtn, #book-a-farm .form span.recoveryPasswBtn{ margin-top: 1em !important; } #book-a-farm .form .accept-visit p { margin-bottom: 15px; } #content .recoveryPasswBtn input.farmerLoginSubmit{ border: none; background-color: transparent; border: medium none; cursor: pointer; float: left; font-size: 1.2em; font-weight: bold; height: 26px; left: 0; margin: 0 -12px; overflow: visible; padding: 3px 7px 5px 12px; position: relative; top: 0; } #content .form span.submit input.submitInput, #book-a-farm .form span.submit input.submitInput{ background-color:transparent; float:left; font-weight:bold; font-size:1.2em; height:26px; left:0; margin:0 -12px; overflow:visible; padding:3px 7px 5px 12px; position:relative; top:0; border:none; cursor:pointer; } #book-a-farm .form fieldset legend, #book-a-farm .form label{ font-size:1.2em; margin-bottom:5px; } #book-a-farm .form fieldset { margin-bottom:5px; } #book-a-farm .form textarea, #book-a-farm .form select { font-size:1.2em; } #book-a-farm .form h3 { margin: 0 0 10px 0; padding: 20px 0 3px 0; border-bottom: 3px solid #008e0c; text-transform: uppercase; color: #505050; } #book-a-farm dd div { color: #666; } #book-a-farm dd div.note { padding: 5px 0; } #book-a-farm div.formFooter, #book-a-farm div.formFooter div { float: left; margin: 10px 0; } #book-a-farm .form fieldset .rejectVisitSubmit, #book-a-farm .form fieldset .proposeNewTimeSubmit { display:block; margin-top:15px; } /* related farm info */ #book-a-farm #pageRelated .farmInfo h4 { margin: 0; color: #000; } #book-a-farm #pageRelated .farmInfo .image { margin: 10px 0; } #book-a-farm #pageRelated .farmInfo a.arrowSmall { margin-top: .5em; float: left; } /* fields */ #book-a-farm input.text, #book-a-farm textarea { width: 300px; padding: 3px; border: 1px solid #888; float: left; } #book-a-farm textarea { width: 300px; height: 50px; overflow: auto; float: none; } #book-a-farm input.number { width: 50px; } #book-a-farm input.datepicker { width: 75px; } /* buttons */ #book-a-farm input.button { cursor: pointer; } #book-a-farm .form span.submit { margin-top: 2em; } #book-a-farm .form span.bookSubmit { margin-top: 0; } /* radio buttons + checkboxes */ #book-a-farm .filterForm .ecologicalFilter input { width: auto; border: 0; } #book-a-farm .form .checkbox{ margin-top: 10px; display: block; line-height: 20px; height: 20px; margin-right: 2px; } #book-a-farm .form .checkbox input { border: 0; width: auto; margin-right: 5px; } #book-a-farm .form .filters label { margin-right: 5px; } #book-a-farm .form .reminder { padding-bottom: 0; } #book-a-farm .form .radio { display: block; } #book-a-farm .form .radio input { border: 0; width: auto; margin-right: 5px; } #book-a-farm .form span.error { margin-left: 5px; } #book-a-farm .form span.errorMessage { font-size: 12px; color: #f00; margin-left: 0; } /* booking request accepted */ #book-a-farm .requestAccepted { line-height: 18px; width: 480px; } #book-a-farm .requestAccepted h1 { line-height: 100%; margin-bottom: .2em; } #book-a-farm .requestAccepted .info { padding: 10px; margin-top: 20px; border: 1px solid #aaa; } #book-a-farm .requestAccepted .info h4 { margin-top: 10px; font-size: 12px; } #book-a-farm .requestAccepted .entered { float: left; } #book-a-farm .requestAccepted .tools { float: right; } #book-a-farm a.mail { background: url("gfx/icons/shareRecipe.gif") no-repeat scroll 0 3px transparent; padding-left: 20px; padding-top: 2px; } /* search on google map page */ #book-a-farm.combinedRelatedColumn #pageContent { width: auto; } #book-a-farm .filterForm .left { float:left; width:534px; } #book-a-farm #searchZipText { margin: 5px 10px 0 0; } #book-a-farm .filterForm .zipSearch { font-size: 13px; float:left; margin-bottom:0px; } #book-a-farm #searchZipError { font-size: 11px; color: #a22; float: left; } #book-a-farm .zipSearch span.submit { margin-top: 3px; } /* Styling of legend for Google Map - it's a dl with icon in dt and description in dd */ #book-a-farm .filterForm .legend { width:150px; float:left; } #book-a-farm .filterForm .ecologicalFilter { clear:left; padding-top:10px; } #book-a-farm .filterForm .legend dt { float:left; clear:left; margin-top:0px; width:36px; padding-top:2px; } #book-a-farm .filterForm .legend dd { float:left; padding-top:4px; } /* google map marker / info box */ #book-a-farm .google_marker { display: none; } #book-a-farm .farmInfo { font-size: 12px; width: 100%; line-height: 1; } #book-a-farm .farmInfo tr, #book-a-farm .farmInfo td, #book-a-farm .farmInfo a { } #book-a-farm .farmInfo tbody { overflow: hidden; } #book-a-farm .farmInfo tr { overflow: hidden; } #book-a-farm .farmInfo .image img { margin-top: 10px; } #book-a-farm .farmInfo a { } #book-a-farm .farmInfo strong { } #book-a-farm table td { vertical-align: top; } #book-a-farm .article table td { white-space: normal; font-size: 12px; } #book-a-farm .google_map { width: 100%; height: 560px; } #book-a-farm .farmInfo .book { white-space: normal; } .farmInfo .description{ padding: 0; } /* form for search / filter */ #book-a-farm .filterForm { margin: 2px 0 10px 0; } #book-a-farm .filterForm input.text { padding: 3px; } #book-a-farm .filterForm .ecologicalFilter input, #book-a-farm .filterForm .ecologicalFilter label { display: block; float: left; line-height: 20px; height: 20px; margin-right: 2px; } #book-a-farm .filterForm .ecologicalFilter input { width: auto; } /* article */ #book-a-farm div.addthis_toolbox { margin-bottom: 0; margin-top: 10px; margin-right: 0; } #book-a-farm .relatedBox ul.arrowList li { float: none; } #book-a-farm .relatedBox .contact { width: 30%; float: left; margin-right: 5%; } #book-a-farm .relatedBox .openingHours { width: 35%; float: left; } #book-a-farm .relatedBox .book { width: 30%; overflow: hidden; padding-top: 15px; } #book-a-farm .contentPortletArea .relatedBox .content { padding-right: 5px; } /* #book-a-farm p { padding-bottom: 10px; }*/ #book-a-farm .article img { padding: 10px 0; } #book-a-farm img.left { float:left; padding-right:10px; } #book-a-farm img.right { float:right; padding-left:10px; } #book-a-farm img.left-top { float:left; padding: 0 10px 0 0; } #book-a-farm img.right-top { float:right; padding: 0 0 0 10px; } #book-a-farm .article-image { margin-bottom: 1.5em; } /* full width box (used by google map) */ #book-a-farm .fullWidthBox { width: 100%; margin-top: 10px; } #book-a-farm .fullWidthBox .top { background: url("book-a-farm/gfx/bg-full-width-box.gif") no-repeat scroll left top transparent; height: 3px; } #book-a-farm .fullWidthBox .innerTop { background: url("book-a-farm/gfx/bg-full-width-box.gif") no-repeat scroll 0 -3px transparent; height: 21px; } #book-a-farm .fullWidthBox h3 { color: white; padding: 2px 27px 0 7px; } #book-a-farm .fullWidthBox .content { background: url("book-a-farm/gfx/bg-full-width-box.gif") no-repeat scroll left bottom transparent; padding: 10px; } /* list visits */ #book-a-farm .listVisits { width:715px; margin-top:10px; float: left; } #book-a-farm .listVisitsInput{ float:left; margin-bottom: 5px; clear: both; } #book-a-farm .listVisitsInput input{ margin-right:10px; } #book-a-farm .listVisitsInput label{ font-size:11px; } #book-a-farm .listVisitsSubmit{ float:left; margin-top:13px; } #book-a-farm .bookFError { clear: both; } #book-a-farm .listVisits table, #book-a-farm .visitSummery .listTypeOfVisits table, #book-a-farm .visitSummery .listAmountOfVisits table { width: 100%; font-size: 11px; border: 1px solid #d4d4d4; } #book-a-farm .listVisits table th, #book-a-farm .listVisits table td , #book-a-farm .visitSummery .listTypeOfVisits table th, #book-a-farm .visitSummery .listTypeOfVisits table td, #book-a-farm .visitSummery .listAmountOfVisits table th, #book-a-farm .visitSummery .listAmountOfVisits table td { padding: 3px; } #book-a-farm .listVisits table th, #book-a-farm .visitSummery .listTypeOfVisits table th, #book-a-farm .visitSummery .listAmountOfVisits table th{ background: #a8d987; text-align: left; font-weight: bold; } #book-a-farm .listVisits table tr.odd td, #book-a-farm .visitSummery .listTypeOfVisits table tr.odd td, #book-a-farm .visitSummery .listAmountOfVisits table tr.odd td { background: #eef9ea; } #book-a-farm .listVisits ul, #book-a-farm .listVisits ul li, #book-a-farm .visitSummery .listTypeOfVisits ul, #book-a-farm .visitSummery .listTypeOfVisits ul li, #book-a-farm .visitSummery .listAmountOfVisits ul, #book-a-farm .visitSummery .listAmountOfVisits ul li { display: inline; } #book-a-farm .visitSummery .listTypeOfVisits { width:315px; margin-top:10px; } #book-a-farm .visitSummery .listTypeOfVisits table tfoot tr, #book-a-farm .visitSummery .listAmountOfVisits table tfoot tr{ text-align: left; font-weight: bold; } #book-a-farm .visitSummery .listTypeOfVisits, #book-a-farm .visitSummery { float:left; } #book-a-farm .visitSummery .listAmountOfVisits { width:315px; margin-top:10px; float: right; } #book-a-farm .visitSummery { width:715px; display: inline; } #book-a-farm td.chrnumber input { width: 75px; } /* END book a farm */ /*************************************************** 23 Portlets ***************************************************/ /* -------- Content relatedBox --------- */ div.contentPortletArea div.relatedBox { background: transparent url(http://gfx.arla.dk/containers/relatedBoxTopWide.gif) no-repeat scroll left top; width: 509px; padding:4px 0 0; } div.contentPortletArea div.relatedBox .content { background: transparent url(http://gfx.arla.dk/containers/relatedBoxContentWide.png) no-repeat scroll left bottom; padding:1em 1.3em; overflow:hidden; } div.contentPortletArea div.relatedBox h3 { text-transform: uppercase; color: #505050; } div.contentPortletArea div.relatedBox .content ul { margin:.5em 0 0 0; list-style-type:none; padding:0; clear: both; } div.contentPortletArea div.relatedBox .content ul li { float:left; width:91px; margin:0 0 .1em; } /* article */ div#article div.contentPortletArea div.relatedBox { background:transparent url(http://gfx.arla.dk/containers/relatedArticlesTop.gif) no-repeat scroll left top; width:308px; } div#article div.contentPortletArea div.relatedBox .content { background: transparent url(http://gfx.arla.dk/containers/relatedBoxContent.png) no-repeat scroll left bottom; } /* threeColumn */ .threeColumn div.contentPortletArea div.relatedBox { background: transparent url(http://gfx.arla.dk/containers/relatedBoxTopThreeCol.png) no-repeat scroll left top; width: 472px; padding:4px 0 0; } .threeColumn div.contentPortletArea div.relatedBox .content { background: transparent url(http://gfx.arla.dk/containers/relatedBoxContentThreeCol.png) no-repeat scroll left bottom; padding:1em 1.3em; overflow:hidden; } /* -------- productFAQ ---------- */ .productFAQ .content .contract{ margin-bottom: 5px; } /* -------- Theme box ---------- */ #frontpage .themeTeaserArea .x-portlet{ margin: 0 22px 0 0; } #frontpage .brandingBoxArea .first-portlet{ float: left; } #frontpage .brandingBoxArea .last-portlet{ float: right; } #frontpage .themeTeaserArea .last-portlet{ float: right; margin-right: 0; } div.themeBox { width: 224px; overflow: hidden; } div.themeBox p {margin: 0 0 0.4em 0;} div.themeBox ul.recipelist {font-weight: bold;} div.themeBox h3 { font-weight: bold; margin-bottom: .3em; } div.themeBox img.copyImage {margin-bottom: .7em;} div.themeBox div.themeImage { width: 224px; overflow: hidden; margin-bottom: .7em; } /* ------ Current Topics Box portlet ------*/ div.currentTopicsBox { background: transparent url('http://gfx.arla.dk/containers/currentTopicsBoxTop.gif') no-repeat scroll left top; padding-top: 5px; width: 179px !important; float: left; overflow: hidden; } div.currentTopicsBox div.content { background:transparent url('http://gfx.arla.dk/containers/currentTopicsBoxBot.gif') no-repeat scroll left bottom; clear: both; padding: .5em 14px .5em 14px; /*width:157px;*/ } div.currentTopicsBox div.content h3 { text-transform: uppercase; margin-bottom: .5em; } div.currentTopicsBox div.content p{ margin-bottom: .5em; } div.currentTopicsBox div.content h6 {font-weight: bold;} div.currentTopicsBox div.content div.imageBanner {text-align: center;} div.currentTopicsBox ul.currentTopics { overflow: hidden; } div.currentTopicsBox ul.currentTopics li { border-top: dotted 1px #a0c4a9; padding: 0.5em 0; } div.currentTopicsBox ul.currentTopics li.lastItem { margin: 0 0 0.1em 0; } div.currentTopicsBox ul.currentTopics li a { color: #009114; background: url('http://gfx.arla.dk/icons/linkArrowSmallGreen.gif') no-repeat 0 4px; padding-left: .9em; } div.currentTopicsBox img {margin-bottom: .8em;} /* ------ Current Topics on NoHits search page ------ */ .noHits .currentTopicsBox{ width: 326px; background:transparent url(http://gfx.arla.dk/containers/currentTopicsBoxTop_greenGradient.gif) no-repeat scroll left top; padding-top: 4px; } .noHits .currentTopicsBox .content{ float: left; background: #ebf6f9 url(http://gfx.arla.dk/containers/currentTopicsBoxBot_greenGradient.gif) no-repeat bottom; padding: 1em 12px; width: 302px; } .noHits .hr{margin: 2em 0;} div.searchResults.noHits div.currentTopicsBox ul.currentTopics li { border: 0; float: left; width: 150px; border: 0; padding: 0.3em 0; } .noHits div.currentTopicsBox ul.currentTopics li a{ background: url('http://gfx.arla.dk/icons/linkArrowSmallGreen.gif') no-repeat 0 4px; padding-left: 8px; font-weight: normal; border: 0; } /* ------ Branding Box ------*/ div.brandingBox { background:transparent url('http://gfx.arla.dk/containers/brandingBoxTop.gif') no-repeat scroll left top; padding-top: 6px; width: 326px; float: left; } div.brandingBox.first { margin-right: 20px;} div.brandingBoxArea{ background:transparent url('http://gfx.arla.dk/containers/brandingBoxBot.gif') no-repeat scroll left bottom; } div.brandingBox div.content { padding:.6em 11px .8em 10px; width: 305px; float: left; } div.brandingBox div.left { float: left; width: 200px; } div.brandingBox div.right { float: right; width: 105px; overflow: hidden; } div.brandingBox div.right img {float: right;} div.brandingBox div.content p {clear: both;} div.brandingBox div.content p a {font-weight: lighter;} div.brandingBox div.content img.noFloat {float: none;} div.brandingBox div.content p.brandingText {margin-bottom: .5em;} div.brandingBox div.content img.heading {margin-bottom: .7em;} div.brandingBox ul.recipelist { clear: left; float: none; font-weight:bold; } /* ---- Branding Box Without Header ---- */ div.noHeader h4 { display:none; } div.noHeader div.right{ top:0px; } div.noHeader .content div.cLT, div.noHeader .content div.cRT, div.noHeader .content div.cRB, div.noHeader .content div.cLB{ position:absolute; z-index:999; left:0px; top:0px; background:transparent no-repeat url(http://gfx.arla.dk/containers/corner_left_top_white.png) left top; width:4px; height:4px; } div.noHeader .content div.cRT{ left:auto; right:0px; background-image:url(http://gfx.arla.dk/containers/corner_right_top_white.png); } /* ---- Branding Box Narrow ---- */ #page .themeTeaserArea div.narrowBrandingBox { width: 179px; background: url("gfx/containers/bg-box-narrow-frontpage-sprite.png") no-repeat scroll left top #FFFFFF; } #pageContent .themeTeaserArea div.narrowBrandingBox div.content h4 { width: 157px !important; background-image: url("gfx/containers/bg-box-narrow-frontpage-sprite.png"); } #page .themeTeaserArea div.narrowBrandingBox .right { width: 179px; } #page .themeTeaserArea div.narrowBrandingBox .left { width: 153px; } #page .themeTeaserArea div.narrowBrandingBox .content { width: 179px; background-image: url("gfx/containers/bg-box-narrow-frontpage-sprite.png"); } /* ------ Information Box ------*/ #frontpage .informationBoxArea .x-portlet, #arlaFarm .informationPortletArea .x-portlet, #arlaFarm .lastInformationPortletArea .x-portlet{ margin: 0; width: 326px; } #arlaFarm .informationPortletArea .x-portlet{width: 224px; margin-top: 0.8em} #arlaFarm .lastInformationPortletArea .x-portlet{width: 100%;} #arlaFarm .lastInformationPortletArea .first-portlet{border-top: 1px solid #d3dee0; margin-top: 1.1em} #frontpage .informationBoxArea .first-portlet #arlaFarm .informationPortletArea .first-portlet{ float:left; } #frontpage .informationBoxArea .last-portlet, #arlaFarm .informationPortletArea .last-portlet{ float: left; } div.informationBoxArea .x-portlet{ margin: 5px 16px 1.5em 0; } div.informationBoxArea .last-portlet{ margin-right: 0; } div.informationbox div.bot { height:5px; clear: both; } div.informationbox div.content { padding: 1em 0; float: left; } div.informationbox div.content div.text { float: left; width: 232px; } div.informationbox div.content h2 { margin-bottom: .2em; clear: right; } div.informationbox div.content p { margin: 0 0 .4em 0; } div.informationbox div.content div.img { float: left; margin-right: 10px; } #arlaFarm .informationPortletArea div.text{width: 224px;} #arlaFarm .lastInformationPortletArea div.text{width: 352px;} /* ------ Subscription portlet ------ */ #page div.subscriptionPortlet .subDescPopup{ width: 176px; } #page div.subscriptionPortlet .saveItemPopup .content { padding: 0 !important; } #page div.subscriptionPortlet ul.checkboxList{ width: 100% } #page div.subscriptionPortlet ul.checkboxList li{ padding-left: 0; float: left; } #page div.subscriptionPortlet ul.checkboxList li a{ display: block; float: left; width: 160px; } #page div.subscriptionPortlet a.favorite { display: block; background: url('http://gfx.arla.dk/icons/icon-newsletter.png') no-repeat left 2px; padding-left: 23px; cursor: pointer; } #page div.subscriptionPortlet a.selected { background:url(http://gfx.arla.dk/icons/linkArrowSmallGreenDown.gif) no-repeat left center; } #page div.subscriptionPortlet a.favoriteSaved, #page div.subscriptionPortlet a.favoriteSaved:hover { cursor: default; color: #333333; font-weight: bold; text-decoration: none; } #page div.subscriptionPortlet a.forgotPassWord { width: 125px; } #page div.subscriptionPortlet div.saveItemPopup .error { margin-bottom: 5px; } #page div.subscriptionPortlet div.saveItemPopup .serverError h3 { width: 170px; overflow: visible; white-space: normal; padding-bottom: 10px; } /* ------ Eco To Do Portlet ------ */ .ecoToDoPortlet{ background: #e5f4e7 url(http://gfx.arla.dk/elements/ecoToDoTop.png) no-repeat top; width: 180px; padding-top: 22px; padding-bottom: 2em; } .ecoToDoPortlet .content{margin: 1em 10px; width: 156px;} .ecoToDoPortlet .content p{margin-bottom: .4em;} .ecoToDoPortlet .content a.arrowSmall{font-weight: bold;} .ecoToDoPortlet h2{color: #005019; margin-bottom: 0.5em;} #contentRelated .ecoToDoPortlet h3{color: #005019; margin-top: 1em; text-transform: none; clear:both;} .ecoToDoPortlet ul li{ background: url(http://gfx.arla.dk/elements/ecoToDoChkboxChecked.gif) no-repeat left top; padding-left: 20px; color: #005019; font-weight: bold; margin-bottom: .5em; line-height: 17px; padding-top: .2em; } /* ------ Upcoming events ------ */ .upcommingEvents dt{ font-weight: bold; } /* ------ Tag Cloud portlet ------- */ #page .tagCloud ul.tags { float: none; } #page .tagCloud ul.tags li { display: inline; background: none; margin: 0; padding: 0 10px 0 0; width:auto; } #page .tagCloud .content { overflow: hidden; } /* ------- Tags ----- */ #forum div.tags { background: transparent url(http://gfx.arla.dk/icons/icon-tag.png) no-repeat left top; padding: 0 0 3px 25px; margin-bottom: 5px; color: #009114; } /* ------- Quick poll portlet ----- */ #pageCenter #page .quickPollVotingPortlet .content { padding-bottom:15px; } #pageCenter #page .quickPollVotingPortlet .content .loaderAnim { background:transparent no-repeat url(http://gfx.arla.dk/icons/ajaxAnimBigGrey.gif) 50% 50%; height:50px; } #pageCenter #page .quickPollVotingPortlet .quickPollVotingStates { } /* Hiding original span surrounding asp:radiobuttonlist */ #pageCenter #page #pageContainer .quickPollVotingAnswers{ display:none; } /* Then showing it againg after the arlaCustomFormList plugin has converted it to ul */ #pageCenter #page #pageContainer ul.quickPollVotingAnswers{ display:block; } #pageCenter #page #pageContainer ul.quickPollVotingAnswers li { margin-bottom:10px; } #pageCenter #page #pageContainer ul.quickPollVotingAnswers li input { font-size:12px; color:#a0a0a0; padding:1px 0px 1px 3px; margin-top:-1px; width:145px; } #pageCenter #page #pageContainer ul.quickPollVotingAnswers li.checked input { color:#000; } #pageCenter #page #pageContainer .quickPollVotingPortlet .quickPollVotingStates ul.quickPollVotingAnswers { margin-top:15px; margin-bottom:15px; } #pageCenter #page .quickPollVotingPortlet .quickPollVotingStates .submit { float:left; } #pageCenter #page .quickPollVotingPortlet .quickPollVotingStates .submit input { font-size:12px; } #pageCenter #page .quickPollVotingPortlet .quickPollVotingStates a.showResult, #pageCenter #page .quickPollVotingPortlet .quickPollVotingStates a.showVoting, #pageCenter #page .quickPollVotingPortlet .quickPollVotingStates p.totalVotes { float:right; font-size:11px; margin-top:5px; } #pageCenter #page .quickPollVotingPortlet .quickPollVotingStates p.totalVotes { color:#333; } #pageCenter #page .quickPollVotingPortlet .quickPollVotingStates a.showVoting { clear:both; margin-top:0px; } #pageCenter #page .quickPollVotingPortlet .quickPollVotingStates .voteError { font-size:11px; margin-top:15px; margin-bottom:15px; color:#e60000; } ul.quickPollVotingResult, #pageCenter #page #pageContainer .quickPollVotingPortlet .quickPollVotingStates ul.quickPollVotingResult { margin-top:10px; margin-bottom:0px; list-style-type:none; float:none; display:block; } ul.quickPollVotingResult li, #pageCenter #page #pageContainer .quickPollVotingPortlet .quickPollVotingStates ul.quickPollVotingResult li { background:none; padding:0px; margin:0px 0px 5px 0px; display:block; } ul.quickPollVotingResult em, #pageCenter #page #pageContainer .quickPollVotingPortlet .quickPollVotingStates ul.quickPollVotingResult em { color:#666; font-size:11px; font-style:normal; display:block; } .quickPollScoreBar { background: #4aa930; float:left; padding:0px; margin:3px 5px 0px 0px; height:8px; line-height:8px; overflow:hidden; } /* ------ Content Related Boxes ------ */ #contentRelated h3 { color: #505050; text-transform: uppercase; } #contentRelated div.relatedBox, #content.double div.right div.relatedBox { background:transparent url(http://gfx.arla.dk/containers/relatedThemeTop.gif) no-repeat scroll left top; width: 180px; padding-top: 4px; background-color: #ffffff; float: left; } #content.double div.right div.relatedBox{margin-bottom: 1.2em;} #contentRelated div.relatedBox a{line-height:1.3em;} #contentRelated div.relatedBox p{ margin: 0 0 0.3em 0 !important; } #contentRelated div.relatedBox ul{ margin-bottom: .8em; list-style-type: none; } #contentRelated div.relatedBox ul li { width: 148px; margin: 0 0 0.2em 0; } #contentRelated div.relatedBox div.content, #content.double div.right div.relatedBox div.content { background:transparent url(http://gfx.arla.dk/containers/relatedThemeBot.png) no-repeat scroll left bottom; padding: .8em 10px 0.5em; width: 160px; border: 0; float: left; } #contentRelated div.relatedBox div.content .content{ background: none; padding: 0; width: auto; } #contentRelated div.noTopFill, #content.double div.right div.noTopFill{ background:transparent url(http://gfx.arla.dk/containers/noFillBoxTop.gif) no-repeat scroll left top; } /* View Shopping List*/ #contentRelated .viewShoppingList { margin-bottom:2em; } #contentRelated .viewShoppingList h3 { margin-bottom: .5em; } #contentRelated .viewShoppingList .content { /*overflow:hidden;*/ } #contentRelated .viewShoppingList .content select { float:left; width:115px; margin:0px; color:#389114; } #contentRelated .viewShoppingList .content a.print, #contentRelated .viewShoppingList .content a.email, #contentRelated .viewShoppingList .content a.sms { float:right; width:15px; height:16px; line-height:16px; padding:0px; margin:0px 0px 0px 5px; background:transparent no-repeat url(http://gfx.arla.dk/icons/recipeOptionPrint.gif) 50% 50%; } #contentRelated .viewShoppingList .content a.email { background-image:url(http://gfx.arla.dk/icons/shareViaMail.gif); } #contentRelated .viewShoppingList .content a.sms { background-image:url(http://gfx.arla.dk/icons/sendAsSms.gif); } #contentRelated .viewShoppingList .content .inputSelector { margin-top: 0; } #contentRelated .viewShoppingList .content .inputSelector .fieldContainer { width: 110px; } #contentRelated .viewShoppingList .content .inputSelector input#shoppingLists { width: 98px; cursor: pointer; border: 1px solid #ccc; padding-bottom: 3px; padding-top: 4px; } #contentRelated .viewShoppingList .content .inputSelector .items { width: 160px; } #contentRelated .viewShoppingList .content table { border:0px; border-collapse:collapse; margin:12px 0px 0 0px; padding:0px; } #contentRelated .viewShoppingList .content table thead { display:none; } #contentRelated .viewShoppingList .content table td { padding:0px; padding-bottom:5px; border:0px; font-size:1.2em; vertical-align:top; } #contentRelated .viewShoppingList .content table td.amount { padding-right:5px; white-space:nowrap; font-weight:bold; } #contentRelated .viewShoppingList .content table tfoot td { padding-top:5px; } .myShoppingList #contentRelated div.listOfShoppingLists h3 { margin-bottom: 5px; } .myShoppingList #contentRelated div.listOfShoppingLists li { background: url("gfx/icons/linkArrowSmallGreen.gif") no-repeat scroll 0 4px transparent; line-height: 1.4em; padding-left: 8px; } .myShoppingList #contentRelated div.listOfShoppingLists li.sel { font-weight: bold; } #content div.left div.relatedBox { background:transparent url(http://gfx.arla.dk/containers/relatedArticlesTop.gif) no-repeat scroll left top; width: 308px; margin-bottom: 2.2em; padding-top: 4px; background-color: #ffffff; } #content div.left div.relatedBox div.content { background:transparent url(http://gfx.arla.dk/containers/relatedArticlesBot.gif) no-repeat scroll left bottom; border-left: 1px solid #d6e1e2; border-right: 1px solid #d6e1e2; padding: 1em 12px 0.5em 12px; width: 282px; float: left; clear: both; } #content div.left div.relatedABox p { margin: 0 0 0.3em 0 !important; } #content div.left div.relatedBox ul { list-style-type: none; } #content div.left div.relatedBox ul li { float: left; width: 85px; padding: 0 0 0 9px; margin: 0 0 0.1em 0; background: url(http://gfx.arla.dk/icons/linkArrowSmallGreen.gif) no-repeat scroll 0 4px; } /* ------ Page Related Boxes ------*/ #pageRelated h1, #pageRelated h2, #pageRelated h3, #pageRelated h4, #pageRelated h5, #pageRelated h6 { color: #5f5033; } #pageRelated h2 { text-transform: uppercase; } #pageRelated div.relatedBox { background:#fff url(http://gfx.arla.dk/containers/relatedBoxTop.png) no-repeat left top; width:204px; padding-top:4px; float:left; } #pageRelated h3{ text-transform: uppercase; font-weight: bold; background-color: #fff; margin-bottom: .3em; } #pageRelated h3 sup { bottom: .3ex; } #pageRelated h4{margin: .8em 0 .2em 0;} #pageRelated div.relatedBox p, #pageRelated p.msg {margin: 0 0 0.6em;} #pageRelated div.relatedBox p a {clear: left;} #pageRelated div.relatedBox div.content { background-color: #ffffff; background: url(http://gfx.arla.dk/containers/relatedBoxBot.gif) no-repeat left bottom; padding:1.2em 14px 0.7em 13px; float: left; width: 178px; } #pageRelated div.relatedBox p.center {text-align: center;} #pageRelated div.relatedBox span.divider {color: #009114;} #pageRelated div.relatedBox img.heading {margin-bottom: 0.3em;} #pageRelated div.relatedBox blockquote.citation p { font-weight: bold; margin-bottom: .5em; } #pageRelated div.relatedBox img.smallDish {float: left;} #pageRelated div.relatedBox a.smallDishName { float: left; width: 120px; margin: 0 0 0 8px; font-weight: bold; } #pageRelated div.relatedBox ul{ float: left; } #pageRelated div.relatedBox ul li { background:transparent url(http://gfx.arla.dk/icons/linkArrowSmallGreen.gif) no-repeat scroll 0 4px; padding-left:8px; margin-bottom: 0.3em; } #pageRelated div.relatedBox ul.dishList { float: left; margin: .2em 0 .4em; background-color: #fff; } #pageRelated div.relatedBox ul.dishList li { margin: .3em 0 .4em; float: left; line-height:1.3em; display: table; background: none; padding-left: 0; width: 178px; } #pageRelated div.relatedBox ul.dishList li a { font-weight: bold; } #pageRelated div ul.relatedProductList li { background: none; padding-left: 0; float: left; width: 170px; font-weight: normal; margin: 0.3em 0 0.4em; } #pageRelated div ul.relatedProductList li .img { float: left; width: 54px; } #pageRelated div.relatedBox ul.dishList li img { float: left; margin-right: 7px; overflow: hidden; width: 47px; } #pageRelated div.relatedBox ul.dishList li .dishListImage { float: left; width: 47px; height: 47px; margin-right: .7em; overflow: hidden; } #pageRelated div.topTen li { display: block !important; position: relative; } #pageRelated div.relatedBox ul.linkList { float: left; margin: .2em 0 .4em; } #pageRelated div.relatedBox ul.linkList li { background: none; padding: 0; margin: .3em 0 .4em; float: left; line-height:1.3em; display: table; } #pageRelated div.relatedBox a.expand { background:transparent url(http://gfx.arla.dk/icons/roundPlus.gif) no-repeat 0 0; line-height: 16px; padding-left: 19px; display: block; } #pageRelated div.relatedBox a.contract { background:transparent url(http://gfx.arla.dk/icons/roundMinus.gif) no-repeat 0 0px; padding-left: 19px; display: block; } #pageRelated div.relatedBox fieldset.subscribe { margin-bottom: .8em; } #pageRelated div.relatedBox fieldset.subscribe input.textfield { background: url(http://gfx.arla.dk/elements/subscribeTextField.png) no-repeat; float: left; padding:0.4em 5px 0; width: 101px; height: 18px; } #pageRelated div.relatedBox fieldset.subscribe .submit { float: right; } #pageRelated div.relatedBox img.campaignItem { margin-bottom: 1em; } #pageRelated div.relatedBox.generalPageRelatedPortlet ul li { float: none; clear: both; } /* ------ Subscription Portlet ------ */ #page #pageRelated .subscriptionPortlet{ display: block; } /* ------ Dish list ------ */ #pageRelated div.relatedBox.topThemes ul.dishList li { display: block; margin-bottom: 8px; width: 178px; overflow: hidden; } #pageRelated div.relatedBox ul.dishList a.img { width: 47px; height: 47px; margin-right: 7px; display: block; float: left; position: relative; } #pageRelated div.relatedBox.topThemes ul.dishList img { clear: both; float: none; } #pageRelated div.relatedBox.topThemes ul.dishList a.arrowSmall { font-weight: normal; } /* not necessary in IE */ #pageRelated div.relatedBox.topThemes ul.dishList li:last-child { margin-bottom: 0; } #pageRelated div.relatedBox div.dishContainer { float: left; margin-bottom: 1em; width: 185px; } #pageRelated div.relatedBox div.dishContainer p { display: inline; } #pageRelated div.relatedBox div.dishListImage { float: left; width: 47px; height: 47px; overflow: hidden; } /* Dish list in Content Related zone */ #contentRelated div.relatedBox ul.dishList li { width: 160px; margin-bottom: 1em; } #contentRelated div.relatedBox ul.dishList li a.img { display: block; width: 160px; overflow: hidden; margin-bottom: .3em; } #contentRelated div.relatedBox ul.dishList li a { font-weight: bold; } /* ------ More search results ------ */ div.moreSearchResults { background:transparent url(http://gfx.arla.dk/containers/moreSearchResultsTop.gif) no-repeat left top; width:204px; margin-bottom:1.9em; float:left; } #PageRelatedArea div.moreSearchResults{margin-bottom: 0;} div.moreSearchResults div.content { background:url(http://gfx.arla.dk/containers/moreSearchResultsBot.gif) no-repeat left bottom; padding:11px 0 2px 10px; float:left; width:192px; } div.moreSearchResults div.content p{ margin: 0.2em 0 0.8em 0; } div.moreSearchResults img.heading { margin:0 0 11px 3px; } #page div.moreSearchResults h3 { color: #000000; } div.moreSearchResults h4 { background:url(http://gfx.arla.dk/elements/moreSearchResultsh4.gif) no-repeat; padding:3px 5px 3px 5px; float:left; width:174px; color: #000 !important; } div.moreSearchResults h4 span { float:left; } div.moreSearchResults h4 a {float:right;} div.moreSearchResults li { width:184px; float:left; border-bottom:1px solid #d3dee0; padding:8px 0 8px 0; } div.moreSearchResults ul.recipes li { border:0; padding:8px 0 0 0; } div.moreSearchResults li:last-child, div.moreSearchResults li.last-child {border:0;} div.moreSearchResults li img { float:left; margin:0 8px 0 2px; } div.moreSearchResults li a.product { float:left; width:170px; margin-top:8px; line-height:1.3em; } div.moreSearchResults li a.product.arrowSmall { margin:0 0 0 5px; line-height:normal; } div.moreSearchResults li a.recipe { float:left; width:126px; font-weight:bold; line-height:1.3em; } /* ------ Search filter ------ */ #searchFilters{ clear: both; } div.searchFilter { position:relative; float:left; margin-bottom: 1.9em; } div.searchFilter p.msg{ padding: 0.75em 0 0; float: left; } div.searchFilter p{clear: both;} div.searchFilter .arrow{ background:url(http://gfx.arla.dk/containers/searchFilterTop.png) no-repeat; position: absolute; top: 0; left: -10px; width: 218px; height: 40px; z-index: 99; } div.searchFilter div#offGrid { left: -10px; position: relative; width:218px; float:left; background:url(http://gfx.arla.dk/containers/searchFilterTop.png) no-repeat; } div.searchFilter div#offGrid div.content { padding:15px 0 12px 23px; background:url(http://gfx.arla.dk/containers/searchFilterBot.gif) no-repeat left bottom; } #page div.searchFilter h5 { color: #ffffff; text-transform: uppercase; margin: -0.25em 0 0 0; width: 110px; float: left; height: 28px; overflow: hidden; } #page div.searchFilter .heading h5 { font-size: 15px; height:16px; } #page div.searchFilter .heading a.moreFilters { font-size: 10px !important; line-height: 16px; } div.searchFilter a.moreFilters{line-height: 16px; color: #fff;} div.searchFilter a.moreFilters:hover{text-decoration: none;} div.searchFilter .moreFilters .moreFiltersIcon{ float: right; text-align: right; margin-right: 13px; margin-top: -.3em; padding-left: 20px; cursor: pointer; background: url(http://gfx.arla.dk/elements/btnSearchfilterToggle.png) no-repeat 0px -56px; } div.searchFilter .moreFilters span.fewer{ background: url(http://gfx.arla.dk/elements/btnSearchfilterToggle.png) no-repeat 0px -37px; } fieldset#searchFilters ul.categories span.iconWrapper, div.searchFilter li.hoverState span.iconWrapper{ float: left; width: 24px; margin: 0; padding: 0; margin-right: 8px; display: block; height: 21px; text-align: center; cursor: pointer; background: none; } fieldset#searchFilters ul.categories span.iconWrapper img{ } fieldset#searchFilters ul.categories a{ background-image: none; line-height: 21px; text-decoration: none; display: block; } #pageRelated div.searchFilter .seperator{ border: 0; border-top: 1px solid #d3dee0; height: 1px; width: 186px; float: left; margin: .2em 0 0 -4px; } #pageRelated div.searchFilter .seperator hr{display: none;} #pageRelated div.searchFilter h4, #pageRelated div.searchFilter h3{ float:left; margin: 0.2em 0 0 0; width:181px; position: relative; padding-top:2px; } #pageRelated div.searchFilter h4 span{ line-height: 21px; } #pageRelated div.searchFilter h4 a, #pageRelated div.searchFilter h4 { color: #1a1a1a; width: 181px; display: block; } #pageRelated div.searchFilter h4 a:hover, #pageRelated div.searchFilter h4 a:active, #pageRelated div.searchFilter h4 a:focus, #pageRelated div.searchFilter h3 a:focus, #pageRelated div.searchFilter h3 a:hover, #pageRelated div.searchFilter h3 a:active{text-decoration: none;} #pageRelated div.searchFilter h4.hoverState { background: #eee url(http://gfx.arla.dk/elements/filterHover.png) no-repeat top center; margin-left: -6px; margin-right: -6px; width: 190px; } #pageRelated div.searchFilter h4.hoverState span { background: #eee url(http://gfx.arla.dk/elements/filterHover.png) no-repeat bottom center; display: block; padding-left: 6px; padding-right: 6px; } #pageRelated div.searchFilter h3.allergy{margin-left: -4px; text-transform: none;} div.searchFilter h3.allergy a{display: block; padding-left: 18px; background: url(http://gfx.arla.dk/elements/btnSearchfilterToggle.png) no-repeat 0px 1px;} div.searchFilter h3.allergy a.fewer{background: url(http://gfx.arla.dk/elements/btnSearchfilterToggle.png) no-repeat 0px -17px;} div.searchFilter h3.allergy a span{color: #009114;} #pageRelated div.searchFilter h3.static {color: #009114;padding-left: 4px;} div.searchFilter ul { margin-bottom:0.8em; } div.searchFilter li { float:left; width:190px; padding-top: 2px; margin-top: 1px; } div.searchFilter li span{ display: block; } div.searchFilter li a{width: 180px;} div.searchFilter .categories li span{padding: 0;} div.searchFilter li.hoverState{ background: transparent url(http://gfx.arla.dk/elements/filterHover.png) no-repeat top right; margin-left: -6px; margin-right: -6px; display: block; width: 190px; } div.searchFilter li.hoverState span{ background: #e5f6e7 url(http://gfx.arla.dk/elements/filterHover.png) no-repeat bottom right; padding-left: 6px; padding-right: 6px; } div.searchFilter li.selected{ background: transparent url(http://gfx.arla.dk/elements/filterHover.png) no-repeat top left; margin-left: -7px; margin-right: -7px; display: block; width: 192px; } div.searchFilter li.selected span{ background: #e5f6e7 url(http://gfx.arla.dk/elements/filterHover.png) no-repeat bottom left; padding-left: 7px; padding-right: 7px; } div.searchFilter li label { float:left; } div.searchFilter li input { float:right; } div.searchFilter li a { display: block; line-height: 19px; } div.searchFilter li.disabled a {color: Gray; cursor: default;} div.searchFilter ul.e li.hide{display: block;} div.searchFilter li a:hover { text-decoration: none; } div.searchFilter li.selected a { text-decoration: none; color: #087331; } div.searchFilter li.selected a:hover { text-decoration:none; } /* Video portlet */ .videoWideWrapper{float: right; width: 734px;} .wideContent #ContentArea{width: 508px; float: left;} .videoArea{margin-bottom: 1.6em; margin-top: 1.1em} /* ------ Top Rating Recipe ------ */ .topRatedRecipe .dishList { list-style-type: none; } .topRatedRecipe .dishList li img { float: left; margin: 0 7px 10px 0; overflow: hidden; width: 47px; } .topRatedRecipe .dishList li .voting { position: relative; margin-top: 3px; margin-left: 54px; } .topRatedRecipe .dishList li .voting ul { margin-left: 0; } .topRatedRecipe .dishList li .voting .noOfVotes { font-size: 9px; color: #8e8e8e; position: absolute; top: 1px; left: 73px; white-space: nowrap; } .topRatedRecipe span.rating{ width:74px; height:16px; padding:0; list-style:none; position:relative; background: url(http://gfx.arla.dk/icons/star-rating.gif) no-repeat 0 0; float: left; margin-right: 5px; } .topRatedRecipe span.rating1 {background-position:0 -16px} .topRatedRecipe span.rating2 {background-position:0 -32px} .topRatedRecipe span.rating3 {background-position:0 -48px} .topRatedRecipe span.rating4 {background-position:0 -64px} .topRatedRecipe span.rating5 {background-position:0 -80px} /* ************************************************** 24 Print ************************************************** */ div.themeOptions ul.toolBar .printOption .printWrapper, div.recipeOptions ul.toolBar .printOption .printWrapper, .recipePrintList .printWrapper { position:absolute; bottom:30px; left:0; z-index:9999; background:none; display:none; } .viewShoppingList .recipePrintList { float: right; width: 15px; position: relative; z-index: 100; } .recipePrintList .printWrapper { bottom: 20px; left: -28px; } .toolbar .recipePrintList { float: left; width: 100%; } .toolbar .recipePrintList .printWrapper { bottom: 25px; left: 0; } div.themeOptions ul.toolBar .printOption .printWrapper .printTop, div.recipeOptions ul.toolBar .printOption .printWrapper .printTop, .recipePrintList .printWrapper .printTop{ background-image:url('http://gfx.arla.dk/elements/printBoxBgTop.png'); background-position:left top; background-repeat:no-repeat; width:255px; height:10px; padding:0; margin:0; } div.themeOptions ul.toolBar .printOption .printWrapper .printBody, div.recipeOptions ul.toolBar .printOption .printWrapper .printBody, .recipePrintList .printWrapper .printBody { background-image:url('http://gfx.arla.dk/elements/printBoxBg.png'); background-position:left bottom; background-repeat:no-repeat; width:235px; padding:10px 3px 22px 16px; } .recipePrintList .printWrapper .printBody { float: left; } .toolBar li.printOption { position:relative; } div.themeOptions ul.toolBar .printOption .printWrapper a.close, div.recipeOptions ul.toolBar .printOption .printWrapper a.close, .recipePrintList .printWrapper a.close { position:absolute; right:13px; top:13px; } div.themeOptions ul.toolBar .printOption .printWrapper ul li, div.recipeOptions ul.toolBar .printOption .printWrapper ul li, .recipePrintList .printWrapper ul li { float:left; width:127px; margin:0; } div.themeOptions ul.toolBar .printOption .printWrapper ul li.picture, div.recipeOptions ul.toolBar .printOption .printWrapper ul li.picture, .recipePrintList .printWrapper ul li.picture{ width:88px; margin:0 9px 0 0; border:solid 1px #d3dee0; background-color:#fff; background:#fff !important; padding:0; text-align:center; } .recipePrintList .printWrapper ul li{ width: 125px !important; } .recipePrintList .printWrapper ul li label{ font-size:11px; } .recipePrintList .printWrapper ul li #shoppingListPrint{ margin-left:0; } .recipePrintList .printWrapper ul li.picture{ width:88px !important; margin:0 9px 0 0 !important; } .recipePrintList .printWrapper ul li.picture .noImages, .recipePrintList .printWrapper ul li.picture .noPackShots{ display:none; } div.themeOptions ul.toolBar .printOption .printWrapper ul li.picture img, div.recipeOptions ul.toolBar .printOption .printWrapper ul li.picture img, .recipePrintList .printWrapper ul li.picture img { width:74px !important; } div.themeOptions ul.toolBar .printOption .printWrapper ul li.picture h1, div.recipeOptions ul.toolBar .printOption .printWrapper ul li.picture h1, .recipePrintList .printWrapper ul li.picture h1 { margin:0 0 3px; } div.recipeOptions ul.toolBar .printOption .printWrapper ul li.picture img.dish { height:41px !important; margin:0 0 .3em .6em; } div.themeOptions ul.toolBar .printOption .printWrapper ul li.picture img.dish{ margin:0 0 .3em .6em; } div.themeOptions ul.toolBar .printOption .printWrapper ul li ul li, div.recipeOptions ul.toolBar .printOption .printWrapper ul li ul li, .recipePrintList .printWrapper ul li ul li{ margin:0 0 .3em 0; padding:0; } div.themeOptions ul.toolBar .printOption .printWrapper ul li.hoverState, div.themeOptions ul.toolBar .printOption .printWrapper ul li ul li.hoverState, div.recipeOptions ul.toolBar .printOption .printWrapper ul li.hoverState, div.recipeOptions ul.toolBar .printOption .printWrapper ul li ul li.hoverState { background:none; } div.themeOptions ul.toolBar .printOption .printWrapper ul li a.printButton, div.recipeOptions ul.toolBar .printOption .printWrapper ul li a.printButton, .recipePrintList .printWrapper ul li a.printButton { background-image:url('http://gfx.arla.dk/elements/printButtonLeft.gif'); background-position:left top; background-repeat:no-repeat; padding-left:12px; float:left; margin:0; text-decoration:none; cursor:pointer; } div.themeOptions ul.toolBar .printOption .printWrapper ul li a.printButton span, div.recipeOptions ul.toolBar .printOption .printWrapper ul li a.printButton span, .recipePrintList .printWrapper ul li a.printButton span { background-image:url('http://gfx.arla.dk/elements/printButtonRight.gif'); background-repeat:no-repeat; background-position:100% 0; display:inline; color:#fff; padding:4px 10px 6px 0; margin:0; float:left; cursor: pointer; font-size:12px; line-height:16px; font-weight:bold; } div.themeOptions ul.toolBar .printOption .printWrapper ul li h2, div.recipeOptions ul.toolBar .printOption .printWrapper ul li h2, .recipePrintList .printWrapper ul li h2 { font-weight:bold; margin:0 0 .3em; font-size:12px; } div.recipeOptions ul.toolBar .printOption .printWrapper ul li .printTitle { line-height: 18px; font-weight:bold; margin:0 0 .3em; font-size:12px; } div.themeOptions ul.toolBar .printOption .printWrapper ul li ul, div.recipeOptions ul.toolBar .printOption .printWrapper ul li ul, .recipePrintList .printWrapper ul li ul { margin:0 0 .6em; overflow:hidden; } .printOption .printWrapper ul li .bodyImage { position:relative; width:88px; margin:0; padding:0; background:none; } /* Print iFrame: */ #printFrame { border: 0px; width: 0; height: 0; margin: 0; padding: 0; overflow: hidden; position: absolute; top: -1000px; left: -1000px; } .printOnly, #page .printOnly { display:none !important; } .recipePrintList { position: relative; } .recipePrintList .printWrapper .mypages { display: none; } /* ************************************************** X-forms ************************************************** */ fieldset.complaints { margin:1.5em 0 0; } table tbody tr td span.formHeading, .complaints span { display:block; clear:both; margin:0 0 10px; } table tbody tr td span.formHeading, .complaints span.formHeading { border-bottom:solid 3px #7d7d7d; padding:0 0 3px 0; color:#1a1a1a; font-weight:bold; } .complaints span.inputHeading { font-weight: bold; margin: 10px 0 0 0; } .complaints span.italic { font-style:italic; } .complaints ul { float:none; width:320px; overflow:hidden; margin:0 0 20px 0; } .complaints ul li { display:block; margin:0 10px 10px 0; float:left; width:308px; min-height:45px; } .complaints ul li.big {width:220px;} .complaints ul li.small {width:70px;} .complaints ul li.normal {width:105px;} .complaints ul li.normalSpecial {width:150px;} .complaints ul li.button {text-align:right; width:295px;} .complaints ul li.button span { clear:none; float:right; margin:0 0 0 20px; } .complaints ul li.date { min-height:15px; margin:0 10px 3px 0; } table tbody tr td label, .complaints ul li label { display:block; margin:0 0 3px; color:#1a1a1a; font-weight:bold; } table tbody tr td input, .complaints ul li input { width:301px; padding:2px; border-color:#828899 #EADFE2 #EADFE2 #828899; border-style:solid; border-width:1px; color:#000; } .complaints ul li input.normal {width:214px;} .complaints ul li input.small {width:140px;} table tbody tr td textarea, .complaints ul li textarea { width:301px; height:80px; padding:2px; border-color:#828899 #EADFE2 #EADFE2 #828899; border-style:solid; border-width:1px; color:#000; } .complaints ul li select.normal {width:105px;} .complaints ul li select.small {width:70px;} table tbody tr td input.submit, .complaints span.submit input { border:0; width:auto; color:#fff; padding:0 8px 0 10px; } .complaints ul li fieldset legend { font-weight:bold; display:block; margin:0 0 6px 0; padding: 0; } .complaints ul li fieldset input { width:auto; float:left; margin:0 5px 0 0; border:0; } .complaints ul li fieldset label { float:left; margin:0 15px 0 0; } /* General xform */ #staticXForm fieldset.complaints span.formHeading { text-transform: uppercase; color: #505050; } #staticXForm table input.radio {width: auto; border: none; margin-right: 5px;} #staticXForm table label.noBlock {display: inline; margin-right: 10px;} #staticXForm table radio {border: none;} #id_matrix {width:100%;} #id_matrix tbody tr td {padding:0 0 10px 0;} table tbody tr td input.submit { width: auto; background-color:#009114; padding:2px 4px; border:solid 1px #009114; font-weight: bold; cursor: pointer; } span.xformvalidator { color:Red; display:block; margin:.3em 0 0; } #staticXForm fieldset legend { color: black; } /* /XForms */ /*************************************************** Footer ***************************************************/ div.footer { border-top: 2px solid #d4dfe1; width: 940px; clear: both; margin: 0 0 2.5em 0; color: #4c4c4c; z-index: 1; } div.footer .left, div.footer .right { margin-top: .7em;} div.footer p.left {float: left;} div.footer div.right {float: right;} div.footer ul#sitePolicy li { float: left; } div.footer ul#sitePolicy li a { color: #4c4c4c; } div.footer .split{display: block; float: left;} /*************************************************** Booking ***************************************************/ .bookingTabs { width: 742px; border: none !important; padding: 0 !important; } .bookingTabs .ui-widget-header { background: none !important; border-width: 0 0 1px 0 !important; padding-left: 12px !important; border-radius: 0 !important; border-color: #d3dee0 !important; } .bookingTabs .ui-widget-header li { border-color: #d3dee0 !important; } .bookingTabs .ui-widget-header .ui-state-default { background: #f7f7f7 !important; } .bookingTabs .ui-widget-header .ui-tabs-selected { background: #fff !important; } #book-a-farm .bookingTabs .form { width: auto; clear: both; } #calendar .ui-datepicker { font-size: 1.4em; } .bookedDate, .bookedDate a, .bookedDate span { background: #f0ab02 !important; border: 1px solid #ccc !important; color: #fff !important; } .highlightDate, .highlightDate a, .highlightDate span { background: red !important; border: 1px solid #ccc !important; color: #fff !important; } .jcarousel-skin .jcarousel-direction-rtl { direction: rtl; } .jcarousel-skin .jcarousel-container-horizontal { padding: 0 33px; } .jcarousel-skin .jcarousel-clip { overflow: hidden; } .jcarousel-skin .jcarousel-clip-horizontal { height: 85px; } .jcarousel-skin .jcarousel-item { height: 75px; width: 75px; } .jcarousel-skin .jcarousel-item-horizontal { margin-left: 0; margin-right: 10px; } .jcarousel-skin .jcarousel-direction-rtl .jcarousel-item-horizontal { margin-left: 10px; margin-right: 0; } .jcarousel-skin .jcarousel-item-vertical { margin-bottom: 10px; } .jcarousel-skin .jcarousel-item-placeholder { background: none repeat scroll 0 0 #FFFFFF; color: #000000; } .jcarousel-skin .jcarousel-next-horizontal { background: url("gfx/containers/next-horizontal.png") no-repeat scroll 0 0 transparent; cursor: pointer; height: 83px; position: absolute; right: 3px; top: 0px; width: 22px; } .jcarousel-skin .jcarousel-direction-rtl .jcarousel-next-horizontal { background-image: url("gfx/containers/prev-horizontal.png"); left: 3px; right: auto; } .jcarousel-skin .jcarousel-next-disabled-horizontal, .jcarousel-skin .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin .jcarousel-next-disabled-horizontal:focus, .jcarousel-skin .jcarousel-next-disabled-horizontal:active { background-position: -96px 0; cursor: default; } .jcarousel-skin .jcarousel-prev-horizontal { background: url("gfx/containers/prev-horizontal.png") no-repeat scroll 0 0 transparent; cursor: pointer; height: 83px; left: 3px; position: absolute; top: 0px; width: 22px; } .jcarousel-skin .jcarousel-direction-rtl .jcarousel-prev-horizontal { background-image: url("gfx/containers/next-horizontal.png"); left: auto; right: 5px; } .jcarousel-skin .jcarousel-prev-disabled-horizontal, .jcarousel-skin .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin .jcarousel-prev-disabled-horizontal:focus, .jcarousel-skin .jcarousel-prev-disabled-horizontal:active { background-position: -96px 0; cursor: default; } /*uploader styles*/ #imageUploader{ clear:both; } #imageUploader .errorText{ color: red; margin-top: 3px; font-size:11px; } .previewuploader{ background-color: #E6E6E6; border: 1px solid #D3DEE0; margin: 11px 0 0; padding: 10px; } .previewuploader a.delFileUpload { background: url("gfx/icons/delete.png") no-repeat scroll right top transparent; float: right; line-height: 14px; padding-right: 20px; } #imageUploader .loading{ background:url("gfx/icons/ajaxAnimBigGrey.gif") 110px 4px no-repeat; } .qq-uploader { position:relative; width: 100%; } .qq-upload-button { display:block; /* or inline-block */ width: 125px; } .qq-upload-button .btnB{ width: 105px; text-align:center; background:#009114; color:#fff; font-size:12px; height:50px; line-height:39px; background:url("gfx/elements/btnGreenGradientBigLeft.png") 0 0 no-repeat; display:block; } .qq-upload-button .btnB span{ background:url("gfx/elements/btnGreenGradientBigRight.png") top right no-repeat; margin-right:-20px; padding-right:10px; display:block; height:50px; font-weight:bold; } .qq-upload-button-hover .btnB{ background:url("gfx/elements/btnGreenGradientBigLeft.png") 0 -57px no-repeat; } .qq-upload-button-hover .btnB span{ background:url("gfx/elements/btnGreenGradientBigRight.png") 100% -57px no-repeat; } .qq-upload-button-focus {outline:1px dotted black;} .qq-upload-drop-area { position:absolute; top:0; left:0; width:100%; height:100%; min-height: 70px; z-index:2; background:#FF9797; text-align:center; } .qq-upload-drop-area span { display:block; position:absolute; top: 50%; width:100%; margin-top:-8px; font-size:16px; } .qq-upload-drop-area-active {background:#FF7171;} .qq-upload-list {margin:15px 35px; padding:0; list-style:disc;display:none;} .qq-upload-list li { margin:0; padding:0; line-height:15px; font-size:12px;} .qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-failed-text { margin-right: 7px; } .qq-upload-file {} .qq-upload-spinner {display:inline-block; background: url("loading.gif"); width:15px; height:15px; vertical-align:text-bottom;} .qq-upload-size,.qq-upload-cancel {font-size:11px;} .qq-upload-failed-text {display:none;} .qq-upload-fail .qq-upload-failed-text {display:inline;} /*Editor images recipe*/ .recipeImagesFilter{ padding:15px; } .recipeImagesFilter .filters{ overflow:hidden; zoom:1; } .recipeImagesFilter .chlbPanel{ float:left; width:45%; text-align:left; } .recipeImagesFilter .chlbPanel li{ display:inline; padding-right:10px; } .recipeImagesFilter .btnsPanel{ float:right; width:45%; text-align:right; } .recipeImagesFilter .btnsPanel li{ display:inline; padding-left:10px; } .recipeImagesFilter .recipeImagesTable{ font-size:12px; border-top:2px solid #aaa; clear:both; margin-top:15px; padding-top:10px; } .recipeImagesFilter .recipeImagesTable #userRecipesTables_length, .recipeImagesFilter .recipeImagesTable #userRecipesTables_info{ text-align:left; } .recipeImagesFilter .recipeImagesTable table{ width:100%; margin:10px 0 15px; border:0; } .recipeImagesFilter .recipeImagesTable table td, .recipeImagesFilter .recipeImagesTable table th{ padding: 7px 10px; border:0; text-align:left; } .recipeImagesFilter .recipeImagesTable table td{ border-top:2px solid #aaa; } .recipeImagesFilter .recipeImagesTable table input{ width:13px; } .recipeImagesFilter .recipeImagesTable table .ckbCol{ width:15px; } .recipeImagesFilter .recipeImagesTable table .approceCol{ width:100px; } .recipeImagesFilter .recipeImagesTable table .imageCol{ width:125px; } .mapDataContent { position: relative; bottom:10px; padding-top: 10px; padding-bottom: 10px; } .mapDataContent img { } .mapDataContent div { } .mapDataContent p { margin: 0; padding: 0; line-height: 1.1em; } .mapDataContent a { display: block; } .mapDataContent strong { line-height: 1em; } .mapDataContent .row { width: 100%; clear: both; font-size: 12px; } .mapDataContent .row div { display: inline; float: left; position: relative; margin: 2px 0; } .mapDataContent .mapDataAaddress, .mapDataContent .mapDataTitle, .mapDataContent .mapDataOpeningHours { width: 60%; } .mapDataContent .mapDataImage, .mapDataContent .mapData, .mapDataContent .mapDataReadMore, .mapDataContent .mapDataIcon { width: 35%; } .mapDataContent .mapDataAaddress { } .mapDataContent .mapDataAaddress { } .mapDataContent .mapDataImage { } .mapDataContent .mapDataTitle { } .mapDataContent .mapDataIcon { } .mapDataContent .mapDataOpeningHours { } .mapDataContent .mapDataBookLink { } .mapDataContent .mapDataReadMore { } /* empty */ .mapDataContent .mapData { } .subMsg { width: 646px; margin: 0 auto 20px; font-size: 1.6em; } .subMsg .t, .subMsg .b { height: 21px; overflow: hidden; background: url(http://gfx.arla.dk/containers/subMsgBox.png) no-repeat; } .subMsg .b { background-position: 100% 0; } .subMsg .subMsgInner { padding: 0 20px; height: 1%; background: url(http://gfx.arla.dk/containers/subMsgBox.png) repeat-y -646px 0; } .subMsg .subMsgInner:after { content: ""; display: block; clear: both; } #msgContent { float: left; width: 100%; position: relative; margin: -10px 0; }