/* HTML */ body { background: #FFF; } #home { width:255px; height:84px; display:block; } * { font-family: arial,sans-serif; font-size: 12px; color: #43484d; } .infobox1 h2,.infobox1 h2 a { font-size:18px; color: #fa0904; font-weight:normal; } h3 { margin: 0; padding: 10px 0 10px 0; font-size: 16px; font-weight:bold; } a { color: #43484d; } a:hover { color: #000; } img { border: 0; } /* END HTML */ /* DESIGN */ .moduleContainer { width: 100%; } .container { width: 934px; margin: 0 auto; } .logo { height: 90px; background: url(/sitefiles/11/design/allergilogo.gif) no-repeat; position: relative; } .logo .contact { width: 450px; position: absolute; left: 270px; bottom: 12px; line-height: 1.3; clear: both; margin: 0; } .sitemain { width: 934px; float: left; clear: both; } .siteleft { width: 620px; float: left; clear: left; } .siteleft .main-box { padding: 16px; width: 588px; float: left; clear: both; background: url(/sitefiles/11/design/new/main-y.png) 0 0 repeat-y; position: relative; overflow: hidden; margin: 0 0 28px; } .siteleft .main-box .main-top { width: 620px; height: 7px; font-size: 0; position: absolute; top: 0; left: 0; clear: both; overflow: hidden; background: url(/sitefiles/11/design/new/main-top.png) 0 0 no-repeat; } .siteleft .main-box .main-bottom { width: 620px; height: 7px; font-size: 0; position: absolute; bottom: 0; left: 0; clear: both; overflow: hidden; background: url(/sitefiles/11/design/new/main-bottom.png) 0 0 no-repeat; } .siteright { float: right; clear: right; padding: 0; width: 300px; } .siteright .side-box { padding: 16px; width: 268px; float: left; clear: both; background: url(/sitefiles/11/design/new/side-y.png) 0 0 repeat-y; position: relative; overflow: hidden; margin: 0 0 14px; } .siteright .side-box .side-top { width: 300px; height: 8px; font-size: 0; position: absolute; top: 0; left: 0; clear: both; overflow: hidden; background: url(/sitefiles/11/design/new/side-top.png) 0 0 no-repeat; } .siteright .side-box .side-bottom { width: 300px; height: 8px; font-size: 0; position: absolute; bottom: 0; left: 0; clear: both; overflow: hidden; background: url(/sitefiles/11/design/new/side-bottom.png) 0 0 no-repeat; } .navigation { height: 25px; color: #43484d; } .navigation a { color: #43484d; text-decoration: none; } .navigation a:hover { text-decoration: underline; } .navi { float:left; padding: 5px 0 0 50px; font-size: 11px; } .links { float: right; text-align: right; padding: 2px 40px; width: 300px; } .links a { font-size: 11px; } .sephor { font-size:1px; height: 10px; background: url(/sitefiles/11/design/sephor.gif) center repeat-x; } .bottom { padding: 10px 0 0 0; clear: both; width: 100%; } .clear { clear:both; } /* END DESIGN */ /* SØK */ .search { width: 200px; height: 25px; position: absolute; top: 52px; right: 0; clear: both; margin: 0; } .search fieldset { margin: 0; padding: 0; border: none; } .txtSearch { float:left; width: 175px; } .txtSearch input { margin: 0; padding: 0; border: 1px solid #cac4bb; border-right: none; height: 15px; width: 166px; padding: 4px 0 4px 8px; } .imgSearch { float: left; } .imgSearch input { margin: 0; *margin: 1px 0 0 0; _margin: 1px 0 0 -3px; } /* END SØK */ /* HOVEDMENY */ .nav .navline { height: 22px; background: #ed1c24; } .nav ul { margin: 0; padding: 0; list-style-type: none; position: relative; overflow: hidden; } .nav ul li { display: inline; } .nav ul li a { text-decoration: none; width: 170px; height: 20px; background: #cac4bb; display: block; float:left; padding: 2px 0 0 0; color: #43484d; text-align: center; margin-right: 2px; } .nav ul li a:hover, .nav ul li.current a { background: #ed1c24; color: #fff; } /* END HOVEDMENY */ /* ARTIKLER FREMSIDE */ .artMain { color: #43484d; width: 588px; float: left; clear: both; } .artSection { float: left; clear: left; width: 274px; padding: 0 0 30px; } .artMain .even { float: right; clear: right; } .artContent { float: left; } .artSection h3 { font-size: 13px; padding: 0 0 10px; margin: 0; font-weight: bold; color: #000; } .artIngress { font-size: 11px; /*float:left;*/ /*width: 165px;*/ } .artIngress { margin:0; padding:0; line-height: 1.4; } .artReadMore { margin: 20px 0 0; } .artReadMore a { font-size: 11px; color: #43484d; text-decoration: none; padding: 0 0 0 10px; background:url(/sitefiles/11/design/new/red-bullet.gif) left center no-repeat; } .artReadMore a:hover { text-decoration: underline; } .artMain img { float: right; padding: 3px 0 10px 10px; } /* END ARTIKLER FREMSIDE */ /* ARTIKKEL I DETALJ */ .divArt .divArtImage { float:left; width: 250px; height: 250px; } .divArt .divArtContent { } .divArt p.back { margin: 0 0 10px; font-size: 10px; } .divArt p.back a { color: #ED1C24; text-decoration: underline; } .divArt p.back a:hover { text-decoration: none; } .tekst { /*width:415px; float:right;*/ } .divArt .divArtContent h3 { font-size: 22px; padding: 0; font-weight: bold; color: #000; } /* END ARTIKKEL I DETALJ */ /* OPPSKRIFTER */ .divRecipies .divImage { width: 250px; height: 250px; float:left; } .divRecipies .divImageNew { width: 244px; height: 244px; float:left; border:3px; border-color:#FF0000; } .divRecipies .divStructure { float:left; width: 250px; } .divRecipies .divHowTo { width: 320px; float:right; } .divRecipies .divDescription { width: 320px; float: right; line-height: 24px; } .divRecipies .divTitle { font-size: 20px; padding: 0 0 10px 0; } .divRecipies .divText { } /* END OPPSKRIFTER */ /* TIPS */ .divTipsLeft { float:left; width: 450px; } .divTipsRight { float:right; width: 120px; } .divTipsItem { background: url(/sitefiles/11/design/tipssep.gif) bottom repeat-x; padding: 5px 0 5px 0; } /* END TIPS */ /* PRODUKTSØK */ .prodSearch form { float: left; clear: both; padding: 0; margin: 0; background: url(/sitefiles/11/design/prod-search-bottom.gif) 0 100% no-repeat; } .prodSearch table { clear: both; } .prodSearch div { color: #ed1c24; } .prodSearch .prodSearchTop, .prodSearch .prodSearchResults { width: 268px; float: left; clear: both; } .main-box .prodSearch .prodSearchTop, .main-box .prodSearch .prodSearchResults { width: 588px; float: left; clear: both; } .main-box .prodSearch .prodSearchResults { margin: 20px 0 0; } .prodSearch .label { padding: 8px 0 0 0; } .prodSearch div.col { width: 90px; float:left; line-height: 20px; } .prodSearch .txtSearch2 { height: 18px; width: 206px; border: 1px solid red; border-right: none; padding: 5px 5px 0; color: #000; font-size: 11px; } .prodSearch .divSearch2 { float:left; } .prodSearch .cmdSearch { float:left; *margin: 1px 0 0 0; border: 1px solid #ED1C24; padding: 2px 2px 2px 0; border-left: 0; } .prodSearch .cmdSearch input { background: #ED1C24; border: none; height: 19px; width: 48px; cursor: pointer; padding: 0 0 2px; color: #FFF; } .prodSearch .toplabel { color: #333; font-size: 20px; padding: 0; clear: both; } .prodSearch .label2 { margin-top:10px; color:#333333; } .prodSearch .toplabelsearch { color: #333; font-size: 14px; margin-top: 40px; } .prodAllergy { margin:0px 0px 15px 0px; } .main-box .prodAllergy { float: left; clear: left; width: 284px; margin: 0 0 25px; } .main-box .dish-type { float: right; clear: right; } .main-box .prodSearch .label { padding: 16px 0 0; } .main-box .prodSearch form { width: 588px; } .main-box .prodSearchField { width: 588px; float: left; clear: both; } .main-box .prodSearchField .label { float: left; padding: 0 20px 0 0; width: 300px; height: 25px; line-height: 25px; text-align: right; } .main-box .prodSearch form { background: none; } .prodAllergy table tr td { color: #ed1c24; } .prodSearchResults { padding: 10px 0 0 0; height:400px; overflow:auto; } .prodSearchResults .prodProduct { float:left; width: 100px; /*padding: 15px 20px 0 20px;*/ padding:15px 10px 0px 10px; } .prodSearchResults .prodProduct .prodImage { text-align: center; } .prodSearchResults .prodProduct .prodName { text-align: center; } .prodSearchResults .prodProduct .prodName a { color: #ed1c24; text-decoration:none; } /* END PRODUKTSØK */ /*MATALLERGISAMLING*/ .matallergiSamling .prodProduct { margin:0px 30px 10px 0px; width:100px; float:left; } .matallergiSamling .utenBilde { width:50px; height:78px; border:solid 1px #D0CBE3; } .menu { clear:both; } .menu ul { padding:0; margin:0; list-style-type: none; height:20px; width:979px; } .menu ul li { display:inline; } .menu ul li a { text-decoration:none; display:block; float:left; width:204px; height:17px; padding:3px 0px 0px 0px; /*background-image:url(/sitefiles/11/design/menu_item.png);*/ margin:0px 0px 0px -30px; position:relative; background-image:url(/sitefiles/11/design/menu_repeat_trans.png); _background-image:url(/sitefiles/11/design/menu_repeat_trans.gif); background-repeat:no-repeat; background-position:right center; /*background-color:#cac4bb;*/ text-align:center; } .menu ul li a:hover { /*background-image:url(/sitefiles/11/design/menu_repeat_trans_active.png);*/ color:#fff; } .menu ul li a.active { background-image:url(/sitefiles/11/design/menu_repeat_trans_active.png); _background-image:url(/sitefiles/11/design/menu_repeat_trans_active.gif); color:#fff; } .undersider { margin:5px 0px 10px 9px; padding:0px 0px 0px 5px; /*_height:20px;*/ min-height:20px; clear:both; } .undersider ul { margin:0; padding:0 0 0 44px; /*_height:20px;*/ min-height:20px; width:819px; background-image:url(/sitefiles/11/design/submenu.png); background-repeat:no-repeat; background-position:left top; background-color:#CAC4BB; /*display:table;*/ } .undersider ul li { margin:0; padding:0; list-style:none; display:inline; float:left; } .undersider ul li a { margin:0; float: left; width: auto; padding:0 20px 0 0; background-image:none; font-size:11px; height:20px; line-height:20px; } .undersider ul li a:hover { text-color:red; color:#FFFFFF; } .undersider ul li a.active { color:#FFFFFF; } #frm4528 table { width: 100%; border-collapse: collapse; } #frm4528 table td { padding: 0 0 3px 0; vertical-align: top; } #frm4528 table td.form_description { padding: 3px 20px 5px 0; width: 140px; text-align: right; } #frm4528 table td span.required { color: #F00; font-weight: bold; padding: 0 0 0 10px; } #frm4528 table td input, #frm4528 table td textarea, #frm4528 table td select { width: 250px; border: 1px solid #DDD; padding: 1px; } #frm4528 table td input, #frm4528 table td textarea { padding: 2px; width: 244px; } #frm4528 table td input:focus, #frm4528 table td textarea:focus, #frm4528 table td select:focus { border-color: #F00; } #frm4528 table td input.form_button { background: #F1F1F1; font-weight: bold; width: auto; } a#where { display: block; width: 285px; text-align: center; margin: 100px 0 0 0; } a#where img { display: block; margin: 0 auto; } .dining-places, .dining-places .dining-place, .dining-places .dining-place dl { width: 595px; float: left; clear: both; } .dining-places h2 { font-size: 20px; line-height: 1; margin: 0 0 0.5em 0; color: #ED1C24; } .dining-places .dining-place { padding: 0 0 1em 0; border-bottom: 1px solid #CCC; margin: 0 0 2em 0; } /* .dining-places .last { margin: 0; border: none; } */ .dining-places .dining-place h3 { line-height: 1; padding: 0; margin: 0 0 0.25em 0; } .dining-places .dining-place dl { margin: 0 0 1.5em 0; } .dining-places .dining-place dl dt { font-weight: bold; float: left; clear: left; width: 100px; } .dining-places .dining-place dl dd { float: left; width: 495px; margin: 0; } .map { float: left; width: 620px; clear: both; margin: 0 0 28px; } .map .image { width: 150px; border-right: 1px solid #CCC; float: left; padding: 5px 0; } .map .image img { float: left; } .map .text { width: 449px; float: right; padding: 5px 0; } .map .text h3 { padding: 0 0 0.25em 0; font-size: 18px; } .map .text h3 a { font-weight: bold; text-decoration: none; color: red; } .map .text p { margin: 0; } #breadcrumbs { width: 980px; float: left; clear: both; margin: 0; padding: 0 0 10px; list-style: none; } #breadcrumbs li { float: left; display: inline; font-size: 10px; color: #43484D; } #breadcrumbs li a { font-size: 10px; padding: 0 8px 0 5px; background: url(/sitefiles/11/design/new/breadcrumb-sep.png) 100% 60% no-repeat; color: #43484D; text-decoration: none; } #breadcrumbs li.last a { color: #ED1C24; background: none; padding: 0 0 0 5px; } #breadcrumbs li a:hover { text-decoration: underline; } #main-menu { width: 934px; height: 20px; float: left; clear: both; position: relative; overflow: hidden; margin: 0; padding: 0; border-bottom: 1px solid #FFF; background: #cac4bb url(/sitefiles/11/design/new/menu-end.png) 100% 0 no-repeat; } #container .no-sub-menu { margin: 0 0 10px; } #main-menu li { float: left; display: inline; padding: 0 24px 0 0; height: 20px; background: url(/sitefiles/11/design/new/menu-item-sep.png) 100% 0 no-repeat; } #main-menu li a { display: block; padding: 0 10px; height: 20px; line-height: 20px; float: left; color: #333; text-transform: uppercase; font-size: 10px; text-decoration: none; text-align: center; } #main-menu li a:hover { color: #ED1C24; } #main-menu li.last { background: none; padding: 0; } #main-menu li.first, #main-menu li.first a { width: 158px; } #main-menu li.first a { padding: 0; } #main-menu li.active { background: url(/sitefiles/11/design/new/menu-item-active.png) 100% 0 no-repeat; padding: 0 24px 0 0; } #main-menu li.before-active { background: url(/sitefiles/11/design/new/menu-item-before-active.png) 100% 0 no-repeat; } #main-menu li.active a { color: #FFF; } #main-menu li.active a:hover { color: #cac4bb; } #sub-menu { width: 742px; height: 20px; float: left; clear: both; position: relative; overflow: hidden; margin: 0; padding: 0 0 10px 192px; background: url(/sitefiles/11/design/new/sub-menu.png) 0 0 no-repeat; } #sub-menu li { float: left; display: block; padding: 0 16px 0 0; height: 20px; } #sub-menu li.last { padding: 0; } #sub-menu li a { display: block; height: 20px; line-height: 20px; float: left; color: #333; font-size: 11px; text-decoration: none; text-align: center; } #sub-menu li a:hover, #sub-menu li.active a { color: #ED1C24; } .front-boxes { width: 620px; float: left; clear: both; } .front-boxes .box { width: 254px; height: 112px; position: relative; float: left; margin: 0 32px 32px 0; padding: 20px; } .front-boxes .right { margin: 0 0 32px; } .front-boxes .box a.overlay { display: block; width: 304px; height: 167px; position: absolute; top: 0; right: 0; clear: both; } .front-boxes .ask-the-doc, .front-boxes .ask-the-chef, .front-boxes .recipe-of-the-week { width: 294px; height: 152px; padding: 0; } .front-boxes .box p { line-height: 1.35; } .front-boxes .ask-the-doc p, .front-boxes .ask-the-chef p, .front-boxes .recipe-of-the-week p { width: 234px; height: 112px; padding: 20px 20px 20px 40px; position: absolute; top: 0; left: 0; clear: both; color: #FFF; font-family: "Trebuchet MS", "Lucida Grande", Tahoma, Arial, "Bitstream Vera Sans", sans-serif; font-size: 16px; font-weight: bold; margin: 0; line-height: 1.25; } .front-boxes .ask-the-doc p.shadow, .front-boxes .ask-the-chef p.shadow, .front-boxes .recipe-of-the-week p.shadow { color: #000; top: 1px; left: 2px; opacity: 0.7; _filter: alpha(opacity=70); } .front-boxes .ask-the-doc p.label, .front-boxes .ask-the-chef p.label, .front-boxes .recipe-of-the-week p.label { width: 78px; height: 63px; position: absolute; overflow: hidden; top: auto; bottom: -15px; left: -10px; background: url(/sitefiles/11/design/new/label.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/11/design/new/label.png", sizingMethod="scale"); text-align: center; font-size: 12px; font-family: Arial, sans-serif; padding: 16px 0 0; text-transform: lowercase; color: #000; line-height: 1.5; } .front-boxes .ask-the-doc p.label span, .front-boxes .ask-the-chef p.label span, .front-boxes .recipe-of-the-week p.label span { display: block; } .front-boxes .ask-the-doc p.label span.second, .front-boxes .ask-the-chef p.label span.second, .front-boxes .recipe-of-the-week p.label span.second { color: #A11318; } .front-boxes h2 { font-size: 12px; font-weight: normal; text-transform: uppercase; padding: 0 0 8px; margin: 0; } .front-boxes p.read-more { position: absolute; left: 20px; bottom: 20px; clear: both; margin: 0; } .front-boxes p.read-more a { color: #ED1C24; text-decoration: none; } .front-boxes p.read-more a:hover { text-decoration: underline; } #newsletter-subscription, #newsletter-subscription h2, #newsletter-subscription fieldset, #newsletter-subscription p, #newsletter-subscription ul, #newsletter-subscription ul li { width: 268px; float: left; clear: both; padding: 0; margin: 0; border: none; } #newsletter-subscription h2 { font-size: 20px; font-weight: normal; padding: 0 0 10px; margin: 0; } #newsletter-subscription p { padding: 0 0 15px; } #newsletter-subscription p.error { color: #ed1c24; } #newsletter-subscription ul { list-style: none; } #newsletter-subscription ul li { padding: 0 0 10px; line-height: 20px; } #newsletter-subscription ul li.sub { clear: left; width: 100px; padding-left: 24px; position: relative; } #newsletter-subscription ul li.unsub { float: right; _float: none; clear: right; width: 100px; padding-left: 24px; position: relative; } #newsletter-subscription ul li.reverse-order input { position: absolute; top: 2px; left: 0; margin: 0; width: auto; height: auto; border: none; } #newsletter-subscription ul li label { cursor: pointer; float: left; clear: left; } #newsletter-subscription ul li input { width: 167px; padding: 2px 3px; border: 1px solid #cbcac9; float: right; } #newsletter-subscription ul li.formcontrols .submit-wrap { border: 1px solid #ed1c24; padding: 2px; height: 19px; float: right; clear: right; width: 50px; } #container #newsletter-subscription ul li.formcontrols { padding: 0; } #newsletter-subscription ul li.formcontrols .submit-wrap input { width: auto; float: right; clear: right; height: 19px; padding: 0 5px 2px; color: #FFF; font-size: 11px; cursor: pointer; border: none; background: #ed1c24; width: 50px; } .recipes { width: 588px; float: left; clear: both; } .recipes .recipe { width: 184px; float: left; margin: 0 16px 24px 0; position: relative; } .recipes .right { margin: 0 0 16px; } .recipes .recipe .img { display: block; float: left; width: 80px; height: 80px; position: relative; overflow: hidden; } .recipes .recipe .img img { float: right; clear: both; } .recipes .recipe .img span { position: absolute; display: block; width: 80px; height: 80px; top: 0; left: 0; clear: both; background: url(/sitefiles/11/design/new/recipe-red-frame-mask.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/11/design/new/recipe-red-frame-mask.png", sizingMethod="scale"); } .recipes .recipe h3 { width: 184px; float: left; clear: both; } .recipes .recipe h3 a { padding: 0 0 0 10px; background: url(/sitefiles/11/design/new/red-bullet.gif) 0 50% no-repeat; } .recipes .recipe ul { width: 89px; position: absolute; bottom: 0; right: 0; clear: both; list-style: none; padding: 0; margin: 0; } .recipes .recipe ul li { color: #000; } .recipes .recipe ul li strong { font-weight: normal; color: #ED1C24; } .generic-620 { width: 620px; float: left; clear: both; position: relative; overflow: hidden; margin: 0 0 16px; background: url(/sitefiles/11/design/new/frame-mask-620-y.png) 0 0 repeat-y; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/11/design/new/frame-mask-620-y.png", sizingMethod="scale"); } .generic-620 .content { width: 581px; padding: 2px 18px 5px 18px; float: left; clear: both; background: 100% 2px no-repeat; } .generic-620 h2 { margin: 0; font-weight: normal; text-transform: uppercase; font-size: 12px; padding: 16px 0 15px; line-height: 1; } .generic-620 p { font-size: 12px; line-height: 1.4; margin: 0; } .generic-620 .top-corners { width: 620px; height: 12px; position: absolute; top: 0; left: 0; clear: both; overflow: hidden; background: url(/sitefiles/11/design/new/frame-mask-620-top.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/11/design/new/frame-mask-620-top.png", sizingMethod="scale"); } .generic-620 .bottom-corners { width: 620px; height: 13px; position: absolute; bottom: 0; left: 0; clear: both; overflow: hidden; background: url(/sitefiles/11/design/new/frame-mask-620-bottom.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/11/design/new/frame-mask-620-bottom.png", sizingMethod="scale"); } .books { width: 620px; float: left; clear: both; } .books .book { width: 170px; float: left; margin: 0 32px 32px 0; position: relative; overflow: hidden; padding: 20px 104px 20px 20px; background: url(/sitefiles/11/design/new/frame-mask-294-y.png) 0 0 repeat-y; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/11/design/new/frame-mask-294-y.png", sizingMethod="scale"); } .books .even { margin: 0 0 32px; } .books .book h2 { margin: 0; font-size: 12px; text-transform: uppercase; color: #000; padding: 0 0 15px; } .books .book h2 a { color: #000; text-decoration: none; } .books .book ul { font-size: 11px; line-height: 1.3; list-style: none; margin: 0; padding: 0 0 15px; } .books .book ul li { color: #000; padding: 0 0 3px; } .books .book a { color: #ED1C24; text-decoration: none; } .books .book a:hover { text-decoration: underline; } .books .book a.read-more { padding: 0 30px 0 0; } .books .book a.img { display: block; width: 75px; height: 100px; position: absolute; top: 20px; right: 20px; clear: both; } .books .book a.img img { float: right; } .books .book .top-corners { width: 294px; height: 12px; position: absolute; top: 0; left: 0; clear: both; overflow: hidden; background: url(/sitefiles/11/design/new/frame-mask-294-top.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/11/design/new/frame-mask-294-top.png", sizingMethod="scale"); } .books .book .bottom-corners { width: 294px; height: 13px; position: absolute; bottom: 0; left: 0; clear: both; overflow: hidden; background: url(/sitefiles/11/design/new/frame-mask-294-bottom.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/11/design/new/frame-mask-294-bottom.png", sizingMethod="scale"); } #book, #cart, #checkout { width: 573px; float: left; clear: both; padding: 22px 22px 25px 25px; position: relative; overflow: hidden; background: url(/sitefiles/11/design/new/frame-mask-620-y.png) 0 0 repeat-y; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/11/design/new/frame-mask-620-y.png", sizingMethod="scale"); } #cart { margin: 0 0 16px; } #book img { float: right; clear: right; margin: 0 0 15px 15px; } #book .back { color: #ED1C24; font-size: 11px; text-decoration: none; } #book a:hover { text-decoration: underline; } #book h2 { color: #000; text-transform: uppercase; padding: 15px 0 10px; margin: 0; } #book ul { padding: 0 0 10px; margin: 0; list-style: none; line-height: 3; } #book h3 { font-size: 12px; font-weight: normal; margin: 0; padding: 0 0 3px; } #book p { margin: 0 0 20px; } #book p#order-book { margin: 0; } #book p#order-book a { color: #ED1C24; text-decoration: none; font-weight: bold; } #book .top-corners, #cart .top-corners, #checkout .top-corners { width: 620px; height: 12px; position: absolute; top: 0; left: 0; clear: both; overflow: hidden; background: url(/sitefiles/11/design/new/frame-mask-620-top.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/11/design/new/frame-mask-620-top.png", sizingMethod="scale"); } #book .bottom-corners, #cart .bottom-corners, #checkout .bottom-corners { width: 620px; height: 13px; position: absolute; bottom: 0; left: 0; clear: both; overflow: hidden; background: url(/sitefiles/11/design/new/frame-mask-620-bottom.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/11/design/new/frame-mask-620-bottom.png", sizingMethod="scale"); } #cart h2 { font-size: 12px; color: #ED1C24; text-transform: uppercase; margin: 0; padding: 0 0 10px; float: left; clear: left; } #cart ul { list-style: none; margin: 0; padding: 0; } #cart ul li { float: left; clear: both; } #cart ul#cart-products { float: right; clear: right; width: 300px; } #cart ul#cart-products li { width: 300px; padding: 0 0 4px; } #cart ul#cart-products .left { float: left; clear: left; } #cart ul#cart-products .right { float: right; clear: right; padding: 0 0 0 20px; } #cart ul#cart-actions, #cart ul#cart-actions li { float: left; clear: left; width: 573px; } #cart #to-checkout { padding: 10px 0 0; font-weight: bold; } #cart #to-checkout a { padding: 10px 0 0; font-weight: bold; color: #ED1C24; text-decoration: none; } #checkout fieldset, #checkout form { margin: 0; padding: 0; border: none; } #checkout legend { display: none; } #checkout ul, #checkout ul li { width: 573px; float: left; clear: both; list-style: none; padding: 0; margin: 0; } #checkout ul li { line-height: 2; padding: 0 0 3px; } #checkout ul li.no-label { width: 473px; _width: 470px; padding: 0 0 3px 100px; _padding: 0 0 3px 103px; } #checkout ul li label { width: 90px; padding: 0 10px 0 0; cursor: pointer; float: left; display: block; } #checkout ul li input { width: 200px; border: 1px solid #CCC; padding: 2px 5px; } #checkout ul li textarea { width: 300px; border: 1px solid #CCC; line-height: 1.5; padding: 6px; } #checkout ul li.radio { width: 473px; _width: 470px; padding: 0 0 3px 100px; _padding: 0 0 3px 103px; position: relative; } #checkout ul li.radio input { position: absolute; left: 70px; top: 2px; clear: both; width: auto; height: auto; padding: 0; border: none; } #checkout ul li.radio label { width: auto; padding: 0; } #checkout ul li.formcontrols { width: 473px; _width: 470px; padding: 20px 0 0 100px; _padding: 20px 0 0 103px; } #checkout ul li.formcontrols .submit-wrap { float: left; padding: 2px; border: 1px solid #ED1C24; } #checkout ul li.formcontrols input { width: auto; padding: 3px 10px; background: #EEE; cursor: pointer; background: #ED1C24; color: #FFF; border: none; font-weight: bold; float: left; } .three-cols .siteleft { width: 436px; clear: none; } .three-cols .siteleft .main-box { padding: 16px; width: 404px; float: left; clear: both; background: url(/sitefiles/11/design/new/main-y-small.png) 0 0 repeat-y; position: relative; overflow: hidden; margin: 0 0 28px; } .three-cols .siteleft .main-box .main-top { width: 436px; height: 7px; font-size: 0; position: absolute; top: 0; left: 0; clear: both; overflow: hidden; background: url(/sitefiles/11/design/new/main-top-small.png) 0 0 no-repeat; } .three-cols .siteleft .main-box .main-bottom { width: 436px; height: 7px; font-size: 0; position: absolute; bottom: 0; left: 0; clear: both; overflow: hidden; background: url(/sitefiles/11/design/new/main-bottom-small.png) 0 0 no-repeat; } .three-cols #left-col { float: left; clear: left; width: 170px; margin: 0 14px 0 0; } #related-articles { width: 170px; float: left; clear: both; padding: 40px 0 20px; } #related-articles h3 { font-size: 12px; font-weight: bold; padding: 0 0 7px; line-height: 1; } #related-articles ul { width: 170px; float: left; clear: both; padding: 0; margin: 0; list-style: none; line-height: 1.3; } #related-articles ul li { width: 170px; float: left; clear: both; padding: 0 0 7px; } #related-articles ul li a { display: block; float: left; width: 160px; font-size: 11px; padding: 0 0 0 10px; background: url(/sitefiles/11/design/new/red-bullet.gif) 0 .5em no-repeat; } #article-section-menu { padding: 10px 0 20px; margin: 0; list-style: none; } #article-section-menu li { padding: 0 0 5px; } #article-section-menu li a { color: #ED1C24; font-size: 22px; font-weight: bold; text-decoration: none; } #article-sections h3 { color: #000; font-size: 12px; font-weight: bold; padding: 10px 0 0; } #recipe-cats-wrap { width: 588px; float: left; clear: both; } #recipe-cats-wrap h2 { font-size: 20px; font-weight: normal; margin: 0; padding: 0 0 10px; } #recipe-cats-wrap p { margin: 0; padding: 0 0 30px; } #recipe-cats-wrap #recipe-cats { width: 588px; float: left; clear: both; } #recipe-cats-wrap #recipe-cats .recipe-cat { width: 184px; float: left; margin: 0 18px 28px 0; } #recipe-cats-wrap #recipe-cats .third { margin: 0 0 28px; } #recipe-cats-wrap #recipe-cats .recipe-cat a { display: block; width: 184px; float: left; clear: both; text-decoration: none; color: #333; } #recipe-cats-wrap #recipe-cats .recipe-cat a:hover, #recipe-cats-wrap #recipe-cats .recipe-cat a:hover strong { color: #ED1C24; } #recipe-cats-wrap #recipe-cats .recipe-cat a img { float: left; clear: both; margin: 0 0 10px; } #recipe-cats-wrap #recipe-cats .recipe-cat a strong { display: block; font-weight: bold; font-size: 14px; text-align: center; } h2#search-results { font-size: 20px; font-weight: normal; margin: 0; padding: 0 0 10px; } h2#search-results strong { font-weight: bold; font-size: 20px; } /* ADS */ .ads-horizontal { width: 934px; float: left; clear: both; padding: 20px 0; background: url(/sitefiles/11/design/new/main-sponsors.png) 0 2px no-repeat; } .ads-horizontal .ad { width: 300px; float: left; padding: 0 17px 0 0; } .ads-horizontal .right { padding: 0; } .ads-horizontal .ad a { float: left; display: block; } .ads-horizontal .ad a img { float: left; } .ads-vertical-300 { width: 300px; float: left; clear: both; padding: 16px 0 4px; background: url(/sitefiles/11/design/new/main-sponsors.png) 0 0 no-repeat; } .ads-vertical-300 .ad { /* width: 300px; */ width: 360px; /* temp fiks Mai 2010 */ float: left; clear: both; margin: 0 0 10px; position: relative; overflow: hidden; } .ads-vertical-300 .ad a { float: left; display: block; } .ads-vertical-300 .ad a img { float: left; } .ads-vertical-300 .ad .t { width: 300px; height: 9px; position: absolute; top: 0; left: 0; clear: both; overflow: hidden; background: url(/sitefiles/11/design/new/corners-300-top.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/11/design/new/corners-300-top.png", sizingMethod="scale"); } .ads-vertical-300 .ad .b { width: 300px; height: 9px; position: absolute; bottom: 0; left: 0; clear: both; overflow: hidden; background: url(/sitefiles/11/design/new/corners-300-bottom.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/11/design/new/corners-300-bottom.png", sizingMethod="scale"); } .ads-vertical-170 { width: 170px; float: left; clear: both; padding: 16px 0 4px; background: url(/sitefiles/11/design/new/main-sponsors-min.png) 0 0 no-repeat; } .ads-vertical-170 .ad { width: 170px; float: left; clear: both; margin: 0 0 10px; position: relative; overflow: hidden; } .ads-vertical-170 .ad a { float: left; display: block; } .ads-vertical-170 .ad a img { float: left; } .ads-vertical-170 .ad .t { width: 170px; height: 9px; position: absolute; top: 0; left: 0; clear: both; overflow: hidden; background: url(/sitefiles/11/design/new/corners-170-top.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/11/design/new/corners-170-top.png", sizingMethod="scale"); } .ads-vertical-170 .ad .b { width: 170px; height: 9px; position: absolute; bottom: 0; left: 0; clear: both; overflow: hidden; background: url(/sitefiles/11/design/new/corners-170-bottom.png) 0 0 no-repeat; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/sitefiles/11/design/new/corners-170-bottom.png", sizingMethod="scale"); }